/* Theme Name: Kirgan Instroi Theme URI: https://instroi.com.ua/ Author: Кирган Микола Author URI: https://www.kirgan.top/ Description: Ця тема дозволить вам створити сайт з гарним і професійним дизайном. Дуже швидка, адаптивна, із застосуванням кращих практик SEO, унікальними можливостями для збільшення конверсії та багато іншого. Ваш сайт буде виглядати відмінно на будь-якому пристрої. Version: 20.9.7 Requires PHP: 7.3 License URI: https://www.kirgan.top/licenses/ Tags: kirgan, instroi */ .text_red { color: #ffc107; } .telx_red { color: #000; } .telx_red i { color: #ffc107; } /* ------- ------- ------- default ------- ------- ------- */ :focus{-moz-outline:none;-webkit-outline:none;outline:none;} html,body{text-size-adjust:100%;-moz-text-size-adjust:100%;-moz-font-smoothing:antialiased;-moz-box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;background-color:#fff;color:#2e3032;line-height:24px;font-size:14px;font-weight:normal;font-display:swap;} .disableScroll{height:100% !important;overflow:hidden !important;} i,.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';font-size:150% !important;vertical-align:middle;margin-top:-2px;} p,{display:block;width:100%;font-weight:normal;} h1,h2,h3,h4,h5,h6{display:block;width:100%;font-weight:normal;color:#000;} img{width:auto;height:auto;display:inline-block;} body,figure,img,p,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;} ol,ul{display:block;list-style-type:none;-moz-margin-before:0px;-moz-margin-after:0px;-moz-margin-start:0px;-moz-margin-end:0px;-moz-padding-start:0px;-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;-webkit-padding-start:0px;} a{text-decoration:none;color:#38abed;} a:hover{text-decoration:underline;color:#1f3346;} .cover{background-size:cover !important;object-fit:cover !important;background-repeat:no-repeat;background-position:center center;} .invert{-moz-filter:invert(100%);-webkit-filter:invert(100%);filter:invert(100%);} /* ------- ------- ------- container ------- ------- ------- */ .bg{display:block;width:100%;} .block{display:block;margin:0 auto;} .row{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;} .row.left{-webkit-justify-content:flex-start !important;-ms-flex-pack:start !important;justify-content:flex-start !important;} .row.center{-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important;} .row.right{-webkit-justify-content:flex-end !important;-ms-flex-pack:end !important;justify-content:flex-end !important;} .row.start{-webkit-align-items:flex-start !important;-ms-flex-align:start !important;align-items:flex-start !important;} .row.middle{-webkit-align-items:center !important;-ms-flex-align:center !important;align-items:center !important;} .row.end{-webkit-align-items:flex-end !important;-ms-flex-align:end !important;align-items:flex-end !important;} .bg,.block,.row,.col,.fix{-webkit-box-sizing:border-box;box-sizing:border-box;} @media screen and (max-width:559px){ .block{width:calc(100% - 40px);} .row{margin-left:-10px;margin-right:-10px;} .col{padding:0px 10px;} } @media screen and (min-width:560px){ .block{width:calc(100% - 60px);} .row{margin-left:-15px;margin-right:-15px;} .col{padding:0px 15px;} } @media only screen and (max-width:319px){.xs-hide{display:none !important;}} @media only screen and (min-width:320px) and (max-width:419px){.s-hide{display:none !important;}} @media only screen and (min-width:420px) and (max-width:559px){.m-hide{display:none !important;}} @media only screen and (min-width:560px) and (max-width:699px){.l-hide{display:none !important;}} @media only screen and (min-width:700px) and (max-width:999px){.xl-hide{display:none !important;}} @media screen and (max-width:999px){.block{min-width:200px;max-width:800px;}.mobile-hide{display:none !important;}} @media screen and (min-width:1000px){.block{min-width:940px;max-width:1200px;}.xxl-hide,.pc-hide{display:none !important;}} .x-hide{display:none !important;} .block.full{min-width:200px !important;max-width:100% !important;} /* xs - - - */ .col.xs-q5{width:20%;} .col.xs-q7{width:14.285714285714286%;} .col.xs-q8{width:12.5%;} .col.xs-q9{width:11.111111111111111%;} .col.xs1{width:8.3333333333%;} .col.xs2{width:16.6666666667%;} .col.xs3{width:25%;} .col.xs4{width:33.3333333333%;} .col.xs5{width:41.6666666667%;} .col.xs6{width:50%;} .col.xs7{width:58.3333333333%;} .col.xs8{width:66.6666666667%;} .col.xs9{width:75%;} .col.xs10{width:83.3333333333%;} .col.xs11{width:91.6666666667%;} .col.xs12{width:100%;} .col.xs-set0{margin-left:0;} .col.xs-set1{margin-left:8.3333333333%;} .col.xs-set2{margin-left:16.6666666667%;} .col.xs-set3{margin-left:25%;} .col.xs-set4{margin-left:33.3333333333%;} .col.xs-set5{margin-left:41.6666666667%;} .col.xs-set6{margin-left:50%;} .col.xs-set7{margin-left:58.3333333333%;} .col.xs-set8{margin-left:66.6666666667%;} .col.xs-set9{margin-left:75%;} .col.xs-set10{margin-left:83.3333333333%;} .col.xs-set11{margin-left:91.6666666667%;} .col.xs-pull0{margin-right:0;} .col.xs-pull1{margin-right:8.3333333333%;} .col.xs-pull2{margin-right:16.6666666667%;} .col.xs-pull3{margin-right:25%;} .col.xs-pull4{margin-right:33.3333333333%;} .col.xs-pull5{margin-right:41.6666666667%;} .col.xs-pull6{margin-right:50%;} .col.xs-pull7{margin-right:58.3333333333%;} .col.xs-pull8{margin-right:66.6666666667%;} .col.xs-pull9{margin-right:75%;} .col.xs-pull10{margin-right:83.3333333333%;} .col.xs-pull11{margin-right:91.6666666667%;} .col.xs-o1{order:1;} .col.xs-o2{order:2;} .col.xs-o3{order:3;} .col.xs-o4{order:4;} .col.xs-o5{order:5;} .col.xs-o6{order:6;} .col.xs-o7{order:7;} .col.xs-o8{order:8;} .col.xs-o9{order:9;} .col.xs-o10{order:10;} .col.xs-o11{order:11;} .col.xs-o12{order:12;} /* s - - - */ @media only screen and (min-width:320px){ .col.s-q5{width:20%;} .col.s-q7{width:14.285714285714286%;} .col.s-q8{width:12.5%;} .col.s-q9{width:11.111111111111111%;} .col.s1{width:8.3333333333%;} .col.s2{width:16.6666666667%;} .col.s3{width:25%;} .col.s4{width:33.3333333333%;} .col.s5{width:41.6666666667%;} .col.s6{width:50%;} .col.s7{width:58.3333333333%;} .col.s8{width:66.6666666667%;} .col.s9{width:75%;} .col.s10{width:83.3333333333%;} .col.s11{width:91.6666666667%;} .col.s12{width:100%;} .col.s-set0{margin-left:0;} .col.s-set1{margin-left:8.3333333333%;} .col.s-set2{margin-left:16.6666666667%;} .col.s-set3{margin-left:25%;} .col.s-set4{margin-left:33.3333333333%;} .col.s-set5{margin-left:41.6666666667%;} .col.s-set6{margin-left:50%;} .col.s-set7{margin-left:58.3333333333%;} .col.s-set8{margin-left:66.6666666667%;} .col.s-set9{margin-left:75%;} .col.s-set10{margin-left:83.3333333333%;} .col.s-set11{margin-left:91.6666666667%;} .col.s-pull0{margin-right:0;} .col.s-pull1{margin-right:8.3333333333%;} .col.s-pull2{margin-right:16.6666666667%;} .col.s-pull3{margin-right:25%;} .col.s-pull4{margin-right:33.3333333333%;} .col.s-pull5{margin-right:41.6666666667%;} .col.s-pull6{margin-right:50%;} .col.s-pull7{margin-right:58.3333333333%;} .col.s-pull8{margin-right:66.6666666667%;} .col.s-pull9{margin-right:75%;} .col.s-pull10{margin-right:83.3333333333%;} .col.s-pull11{margin-right:91.6666666667%;} .col.s-o1{order:1;} .col.s-o2{order:2;} .col.s-o3{order:3;} .col.s-o4{order:4;} .col.s-o5{order:5;} .col.s-o6{order:6;} .col.s-o7{order:7;} .col.s-o8{order:8;} .col.s-o9{order:9;} .col.s-o10{order:10;} .col.s-o11{order:11;} .col.s-o12{order:12;} } /* m - - - */ @media only screen and (min-width:420px){ .col.m-q5{width:20%;} .col.m-q7{width:14.285714285714286%;} .col.m-q8{width:12.5%;} .col.m-q9{width:11.111111111111111%;} .col.m1{width:8.3333333333%;} .col.m2{width:16.6666666667%;} .col.m3{width:25%;} .col.m4{width:33.3333333333%;} .col.m5{width:41.6666666667%;} .col.m6{width:50%;} .col.m7{width:58.3333333333%;} .col.m8{width:66.6666666667%;} .col.m9{width:75%;} .col.m10{width:83.3333333333%;} .col.m11{width:91.6666666667%;} .col.m12{width:100%;} .col.m-set0{margin-left:0;} .col.m-set1{margin-left:8.3333333333%;} .col.m-set2{margin-left:16.6666666667%;} .col.m-set3{margin-left:25%;} .col.m-set4{margin-left:33.3333333333%;} .col.m-set5{margin-left:41.6666666667%;} .col.m-set6{margin-left:50%;} .col.m-set7{margin-left:58.3333333333%;} .col.m-set8{margin-left:66.6666666667%;} .col.m-set9{margin-left:75%;} .col.m-set10{margin-left:83.3333333333%;} .col.m-set11{margin-left:91.6666666667%;} .col.m-pull0{margin-right:0;} .col.m-pull1{margin-right:8.3333333333%;} .col.m-pull2{margin-right:16.6666666667%;} .col.m-pull3{margin-right:25%;} .col.m-pull4{margin-right:33.3333333333%;} .col.m-pull5{margin-right:41.6666666667%;} .col.m-pull6{margin-right:50%;} .col.m-pull7{margin-right:58.3333333333%;} .col.m-pull8{margin-right:66.6666666667%;} .col.m-pull9{margin-right:75%;} .col.m-pull10{margin-right:83.3333333333%;} .col.m-pull11{margin-right:91.6666666667%;} .col.m-o1{order:1;} .col.m-o2{order:2;} .col.m-o3{order:3;} .col.m-o4{order:4;} .col.m-o5{order:5;} .col.m-o6{order:6;} .col.m-o7{order:7;} .col.m-o8{order:8;} .col.m-o9{order:9;} .col.m-o10{order:10;} .col.m-o11{order:11;} .col.m-o12{order:12;} } /* l - - - */ @media only screen and (min-width:560px){ .col.l-q5{width:20%;} .col.l-q7{width:14.285714285714286%;} .col.l-q8{width:12.5%;} .col.l-q9{width:11.111111111111111%;} .col.l1{width:8.3333333333%;} .col.l2{width:16.6666666667%;} .col.l3{width:25%;} .col.l4{width:33.3333333333%;} .col.l5{width:41.6666666667%;} .col.l6{width:50%;} .col.l7{width:58.3333333333%;} .col.l8{width:66.6666666667%;} .col.l9{width:75%;} .col.l10{width:83.3333333333%;} .col.l11{width:91.6666666667%;} .col.l12{width:100%;} .col.l-set0{margin-left:0;} .col.l-set1{margin-left:8.3333333333%;} .col.l-set2{margin-left:16.6666666667%;} .col.l-set3{margin-left:25%;} .col.l-set4{margin-left:33.3333333333%;} .col.l-set5{margin-left:41.6666666667%;} .col.l-set6{margin-left:50%;} .col.l-set7{margin-left:58.3333333333%;} .col.l-set8{margin-left:66.6666666667%;} .col.l-set9{margin-left:75%;} .col.l-set10{margin-left:83.3333333333%;} .col.l-set11{margin-left:91.6666666667%;} .col.l-pull0{margin-right:0;} .col.l-pull1{margin-right:8.3333333333%;} .col.l-pull2{margin-right:16.6666666667%;} .col.l-pull3{margin-right:25%;} .col.l-pull4{margin-right:33.3333333333%;} .col.l-pull5{margin-right:41.6666666667%;} .col.l-pull6{margin-right:50%;} .col.l-pull7{margin-right:58.3333333333%;} .col.l-pull8{margin-right:66.6666666667%;} .col.l-pull9{margin-right:75%;} .col.l-pull10{margin-right:83.3333333333%;} .col.l-pull11{margin-right:91.6666666667%;} .col.l-o1{order:1;} .col.l-o2{order:2;} .col.l-o3{order:3;} .col.l-o4{order:4;} .col.l-o5{order:5;} .col.l-o6{order:6;} .col.l-o7{order:7;} .col.l-o8{order:8;} .col.l-o9{order:9;} .col.l-o10{order:10;} .col.l-o11{order:11;} .col.l-o12{order:12;} } /* xl - - - */ @media only screen and (min-width:700px){ .col.xl-q5{width:20%;} .col.xl-q7{width:14.285714285714286%;} .col.xl-q8{width:12.5%;} .col.xl-q9{width:11.111111111111111%;} .col.xl1{width:8.3333333333%;} .col.xl2{width:16.6666666667%;} .col.xl3{width:25%;} .col.xl4{width:33.3333333333%;} .col.xl5{width:41.6666666667%;} .col.xl6{width:50%;} .col.xl7{width:58.3333333333%;} .col.xl8{width:66.6666666667%;} .col.xl9{width:75%;} .col.xl10{width:83.3333333333%;} .col.xl11{width:91.6666666667%;} .col.xl12{width:100%;} .col.xl-set0{margin-left:0;} .col.xl-set1{margin-left:8.3333333333%;} .col.xl-set2{margin-left:16.6666666667%;} .col.xl-set3{margin-left:25%;} .col.xl-set4{margin-left:33.3333333333%;} .col.xl-set5{margin-left:41.6666666667%;} .col.xl-set6{margin-left:50%;} .col.xl-set7{margin-left:58.3333333333%;} .col.xl-set8{margin-left:66.6666666667%;} .col.xl-set9{margin-left:75%;} .col.xl-set10{margin-left:83.3333333333%;} .col.xl-set11{margin-left:91.6666666667%;} .col.xl-pull0{margin-right:0;} .col.xl-pull1{margin-right:8.3333333333%;} .col.xl-pull2{margin-right:16.6666666667%;} .col.xl-pull3{margin-right:25%;} .col.xl-pull4{margin-right:33.3333333333%;} .col.xl-pull5{margin-right:41.6666666667%;} .col.xl-pull6{margin-right:50%;} .col.xl-pull7{margin-right:58.3333333333%;} .col.xl-pull8{margin-right:66.6666666667%;} .col.xl-pull9{margin-right:75%;} .col.xl-pull10{margin-right:83.3333333333%;} .col.xl-pull11{margin-right:91.6666666667%;} .col.xl-o1{order:1;} .col.xl-o2{order:2;} .col.xl-o3{order:3;} .col.xl-o4{order:4;} .col.xl-o5{order:5;} .col.xl-o6{order:6;} .col.xl-o7{order:7;} .col.xl-o8{order:8;} .col.xl-o9{order:9;} .col.xl-o10{order:10;} .col.xl-o11{order:11;} .col.xl-o12{order:12;} } /* xxl - - - */ @media only screen and (min-width:1000px){ .col.xxl-q5{width:20%;} .col.xxl-q7{width:14.285714285714286%;} .col.xxl-q8{width:12.5%;} .col.xxl-q9{width:11.111111111111111%;} .col.xxl1{width:8.3333333333%;} .col.xxl2{width:16.6666666667%;} .col.xxl3{width:25%;} .col.xxl4{width:33.3333333333%;} .col.xxl5{width:41.6666666667%;} .col.xxl6{width:50%;} .col.xxl7{width:58.3333333333%;} .col.xxl8{width:66.6666666667%;} .col.xxl9{width:75%;} .col.xxl10{width:83.3333333333%;} .col.xxl11{width:91.6666666667%;} .col.xxl12{width:100%;} .col.xxl-set0{margin-left:0;} .col.xxl-set1{margin-left:8.3333333333%;} .col.xxl-set2{margin-left:16.6666666667%;} .col.xxl-set3{margin-left:25%;} .col.xxl-set4{margin-left:33.3333333333%;} .col.xxl-set5{margin-left:41.6666666667%;} .col.xxl-set6{margin-left:50%;} .col.xxl-set7{margin-left:58.3333333333%;} .col.xxl-set8{margin-left:66.6666666667%;} .col.xxl-set9{margin-left:75%;} .col.xxl-set10{margin-left:83.3333333333%;} .col.xxl-set11{margin-left:91.6666666667%;} .col.xxl-pull0{margin-right:0;} .col.xxl-pull1{margin-right:8.3333333333%;} .col.xxl-pull2{margin-right:16.6666666667%;} .col.xxl-pull3{margin-right:25%;} .col.xxl-pull4{margin-right:33.3333333333%;} .col.xxl-pull5{margin-right:41.6666666667%;} .col.xxl-pull6{margin-right:50%;} .col.xxl-pull7{margin-right:58.3333333333%;} .col.xxl-pull8{margin-right:66.6666666667%;} .col.xxl-pull9{margin-right:75%;} .col.xxl-pull10{margin-right:83.3333333333%;} .col.xxl-pull11{margin-right:91.6666666667%;} .col.xxl-o1{order:1;} .col.xxl-o2{order:2;} .col.xxl-o3{order:3;} .col.xxl-o4{order:4;} .col.xxl-o5{order:5;} .col.xxl-o6{order:6;} .col.xxl-o7{order:7;} .col.xxl-o8{order:8;} .col.xxl-o9{order:9;} .col.xxl-o10{order:10;} .col.xxl-o11{order:11;} .col.xxl-o12{order:12;} } /* margin - - - */ .mt1{margin-top:15px !important;} .mt2{margin-top:30px !important;} .mt3{margin-top:45px !important;} .mt4{margin-top:60px !important;} .mt5{margin-top:75px !important;} .mt6{margin-top:90px !important;} .mb1{margin-bottom:15px !important;} .mb2{margin-bottom:30px !important;} .mb3{margin-bottom:45px !important;} .mb4{margin-bottom:60px !important;} .mb5{margin-bottom:75px !important;} .mb6{margin-bottom:90px !important;} .ml1{margin-left:15px !important;} .ml2{margin-left:30px !important;} .ml3{margin-left:45px !important;} .ml4{margin-left:60px !important;} .ml5{margin-left:75px !important;} .ml6{margin-left:90px !important;} .mr1{margin-right:15px !important;} .mr2{margin-right:30px !important;} .mr3{margin-right:45px !important;} .mr4{margin-right:60px !important;} .mr5{margin-right:75px !important;} .mr6{margin-right:90px !important;} .mt-1{margin-top:-15px !important;} .mt-2{margin-top:-30px !important;} .mt-3{margin-top:-45px !important;} .mt-4{margin-top:-60px !important;} .mt-5{margin-top:-75px !important;} .mt-6{margin-top:-90px !important;} .mb-1{margin-bottom:-15px !important;} .mb-2{margin-bottom:-30px !important;} .mb-3{margin-bottom:-45px !important;} .mb-4{margin-bottom:-60px !important;} .mb-5{margin-bottom:-75px !important;} .mb-6{margin-bottom:-90px !important;} .ml-1{margin-left:-15px !important;} .ml-2{margin-left:-30px !important;} .ml-3{margin-left:-45px !important;} .ml-4{margin-left:-60px !important;} .ml-5{margin-left:-75px !important;} .ml-6{margin-left:-90px !important;} .mr-1{margin-right:-15px !important;} .mr-2{margin-right:-30px !important;} .mr-3{margin-right:-45px !important;} .mr-4{margin-right:-60px !important;} .mr-5{margin-right:-75px !important;} .mr-6{margin-right:-90px !important;} /* padding - - - */ .pt1{padding-top:15px !important;} .pt2{padding-top:30px !important;} .pt3{padding-top:45px !important;} .pt4{padding-top:60px !important;} .pt5{padding-top:75px !important;} .pt6{padding-top:90px !important;} .pb1{padding-bottom:15px !important;} .pb2{padding-bottom:30px !important;} .pb3{padding-bottom:45px !important;} .pb4{padding-bottom:60px !important;} .pb5{padding-bottom:75px !important;} .pb6{padding-bottom:90px !important;} .pl1{padding-left:15px !important;} .pl2{padding-left:30px !important;} .pl3{padding-left:45px !important;} .pl4{padding-left:60px !important;} .pl5{padding-left:75px !important;} .pl6{padding-left:90px !important;} .pr1{padding-right:15px !important;} .pr2{padding-right:30px !important;} .pr3{padding-right:45px !important;} .pr4{padding-right:60px !important;} .pr5{padding-right:75px !important;} .pr6{padding-right:90px !important;} /* shadow - - - */ .z1,.h-z1:hover{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.02) !important;box-shadow:0 3px 3px 0 rgba(0,0,0,0.02) !important;} .z2,.h-z2:hover{-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.02) !important;box-shadow:0 3px 5px 0 rgba(0,0,0,0.02) !important;} .z3,.h-z3:hover{-webkit-box-shadow:0 4px 7px 0 rgba(0,0,0,0.03) !important;box-shadow:0 4px 7px 0 rgba(0,0,0,0.03) !important;} .z4,.h-z4:hover{-webkit-box-shadow:0 4px 9px 0 rgba(0,0,0,0.03) !important;box-shadow:0 4px 9px 0 rgba(0,0,0,0.03) !important;} .z5,.h-z5:hover{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.04) !important;box-shadow:0 5px 11px 0 rgba(0,0,0,0.04) !important;} .z6,.h-z6:hover{-webkit-box-shadow:0 5px 13px 0 rgba(0,0,0,0.04) !important;box-shadow:0 5px 13px 0 rgba(0,0,0,0.04) !important;} .z7,.h-z7:hover{-webkit-box-shadow:0 6px 15px 0 rgba(0,0,0,0.05) !important;box-shadow:0 6px 15px 0 rgba(0,0,0,0.05) !important;} .z8,.h-z8:hover{-webkit-box-shadow:0 6px 17px 0 rgba(0,0,0,0.05) !important;box-shadow:0 6px 17px 0 rgba(0,0,0,0.05) !important;} .z9,.h-z9:hover{-webkit-box-shadow:0 7px 19px 0 rgba(0,0,0,0.06) !important;box-shadow:0 7px 19px 0 rgba(0,0,0,0.06) !important;} .z10,.h-z10:hover{-webkit-box-shadow:0 7px 21px 0 rgba(0,0,0,0.06) !important;box-shadow:0 7px 21px 0 rgba(0,0,0,0.06) !important;} .z11,.h-z11:hover{-webkit-box-shadow:0 8px 23px 0 rgba(0,0,0,0.07) !important;box-shadow:0 8px 23px 0 rgba(0,0,0,0.07) !important;} .z12,.h-z12:hover{-webkit-box-shadow:0 8px 25px 0 rgba(0,0,0,0.07) !important;box-shadow:0 8px 25px 0 rgba(0,0,0,0.07) !important;} /* radius - - - */ .r1,.h-r1:hover{border-radius:3px !important;} .r2,.h-r2:hover{border-radius:4px !important;} .r3,.h-r3:hover{border-radius:5px !important;} .r4,.h-r4:hover{border-radius:6px !important;} .r5,.h-r5:hover{border-radius:7px !important;} .r6,.h-r6:hover{border-radius:8px !important;} .r7,.h-r7:hover{border-radius:9px !important;} .r8,.h-r8:hover{border-radius:10px !important;} .r9,.h-r9:hover{border-radius:15px !important;} .r10,.h-r10:hover{border-radius:20px !important;} .r11,.h-r11:hover{border-radius:30px !important;} .r12,.h-r12:hover{border-radius:50px !important;} /* ------- ------- ------- text ------- ------- ------- */ .t.b{font-weight:bold !important;} .t.lh{line-height:0 !important;} .t.tc{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .t.xt0,.t.at0{font-size:12px;line-height:21px;padding-top:10px;padding-bottom:8px;} .t.xt1,.t.xt2,.t.at1{font-size:14px;line-height:24px;padding-top:8px;padding-bottom:8px;} .t.xt3,.t.xt4,.t.at2{font-size:16px;line-height:26px;} .t.xt5,.t.xt6,.t.at3{font-size:18px;line-height:27px;} .t.xt3,.t.xt4,.t.xt5,.t.xt6,.t.at2,.t.at3{padding-top:9px;padding-bottom:7px;} .t.xt7,.t.xt8,.t.at4{font-size:22px;line-height:32px;} .t.xt9,.t.xt10,.t.at5{font-size:26px;line-height:35px;} .t.xt11,.t.at6{font-size:30px;line-height:38px;} .t.xt7,.t.xt8,.t.xt9,.t.xt10,.t.xt11,.t.at4,.t.at5,.t.at6{padding-top:8px;padding-bottom:6px;} .t.xt12,.t.at7{font-size:36px;line-height:44px;} .t.at8{font-size:42px;line-height:48px;} .t.at9{font-size:48px;line-height:53px;} .t.xt12,.t.at7,.t.at8,.t.at9{padding-top:7px;padding-bottom:5px;} .t.at10{font-size:56px;line-height:60px;} .t.at11{font-size:64px;line-height:66px;} .t.at12{font-size:72px;line-height:72px;} .t.at10,.t.at11,.t.at12{padding-top:6px;padding-bottom:4px;} .t.al{text-align:left !important;} .t.ac{text-align:center !important;} .t.ar{text-align:right !important;} @media only screen and (min-width:320px){ .t.bt0{font-size:12px;line-height:21px;padding-top:10px;padding-bottom:8px;} .t.xt0,.t.xt1,.t.bt1{font-size:14px;line-height:24px;padding-top:8px;padding-bottom:8px;} .t.xt2,.t.xt3,.t.bt2{font-size:16px;line-height:26px;} .t.xt4,.t.xt5,.t.bt3{font-size:18px;line-height:27px;} .t.xt2,.t.xt3,.t.xt4,.t.xt5,.t.bt2,.t.bt3{padding-top:9px;padding-bottom:7px;} .t.xt6,.t.xt7,.t.bt4{font-size:22px;line-height:32px;} .t.xt8,.t.xt9,.t.bt5{font-size:26px;line-height:35px;} .t.xt10,.t.bt6{font-size:30px;line-height:38px;} .t.xt6,.t.xt7,.t.xt8,.t.xt9,.t.xt10,.t.bt4,.t.bt5,.t.bt6{padding-top:8px;padding-bottom:6px;} .t.xt11,.t.bt7{font-size:36px;line-height:44px;} .t.xt12,.t.bt8{font-size:42px;line-height:48px;} .t.bt9{font-size:48px;line-height:53px;} .t.xt11,.t.xt12,.t.bt7,.t.bt8,.t.bt9{padding-top:7px;padding-bottom:5px;} .t.bt10{font-size:56px;line-height:60px;} .t.bt11{font-size:64px;line-height:66px;} .t.bt12{font-size:72px;line-height:72px;} .t.bt10,.t.bt11,.t.bt12{padding-top:6px;padding-bottom:4px;} .t.bl{text-align:left !important;} .t.bc{text-align:center !important;} .t.br{text-align:right !important;} } @media only screen and (min-width:420px){ .t.ct0{font-size:12px;line-height:21px;padding-top:10px;padding-bottom:8px;} .t.xt0,.t.ct1{font-size:14px;line-height:24px;padding-top:8px;padding-bottom:8px;} .t.xt1,.t.xt2,.t.ct2{font-size:16px;line-height:26px;} .t.xt3,.t.xt4,.t.ct3{font-size:18px;line-height:27px;} .t.xt1,.t.xt2,.t.xt3,.t.xt4,.t.ct2,.t.ct3{padding-top:9px;padding-bottom:7px;} .t.xt5,.t.xt6,.t.ct4{font-size:22px;line-height:32px;} .t.xt7,.t.xt8,.t.ct5{font-size:26px;line-height:35px;} .t.xt9,.t.ct6{font-size:30px;line-height:38px;} .t.xt5,.t.xt6,.t.xt7,.t.xt8,.t.xt9,.t.ct4,.t.ct5,.t.ct6{padding-top:8px;padding-bottom:6px;} .t.xt10,.t.ct7{font-size:36px;line-height:44px;} .t.xt11,.t.ct8{font-size:42px;line-height:48px;} .t.xt12,.t.ct9{font-size:48px;line-height:53px;} .t.xt10,.t.xt11,.t.xt12,.t.ct7,.t.ct8,.t.ct9{padding-top:7px;padding-bottom:5px;} .t.ct10{font-size:56px;line-height:60px;} .t.ct11{font-size:64px;line-height:66px;} .t.ct12{font-size:72px;line-height:72px;} .t.ct10,.t.ct11,.t.ct12{padding-top:6px;padding-bottom:4px;} .t.cl{text-align:left !important;} .t.cc{text-align:center !important;} .t.cr{text-align:right !important;} } @media only screen and (min-width:560px){ .t.dt0{font-size:12px;line-height:21px;padding-top:10px;padding-bottom:8px;} .t.dt1{font-size:14px;line-height:24px;padding-top:8px;padding-bottom:8px;} .t.xt0,.t.xt1,.t.dt2{font-size:16px;line-height:26px;} .t.xt2,.t.xt3,.t.dt3{font-size:18px;line-height:27px;} .t.xt0,.t.xt1,.t.xt2,.t.xt3,.t.dt2,.t.dt3{padding-top:9px;padding-bottom:7px;} .t.xt4,.t.xt5,.t.dt4{font-size:22px;line-height:32px;} .t.xt6,.t.xt7,.t.dt5{font-size:26px;line-height:35px;} .t.xt8,.t.dt6{font-size:30px;line-height:38px;} .t.xt4,.t.xt5,.t.xt6,.t.xt7,.t.xt8,.t.dt4,.t.dt5,.t.dt6{padding-top:8px;padding-bottom:6px;} .t.xt9,.t.dt7{font-size:36px;line-height:44px;} .t.xt10,.t.dt8{font-size:42px;line-height:48px;} .t.xt11,.t.dt9{font-size:48px;line-height:53px;} .t.xt9,.t.xt10,.t.xt11,.t.dt7,.t.dt8,.t.dt9{padding-top:7px;padding-bottom:5px;} .t.xt12,.t.dt10{font-size:56px;line-height:60px;} .t.dt11{font-size:64px;line-height:66px;} .t.dt12{font-size:72px;line-height:72px;} .t.xt12,.t.dt10,.t.dt11,.t.dt12{padding-top:6px;padding-bottom:4px;} .t.dl{text-align:left !important;} .t.dc{text-align:center !important;} .t.dr{text-align:right !important;} } @media only screen and (min-width:700px){ .t.et0{font-size:12px;line-height:21px;padding-top:10px;padding-bottom:8px;} .t.et1{font-size:14px;line-height:24px;padding-top:8px;padding-bottom:8px;} .t.xt0,.t.et2{font-size:16px;line-height:26px;} .t.xt1,.t.xt2,.t.et3{font-size:18px;line-height:27px;} .t.xt0,.t.xt1,.t.xt2,.t.et2,.t.et3{padding-top:9px;padding-bottom:7px;} .t.xt3,.t.xt4,.t.et4{font-size:22px;line-height:32px;} .t.xt5,.t.xt6,.t.et5{font-size:26px;line-height:35px;} .t.xt7,.t.et6{font-size:30px;line-height:38px;} .t.xt3,.t.xt4,.t.xt5,.t.xt6,.t.xt7,.t.et4,.t.et5,.t.et6{padding-top:8px;padding-bottom:6px;} .t.xt8,.t.et7{font-size:36px;line-height:44px;} .t.xt9,.t.et8{font-size:42px;line-height:48px;} .t.xt10,.t.et9{font-size:48px;line-height:53px;} .t.xt8,.t.xt9,.t.xt10,.t.et7,.t.et8,.t.et9{padding-top:7px;padding-bottom:5px;} .t.xt11,.t.et10{font-size:56px;line-height:60px;} .t.xt12,.t.et11{font-size:64px;line-height:66px;} .t.et12{font-size:72px;line-height:72px;} .t.xt11,.t.xt12,.t.et10,.t.et11,.t.et12{padding-top:6px;padding-bottom:4px;} .t.el{text-align:left !important;} .t.ec{text-align:center !important;} .t.er{text-align:right !important;} } @media only screen and (min-width:1000px){ .t.ft0{font-size:12px;line-height:21px;padding-top:10px;padding-bottom:8px;} .t.ft1{font-size:14px;line-height:24px;padding-top:8px;padding-bottom:8px;} .t.ft2{font-size:16px;line-height:26px;} .t.xt0,.t.xt1,.t.ft3{font-size:18px;line-height:27px;} .t.xt0,.t.xt1,.t.ft2,.t.ft3{padding-top:9px;padding-bottom:7px;} .t.xt2,.t.xt3,.t.ft4{font-size:22px;line-height:32px;} .t.xt4,.t.xt5,.t.ft5{font-size:26px;line-height:35px;} .t.xt6,.t.ft6{font-size:30px;line-height:38px;} .t.xt2,.t.xt3,.t.xt4,.t.xt5,.t.xt6,.t.ft4,.t.ft5,.t.ft6{padding-top:8px;padding-bottom:6px;} .t.xt7,.t.ft7{font-size:36px;line-height:44px;} .t.xt8,.t.ft8{font-size:42px;line-height:48px;} .t.xt9,.t.ft9{font-size:48px;line-height:53px;} .t.xt7,.t.xt8,.t.xt9,.t.ft7,.t.ft8,.t.ft9{padding-top:7px;padding-bottom:5px;} .t.xt10,.t.ft10{font-size:56px;line-height:60px;} .t.xt11,.t.ft11{font-size:64px;line-height:66px;} .t.xt12,.t.ft12{font-size:72px;line-height:72px;} .t.xt10,.t.xt11,.t.xt12,.t.ft10,.t.ft11,.t.ft12{padding-top:6px;padding-bottom:4px;} .t.fl{text-align:left !important;} .t.fc{text-align:center !important;} .t.fr{text-align:right !important;} } /* ------- ------- ------- image ------- ------- ------- */ #image{display:block;line-height:0 !important;padding-top:15px;padding-bottom:15px;} #image img{max-width:100%;max-height:100%;} .rat{position:relative;width:100%;} .rat::before{content:"";display:block;} .rat.x1::before{padding-top:25%;} .rat.x2::before{padding-top:37.5%;} .rat.x3::before{padding-top:50%;} .rat.x4::before{padding-top:62.5%;} .rat.x5::before{padding-top:75%;} .rat.x6::before{padding-top:87.5%;} .rat.x7::before{padding-top:100%;} .rat.x8::before{padding-top:112.5%;} .rat.x9::before{padding-top:125%;} .rat.x10::before{padding-top:137.5%;} .rat.x11::before{padding-top:150%;} .rat.x12::before{padding-top:162.5%;} .rat.a1::before{padding-top:40px;} .rat.a2::before{padding-top:60px;} .rat.a3::before{padding-top:80px;} .rat.a4::before{padding-top:100px;} .rat.a5::before{padding-top:120px;} .rat.a6::before{padding-top:140px;} .rat.a7::before{padding-top:160px;} .rat.a8::before{padding-top:180px;} .rat.a9::before{padding-top:200px;} .rat.a10::before{padding-top:220px;} .rat.a11::before{padding-top:240px;} .rat.a12::before{padding-top:260px;} .rat #thumb{position:absolute;top:0px;left:0px;bottom:0px;right:0px;} .rat #thumb img{width:100% !important;height:100% !important;object-fit:contain;} #image.al{text-align:left !important;} #image.ac{text-align:center !important;} #image.ar{text-align:right !important;} #image.al .rat #thumb img{object-position:left !important;} #image.ac .rat #thumb img{object-position:center !important;} #image.ar .rat #thumb img{object-position:right !important;} @media only screen and (min-width:320px){ .rat.b1::before{padding-top:40px;} .rat.b2::before{padding-top:60px;} .rat.b3::before{padding-top:80px;} .rat.b4::before{padding-top:100px;} .rat.b5::before{padding-top:120px;} .rat.b6::before{padding-top:140px;} .rat.b7::before{padding-top:160px;} .rat.b8::before{padding-top:180px;} .rat.b9::before{padding-top:200px;} .rat.b10::before{padding-top:220px;} .rat.b11::before{padding-top:240px;} .rat.b12::before{padding-top:260px;} #image.bl{text-align:left !important;} #image.bc{text-align:center !important;} #image.br{text-align:right !important;} #image.bl .rat #thumb img{object-position:left !important;} #image.bc .rat #thumb img{object-position:center !important;} #image.br .rat #thumb img{object-position:right !important;} } @media only screen and (min-width:420px){ .rat.c1::before{padding-top:40px;} .rat.c2::before{padding-top:60px;} .rat.c3::before{padding-top:80px;} .rat.c4::before{padding-top:100px;} .rat.c5::before{padding-top:120px;} .rat.c6::before{padding-top:140px;} .rat.c7::before{padding-top:160px;} .rat.c8::before{padding-top:180px;} .rat.c9::before{padding-top:200px;} .rat.c10::before{padding-top:220px;} .rat.c11::before{padding-top:240px;} .rat.c12::before{padding-top:260px;} #image.cl{text-align:left !important;} #image.cc{text-align:center !important;} #image.cr{text-align:right !important;} #image.cl .rat #thumb img{object-position:left !important;} #image.cc .rat #thumb img{object-position:center !important;} #image.cr .rat #thumb img{object-position:right !important;} } @media only screen and (min-width:560px){ .rat.d1::before{padding-top:40px;} .rat.d2::before{padding-top:60px;} .rat.d3::before{padding-top:80px;} .rat.d4::before{padding-top:100px;} .rat.d5::before{padding-top:120px;} .rat.d6::before{padding-top:140px;} .rat.d7::before{padding-top:160px;} .rat.d8::before{padding-top:180px;} .rat.d9::before{padding-top:200px;} .rat.d10::before{padding-top:220px;} .rat.d11::before{padding-top:240px;} .rat.d12::before{padding-top:260px;} #image.dl{text-align:left !important;} #image.dc{text-align:center !important;} #image.dr{text-align:right !important;} #image.dl .rat #thumb img{object-position:left !important;} #image.dc .rat #thumb img{object-position:center !important;} #image.dr .rat #thumb img{object-position:right !important;} } @media only screen and (min-width:700px){ .rat.e1::before{padding-top:40px;} .rat.e2::before{padding-top:60px;} .rat.e3::before{padding-top:80px;} .rat.e4::before{padding-top:100px;} .rat.e5::before{padding-top:120px;} .rat.e6::before{padding-top:140px;} .rat.e7::before{padding-top:160px;} .rat.e8::before{padding-top:180px;} .rat.e9::before{padding-top:200px;} .rat.e10::before{padding-top:220px;} .rat.e11::before{padding-top:240px;} .rat.e12::before{padding-top:260px;} #image.el{text-align:left !important;} #image.ec{text-align:center !important;} #image.er{text-align:right !important;} #image.el .rat #thumb img{object-position:left !important;} #image.ec .rat #thumb img{object-position:center !important;} #image.er .rat #thumb img{object-position:right !important;} } @media only screen and (min-width:1000px){ .rat.f1::before{padding-top:40px;} .rat.f2::before{padding-top:60px;} .rat.f3::before{padding-top:80px;} .rat.f4::before{padding-top:100px;} .rat.f5::before{padding-top:120px;} .rat.f6::before{padding-top:140px;} .rat.f7::before{padding-top:160px;} .rat.f8::before{padding-top:180px;} .rat.f9::before{padding-top:200px;} .rat.f10::before{padding-top:220px;} .rat.f11::before{padding-top:240px;} .rat.f12::before{padding-top:260px;} #image.fl{text-align:left !important;} #image.fc{text-align:center !important;} #image.fr{text-align:right !important;} #image.fl .rat #thumb img{object-position:left !important;} #image.fc .rat #thumb img{object-position:center !important;} #image.fr .rat #thumb img{object-position:right !important;} } /* ------- ------- ------- button ------- ------- ------- */ ul.btn li a { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } ul.btn{display:block;padding-top:15px;padding-bottom:5px;} ul.btn li{padding-bottom:10px;} ul.btn li a{text-align:center;opacity:1;border-bottom:1px solid rgba(0,0,0,0.1);background:#33475a;color:#fff;} ul.btn.br1 a{border-radius:3px !important;} ul.btn.br2 a{border-radius:4px !important;} ul.btn.br3 a{border-radius:5px !important;} ul.btn.br4 a{border-radius:6px !important;} ul.btn.br5 a{border-radius:7px !important;} ul.btn.br6 a{border-radius:8px !important;} ul.btn.br7 a{border-radius:9px !important;} ul.btn.br8 a{border-radius:10px !important;} ul.btn.br9 a{border-radius:15px !important;} ul.btn.br10 a{border-radius:20px !important;} ul.btn.br11 a{border-radius:30px !important;} ul.btn.br12 a{border-radius:50px !important;} ul.btn li,ul.btn a{display:inline-block;} ul.btn.xb4 li,ul.btn.xb5 li,ul.btn.xb6 li,ul.btn.xb4 a,ul.btn.xb5 a,ul.btn.xb6 a{display:block;} ul.btn.al{text-align:left;} ul.btn.ac{text-align:center;} ul.btn.ar{text-align:right;} ul.btn.al li{padding-left:0px;padding-right:10px;} ul.btn.ac li{padding-left:5px;padding-right:5px;} ul.btn.ar li{padding-left:10px;padding-right:0px;} ul.btn.xb4 li,ul.btn.xb5 li,ul.btn.xb6 li{padding-left:0px;padding-right:0px;} ul.btn.xb1 a{font-size:12px;line-height:19px;padding:3px 10px 1px 10px;} ul.btn.xb2 a{font-size:13px;line-height:21px;padding:4px 14px 3px 14px;} ul.btn.xb3 a{font-size:14px;line-height:22px;padding:5px 18px 5px 18px;} ul.btn.xb4 a{font-size:14px;line-height:23px;} ul.btn.xb5 a{font-size:16px;line-height:26px;} ul.btn.xb6 a{font-size:18px;line-height:28px;} ul.btn.xb4 a{padding:4px 19px 3px 19px;} ul.btn.xb5 a{padding:6px 24px 4px 24px;} ul.btn.xb6 a{padding:7px 29px 6px 29px;} @media only screen and (min-width:320px){ ul.btn.bl{text-align:left;} ul.btn.bc{text-align:center;} ul.btn.br{text-align:right;} ul.btn.bl li{padding-left:0px;padding-right:10px;} ul.btn.bc li{padding-left:5px;padding-right:5px;} ul.btn.br li{padding-left:10px;padding-right:0px;} ul.btn.xb4 a,ul.btn.xb5 a,ul.btn.xb6 a{margin-left:0px;margin-right:0px;} ul.btn.xb4 a{padding:4px 20px 3px 20px;} ul.btn.xb5 a{padding:6px 25px 4px 25px;} ul.btn.xb6 a{padding:7px 30px 6px 30px;} } @media only screen and (min-width:420px){ ul.btn li,ul.btn a{display:inline-block !important;} ul.btn.cl{text-align:left;} ul.btn.cc{text-align:center;} ul.btn.cr{text-align:right;} ul.btn.cl li{padding-left:0px;padding-right:10px;} ul.btn.cc li{padding-left:5px;padding-right:5px;} ul.btn.cr li{padding-left:10px;padding-right:0px;} ul.btn.xb4 a{padding:8px 21px 7px 21px;} ul.btn.xb5 a{padding:9px 26px 7px 26px;} ul.btn.xb6 a{padding:9px 31px 8px 31px;} } @media only screen and (min-width:560px){ ul.btn.dl{text-align:left;} ul.btn.dc{text-align:center;} ul.btn.dr{text-align:right;} ul.btn.dl li{padding-left:0px;padding-right:10px;} ul.btn.dc li{padding-left:5px;padding-right:5px;} ul.btn.dr li{padding-left:10px;padding-right:0px;} ul.btn.xb4 a{padding:8px 22px 7px 22px;} ul.btn.xb5 a{padding:9px 27px 7px 27px;} ul.btn.xb6 a{padding:9px 32px 8px 32px;} } @media only screen and (min-width:700px){ ul.btn.el{text-align:left;} ul.btn.ec{text-align:center;} ul.btn.er{text-align:right;} ul.btn.el li{padding-left:0px;padding-right:10px;} ul.btn.ec li{padding-left:5px;padding-right:5px;} ul.btn.er li{padding-left:10px;padding-right:0px;} ul.btn.xb4 a{padding:8px 23px 7px 23px;} ul.btn.xb5 a{padding:9px 28px 7px 28px;} ul.btn.xb6 a{padding:9px 33px 8px 33px;} } @media only screen and (min-width:1000px){ ul.btn.fl{text-align:left;} ul.btn.fc{text-align:center;} ul.btn.fr{text-align:right;} ul.btn.fl li{padding-left:0px;padding-right:10px;} ul.btn.fc li{padding-left:5px;padding-right:5px;} ul.btn.fr li{padding-left:10px;padding-right:0px;} ul.btn.xb4 a{padding:8px 24px 7px 24px;} ul.btn.xb5 a{padding:9px 29px 7px 29px;} ul.btn.xb6 a{padding:9px 34px 8px 34px;} } ul.btn li a:hover{ opacity: 0.9; -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1) !important; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1) !important; text-decoration: none; -webkit-transform: translateY(-1px); transform: translateY(-1px); } ul.btn li a:active { -webkit-transform: translateY(1px); transform: translateY(1px); } /* ------- ------- ------- remodal ------- ------- ------- */ html.remodal-is-locked{overflow:hidden;-webkit-touch-action:none;touch-action:none;} .remodal,[data-remodal-id]{display:none;} .remodal-overlay{position:fixed;z-index:9999;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;display:none;} .remodal-wrapper{position:fixed;z-index:10000;top:0px;right:0px;bottom:0px;left:0px;display:none;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;} .remodal-wrapper:after{display:inline-block;height:100%;margin-left:0px;content:"";} .remodal-overlay,.remodal-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden;} .remodal{text-align:left;position:relative;outline:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;max-width:640px;width:100%;box-sizing:border-box;margin-bottom:0px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:#fff;border-radius:7px;} .remodal .title{display:block;width:100%;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,0.05);margin-bottom:15px;} .remodal .title .col.j1{width:100% !important;} .remodal .title .col.j2{width:0px !important;} .remodal .title p,.remodal.full .title .col.j1 p{color:#000;} .remodal .title a.close{display:block;width:36px;height:36px;position:absolute;right:-12px;top:-12px;z-index:9998;border-radius:50px;} .remodal .title a.close span{width:36px;height:36px;display:table-cell;vertical-align:middle;text-align:center;background-color:#fff;color:#333;font-weight:bold;border-radius:100%;-webkit-box-shadow:0 2px 7px 0 rgba(0,0,0,0.17) !important;box-shadow:0 2px 7px 0 rgba(0,0,0,0.17) !important;} .remodal .title a.close:hover span{background-color:#fa454c;color:#fff;-webkit-box-shadow:0 3px 13px 0 rgba(0,0,0,0.2) !important;box-shadow:0 3px 13px 0 rgba(0,0,0,0.2) !important;} .remodal.full{width:100% !important;min-height:90%;background:transparent;} .remodal.full .title .col.j1{width:calc(100% - 80px) !important;} .remodal.full .title .col.j2{width:80px !important;text-align:right !important;height:36px !important;} .remodal.full .title .col.j1 p{display:inline-block !important;width:100% !important;} .remodal.full .title .col.j2 a.close{display:inline-block;width:36px;height:36px;position:static;z-index:9998;border-radius:50px;} .remodal .exit{padding-top:15px;padding-bottom:15px;text-align:right;} .remodal .exit a{display:inline-block;font-size:14px;line-height:24px;padding:8px 30px;border:1px solid #f7f7f7;background-color:#fcfcfc;color:#96969b;border-radius:50px;} .remodal .exit a:hover{border:1px solid #96969b;background-color:#96969b;color:#fff;text-decoration:none;} @media screen and (min-width:1000px){.remodal.full{min-width:940px;max-width:1120px;}} @media screen and (max-width:999px){.remodal.full{max-width:800px;}} @media screen and (min-width:560px){ .remodal-wrapper{padding:30px;} .remodal{padding:15px 30px 15px 30px;} .remodal.full{padding:15px 0px 15px 0px;} } @media screen and (max-width:559px){ .remodal-wrapper{padding:20px;} .remodal{padding:15px 20px 15px 20px;} .remodal.full{padding:15px 0px 15px 0px;} } .remodal-is-initialized{display:inline-block;} .remodal-bg.remodal-is-opening,.remodal-bg.remodal-is-opened{-webkit-filter:blur(30px);filter:blur(30px);height:100% !important;overflow:hidden !important;} .remodal-overlay{background:rgba(250,250,250,0.7);} .remodal-overlay.remodal-is-opening,.remodal-overlay.remodal-is-closing{-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;} .remodal-overlay.remodal-is-opening{-webkit-animation-name:remodal-overlay-opening-keyframes;animation-name:remodal-overlay-opening-keyframes;} .remodal-overlay.remodal-is-closing{-webkit-animation-name:remodal-overlay-closing-keyframes;animation-name:remodal-overlay-closing-keyframes;} .remodal.remodal-is-opening,.remodal.remodal-is-closing{-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;} .remodal.remodal-is-opening{-webkit-animation-name:remodal-opening-keyframes;animation-name:remodal-opening-keyframes;} .remodal.remodal-is-closing{-webkit-animation-name:remodal-closing-keyframes;animation-name:remodal-closing-keyframes;} .remodal,.remodal-wrapper:after{vertical-align:middle;} @-webkit-keyframes remodal-opening-keyframes{ from{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0;} to{-webkit-transform:none;transform:none;opacity:1;-webkit-filter:blur(0);filter:blur(0);} } @keyframes remodal-opening-keyframes{ from{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0;} to{-webkit-transform:none;transform:none;opacity:1;-webkit-filter:blur(0);filter:blur(0);} } @-webkit-keyframes remodal-closing-keyframes{ from{-webkit-transform:scale(1);transform:scale(1);opacity:1;} to{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0;-webkit-filter:blur(0);filter:blur(0);} } @keyframes remodal-closing-keyframes{ from{-webkit-transform:scale(1);transform:scale(1);opacity:1;} to{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0;-webkit-filter:blur(0);filter:blur(0);} } @-webkit-keyframes remodal-overlay-opening-keyframes{ from{opacity:0;} to{opacity:1;} } @keyframes remodal-overlay-opening-keyframes{ from{opacity:0;} to{opacity:1;} } @-webkit-keyframes remodal-overlay-closing-keyframes{ from{opacity:1;} to{opacity:0;} } @keyframes remodal-overlay-closing-keyframes{ from{opacity:1;} to{opacity:0;} } /* ------- ------- ------- head ------- ------- ------- */ #headtop li a, header > .block, header .order, header .order b:before, header .contact, header .contact span i, header .contact ul, header .contact li, nav li a, #breadcrumbs a { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } @media only screen and (max-width:999px){ #headtop{display:none;} } @media only screen and (min-width:1000px){ #headtop{display:block;} } /* ------- ------- ------- headtop ------- ------- ------- */ #headtop { background-color: #1f3346; } #headtop ul { padding: 5px 0px; line-height: 0; } #headtop ul li { display: inline-block; } #headtop ul li.opt { float: right; } #headtop ul li.opt strong { color: #fff !important; } #headtop li a { display: block; color: #939ea8; font-size: 12px; line-height: 17px; padding: 2px 10px 0px 0px; } #headtop li:last-child a { padding-right: 0px; } #headtop li a:hover, #headtop li.current-post-ancestor a, #headtop li.current-category-ancestor a, #headtop li.current-page-ancestor a, #headtop li.current-menu-item a { text-decoration: underline; color: #fff; } /* ------- ------- ------- header ------- ------- ------- */ #header { display: block; padding: 0; margin: 0; background: rgba(0, 24, 48, 0.8); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); position: -webkit-sticky!important; position: sticky!important; top: 0px; z-index: 999; } header > .block { display: grid; grid-template-areas: "logo order contact"; grid-column-gap: 20px; grid-template-columns: minmax(30px, auto) 30px 30px; min-height: 70px; } @media only screen and (min-width:420px){ header > .block { grid-column-gap: 30px; } } @media only screen and (min-width:700px){ header > .block { grid-column-gap: 30px; grid-template-areas: "logo desc order contact"; grid-template-columns: 258px minmax(30px, 940px) minmax(30px, max-content) minmax(30px, max-content); min-height: 80px; } } header .order b:before, header .contact b:before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; font-size: 30px; line-height: normal; text-align: center; } header .logo, header .desc, header .order, header .order b, header .order span, header .contact, header .contact b, header .contact span { align-self: center; } /* logo - - - */ header .logo { grid-area: logo; padding-top: 10px; padding-bottom: 10px; } header .logo a { line-height: 0; } header .logo p { font-size: 22px; line-height: 26px; padding-top: 6px; padding-bottom: 4px; font-weight: bold; } header .logo img { width: 100%; max-width: 200px; height: 50px; background-size: contain; object-fit: contain !important; display: block; } @media only screen and (min-width:560px){ header .logo img { max-width: 258px; } } /* end-logo - - - */ /* desc - - - */ header .desc { grid-area: desc; max-width: 250px; color: #939ea8; font-size: 12px; line-height: 17px; padding: 2px 0px 0px 10px; border-left: 1px solid #4e5d6b; } @media only screen and (max-width:699px){ header .desc { display: none; } } /* end-desc - - - */ /* order - - - */ header .order { grid-area: order; display: grid; grid-column-gap: 0px; grid-template-columns: 30px minmax(0px, max-content); text-decoration: none !important; justify-content: flex-end; color: #939ea8; } header .order:hover { -webkit-transform: translateY(-1px); transform: translateY(-1px); color: #fff; } header .order:active { -webkit-transform: translateY(1px); transform: translateY(1px); } header .order b, header .order b:before { height: 30px; width: 30px; display: block; } header .order b:before { content: 'request_page'; color: #939ea8; } header .order span { padding-left: 10px; font-size: 18px; line-height: 27px; padding-top: 0px; padding-bottom: 0px; display: none; font-weight: bold; } @media only screen and (max-width:999px){ header .order:hover { background-color: #1f3346; box-shadow: 0px 0px 0px 5px #1f3346; border-radius: 1px; } } @media only screen and (min-width:1000px){ header .order { background-color: #1f3346; border-radius: 7px; padding: 7px 15px 7px 10px; } header .order, header .order b:before { color: #939ea8; } header .order:hover { background-color: #ffc107; box-shadow: 0 4px 10px rgba(253, 193, 10, 0.3); } header .order:hover, header .order:hover b:before { color: #000; } header .order span { display: inline-block; padding-left: 5px; font-size: 14px; line-height: 14px; } } /* end-order - - - */ /* contact - - - */ header .contact { grid-area: contact; display: grid; grid-column-gap: 0px; grid-template-columns: 30px minmax(0px, max-content); text-decoration: none !important; justify-content: flex-end; color: #939ea8; } header .contact:hover { -webkit-transform: translateY(-1px); transform: translateY(-1px); color: #fff; } header .contact:active { -webkit-transform: translateY(1px); transform: translateY(1px); } header .contact b, header .contact b:before { height: 30px; width: 30px; display: block; } header .contact b:before { content: 'call'; color: #939ea8; -webkit-animation: jittery 2s infinite; animation: jittery 2s infinite; animation-delay: 10s; animation-iteration-count: 5; } header .contact span { padding-left: 10px; font-size: 18px; line-height: 27px; padding-top: 0px; padding-bottom: 0px; display: none; font-weight: bold; } header .contact ul { display: none; } @media only screen and (max-width:999px){ header .contact:hover { background-color: #1f3346; box-shadow: 0px 0px 0px 5px #1f3346; border-radius: 1px; } } @media only screen and (min-width:1000px){ header .contact span { display: inline-block; } header .contact span i { color: #4e5d6b; } header .contact:hover span i { transform: rotate(180deg); color: #ffc107; } header .contact ul { text-align: left; background-color: #33475a; position: absolute; padding: 10px 0px; z-index: 3; top: 30px; right: 0px; border-radius: 5px; } header .contact:hover ul { display: grid; grid-column-gap: 0px; grid-template-columns: max-content; } header .contact ul li { display: block; text-align: right; color: #939ea8; font-size: 18px; line-height: 27px; padding: 0px 32px; } header .contact ul li:hover { color: #fff; } } /* end-contact - - - */ /* ------- ------- ------- nav ------- ------- ------- */ nav { background-color: #f7f7f7!important; -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2)!important; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2)!important; } nav > .block { display: grid; grid-column-gap: 0px; } nav #touchmenu { grid-area: touchmenu; } nav .navigation { grid-area: navigation; } nav .search { grid-area: search; } nav > .block > * { align-self: center; } /* hmp - - - */ .hmp{display:inline-block;position:relative;overflow:hidden;margin:0px;padding:0px;width:50px;height:41px;font-size:0px;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;-webkit-transition:background 0.3s;transition:background 0.3s;background-color:transparent;border-left:1px solid rgba(0,0,0,0.03);border-right:1px solid rgba(0,0,0,0.03);} .hmp:hover{background-color:#efefef;border-left:1px solid transparent;border-right:1px solid transparent;} .hmp:focus{outline:none;} .hmp span{display:block;position:absolute;top:19px;left:10px;right:10px;height:3px;background-color:#2e3032;-webkit-transition:background 0 0.3s;transition:background 0 0.3s;} .hmp span::before,.hmp span::after{position:absolute;display:block;left:0px;width:100%;height:3px;background-color:#2e3032;content:"";-webkit-transition-duration:0.3s,0.3s;transition-duration:0.3s,0.3s;-webkit-transition-delay:0.3s,0;transition-delay:0.3s,0;} .hmp span::before{top:-10px;-webkit-transition-property:top,-webkit-transform;transition-property:top,transform;} .hmp span::after{bottom:-10px;-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform;} .hmp.active{background-color:#fa454c;} .hmp.active span{background:none;} .hmp.active span::before{top:0px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .hmp.active span::after{bottom:0px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);} .hmp.active span::before,.hmp.active span::after{-webkit-transition-delay:0,0.3s;transition-delay:0,0.3s;background-color:#fff;} /* end-hmp - - - */ nav .search { display: grid; grid-column-gap: 0px; background-color: transparent; } nav .search, nav .search input[type="search"], nav .search button[type="submit"] { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } nav .search input[type="search"], nav .search button[type="submit"] { display: block; cursor: pointer; resize: none; width: 100%; font-size: 14px; line-height: 24px; border-radius: 0px; margin: 0px; text-transform: none; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; } nav .search button[type="submit"] { border: none; color: #96969b; text-align: center; white-space: nowrap; } nav .search input[type="search"]::placeholder { color: #96969b; } /* nav-mobile - - - */ @media only screen and (max-width:999px){ nav > .block { grid-template-areas: "touchmenu search" "navigation navigation"; grid-template-columns: 50px minmax(100px, max-content); } nav ul { display: none; background: rgba(245, 239, 239, 0.7); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); position: absolute; padding: 20px; border-radius: 0px 0px 7px 7px; margin-top: 0px; z-index: 99; } nav li a { display: block; border-radius: 5px; padding: 6px 20px; color: #2e3032; line-height: 24px; font-size: 14px; margin-bottom: 3px; } nav li:last-child a { margin-bottom: 0px; } nav li.current-post-ancestor a, nav li.current-category-ancestor a, nav li.current-page-ancestor a, nav li.current-menu-item a { color: #fff; background-color: #ffc107; box-shadow: 0 4px 10px rgba(253, 193, 10, 0.3); text-decoration: none; } nav li a:hover, nav li.current-post-ancestor a:hover, nav li.current-category-ancestor a:hover, nav li.current-page-ancestor a:hover, nav li.current-menu-item a:hover { color: #fff; background-color: #33475a; box-shadow: 0 4px 10px rgba(51, 71, 90, 0.3); text-decoration: none; } nav .search { grid-template-columns: minmax(100px, 1200px) minmax(30px, max-content); } nav .search input[type="search"] { display: block; border: none; border-bottom: 2px solid transparent; background-color: transparent; padding: 8px 10px 7px 10px; } nav .search:hover input[type="search"] { border-bottom: 2px solid #e7e7e7; } nav .search button[type="submit"] { background-color: #e7e7e7; padding: 8px 15px; } nav .search:hover button[type="submit"] { background-color: #e7e7e7; color: #2e3032; } nav .search.focus input[type="search"], nav .search.focus:hover input[type="search"], nav .search.focus input[type="search"]:hover, nav .search input[type="search"]:focus { border-bottom: 2px solid #33475a; } nav .search.focus button[type="submit"], nav .search.focus:hover button[type="submit"], nav .search button[type="submit"]:hover { background-color: #33475a !important; color: #fff !important; } nav .search.focus button[type="submit"]:hover { background-color: #1f3346 !important; } } @media only screen and (max-width:319px){nav ul{width:160px;}} @media only screen and (min-width:320px) and (max-width:999px){nav ul{width:240px;}} /* end-nav-mobile - - - */ /* nav - - - */ @media only screen and (min-width:1000px){ nav > .block { grid-template-areas: "navigation search"; grid-template-columns: minmax(100px, 1200px) minmax(30px, max-content); } nav #touchmenu, nav .search input[type="search"] { display: none; } nav li { display: table-cell; } nav li a { display: block; } nav .search { grid-template-columns: minmax(30px, max-content); } nav .search button[type="submit"] { background-color: transparent; display: inline-block; } nav li a, nav .search button[type="submit"] { color: #2e3032; font-size: 14px; line-height: 24px; padding: 10px 8px; border-left: 1px solid #efefef; font-weight: bold; text-transform: uppercase; } nav li:last-child a, nav .search button[type="submit"]:last-child { border-right: 1px solid #efefef; } nav li a:hover, nav .search button[type="submit"]:hover { text-decoration: none; background-color: #efefef; color: #000; border-left: 1px solid transparent; } nav li:last-child a:hover, nav .search button[type="submit"]:last-child:hover { border-right: 1px solid transparent; } nav li.current-post-ancestor a, nav li.current-category-ancestor a, nav li.current-page-ancestor a, nav li.current-menu-item a, nav li.current-post-ancestor a:hover, nav li.current-category-ancestor a:hover, nav li.current-page-ancestor a:hover, nav li.current-menu-item a:hover { text-decoration: none; background-color: #ffc107; color: #fff; border-left: 1px solid transparent; } nav li.red a { border-left: 1px solid transparent; background-color: #ffcdd2; color: #ff0000; } nav li.red a:hover, nav li.red.current-post-ancestor a, nav li.red.current-category-ancestor a, nav li.red.current-page-ancestor a, nav li.red.current-menu-item a, nav li.red.current-post-ancestor a:hover, nav li.red.current-category-ancestor a:hover, nav li.red.current-page-ancestor a:hover, nav li.red.current-menu-item a:hover { background-color: #fa454c; color: #fff; border-left: 1px solid transparent; } } @media only screen and (min-width:1050px){ nav ul li a,nav .search button[type="submit"]{padding-left:10px;padding-right:10px;} } @media only screen and (min-width:1100px){ nav ul li a,nav .search button[type="submit"]{padding-left:12px;padding-right:12px;} } @media only screen and (min-width:1150px){ nav ul li a,nav .search button[type="submit"]{padding-left:14px;padding-right:14px;} } /* end-nav - - - */ /* ------- ------- ------- breadcrumbs ------- ------- ------- */ #breadcrumbs { display: block; border-bottom: 1px solid #f7f7f7; } #breadcrumbs .block { font-size: 12px; line-height: 21px; padding-top: 10px; padding-bottom: 8px; } #breadcrumbs span i { color: #f7f7f7; } #breadcrumbs div > span, #breadcrumbs a { color: #96969b; } #breadcrumbs a:hover { color: #33475a !important; text-decoration: underline; } #price > .price_item.title { padding: 0px 15px; background-color: #33475a; border-radius: 7px; } #price > .price_item.title > * { color: #fff; } #price > .price_item.title .o2 { text-align: right; } #price > .price_item a, #price > .price_item a span { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } #price > .price_item { display: grid; grid-column-gap: 20px; grid-template-columns: minmax(30px, auto) 120px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #f7f7f7; } #price > .price_item > * { align-self: center; } #price > .price_item a { display: block; text-decoration: none; } #price > .price_item a span { display: block; background-color: #2cbf54; color: #fff; text-decoration: none; text-align: center; padding: 5px 10px; border-radius: 7px; } #price > .price_item a:hover span { background-color: #18ab40; color: #fff; box-shadow: 0 4px 10px rgba(44, 191, 84, 0.3); -webkit-transform: translateY(-1px); transform: translateY(-1px); } #price > .price_item a:active span { -webkit-transform: translateY(1px); transform: translateY(1px); } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ #search .search, #search .search input[type="search"], #search .search button[type="submit"] { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } /* search - - - */ #search .search { display: grid; grid-column-gap: 0px; grid-template-columns: minmax(100px, 1200px) minmax(30px, max-content); background-color: transparent; align-self: center; } #search .search input[type="search"], #search .search button[type="submit"] { display: block; cursor: pointer; resize: none; width: 100%; font-size: 14px; line-height: 24px; margin: 0px; text-transform: none; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; } #search .search button[type="submit"] { border: none; color: #96969b; text-align: center; white-space: nowrap; } #search .search input[type="search"] { display: block; border: 2px solid #f7f7f7; border-radius: 7px 0px 0px 7px; background-color: transparent; padding: 10px; } #search .search:hover input[type="search"] { border: 2px solid #e7e7e7; } #search .search input[type="search"]::placeholder { color: #96969b; } #search .search button[type="submit"] { border-radius: 0px 7px 7px 0px; background-color: #f7f7f7; padding: 10px 17px 10px 15px; } #search .search button[type="submit"] span { padding-left: 5px; display: none; } #search .search:hover button[type="submit"] { background-color: #e7e7e7; color: #2e3032; } #search .search.focus { border-radius: 7px; box-shadow: 0 4px 10px rgba(51, 71, 90, 0.3); } #search .search.focus input[type="search"], #search .search.focus:hover input[type="search"], #search .search.focus input[type="search"]:hover, #search .search input[type="search"]:focus { border: 2px solid #33475a; background-color: #fff; } #search .search.focus button[type="submit"], #search .search.focus:hover button[type="submit"], #search .search button[type="submit"]:hover { background-color: #33475a !important; color: #fff !important; } #search .search.focus button[type="submit"]:hover { background-color: #1f3346 !important; } #search .search button[type="submit"]:active { -webkit-transform: translateY(1px); transform: translateY(1px); } @media only screen and (min-width:560px){ #search .search button[type="submit"] span { display: inline-block; } } /* end-search - - - */ /* ------- ------- ------- catalog ------- ------- ------- */ #post .item, #post .item a, #page-page ul.parent a, #catalog ul.parent a { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } #page-page ul.parent, #catalog ul.parent { display: block; padding: 15px 0px 5px 0px; } #page-page ul.parent li, #catalog ul.parent li { display: block; margin-bottom: 10px; } #page-page ul.parent a, #catalog ul.parent a { display: block; background-color: #f7f7f7; color: #2e3032; font-size: 14px; line-height: 24px; padding: 8px 20px; border-radius: 7px; font-weight: bold; } #page-page ul.parent li.current_page_item a, #page-page ul.parent a:hover, #catalog ul.parent a:hover { background-color: #ffc107; color: #fff; box-shadow: 0 4px 10px rgba(253, 193, 10, 0.3); text-decoration: none; } #post .item { border-radius: 0px; } #post .item a { text-decoration: none; } #post .item a p.xt1 { text-decoration: none; } #post .item a p.at1 { color: #96969b; } #post .item:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); border-radius: 7px; -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1); } #post .item:active { -webkit-transform: translateY(1px); transform: translateY(1px); } /* ------- ------- ------- navigation ------- ------- ------- */ nav.navigation .nav-links a { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } nav.pagination { background-color: #fff !important; -webkit-box-shadow: none !important; box-shadow: none !important; margin-top: 15px; margin-bottom: 15px; } nav.navigation .nav-links { display: block; padding: 30px 0px; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; } nav.navigation .nav-links .page-numbers { display: inline-block; font-size: 14px; line-height: 24px; border-radius: 7px; color: #2e3032; } nav.navigation .nav-links .page-numbers:hover { color: #ffc107; } nav.navigation .nav-links .prev.page-numbers, nav.navigation .nav-links .next.page-numbers { text-decoration: none; font-weight: bold; color: #2e3032; } nav.navigation .nav-links .next.page-numbers:before { content: 'Наступна сторінка'; display: inline-block; padding: 0px 10px; } @media only screen and (max-width:559px){ nav.navigation .nav-links { text-align: center; } nav.navigation .nav-links .page-numbers { padding: 8px 10px; } nav.navigation .nav-links .prev.page-numbers { display: none; } nav.navigation .nav-links .next.page-numbers { display: block; margin-top: 15px; background-color: #ffc107; box-shadow: 0 4px 10px rgba(253, 193, 10, 0.3); color: #000; } } @media only screen and (min-width:560px){ nav.navigation .nav-links { text-align: center; } nav.navigation .nav-links .page-numbers { padding: 8px 15px; } } #catalog .navigation .nav-links .page-numbers.dots { padding: 8px 0px !important; color: #f8fafc; } nav.navigation .nav-links .prev.page-numbers:hover, nav.navigation .nav-links .next.page-numbers:hover, nav.navigation .nav-links .page-numbers.current { background-color: #33475a; color: #fff; font-weight: bold; box-shadow: none; } /* ------- ------- ------- portfolio ------- ------- ------- */ #gallery ul.portfolio_cat a, .portfolio-service, .portfolio-service .pf-absolute .pf-item, #pf-gallery > figure { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } #gallery ul.portfolio_cat { display: block; padding: 15px 0px 5px 0px; } #gallery ul.portfolio_cat a { display: block; background-color: #f7f7f7; color: #2e3032; font-size: 14px; line-height: 24px; border-radius: 7px; } #gallery ul.portfolio_cat a:hover, #gallery ul.portfolio_cat a.active { background-color: #ffc107; color: #fff; box-shadow: 0 4px 10px rgba(253, 193, 10, 0.3); text-decoration: none; } @media screen and (max-width:999px){ #gallery ul.portfolio_cat li { display: inline-block; padding: 0px 10px 10px 0px; } #gallery ul.portfolio_cat a { padding: 1px 10px; } } @media screen and (min-width:1000px){ #gallery ul.portfolio_cat li { display: block; margin-bottom: 10px; } #gallery ul.portfolio_cat a { padding: 8px 20px; font-weight: bold; } } .portfolio-service { display: block; position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 7px; background-size:cover; object-fit:cover !important; background-repeat:no-repeat; background-position:center center; margin-top: 15px; margin-bottom: 15px; } .portfolio-service:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1); } .portfolio-service:active { -webkit-transform: translateY(1px); transform: translateY(1px); } .portfolio-service::before{ content:""; display:block; padding-top:125%; } .portfolio-service .pf-absolute { position:absolute; top:0px; left:0px; bottom:0px; right:0px; } .portfolio-service .pf-absolute .pf-item { width:100%; height:100%; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.9)); border-radius: 7px; } .portfolio-service:hover .pf-absolute .pf-item { background-image: linear-gradient(transparent, rgba(253, 193, 10, 0.7)); } .portfolio-service .pf-absolute .pf-item .pf-block { display: table; width:100%; height:100%; padding: 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .portfolio-service .pf-absolute .pf-item .pf-block .pf-cell { display: table-cell; text-align: center; vertical-align: bottom; } .portfolio-service .pf-absolute .pf-item .pf-block .pf-cell p { width:100%; display: block; text-align: center; color: #fff; } #pf-gallery > figure:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } #pf-gallery > figure:active { -webkit-transform: translateY(1px); transform: translateY(1px); } /* ------- ------- ------- faq ------- ------- ------- */ #questions ul.faq_cat a, #questions #faq li p, #questions #faq li p .edit { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } #questions ul.faq_cat { display: block; padding: 15px 0px 5px 0px; } #questions ul.faq_cat a { display: block; background-color: #f7f7f7; color: #2e3032; font-size: 14px; line-height: 24px; border-radius: 7px; } #questions ul.faq_cat a:hover, #questions ul.faq_cat a.active { background-color: #ffc107; color: #fff; box-shadow: 0 4px 10px rgba(253, 193, 10, 0.3); text-decoration: none; } @media screen and (max-width:999px){ #questions ul.faq_cat li { display: inline-block; padding: 0px 10px 10px 0px; } #questions ul.faq_cat a { padding: 1px 10px; } } @media screen and (min-width:1000px){ #questions ul.faq_cat li { display: block; margin-bottom: 10px; } #questions ul.faq_cat a { padding: 8px 20px; font-weight: bold; } } #questions #faq li { padding-top: 30px; padding-bottom: 0px; } #questions #faq li p a { color: #2e3032; } #questions #faq li p span { background-color: #ffc107; color: #fff; padding: 0px 10px; border-radius: 7px; margin-right: 15px; box-shadow: 0 4px 10px rgba(253, 193, 10, 0.3); } #questions #faq li p.xt1 { color: #96969b; } #questions #faq li:hover p.xt1 { color: #2e3032; } #questions #faq li .edit { color: #96969b; font-size: 10px; line-height: 21px; padding: 0px; } #questions #faq li:hover .edit { color: #fa454c; } /* ------- ------- ------- news ------- ------- ------- */ #page-news .news_date, #page-news .news_date a, #news .news_date, #news .news_date a, #news .news_item, #news .news_item a, #page-news .list a, #page-news .list p .date, #page-news .list p span b { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } #page-news .news_date, #news .news_date { display: block; position: absolute; background-color: #ffd700; z-index: 1; margin-top: 15px; margin-left: 15px; padding-left: 15px; padding-right: 15px; text-align: center; border-radius: 0 0 7px 7px; box-shadow: 0 4px 10px rgba(253, 193, 10, 0.3); } #news .news_item { border-radius: 0px; } #news .news_item a { text-decoration: none; } #news .news_item a p.xt1 { text-decoration: none; } #news .news_item a p.at1 { color: #96969b; } #news .news_item:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); border-radius: 7px; -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1); } #news .news_item:active { -webkit-transform: translateY(1px); transform: translateY(1px); } #page-news .news_date p, #news .news_date p { color: #000 !important; } #page-news .list a { border-bottom: 1px solid #f7f7f7; padding-top: 15px; padding-bottom: 15px; } #page-news .list p.xt1, #page-news .list a, #page-news .list p span b { color: #2e3032; text-decoration: none; } #page-news .list p .date { display: inline-block; border: 2px solid #ffc107; padding: 0px 10px; color: #6c7c93; border-radius: 5px!important; margin: 7px 10px 7px 0px; } #page-news .list p span b { color: #ffc107; } #page-news .list p .link { color: #38abed; } #page-news .list a:hover { background-color: #f7f7f7; } #page-news .list a:hover p .date { background-color: #ffc107; color: #fff; } #page-news .list a:hover p .date b { color: #fff; } #page-news .list a:hover p .link { text-decoration: underline; } /* ------- ------- ------- discounts ------- ------- ------- */ #discounts .discounts_item, #discounts .discounts_item a { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } #discounts .nediscounts_itemws_item { border-radius: 0px; } #discounts .discounts_item a { text-decoration: none; } #discounts .discounts_item a p.xt1 { text-decoration: none; } #discounts .discounts_item a p.at1 { color: #96969b; } #discounts .discounts_item:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); border-radius: 7px; -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1); } #discounts .discounts_item:active { -webkit-transform: translateY(1px); transform: translateY(1px); } #order-home { background-color: #33475a; display: block; } #order-home h2.title { color: #fff; } #order-home p.desc { color: #fff; } #home-footer { background-color: #ffc107; background-image: url(/wp-content/themes/kirgan/img/city.png); background-position: bottom; background-repeat: no-repeat; background-size: contain; } #home-footer p { color: #000 !important; } /*-----------CF7–---------*/ .wpcf7 .placeheld { color: #000; } .wpcf7, .wpcf7 .wpcf7-form { margin: 0px; padding: 0px; display: block; } .wpcf7-display-none, .wpcf7 .hidden-fields-container, .wpcf7 div.ajax-error, .wpcf7 img.ajax-loader, .wpcf7 .wpcf7-form br { display: none; } .wpcf7 .wpcf7-form p { display: block; } .wpcf7 .wpcf7-form p label{ padding-top: 8px; padding-bottom: 15px; display: block; } .wpcf7 .wpcf7-form textarea, .wpcf7 .wpcf7-form input[type="text"], .wpcf7 .wpcf7-form input[type="email"], .wpcf7 .wpcf7-form input[type="url"], .wpcf7 .wpcf7-form input[type="tel"], .wpcf7 .wpcf7-form input[type="number"], .wpcf7 .wpcf7-form input[type="date"], .wpcf7 .wpcf7-form .wpcf7-submit, .wpcf7 .wpcf7-form input[type="button"], .wpcf7 .wpcf7-form input[type="submit"] { -webkit-transition: all 0.3s ease 0s !important; -moz-transition: all 0.3s ease 0s !important; -ms-transition: all 0.3s ease 0s !important; -o-transition: all 0.3s ease 0s !important; transition: all 0.3s ease 0s !important; } .wpcf7 .wpcf7-form p.rd { margin-top: 8px; } .wpcf7 .wpcf7-form .wpcf7-radio { display: block; padding-bottom: 9px; } .wpcf7 .wpcf7-form .wpcf7-radio .wpcf7-list-item { padding-right: 15px; } .wpcf7 .wpcf7-form .wpcf7-radio .wpcf7-list-item label { display: inline-block !important; padding: 0px 0px 6px 0px !important; } .wpcf7 .wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="radio"] { position: absolute; z-index: -1; opacity: 0; margin: 10px 0 0 7px; } .wpcf7 .wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="radio"] + .wpcf7-list-item-label { position: relative; padding: 0 0 0 30px; cursor: pointer; } .wpcf7 .wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="radio"] + .wpcf7-list-item-label:before { content: ''; position: absolute; top: -3px; left: 0; width: 22px; height: 22px; border: 1px solid #e7e7e7; border-radius: 50%; background: #fff; } .wpcf7 .wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="radio"] + .wpcf7-list-item-label:after { content: ''; position: absolute; top: 1px; left: 4px; width: 16px; height: 16px; border-radius: 50%; background: #ff0000; opacity: 0; transition: .2s; } .wpcf7 .wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label:after { opacity: 1; } .wpcf7 .wpcf7-form .wpcf7-checkbox { display: block; padding-bottom: 9px; } .wpcf7 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item { padding-right: 15px; } .wpcf7 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item label { display: inline-block !important; padding: 0px 0px 6px 0px !important; } .wpcf7 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] { position: absolute; z-index: -1; opacity: 0; margin: 10px 0 0 20px; } .wpcf7 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] + .wpcf7-list-item-label { position: relative; padding: 0 0 0 56px; cursor: pointer; } .wpcf7 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] + .wpcf7-list-item-label:before { content: ''; position: absolute; top: -4px; left: 0; width: 50px; height: 26px; border-radius: 13px; background: #e7e7e7; transition: .2s; } .wpcf7 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] + .wpcf7-list-item-label:after { content: ''; position: absolute; top: -2px; left: 2px; width: 22px; height: 22px; border-radius: 10px; background: #FFF; transition: .2s; } .wpcf7 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label:before { background: #ff0000; } .wpcf7 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label:after { left: 26px; } .wpcf7 .wpcf7-form textarea, .wpcf7 .wpcf7-form input[type="text"], .wpcf7 .wpcf7-form input[type="email"], .wpcf7 .wpcf7-form input[type="url"], .wpcf7 .wpcf7-form input[type="tel"], .wpcf7 .wpcf7-form input[type="number"], .wpcf7 .wpcf7-form input[type="date"] { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; border-radius: 3px; resize: none; border: 1px solid #e7e7e7; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; font-size: 14px; line-height: 24px; padding: 8px 20px; margin: 0px; background-color: #e7e7e7; } .wpcf7 .wpcf7-form textarea { height: 100px; } .wpcf7 .wpcf7-form textarea:focus, .wpcf7 .wpcf7-form input[type="text"]:focus, .wpcf7 .wpcf7-form input[type="email"]:focus, .wpcf7 .wpcf7-form input[type="url"]:focus, .wpcf7 .wpcf7-form input[type="tel"]:focus, .wpcf7 .wpcf7-form input[type="number"]:focus, .wpcf7 .wpcf7-form input[type="date"]:focus { border: 1px solid #ffc107; background-color: #ffffff; } .wpcf7 .wpcf7-form .wpcf7-submit, .wpcf7 .wpcf7-form input[type="button"], .wpcf7 .wpcf7-form input[type="submit"] { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; border-radius: 7px; resize: none; border: none; background-color: #ffc107; color: #000; text-align: center; padding: 13px 20px 12px 20px !important; font-size: 16px; line-height: 27px; text-transform: none; text-decoration: none; font-weight: bold; width: 100%; margin: 15px 0px 15px 0px; } .wpcf7 .wpcf7-form .wpcf7-submit:hover, .wpcf7 .wpcf7-form .wpcf7-submit:focus, .wpcf7 .wpcf7-form input[type="button"]:hover, .wpcf7 .wpcf7-form input[type="button"]:focus, .wpcf7 .wpcf7-form input[type="submit"]:hover, .wpcf7 .wpcf7-form input[type="submit"]:focus { border: none; background-color: #29292e; color: #ffffff; } .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; display: none; width: 0px; height: 0px; } .wpcf7 .wpcf7-mail-sent-ok, .wpcf7 .wpcf7-validation-errors { font-size: 14px; line-height: 24px; text-align: center; font-weight: normal; border: 0px; display: block; width: 100%; border-radius: 7px; color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 15px 0px; padding: 23px 30px; } .wpcf7 .wpcf7-mail-sent-ok { background-color: #007846; } .wpcf7 .wpcf7-validation-errors { background-color: #ff321e; } .wpcf7 .wpcf7-mail-sent-ng, .wpcf7 .wpcf7-spam-blocked { border: 0px solid #fff; } .wpcf7 span.wpcf7-not-valid-tip { color: #ff321e; display: block; font-size: 12px; line-height: 24px; padding: 0px; margin-bottom: -8px; } .wpcf7 .use-floating-validation-tip { position: absolute; top: 0px; left: 0px; z-index: 100; border: 1px solid #007846; background: #fff; } .wpcf7 .wpcf7-form-control-wrap { padding: 0px; margin: 0px; } /*-----------Gallery-----------*/ .gallery figure { -webkit-transition: all 0.3s ease 0s !important; -moz-transition: all 0.3s ease 0s !important; -ms-transition: all 0.3s ease 0s !important; -o-transition: all 0.3s ease 0s !important; transition: all 0.3s ease 0s !important; } .gallery{margin:0px -7.5px !important;padding:7.5px 0px !important;} .gallery figure{padding:7.5px !important;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;} .gallery figure:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .gallery figure:active { -webkit-transform: translateY(1px); transform: translateY(1px); } .gallery figure > a{line-height:0 !important;} .gallery figure #image{padding:0px !important;margin-bottom:0px;} .gallery figure #image img{border-radius:3px !important;} .gallery figure #image .rat img{background-size:cover !important;object-fit:cover !important;} #shop-gallery > .gallery{margin-top:-15px !important;} #shop-gallery .gallery figure #image .rat img{background-size:contain !important;object-fit:contain !important;} /*-----------Gallery-----------*/ #galleryoverlay *,#galleryoverlay * :before,#galleryoverlay * :after{-moz-box-sizing:content-box;box-sizing:content-box;} #galleryoverlay.show{opacity:1;pointer-events:auto;} #galleryoverlay{opacity:0;overflow:hidden;width:100%;height:100%;position:fixed;z-index:999999;left:0;top:0;text-align:center;pointer-events:none;-moz-user-select:none;background:#fff;-webkit-transform:translate3d(0px,0px,0px);-ms-transition:opacity 300ms ease;transition:opacity 300ms ease;} #galleryoverlay.msie{background-color:rgba(0,0,0,.6);} .msie.pbLoading .pbWrapper{background:url('../images/loading.gif') no-repeat center center;} @keyframes pbLoaderFrames{50%{height:5px;}} @-webkit-keyframes pbLoaderFrames{50%{height:5px;}} .pbLoader{display:none;width:100px;height:100px;position:absolute;z-index:999;top:0;left:0;right:0;bottom:0;margin:auto;text-align:center;border-radius:100%;box-shadow:15px 32px 60px -20px #FFF inset,1px 1px 3px 1px #FFF inset,0 0 20px;transition:0.3s;} .thumbs .pbLoader{-webkit-transform:translateY(-50px);transform:translateY(-50px);} .pbLoading:not(.msie):not(.error) .pbLoader{display:block;} .pbLoader b{display:inline-block;vertical-align:middle;margin:0 2px;width:8px;height:60px;border-radius:5px;background:rgba(255,255,255,0.8);box-shadow:0 0 10px rgba(0,0,0,0.5);-webkit-animation:.9s pbLoaderFrames infinite linear;animation:.9s pbLoaderFrames infinite linear;} .pbLoader b:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s;} .pbLoader b:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s;} .mobile.pbLoading .pbLoader{transform:none;transition:0s;} .pbWrapper:after,#galleryoverlay .prevNext:after,#galleryoverlay .pbLoader:before{content:"";display:inline-block;height:100%;vertical-align:middle;} /* Animation when image was not loaded */ @keyframes deadImage{50%{text-shadow:0 0 25px rgba(255,255,255,.5);transform:scale(0.85);}} @-webkit-keyframes deadImage{50%{text-shadow:0 0 25px rgba(255,255,255,.5);-webkit-transform:scale(0.85);}} .pbWrapper{-moz-box-sizing:border-box;box-sizing:border-box;transform:rotate(0deg);vertical-align:middle;height:100%;perspective:1200px;-webkit-perspective:1200px;position:relative;transition:0.2s;} .video > .pbWrapper{z-index:11;display:inline-block;} /*#galleryoverlay.error .pbWrapper{ display:inline-block; width:100%; }*/ .pbLoading .pbWrapper{display:inline-block\9;width:100%;} /* ie8+9 hack */ .pbWrapper:before{content:'\2716';color:transparent;font-size:0;vertical-align:middle;cursor:default;transition:text-shadow .2s ease-out;} .error .pbWrapper:before{font-size:22em;-webkit-animation:2s 1s deadImage infinite linear;animation:2s 1s deadImage infinite linear;} .thumbs .pbWrapper{padding:0;margin:0;} .error .pbWrapperr img{width:0;} .pbWrapper > div{display:none;width:624px;height:351px;vertical-align:middle;border-radius:5px;background:rgba(0,0,0,0.5);} .video > .pbWrapper > div{display:inline-block;} #galleryoverlay iframe,#galleryoverlay embed,#galleryoverlay object{display:block;width:100%;height:100%;opacity:1;transition:0.5s;} .pbWrapper .hide iframe{opacity:0;} .pbWrapper > div,.pbWrapper > img{-ms-transition:.3s .5s ease-out;transition:.8s .5s cubic-bezier(0.1,0.87,0.48,1);-webkit-transform:none;-ms-transform:none;transform:none;-webkit-backface-visibility:hidden;} /* FOR MOBILE */ .mobile.show .pbWrapper > div,.mobile.show .pbWrapper > img{transition:200ms;} .pbWrapper > *,.hide .pbWrapper > .prepare{opacity:1;vertical-align:middle;-webkit-transform:scale(0) rotateX(50deg);-ms-transform:scale(0) rotateX(50deg);transform:scale(0) rotateX(50deg);border-radius:7px;border:none;max-height:calc(100% - 54px);max-width:100%;margin-top:-50px;} .on .pbWrapper > *{transition-delay:0s;-ms-transition-delay:0s;} .pbWrapper .zoomable{-ms-transition:0s;-webkit-transition:0s;transition:0s;position:relative;z-index:9;} .hide .pbWrapper > *{-webkit-transform:scale(1.2);transform:scale(1.2);transform:none\9;opacity:0;-ms-transition:.3s ease-in;transition:.3s ease-in;} /*-- autoplay controller --*/ #pbAutoplayBtn{display:none;right:auto;left:-50px;padding:0;width:50px;height:50px;font-size:13px;} .hasAutoplay #pbAutoplayBtn{display:block;} #pbAutoplayBtn:hover{width:60px;height:60px;} .on #pbAutoplayBtn{top:0px;left:0px;transition:.1s ease-out;} #pbAutoplayBtn:before{content:'\2016';width:100%;height:100%;border-radius:0 0 70px 0;font-weight:bold;padding:0;text-indent:-6px;line-height:1.6;} #pbAutoplayBtn:active:before{text-shadow:0 0 3px #FFF,0 0 6px #FFF;} #pbAutoplayBtn.play:before{content:'\25BA';} #pbAutoplayBtn .pbProgress{display:none\9;width:100%;height:100%;overflow:hidden;position:absolute;padding:6px;top:0;left:0;opacity:0.2;transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:0.3s;-ms-transition:0.3s;transition:0.3s;} .mobile #pbAutoplayBtn .pbProgress{-webkit-transition:0s;-ms-transition:0s;transition:0s;} #pbAutoplayBtn.playing .pbProgress{-webkit-transform:rotateZ(90deg);-ms-transform:rotateZ(90deg);transform:rotateZ(90deg);} #pbAutoplayBtn .pbProgress:before{content:'';position:absolute;right:0;bottom:0;width:200%;height:200%;border-radius:50%;box-shadow:0 0 0 8px #FFF inset;} /* hide thumbnails */ #pbThumbsToggler:checked ~ #pbCaption .pbThumbs{margin:0;} #pbThumbsToggler:checked ~ .pbWrapper{margin-top:-50px;padding:50px 0;} .pbThumbs:hover{clear:both;} .pbThumbs{display:none;transition:0.35s;-webkit-overflow-scrolling:touch;} .thumbs .pbThumbs{display:block;width:100%;margin-bottom:-100px;overflow:hidden;} .mobile .pbThumbs{overflow:auto;} #galleryoverlay .prevNext{display:none;position:absolute;z-index:10;height:100%;width:40%;padding:80px 0px;opacity:0;box-sizing:border-box;-moz-box-sizing:border-box;top:0;transition:.2s ease-out;user-select:none;cursor:pointer;} #galleryoverlay.hasArrows .prevNext{display:block;} #galleryoverlay .prevNext.hide{display:none;} #galleryoverlay.on .prevNext:hover{opacity:1;} .prevNext b{display:inline-block;vertical-align:middle;transition:.2s ease-in;} .prevNext:hover b{transition:.2s cubic-bezier(0.095,0.870,0.485,0.985);} #pbPrevBtn b{transform:scale(.4) translateX(350px);-webkit-transform:scale(.4) translateX(350px);} #pbNextBtn b{transform:scale(.4) translateX(-350px);-webkit-transform:scale(.4) translateX(-350px);} /* */ #pbPrevBtn b:before,#pbNextBtn b:after{display:inline;line-height:.3;font-size:100px;font-weight:normal;color:#342321;} #pbPrevBtn b:before{content:'\2039';} #pbNextBtn b:after{content:'\203A';} /* */ .on #pbPrevBtn:hover b{transform:scale(1) translateX(20px);-webkit-transform:scale(1) translateX(20px);} .on #pbNextBtn:hover b{transform:scale(1) translateX(-20px);-webkit-transform:scale(1) translateX(-20px);} .show #pbPrevBtn{left:0;text-align:left;} .show #pbNextBtn{right:0;text-align:right;} /*-- transition --*/ #pbCloseBtn,#pbAutoplayBtn,#pbCloseBtn:before,#pbAutoplayBtn:before,#pbCaption,#pbCaption .pbThumbs ul,#pbCaption .pbThumbs ul li a,#pbCaption .pbThumbs ul li a img{-webkit-transition:all 0.3s ease 0s !important;-moz-transition:all 0.3s ease 0s !important;-ms-transition:all 0.3s ease 0s !important;-o-transition:all 0.3s ease 0s !important;transition:all 0.3s ease 0s !important;} /*-- close button --*/ #pbCloseBtn,#pbAutoplayBtn{position:absolute;top:-100px;right:-100px;z-index:99999;display:block;padding:10px 10px 25px 25px;cursor:pointer;background:rgba(100,100,100,0.05);border-radius:0 0 0 150px;} .hide #pbCloseBtn{top:-100px;right:-100px;} .on #pbCloseBtn{top:0px;right:0px;} #pbCloseBtn:before,#pbAutoplayBtn:before{content:'';background-image:url(/wp-content/themes/kirgan/functions/image/close.png);background-position:center center;background-repeat:no-repeat;background-size:cover;height:40px;width:40px;display:block;} #pbCloseBtn:hover,#pbAutoplayBtn:hover{padding:25px 25px 40px 40px;background:#fa454c;} #pbCloseBtn:hover:before,#pbAutoplayBtn:hover:before{-webkit-filter:invert(100%);filter:invert(100%);} /*-- caption --*/ #pbCaption{position:absolute;display:block;z-index:99999;width:100%;height:100px !important;overflow:hidden;bottom:-100px;transition-delay:.5s;} .hide #pbCaption{bottom:-100px;} .show.on #pbCaption{bottom:0px !important;} /*-- text --*/ #pbCaption .pbCaptionText{display:block;transition:.3s;opacity:0.9;font-weight:bold;padding:0px;height:48px !important;} .pbCaptionText.change{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0;} #pbCaption .pbCaptionText .counter{display:block;color:#e7e7e7;opacity:0.5;} /*-- thumbs --*/ #pbCaption .pbThumbs,#pbCaption .pbThumbs ul li a{display:block;padding:0px;margin:0px;} #pbCaption .pbThumbs,#pbCaption .pbThumbs ul{height:52px !important;overflow-y:hidden;} #pbCaption .pbThumbs ul{display:inline-block;position:relative;list-style:none;white-space:pre;} #pbCaption .pbThumbs ul:after{content:"";display:inline-block;height:100%;vertical-align:middle;} #pbCaption .pbThumbs ul li{display:inline-block;padding:1px 1px;margin:0px;} #pbCaption .pbThumbs ul li a img{display:block;height:50px !important;min-height:50px !important;max-width:none;border-radius:2px;opacity:0.3;} #pbCaption .pbThumbs ul li a:hover img{opacity:0.7;} #pbCaption .pbThumbs ul .active a img{opacity:1;} /*-----------YouTube-----------*/ .youtube{padding-top:15px !important;padding-bottom:15px !important;} .youtube #youtube{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:3px !important;} .youtube #youtube iframe,.youtube #youtube object,.youtube #youtube embed{position:absolute;top:0;left:0;width:100%;height:100%;} /*-----------Maps-----------*/ .contacts_map { overflow: hidden; padding-bottom: 60%; position: relative; height: 0; border: 3px solid #ffc107; margin-top: 15px; margin-bottom: 15px; } .contacts_map iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; } /*-----------Post-list-----------*/ ul.post-list {padding-top:5px;padding-bottom:5px;} ul.post-list li{position:relative;padding:3px 0px 3px 25px;} ul.post-list li:before{position:absolute;width:15px;height:6px;border-radius:3px;background:#ffc107;content:'';left:0px;top:calc(50% - 3px);-webkit-transition:all 0.1s ease 0s !important;-moz-transition:all 0.1s ease 0s !important;-ms-transition:all 0.1s ease 0s !important;-o-transition:all 0.1s ease 0s !important;transition:all 0.1s ease 0s !important;} ul.post-list li:hover:before{background:#2e3032;} ul.post-list li:last-child:after{content:none;} /*-----------Post-note-----------*/ p.post-note{display:block;background-color:#feefc3;border-radius:10px;color:#000;margin-top:15px;margin-bottom:15px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:23px 20px !important;} /*-----------Gap-----------*/ hr { display: block; border: none; height: 0px; padding: 15px 0px !important; margin: 0px; } /*-----------Line-----------*/ hr.line { background-color: #f7f7f7; height: 3px; padding: 0px !important; margin: 15px 0px !important; } /*-----------Tags-----------*/ #doc-single .tags{display:block;padding:15px 0px 10px 0px;} #doc-single .tags li{display:inline-block;padding:0px 5px 5px 0px;} #doc-single .tags li a{display:inline-block;font-size:14px;line-height:24px;padding:1px 10px;border:1px solid #f7f7f7;background-color:#fcfcfc;color:#96969b;border-radius:50px;} #doc-single .tags li a:hover{border:1px solid #96969b;background-color:#96969b;color:#fff;text-decoration:none;} /* ------- ------- ------- contacts ------- ------- ------- */ #page-contacts #contact_list li, #page-contacts #contact_list a { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } #page-contacts #contact_list { display: block; padding: 15px 0px 5px 0px; } #page-contacts #contact_list li { display: inline-block; padding: 0px 10px 10px 0px; } #page-contacts #contact_list a { display: block; background-color: #f7f7f7; color: #2e3032; font-size: 14px; line-height: 24px; border-radius: 7px; padding: 1px 10px; } #page-contacts #contact_list a:hover, #page-contacts #contact_list li.active a { background-color: #ffc107; color: #fff; box-shadow: 0 4px 10px rgba(253, 193, 10, 0.3); text-decoration: none; } #page-contacts h1 { color: #ffc107; } #page-contacts h1 span { color: #000; } #page-contacts ul li.item p { color: #2e3032; } #page-contacts ul li.item, #page-contacts ul li.item a { color: #6c7c93; font-size:18px;line-height:27px; padding-top:3px;padding-bottom:2px; } #page-contacts ul li.item a:hover { color: #1f3346; } #page-contacts .contacts_tel, #page-contacts .contacts_email, #page-contacts .contacts_address, #page-contacts .contacts_time { padding-top: 15px; padding-bottom: 20px; } #page-contacts .contacts_address .btn { padding-bottom: 0 !important; } .contacts_id { display: block; border: 15px solid #ffc107; padding: 15px 30px; border-radius: 3px; -webkit-box-shadow: 0 7px 7px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 7px 7px 3px rgba(0,0,0,.1); box-shadow: 0 7px 7px 3px rgba(0,0,0,.1); background-color: #fff; } #page-page .license .gallery #image { border: 5px solid #2e3032; } /*-----------Slide-----------*/ .slide.slide-active{position:relative;overflow:hidden;padding-left:0px;padding-right:0px;} .slide.slide-active .slide-slides{position:relative;overflow:hidden;-webkit-touch-action:pan-y;-ms-touch-action:pan-y;touch-action:pan-y;} .slide.slide-active .slide-slides > *{margin:0px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;} .slide.slide-active .slide-slides a:active, .slide.slide-active .slide-slides a:active img{outline:none;} .slide.slide-active, .slide.slide-active .slide-dots, .slide.slide-active .slide-slides, .slide.slide-active .slide-slides > *{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;} .slide.slide-mouse .slide-slides{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;} .slide.slide-mouse.slide-drag .slide-slides *{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing;} .slide figure{line-height:0;} ul.slide-dots{padding:10px;text-align:right;list-style-type:none;line-height:0;margin-top:-34px !important;} ul.slide-dots, .slide.slide-active ul.slide-dots, .slide.slide-active .slide-slides + ul.slide-dots{margin:0px;} ul.slide-dots > li{display:inline-block;position:relative;padding:2px;width:10px;height:10px;cursor:pointer;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;} ul.slide-dots > li.slide-mouse-clicked, ul.slide-dots > li:active{outline:0;} ul.slide-dots > li > span{display:inline-block;position:absolute;top:50%;left:50%;margin:-3px 0px 0px -3px;width:6px;height:6px;border-radius:50%;background:rgba(255, 255, 255, 0.7);} ul.slide-dots > li.slide-active-dot > span{margin:-6px 0px 0px -6px;width:10px;height:10px;border:1px solid #ffc107;background:#ffc107 !important;} .slide-home .slide-slides { min-height: 450px; display: table; } .slide-home .slide-slides > figure { display: table-cell; vertical-align: middle; background-size: cover; background-position: center center; background-repeat: no-repeat; } .slide-home .slide-slides > figure h2 { color: #fff; } .slide-home .slide-slides > figure p { color: rgba(255, 255, 255, 0.8); } /* ------- ------- ------- footer ------- ------- ------- */ footer .logo img, footer a, #policy a { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } footer { background-color: #33475a; padding-top: 30px; padding-bottom: 30px; } footer > .block { display: grid; grid-column-gap: 0px; grid-template-areas: "logo logo" "nav nav"; grid-template-columns: minmax(200px, 940px); } footer .logo { grid-area: logo; display: block; max-width: 480px; padding: 15px 0px; } footer .logo a { display: block; color: #fff; font-size: 22px; line-height: 26px; padding-top: 11px; padding-bottom: 9px; font-weight: bold; opacity: 0.7; } footer .logo img { width: 100%; max-width: 150px; height: 53px; background-size: contain; object-fit: contain !important; display: block; filter: brightness(0) invert(1); opacity: 0.7; } footer .logo a:hover img { opacity: 1; } footer .logo p { font-size: 14px; line-height: 24px; padding-top: 8px; padding-bottom: 8px; } footer .logo p, footer .nav a { color: #6c7c93; } footer .nav { grid-area: nav; display: grid; grid-column-gap: 0px; grid-template-columns: minmax(100px, auto); padding-top: 7.5px; padding-bottom: 22.5px; } footer .nav p, footer .nav a, #policy li a { display: block; font-size: 14px; line-height: 20px; padding-top: 2.5px; padding-bottom: 2.5px; } footer .nav p { margin-top: 15px; font-weight: bold; } footer .nav p, footer .nav a:hover { color: #939ea8; } #policy { background-color: #1f3346; padding-top: 22.5px; padding-bottom: 22.5px; } #policy li { display: inline-block; padding-right: 15px; } #policy li a { color: #939ea8; } #policy li a:hover { color: #fff; } @media only screen and (min-width:320px){ footer .nav { grid-column-gap: 20px; grid-template-columns: minmax(100px, auto) minmax(100px, auto); } } @media only screen and (min-width:560px){ footer .nav { grid-template-columns: minmax(100px, auto) minmax(100px, auto); /* FOOTER 2026-06-08: было 3 колонки, стало 2 (убрана Партнерам) */ } #policy li { padding-right: 20px; } } @media only screen and (min-width:860px){ #policy .autor { float: right; padding-right: 0px; } } @media only screen and (min-width:1000px){ footer > .block { grid-column-gap: 40px; grid-template-areas: "logo nav"; grid-template-columns: minmax(300px, 940px) 560px; } } /* ------- ------- ------- x-user ------- ------- ------- */ #x-user a { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } #x-user { display: block; position: fixed; left: 20px; bottom: 20px; z-index: 9999; } #x-user a { height: 50px; width: 50px; display: table-cell; vertical-align: middle; text-align: center; background-color: #fff; color: #2e3032; border-radius: 100%; } #x-user a:hover { -webkit-box-shadow: 0 4px 10px rgba(250, 69, 76, 0.3); box-shadow: 0 4px 10px rgba(250, 69, 76, 0.3); color: #fff; background-color: #fa454c; -webkit-transform: translateY(-1px); transform: translateY(-1px); } #x-user a:active { -webkit-transform: translateY(1px); transform: translateY(1px); } @keyframes jittery { 5%, 50% { transform: scale(1); } 10% { transform: scale(0.9); } 15% { transform: scale(1.15); } 20% { transform: scale(1.15) rotate(-5deg); } 25% { transform: scale(1.15) rotate(5deg); } 30% { transform: scale(1.15) rotate(-3deg); } 35% { transform: scale(1.15) rotate(2deg); } 40% { transform: scale(1.15) rotate(0); } 10%, 15%, 20%, 25%, 30%, 35%, 40% { color: #ffc107; text-shadow: 0 4px 10px rgba(253, 193, 10, 0.3); } }