@charset "utf-8";
/* CSS Document */

:root {
    --black:#222222;
    --white:#ffffff;
    --whiteA:#fafafa;
    --whiteB:#fbfbfb;
    --whiteC:#fcfcfc;
    --whiteD:#fdfdfd;
    --white8:#f8f8f8;
    --white4:#f4f4f4;
    --white1:#f1f1f1;
    --yellow:#fad652;
    --green:#b1d5c3;
    --grey8:#888888;
    --grey5:#555555;
    --greyA:#aaaaaa;
    --greyE:#eeeeee;
    --flight:'exo_2.0light', Arial, sans-serif;
    --flight_it:'exo_2.0light_italic', Arial, sans-serif;
    --freg:'exo_2.0regular', Arial, sans-serif;
    --fthin:'exo_2.0thin', Arial, sans-serif;
    --fbold:'robotobold',Arial,sans-serif;
}
body {margin:0; padding:0; background:var(--white) !important;}
.main-div {max-width:1300px; margin:0 auto; padding:0 20px; position:relative; z-index:3;}
.main-ttl {font:42px/42px var(--fbold); display:block; color:var(--black); margin-bottom:50px; width:75%;}
.main-ttl-sep {clear:both; height:2px; box-shadow:inset 0 -1px 0 var(--greyE); margin-bottom:40px;}
.main-ttl-sep div {width:30px; box-shadow:3px 0 0 var(--white); height:2px; background:var(--green);}
.bg-green {background:var(--green)}
.bg-yellow {background:var(--yellow)}
.bg-grey {background:var(--white8) !important;}
.anchdiv {position:absolute; top:0;}
.wave-bg {position:absolute; top:80px; left:0; right:50%; height:150px; background:url(/web/20220315081438im_/https://webminton.com.ua/img/bg-wave.png) right bottom repeat; z-index:1; opacity:.9;}
.partners {
    margin-top: 20px;
    text-align:center;
}

.partners span{
    text-transform: uppercase;
    padding: 10px;
}

.partners ul{
    padding: 0;
    margin: 10px 0;
}

.partners ul li{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.partners ul li a {
    display: inline-block;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 10px;
}

.partners ul li a:hover {
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 8px 15px rgba(0,0,0,0.2);
}

/*-----------navigation
------------------------------*/ 
/* header
-----------------------------------------------------------------------------*/
.div01 {margin:0; padding:0; top:0; z-index:888; overflow: hidden;}
.divnav {background:var(--white) !important; border-width:0px !important; height:60px; box-shadow:inset 0 -1px 0  var(--white8);}
.head-row {padding:0 0 0 217px; z-index: 2;}
.head-logo {position:absolute; top:15px; left:20px; width:217px; height:31px;}
.head-logo2 {display: none;}
/*.head-row {padding:0 200px 0 0; z-index: 2;}
.head-adr {text-align: right; padding:20px 5px 0 0; position:absolute; top:0; right:20px; bottom:0; width:250px;}
.head-phone {font:18px/18px var(--flight); color:var(--black); display:block; width:200px; float:right;}
.head-adr2 {display: none;}*/


/* navigation
-----------------------------------------------------------------------------*/
.menu  {text-align:left; padding:0; float:right;}
.navbar {margin-bottom:0 !important;}
ul.navbar-nav {margin:0; width: 100%;}
li.menudiv:first-child {padding-left:0 !important;}
li.menudiv {margin:0; position: relative; padding:24px 18px 15px 18px !important;}
.menudiv a,.menudiv a:focus,.menudiv a:active {cursor:pointer; padding:0 !important; font:14px/14px var(--flight) !important; color:var(--black) !important; text-decoration:none; display:block; position:relative; background:var(--white) !important; text-transform: uppercase;}
.menudiv a:hover {color: var(--greyA) !important; background: none;}
.menudiv a span {position:absolute; left:0; bottom:0; height:1px; width:100%; display:block; background:var(--yellow);}
.menudiv p a {text-transform: none;}
button.navbar-default {margin: 0;}
button.navbar-default:hover {background-color: var(--yellow); margin: 0;}
button.navbar-toggle {padding-top: 7px; padding-bottom: 7px; margin:0; border-radius:2px; border-color:var(--yellow) !important; background-color: #fff; color: var(--yellow);}
button.navbar-toggle:hover {background-color:var(--yellow) !important; color: #fff;}
button.navbar-toggle:focus {background-color:#fff !important; color: var(--yellow);}
.navabs {top:12px; right:10px; position: absolute; z-index:3;}
.nav-bttn {clear: both; border:1px solid var(--yellow) !important; margin:0 !important;}
.dropdown-serv {box-shadow:none !important; padding:5px 0; border:0 !important;}
.dropdown-serv li {padding:7px 18px !important;}
.menudropdownhide {display:none !important;}

.nav-bt-top {width:70px; height:70px; display:block; background:url(/web/20220315081438im_/https://webminton.com.ua/img/ico-nav-top.png) no-repeat; background-position: center center; position:fixed; right:0; bottom:0; z-index:890; border:none;}

.sldr-div {overflow: hidden; z-index:1; background:var(--white8); overflow:hidden; position:relative;}
.sldr-wrap {height:100vh; position:relative;}
.sldr-bg {position:absolute; top:0; bottom:0; left:0; right:50%; background:var(--white); z-index:1;}
.sldr-bg01 {position:absolute; top:50%; bottom:0; left:20px; right:50%; margin-top:140px; background:url(/web/20220315081438im_/https://webminton.com.ua/img/bg-wave.png) right bottom repeat; z-index:2; opacity:.9;}
.sldr-bg02 {position:absolute; top:50%; bottom:0; left:25%; right:25%; background:url(/web/20220315081438im_/https://webminton.com.ua/img/bg-dot.png) left top repeat; z-index:2; opacity:.50; display:none;}
/*.sldr-logo {display:block; position:absolute; left:20px; top:80px; width:217px; height:31px; z-index:5;}*/

.sldr-ttl {font:62px/58px var(--fbold); display:block; position:absolute; z-index:5; left:20px; bottom:50%; margin-bottom:100px; width:70%; color:#111111;}
.sldr-dscr {position:absolute; z-index:5; top:50%; left:20px; right:50%; margin-top:-30px; padding-left:40px; box-shadow:inset 2px 0 0 var(--green); font:16px/21px var(--flight); color:var(--grey5);}
.sldr-dscr-font {font:16px/21px var(--flight); text-transform:uppercase;}
.sldr-dscr span {color:var(--grey5);}
.sldr-bttn-box {position:absolute; z-index:11; left:20px; top:50%; margin-top:100px; z-index:5;}
.sldr-bttn,.sldr-bttn:focus,.sldr-bttn:active {position:relative; height:40px; display:block; width:240px; overflow:hidden; font:14px/14px var(--flight); color:var(--grey8); text-decoration:none;border:1px solid var(--yellow); text-align:center; padding:13px 0 0 40px; transition:background 200ms, color 200ms;}
.sldr-bttn:hover {background:var(--yellow); color:var(--black);}
.sldr-bttn-ico {position:absolute; top:15px; left:17px; height:10px; width:10px; background:url(./img/rect-02.png) no-repeat; z-index:2; transition:background 200ms; display:block;}
.sldr-bttn:hover .sldr-bttn-ico {background:url(./rect-h02.png) center center no-repeat;}
.sldr-bttn-sep {position:absolute; top:0; left:40px; bottom:0; width:1px; background:var(--yellow);}
.sldr-img-box {position:absolute; top:50%; right:0; margin-top:-300px; z-index:1; height:600px;}
.sldr-img-rel {position:relative; height:100%; width:100%;}
.sldr-img {height:100%; position:relative; z-index:5;}
.sldr-img-hide {display:none;}
.sldr-img-gr {position:absolute; top:90px; left:0px; width:460px; height:460px; border-radius:460px; background:var(--green); z-index:1;}
.sldr-img-wt {position:absolute; top:90px; left:0px; width:460px; height:460px; border-radius:460px; background:var(--white); z-index:3;}
.sldr-img-wt2 {position:absolute; top:50px; left:-80px; width:540px; height:540px; border-radius:540px; background:var(--whiteD); z-index:2;}
.sldr-img-wt3 {position:absolute; top:10px; left:-160px; width:620px; height:620px; border-radius:620px; background:var(--whiteB); z-index:1;}
.sldr-img-yl2 {position:absolute; top:90px; left:0px; width:460px; height:460px; border-radius:460px; background:var(--yellow); z-index:1;}
.sldr-img-yl {position:absolute; top:15px; right:15px; width:180px; height:180px; border-radius:180px; background:var(--yellow); z-index:2;}

.sldr-ttl02 {margin-bottom:160px;}
.sldr-dscr02 {margin-top:-100px;}
.sldr-adv {position:absolute; top:50%; left:60px; right:50%; margin-top:-10px; z-index:5; overflow:hidden;}
.sldr-adv-col {}
.sldr-adv-row {padding:0 15px 25px 0;}
.sldr-adv-ttl {font:14px/14px var(--flight); color:#000000; text-transform:uppercase;}
.sldr-adv-ttl span {font:32px/42px var(--fthin) !important; display:block; text-transform:none;}
.sldr-adv-ttl span b {font:36px/42px var(--fbold) !important; color:var(--yellow) !important;}
.sldr-img-02 {margin-top:15px;}
.sldr-bttn-box02 {margin-top:200px;}

.proj-sldr-div {padding:60px 0 0 0; background:var(--whiteC); overflow:hidden;}
.proj-sldr-wrap {padding:80px 0; overflow:hidden; position:relative;}
.proj-sldr-ttl {font:62px/58px var(--fbold); display:block; margin-bottom:10px;}
.proj-sldr-dscr {font:17px/21px var(--flight); color:var(--black);}
.proj-sldr-box {padding:50px 0; overflow:hidden;}
.proj-sldr-txt {font:14px/24px var(--flight); color:var(--grey5); padding:0 0 0 50px; box-shadow:inset 2px 0 0 var(--yellow);}
.proj-sldr-tag {font:13px/13px var(--flight); color:var(--grey5); padding:0 0 0 50px; text-transform:uppercase;}
.proj-sldr-tag span {display:inline-block; margin:0 3px 3px 0; border:1px solid var(--greyA); padding:7px 15px; box-sizing:border-box; min-width:90px; text-align:center; white-space:nowrap;}
.proj-sldr-bttn {clear:both; position:relative; z-index:5;}

.proj-photo-div {padding:0 0 80px 0; overflow:hidden; background:var(--white4);}
.proj-photo {display:block; overflow:hidden;}
.proj-bttn-box {width:500px; margin:0 auto; clear:both; padding:40px 0 0 0;}
.proj-bttn,.proj-bttn:focus,.proj-bttn:active {position:relative; height:40px; display:block; width:240px; overflow:hidden; font:14px/14px var(--flight); color:var(--black); text-decoration:none; border:1px solid var(--yellow); text-align:center; padding:13px 0 0 40px; transition:background 200ms, color 200ms; margin:0 10px 10px 0; float:left; background:var(--yellow);}
.proj-bttn:hover {background:none; color:var(--grey8);}
.proj-bttn-ico {position:absolute; top:15px; left:17px; height:10px; width:10px; background:url(./img/rect-h02.png) no-repeat; z-index:2; transition:background 200ms; display:block;}
.proj-bttn:hover .proj-bttn-ico {background:url(./img/rect-02.png) center center no-repeat;}
.proj-bttn-sep {position:absolute; top:0; left:40px; bottom:0; width:1px; background:var(--yellow);}
.proj-link,.proj-link:focus,.proj-link:active {position:relative; height:40px; display:block; width:240px; overflow:hidden; font:14px/14px var(--flight); color:var(--black); text-decoration:none; border:1px solid var(--green); text-align:center; padding:13px 0 0 40px; background:var(--green); transition:background 200ms, color 200ms;}
.proj-link:hover {background:none; color:var(--grey8);}
.proj-link-ico {position:absolute; top:15px; left:17px; height:10px; width:10px; background:url(./img/rect-h02.png) no-repeat; z-index:2; transition:background 200ms; display:block;}
.proj-link:hover .proj-link-ico {background:url(./img/rect-02.png) center center no-repeat;}
.proj-link-sep {position:absolute; top:0; left:40px; bottom:0; width:1px; background:var(--green);}

.preim-div {padding:80px 0; overflow:hidden; position:relative; background:var(--white);}
.preim-div02 {padding:80px 0; overflow:hidden; position:relative; background:var(--whiteC);}
/* .preim-div02 .main-ttl {text-align:center; width:100%}
.preim-div02 .main-ttl-sep {width:150px; margin:0 auto 80px auto;}
.preim-div02 .main-ttl-sep div {margin:0 auto;} */
.preim-block {position:relative; overflow:hidden; z-index:3;}
.preim-sep01 {position:absolute; top:0; left:50%; bottom:0; width:1px; background:var(--white4);}
.preim-sep02 {position:absolute; top:50%; left:0; right:0; height:1px; background:var(--white4);}
.preim-list {overflow:hidden; position:relative;}
.preim-col {overflow:hidden;}
.preim-row {overflow:hidden; position:relative;}
.preim-row-left {padding:40px 270px 40px 0; text-align:left;}
.preim-row-right {padding:40px 0 40px 270px; text-align:right;}
.preim-ttl {font:24px/24px var(--flight); color:var(--black); margin:0 0 40px 0; height:40px; position:relative;}
.preim-ttl-txt {position:relative; z-index:2; display:block;}
.preim-row-left .preim-ttl .preim-ttl-bg {position:absolute; top:5px; bottom:0; left:5px; z-index:1; width:170px;}
.preim-row-right .preim-ttl .preim-ttl-bg {position:absolute; top:5px; bottom:0; right:5px; z-index:1; width:170px;}
.preim-row-left .preim-img {position:absolute; top:40px; right:50px; width:150px;}
.preim-row-right .preim-img {position:absolute; top:40px; left:50px; width:150px;}
.preim-txt {font:14px/21px var(--flight); color:var(--grey8);}
.preim-col:nth-child(1) .preim-row .preim-ttl .preim-ttl-bg {background:var(--yellow);}
.preim-col:nth-child(2) .preim-row .preim-ttl .preim-ttl-bg {background:var(--green);}
.preim-col:nth-child(3) .preim-row .preim-ttl .preim-ttl-bg {background:var(--green);}
.preim-col:nth-child(4) .preim-row .preim-ttl .preim-ttl-bg {background:var(--yellow);}

.adv-div {position:relative; overflow:hidden;}
.adv-bg-01 {position:absolute; top:0; left:0; right:50%; bottom:50%; background:url(/web/20220315081438im_/https://webminton.com.ua/img/bg-wave.png) left top repeat; opacity:.5;}
.adv-bg-02 {position:absolute; top:50%; left:50%; right:0; bottom:0; background:url(/web/20220315081438im_/https://webminton.com.ua/img/bg-wave.png) left top repeat; opacity:.5;}
.adv-col {}
.adv-row {position:relative; min-height:200px; padding:0 40px 30px 120px;}
.adv-img {position:absolute; left:0px; top:0; width:80px;}
.adv-ttl {font:23px/23px var(--freg); color:var(--black); margin:0 0 30px 0; text-transform:uppercase;}
.adv-txt {font:16px/24px var(--flight); color:var(--grey8);}

.price-div {padding:80px 0 0 0; overflow:hidden; background:var(--whiteD); position:relative;}
.price-block {overflow:hidden; background:var(--whiteA); position:relative;}
.price-block-bg {position:absolute; top:0; right:0; left:0; bottom:50%; background:var(--whiteA);}
.price-list {overflow:hidden;}
.price-col {overflow: hidden; display:block;}
.price-col:hover {background:var(--white1) !important;}
.price-col:nth-child(2),.price-col:nth-child(4).price-col:nth-child(6) {background:var(--whiteD);}
.price-col:nth-child(5) {background:var(--whiteA);}
.price-row {padding:40px 40px; overflow:hidden; display:block; position:relative; min-height:1px;}
.price-ttl {position:relative; padding:0 0 0 80px; min-height:44px; display:block; font:24px/24px var(--flight); color:var(--black); margin:0 0 40px 0;}
.price-img {position:absolute; left:0; top:0; width:50px; height:40px; display:block; z-index:2;}
.price-img-bg {position:absolute; left:4px; top:4px; width:50px; height:40px; display:block; z-index:1;background:var(--yellow);}
.price-col:nth-child(1) .price-row .price-ttl .price-img {background:url(/web/20220315081438im_/https://webminton.com.ua/img/ico-price01.png) left top no-repeat;}
.price-col:nth-child(2) .price-row .price-ttl .price-img {background:url(/web/20220315081438im_/https://webminton.com.ua/img/ico-price02.png) left top no-repeat;}
.price-col:nth-child(3) .price-row .price-ttl .price-img {background:url(/web/20220315081438im_/https://webminton.com.ua/img/ico-price03.png) left top no-repeat;}
.price-col:nth-child(4) .price-row .price-ttl .price-img {background:url(/web/20220315081438im_/https://webminton.com.ua/img/ico-price04.png) left top no-repeat;}
.price-col:nth-child(5) .price-row .price-ttl .price-img {background:url(/web/20220315081438im_/https://webminton.com.ua/img/ico-price05.png) left top no-repeat;}
.price-col:nth-child(6) .price-row .price-ttl .price-img {background:url(/web/20220315081438im_/https://webminton.com.ua/img/ico-price06.png) left top no-repeat;}
.price-txt {position:relative; padding:0 0 0 80px; font:14px/21px var(--flight); color:var(--grey8); display:block; min-height:80px;}
.price-mn {position:absolute; left:0; top:0; width:54px; height:44px; font:16px/16px var(--flight); color:var(--black); display:block; }
.price-zoom {position:absolute; top:3px; right:0; width:23px; height:10px; background:url(/web/20220315081438im_/https://webminton.com.ua/img/ico-zoom.png) bottom left no-repeat; display:block;}

.pholio-div {padding:80px 0 0 0; background:var(--white); overflow:hidden; position:relative;}
.pholio-div02 {padding:80px 0; background:var(--white); overflow:hidden; position:relative;}
/*
.pholio-div02 .main-ttl {text-align:center; width:100%}
.pholio-div02 .main-ttl-sep {width:150px; margin:0 auto 80px auto;}
.pholio-div02 .main-ttl-sep div {margin:0 auto;}
*/
.pholio-list {overflow:hidden; position:relative;}
.pholio-block {overflow:hidden; position:relative; padding:40px 0 80px 0; background:url(/web/20220315081438im_/https://webminton.com.ua/img/bg-line.png) left bottom repeat-x; margin-bottom:40px;}
.pholio-col {overflow:hidden; position:relative;}
.pholio-row {overflow:hidden; padding:0 40px 0 0;}
.pholio-row-img {overflow:hidden; padding:0 0 0 40px;}
.pholio-ttl {font:27px/27px var(--freg); color:var(--black); margin:0 0 5px 0;}
.pholio-dscr {font:14px/21px var(--flight_it); color:var(--greyA); display:block; margin:0 0 40px 0; overflow:hidden;}
.pholio-dscr2 {font:14px/21px var(--flight_it); color:var(--greyA); display:block; margin:0 0 20px 0; overflow:hidden;}
.pholio-txt {font:14px/21px var(--flight); color:var(--grey8); display:block; margin:0 0 40px 0;}
.pholio-bttn-box {overflow:hidden; clear:both;}
.pholio-bttn,.pholio-bttn:focus,.pholio-bttn:active {position:relative; height:40px; display:block; width:240px; overflow:hidden; font:14px/14px var(--flight); color:var(--grey8); text-decoration:none;border:1px solid var(--yellow); text-align:center; padding:13px 0 0 40px; transition:background 200ms, color 200ms; margin:0 10px 10px 0; float:left;}
.pholio-bttn:hover {background:var(--yellow); color:var(--black);}
.pholio-bttn-ico {position:absolute; top:15px; left:17px; height:10px; width:10px; background:url(./img/rect-02.png) no-repeat; z-index:2; transition:background 200ms; display:block;}
.pholio-bttn:hover .pholio-bttn-ico {background:url(/web/20220315081438im_/https://webminton.com.ua/img/rect-h02.png) center center no-repeat;}
.pholio-bttn-sep {position:absolute; top:0; left:40px; bottom:0; width:1px; background:var(--yellow);}
.pholio-link,.pholio-link:focus,.pholio-link:active {position:relative; height:40px; display:block; width:240px; overflow:hidden; font:14px/14px var(--flight); color:var(--grey8); text-decoration:none;border:1px solid var(--green); text-align:center; padding:13px 0 0 40px; transition:background 200ms, color 200ms;}
.pholio-link:hover {background:var(--green); color:var(--black);}
.pholio-link-ico {position:absolute; top:15px; left:17px; height:10px; width:10px; background:url(./img/rect-02.png) no-repeat; z-index:2; transition:background 200ms; display:block;}
.pholio-link:hover .pholio-link-ico {background:url(/web/20220315081438im_/https://webminton.com.ua/img/rect-h02.png) center center no-repeat;}
.pholio-link-sep {position:absolute; top:0; left:40px; bottom:0; width:1px; background:var(--green);}

.pholio-row-img {overflow:hidden; padding:0 0 0 40px;}
.pholio-img {display:block; overflow:hidden; background:url(/web/20220315081438im_/https://webminton.com.ua/img/eye.png) center center no-repeat;}
.pholio-img img {opacity:1; transition:opacity 250ms;}
.pholio-img:hover img {opacity:.08;}
.pholio-hide {display:none;}
.pholio-img-big {overflow:hidden; margin-bottom:20px;}

.pholio-bttn-div {padding:80px 0; background:var(--whiteC); position:relative;}
.pholio-bttn-bg {position:absolute; top:0; left:0; right:0; bottom:0; background:url(/web/20220315081438im_/https://webminton.com.ua/img/bg-wave.png) left top repeat; z-index:1; opacity:.5;}
.pholio-bttn-div .main-ttl {text-align:center; width:100%;}
.pholio-bttn-div form {position:relative; z-index:2;}
.pholio-bttn-div form .dinput2 .input-text {max-width:400px; margin:0 auto 15px auto; text-align: center; background:var(--whiteC);}
.pholio-bttn-div form .input-btn2 {margin:0 auto; background:var(--green);}
.pholio-bttn-div form .input-btn2:hover {background:var(--white1);}
.pholio-bttn-div form label.error {text-align:center;}

.serv-div {padding:80px 0; background:var(--white); overflow:hidden; position:relative;}
.serv-div02 {padding:0 0 80px 0; background:var(--white); overflow:hidden; position:relative;}
.serv-col {display:block;}
.serv-row {position:relative; padding:0 20px 0 50px; display:block; height:100px;}
.serv-col .serv-round,.serv-col .serv-round:active,.serv-col .serv-round:focus {position:absolute; left:0; top:0; height:100px; width:100px; border-radius:50px; background:var(--yellow); display:block; z-index:1; transition:left 200ms;}
.serv-title {position:absolute; left:50px; bottom:50%; margin-bottom:-20px; font:24px/24px var(--flight); color:var(--black); display:block; z-index:2;}
.serv-link {position:absolute; left:130px; top:50%; margin-top:40px; height:5px; background:url(/web/20220315081438im_/https://webminton.com.ua/img/ico-long-arr.png) center center no-repeat; display:block; width:50px; z-index:2;}
.serv-col:hover .serv-round {display:block; left:50px;}

.serv-bg {position:absolute; top:0; bottom:0; left:0; right:0; background:url(/web/20220315081438im_/https://webminton.com.ua/img/bg-dot.png) left top repeat; z-index:1; opacity:.75;}
.serv-box {position:relative; overflow:hidden; z-index:2; padding:70px 0 0 0;}
.serv-box-ttl {position:absolute; top:0; left:0; z-index:2; font:42px/46px var(--fbold); display:block; color:var(--black); background:var(--white); padding:0 20px 20px 0;}
.serv-box-block {position:relative; border:4px solid var(--yellow); padding:70px 50px; z-index:1px; background:var(--white);}
.serv-box-text {height:300px; font:16px/28px var(--flight); color:var(--black); overflow-y:scroll; padding:0 20px 0 0;}
.serv-box-text::-webkit-scrollbar-button {width: 5px; height: 0px;}
.serv-box-text::-moz-scrollbar-button {width: 5px; height: 0px}
.serv-box-text::-webkit-scrollbar-track {background-color:var(--white8);}
.serv-box-text::-moz-scrollbar-track {background-color:var(--white8);}
.serv-box-text::-webkit-scrollbar-thumb {border-radius: 0px; background-color:var(--yellow);}
.serv-box-text::-moz-scrollbar-thumb {border-radius: 0px; background-color:var(--yellow);}
.serv-box-text::-webkit-scrollbar-thumb:hover {background-color:var(--black);}
.serv-box-text::-moz-scrollbar-thumb:hover {background-color:var(--black);}
.serv-box-text::-webkit-resizer {width: 8px; height: 0px;}
.serv-box-text::-moz-resizer {width: 8px; height: 0px;}
.serv-box-text::-webkit-scrollbar {width: 8px;}
.serv-box-text::-moz-scrollbar {width: 8px;}

.mtext-box h1 {font:32px/36px var(--flight); text-transform:uppercase; color: var(--green); margin-bottom:20px; padding:0;}
.mtext-box h2 {font:32px/36px var(--flight); text-transform:uppercase; color: var(--black); margin-bottom:20px; padding:0;}
.mtext-box h3 {font:32px/36px var(--flight); text-transform:uppercase; color: var(--black); margin-bottom:20px; padding:0;}
.mtext-box h4 {font:32px/36px var(--flight); text-transform:uppercase; color: var(--black); margin-bottom:20px; padding:0;}
.mtext-box h5 {font:32px/36px var(--flight); text-transform:uppercase; color: var(--black); margin-bottom:20px; padding:0;}
.mtext-box h6 {font:32px/36px var(--flight); text-transform:uppercase; color: var(--black); margin-bottom:20px; padding:0;}
.mtext-box p {font:16px/28px var(--flight); color: var(--grey5); margin:0 0 15px; padding:0; text-align:justify;}
.mtext-box p em {color: var(--black); background:var(--green)}
.mtext-box strong,.modal-box b {color: var(--black); font:14px/21px var(--fbold) !important;}
.mtext-box ul,.modal-box ol {font:14px/24px var(--flight); margin: 0 0 25px; color: var(--black); list-style-position:inside !important; border:solid var(--white4); border-width:1px 1px 1px 0; background:var(--whiteC); padding:40px !important; box-shadow:inset 4px 0 0 var(--yellow);}
.mtext-box ol li  {font:14px/20px var(--flight); margin: 0 0 10px; color: var(--black);}


.faq-div {padding:80px 0; background:var(--white8); overflow:hidden; position:relative;}
.faq-list {overflow:hidden;}
.faq-box,.faq-box:focus,.faq-box:active {position:relative; z-index:2; padding:15px 15px 15px 80px; display:block; box-shadow:1px 1px 0 rgba(0,0,0,.05); transition:box-shadow 200ms; background: var(--white); min-height:50px; margin-bottom:20px;}
.faq-box:hover {box-shadow:none; background:var(--white8);}
.faq-box:last-child {margin-bottom:0;}
.faq-ico {width:50px; position:absolute; left:0; top:0; bottom:0; box-shadow:1px 0 rgba(0,0,0,.04); background:url(/web/20220315081438im_/https://webminton.com.ua/img/ico-faq.png) center center no-repeat var(--green);}
.faq-title {box-shadow:none; font:16px/16px var(--freg); color:var(--black); display:block; letter-spacing:1px;}
.faq-box:hover .faq-title {color:var(--black);}
.faq-fresh-col {}
.faq-fresh-row {padding-left:30px;}

.faq-page-div {margin:0 -15px;}
.faq-page-col {}
.faq-page-row {padding:0 15px;}
.faq-page-box,.faq-page-box:focus,.faq-page-box:active {position:relative; z-index:2; padding:40px; display:block; box-shadow:1px 1px 0 rgba(0,0,0,.05); transition:box-shadow 200ms; background: var(--white);}
.faq-page-box:hover {box-shadow:none; background:var(--white1);}
.faq-page-ico {width:60px; height:60px; display:block; margin-bottom:30px; opacity:.075}
.faq-page-ttl span {font:24px/38px var(--flight) !important; color:var(--black); display:block; margin-bottom:30px;}
.faq-page-ttl span b {font:38px/38px var(--fbold) !important; color:var(--yellow) !important;}
.faq-page-txt {font:16px/24px var(--flight); color:var(--black); margin:0 0 20px 40px; display:block;}
.faq-page-link {height:5px; width:50px; background:url(/web/20220315081438im_/https://webminton.com.ua/img/ico-long-arr.png) center center no-repeat; display:block; margin:0 0 0 40px;}

.sdbar-div {padding:50px 0 20px 0; overflow:hidden; background:var(--white); position:relative;}
.sdbar-block {overflow:hidden; position:relative; text-align:center;}
.sdbar-col {overflow:hidden;}
.sdbar-row {overflow:hidden; padding:30px 20px;}
.sdbar-ttl {font:28px/28px var(--freg); color:var(--black); margin:0 0 20px 0;clear: both;}
.sdbar-ttl2 {font:20px/20px var(--flight); color:var(--black); margin:0 0 20px 0;clear: both;}
.sdbar-ttl2 span {background:var(--green);}
.sdbar-ttl3 {font:16px/21px var(--flight); color:var(--black); margin:0 0 10px 0;clear: both;}
.sdbar-bttn,.sdbar-bttn:focus,.sdbar-bttn:active {position:relative; height:40px; display:block; width:240px; overflow:hidden; font:14px/14px var(--flight); color:var(--black); text-decoration:none; border:1px solid var(--yellow); text-align:center; padding:13px 0 0 40px; transition:background 200ms, color 200ms; margin:0 auto 30px auto; background:var(--yellow); clear: both;}
.sdbar-bttn:hover {background:var(--white); color:var(--black);}
.sdbar-bttn-ico {position:absolute; top:15px; left:17px; height:10px; width:10px; background:url(/web/20220315081438im_/https://webminton.com.ua/img/rect-h02.png) no-repeat; z-index:2; transition:background 200ms; display:block;}
.sdbar-bttn:hover .sdbar-bttn-ico {background:url(./img/rect-02.png) center center no-repeat;}
.sdbar-link,.sdbar-link:focus,.sdbar-link:active {position:relative; height:40px; display:block; width:240px; overflow:hidden; font:14px/14px var(--flight); color:var(--black); text-decoration:none; border:1px solid var(--green); text-align:center; padding:13px 0 0 40px; transition:background 200ms, color 200ms; margin:0 auto 30px auto; background:var(--green);clear: both;}
.sdbar-link:hover {background:var(--white); color:var(--black);}
.sdbar-link-ico {position:absolute; top:15px; left:17px; height:10px; width:10px; background:url(/web/20220315081438im_/https://webminton.com.ua/img/rect-h02.png) no-repeat; z-index:2; transition:background 200ms; display:block;}
.sdbar-link:hover .sdbar-link-ico {background:url(./img/rect-02.png) center center no-repeat;}
.sdbar-phone {font:24px/24px var(--flight); color:var(--black); display:block; margin:0 0 20px 0;}
.sdbar-phone2 {font:20px/20px var(--flight); color:var(--black); display:block; margin:0 0 20px 0;}

.brief-div {position:relative; margin:0 auto; overflow: hidden; z-index:1; padding:0 20px;}
.brief-col {overflow:hidden;}
.brief-row {padding:0 20px 40px 20px; overflow:hidden;}
.brief-box {position:relative; z-index:2; padding:40px 20px; display:block; margin:0 0 20px 0; overflow:hidden; border:1px solid var(--white4); background:var(--whiteC)}
.brief-ttl {font:18px/18px var(--freg); display:block; color:#383838; margin-bottom:30px; letter-spacing:1px; position:relative;}
.brief-ttl span {position:relative; z-index:2;}
.brief-ttl i {position:absolute; left:-20px; top:0; width:37px; height:18px; background:var(--yellow); z-index:1;}
.brief-ttl-sep {margin:0 0 20px 0; clear:both; height:2px; box-shadow:inset 0 1px 0 #eeeeee, inset 0 -1px 0 #ffffff; display:block; max-width:250px; display: none;}
.brief-ttl-sep span {width:30px; border:solid #fcfcfc; border-width:0 5px 0 0; height:2px; background:#6fd8dc; display:block;}
.brief-txt {font:13px/20px var(--flight); color:#000000; margin-bottom:20px; display:block; letter-spacing:1px;}

.modal-content-white {background:#ffffff !important; border-radius:0px !important; border:0 !important; box-shadow:none !important;}
.modal-content-white .modal-header {padding: 15px 15px 0 15px !important; border-bottom: 0px !important;}
.modal-content-white .modal-header {padding: 15px 15px 0 15px !important; border-bottom: 0px !important;}
.modal-content-ttl {padding: 0;}
.modal-content-white button.close {background:var(--green) !important; width:30px !important; height:30px !important; margin:5px !important; opacity:1;}
.modal-content-white button.close span {color:#ffffff !important; text-shadow:none !important;}

.modal-box {max-width:1000px !important; min-height:1px; padding:40px !important; border:1px solid #dddddd !important;}
.modal-box-wrn {min-height:1px !important;}
.modal-box-ttl {font:32px/36px  var(--freg); text-transform:uppercase; color: var(--black); margin-bottom:20px; padding:0;}
.modal-box-ttl span {font:12px/12px 'exo_2.0italic', Arial, sans-serif; display:block; color: var(--greyA); margin-bottom:5px; text-transform:none; letter-spacing:1px;}
.modal-box-ttl2 {font:28px/28px  var(--freg); text-transform:uppercase; color: var(--black); margin-bottom:20px;}
.modal-box-mn {clear: both; font:14px/18px 'exo_2.0italic', Arial, sans-serif; margin-bottom:30px; display:block; color: var(--black);}
.modal-box-mn span {font:18px/18px 'exo_2.0italic', Arial, sans-serif; background: var(--yellow); color: var(--black); transition:background 200ms 100ms;}


.content-scroll::-webkit-scrollbar-button {width: 5px; height: 0px;}
.content-scroll::-moz-scrollbar-button {width: 5px; height: 0px}
.content-scroll::-webkit-scrollbar-track {background-color:var(--whiteA);}
.content-scroll::-moz-scrollbar-track {background-color:var(--whiteA);}
.content-scroll::-webkit-scrollbar-thumb {border-radius: 0px; background-color:var(--greyA);}
.content-scroll::-moz-scrollbar-thumb {border-radius: 0px; background-color:var(--greyA);}
.content-scroll::-webkit-scrollbar-thumb:hover {background-color:var(--black);}
.content-scroll::-moz-scrollbar-thumb:hover {background-color:var(--black);}
.content-scroll::-webkit-resizer {width: 8px; height: 0px;}
.content-scroll::-moz-resizer {width: 8px; height: 0px;}
.content-scroll::-webkit-scrollbar {width: 8px;}
.content-scroll::-moz-scrollbar {width: 8px;}

.modal-box h1 {font:32px/36px var(--flight); text-transform:uppercase; color: var(--green); margin-bottom:20px; padding:0;}
.modal-box h2 {font:32px/36px var(--flight); text-transform:uppercase; color: var(--green); margin-bottom:20px; padding:0;}
.modal-box h3 {font:32px/36px var(--flight); text-transform:uppercase; color: var(--black); margin-bottom:20px; padding:0;}
.modal-box h4 {font:32px/36px var(--flight); text-transform:uppercase; color: var(--black); margin-bottom:20px; padding:0;}
.modal-box h5 {font:32px/36px var(--flight); text-transform:uppercase; color: var(--black); margin-bottom:20px; padding:0;}
.modal-box h6 {font:32px/36px var(--flight); text-transform:uppercase; color: var(--black); margin-bottom:20px; padding:0;}
.modal-box p {font:16px/24px var(--flight); color: var(--grey5); margin:0 0 25px; padding:0; text-align:justify;}
.modal-box p em {color: var(--black); background:var(--green)}
.modal-box strong,.modal-box b {color: var(--black); font:14px/21px var(--fbold) !important;}
.modal-box ul,.modal-box ol {font:16px/24px var(--flight); margin: 0 0 25px; color: var(--black); list-style-position:inside !important; border:solid var(--white4); border-width:1px 1px 1px 0; background:var(--whiteC); padding:40px !important; box-shadow:inset 3px 0 0 var(--yellow);}
.modal-box ol li  {font:16px/24px var(--flight); margin: 0 0 10px; color: var(--black);}

.modal-contacts-ttl {font:14px/14px var(--flight); color: var(--greyA); display:block; letter-spacing:1px; margin-bottom:20px; text-transform:lowercase;}
.modal-contacts-mn {font:22px/22px var(--flight);}
.modal-contacts-mn a,.modal-contacts-mn a:focus,.modal-contacts-mn a:active {color: var(--grey5); text-decoration:none; margin-bottom:20px; display: block;}
.modal-contacts-mn a:hover {color: var(--black); text-decoration:none;}
.modal-contacts-mn a span {color: var(--yellow);}
.modal-contacts-time {font:14px/14px var(--fthin); color: var(--greyA); display:block; letter-spacing:1px; text-transform:lowercase;}

.modal-ttl02 {font:22px/28px var(--flight); text-transform:uppercase; color:var(--black); margin-bottom:20px; padding:0;}
.modal-ttl03 {font:18px/28px var(--flight); text-transform:uppercase; color:var(--black); margin-bottom:20px; padding:0;}
.modal-ttl04 {font:18px/28px var(--flight); text-transform:uppercase; color:var(--green); margin-bottom:20px; padding:0;}
.modal-button-main {width:240px; height:40px; display: block; border-radius:2px; font:13px/13px var(--flight); text-decoration:none; padding:15px; letter-spacing:.1px; text-align: center; cursor:pointer; background:var(--green); color:#ffffff; border:none !important;}
.modal-button-main:hover {background:#bbbbbb; color:#ffffff; text-decoration:none;}

.modal-body {padding:0 !important;}
.modal-body-rw {padding-bottom:0 !important;}
.modal-backdrop.in {opacity:1 !important;}
.modal-backdrop {background:rgba(230,230,230,.95) !important;}

.modal-about-div img {width:100% !important; height: auto !important;}
.modal-contacts-box {margin-bottom:30px;}

.fancybox-bg {background:rgba(230,230,230,.95) !important; opacity:1 !important;}
.fancybox-close-small:after {background: var(--yellow) !important; color:#fff !important;}
#fancybox-inner{overflow: scroll; -webkit-overflow-scrolling: touch;}

.modal-box .content-scroll {max-height: calc(100vh - 200px); overflow: auto; padding:0 10px;}

.form {margin:0 0 20px 0; overflow-x: hidden;}
.dinput2 {position: relative; margin-bottom:7px;}
.dinput-padd {padding-left:0; min-height:40px; position:relative;}
.dinput2 .input-text {padding:12px 15px; border:1px solid #eee; width:100%; display:block; border-radius:2px; font:14px var(--flight); color:#585858; margin:0; transition:all 0.3s ease-in-out; background: #ffffff;}
.dinput2 .select-form {padding:8px 15px; border:1px solid #eee; width:auto; display:block; border-radius:2px; font:14px var(--flight); color:#585858; margin:0 0 10px 0; transition:all 0.3s ease-in-out; background: #ffffff;}
.dinput2 input[type="text"]::placeholder {color: #888888 !important;}
.dinput2 textarea::placeholder {color: #888888 !important;}
.checkint {margin:0 !important; display: block; width:20px; height:20px; position:absolute; left:0; top:0px;}
.checkspan {font:13px/14px var(--flight); color:#585858; margin-left:30px; display:block;}
.input-text:focus {border: 1px solid #ee3e41; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0, .075), 0 0 8px rgba(212,82,70, .3); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0, .075), 0 0 8px rgba(212,82,70, .3); box-shadow: inset 0 1px 1px rgba(0,0,0, .075), 0 0 8px rgba(212,82,70, .3);}
.text-area {height:150px !important; resize:none; overflow:auto; margin-bottom:15px; background: #ffffff;}
.dinput3 {padding:10px 0px !important;}
.input-btn2 {width:240px; height:40px; font:13px/13px var(--flight), sans-serif; color:#111111; background:var(--yellow); position:relative; display:block; text-decoration:none; padding:13px; letter-spacing:.3px; text-align: center; cursor:pointer; border:none !important;}
.input-btn2:hover {background:#dddddd; color:#000000; text-decoration:none;}
.input-btn2:focus {background:var(--yellow); color:#ffffff; border:none !important;}
.input-btnbg2:focus {background:#3f5b99 !important; color:#fff;}
label.formlbl {margin:0 !important; display:inherit !important; line-height:0 !important;}
label.error {color:#eb5b5b; clear: both; display: block; margin-top:5px; font:16px/16px var(--flight);}
.modal {color: #555;}
.sbj {display:none;}

/* Default theme - Owl Carousel */
.owl-theme .owl-nav {margin-top:0; text-align: center; -webkit-tap-highlight-color: transparent; position:absolute; bottom:0; right:0; width:100%;}
.owl-theme .owl-nav [class*='owl-'] {color:#ffffff; font-size: 14px; margin:0; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px;}
.owl-theme .owl-nav [class*='owl-']:hover {background:#869791; color: #ffffff; text-decoration: none; }
.owl-theme .owl-nav .disabled {opacity: 0.5; cursor: default;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top:0;}
.owl-theme .owl-dots {text-align: center; -webkit-tap-highlight-color: transparent; min-height:40px; margin-top:30px;}
.owl-theme .owl-dots .owl-dot {display: inline-block; zoom: 1; *display: inline; min-height:40px;}
.owl-theme .owl-dots .owl-dot span {width:10px; height:10px; margin:5px 7px; background:none; border:1px solid var(--green);  display:block; -webkit-backface-visibility:visible; transition:opacity 200ms ease; border-radius:30px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background:var(--green);}

/*.owl-theme .owl-item {opacity:.05;}*/
.owl-theme .active {opacity:1;}
.owl-theme .owl-nav .owl-prev {float:left; height:40px; width:40px; background:var(--green) !important;}
.owl-theme .owl-nav .owl-next {float:right; height:40px; width:40px; background:var(--green) !important;}
.owl-theme .owl-nav .owl-prev span,
.owl-theme .owl-nav .owl-next span {color:#ffffff; font-size:18px;}
.owl-theme .owl-nav .owl-prev:hover span,
.owl-theme .owl-nav .owl-next:hover span {color:#000000;}
.owl-carousel.owl-drag .owl-item {padding:10px 20px;}



@media(max-width:1200px){
    .price-row {min-height:1px;}
    .price-block-bg {display:none;}
    .brief-div {padding:0;}
    .sdbar-ttl {font:26px/26px var(--freg);}
	.serv-title {font:20px/20px var(--flight);}
	.serv-box-ttl {font:28px/32px var(--fbold);}
	.price-col:nth-child(2),.price-col:nth-child(3).price-col:nth-child(6) {background:var(--whiteD);}
	.price-col:nth-child(1),.price-col:nth-child(4),.price-col:nth-child(5) {background:var(--whiteA);}
}

@media(max-width:992px){
    .sldr-bg,.wave-bg {display:none;}
    .sldr-bg01 {position:absolute; top:50%; bottom:0; left:0; right:0; opacity:.4}
    .sldr-wrap {height:auto; padding:110px 20px 50px 20px;}
    .sldr-logo {position:static; margin:40px auto 50px auto;}
    .sldr-ttl {font:38px/46px var(--fbold); position:static; margin:0 auto 30px auto; width:90%; text-align:center;}
    .sldr-dscr {position:static; margin:0 auto 50px auto; padding:0; box-shadow:none; width:70%; text-align:center; font:17px/24px var(--flight);}
	.sldr-dscr-font {text-transform:none;}
	.sldr-adv {position:static; margin:0 auto 40px auto; padding:0; box-shadow:none; max-width:400px;}
	.sldr-adv-ttl {color:#000000; text-align: center;}
    .sldr-bttn-box {position:relative; width:240px; margin:0 auto 40px auto; left:0}
    .sldr-img-box {position:static; width:450px; height:auto; margin:0 auto;}
    .sldr-img-rel {display:none;}
    .sldr-img-hide {position:relative; height:100%; width:100%; display:inherit}
    .sldr-img {height:auto;}
    .sldr-img-gr,.sldr-img-yl {display:none;}
    .main-ttl {width:80%; text-align:center; margin:0 auto 30px auto; font:32px/36px var(--fbold);}
    .main-ttl-sep {height:2px; width:150px; margin:0 auto 30px auto;}
    .main-ttl-sep div {width:30px; margin:0 auto; box-shadow:3px 0 0 var(--white), -3px 0 0 var(--white); height:2px; background:var(--green);}
    .preim-row-left {padding:40px 50px 40px 0;}
    .preim-row-right {padding:40px 0 40px 50px;}
    .preim-img {opacity:.2;}
    .pholio-bttn-box {margin-bottom:40px;}
    .pholio-row,.pholio-row-img {padding:0;}
    .head-logo {display: none;}
    .head-logo2 {position:absolute; top:15px; left:20px; width:217px; height:31px; display:block;}
	.faq-page-col {margin-bottom:20px;}
	.sldr-adv-ttl span {font:24px/36px var(--fthin) !important;}
	.proj-sldr-txt {padding:0 0 0 50px; margin-bottom:40px;}
	.proj-sldr-tag {padding:0; text-transform:uppercase;}
	.faq-page-box,.faq-page-box:focus,.faq-page-box:active {max-width:450px; margin:0 auto;}
}

@media(max-width:769px){
    .div01 {height:auto; min-height:60px !important; width:100% !important;}
	.main-div {overflow: hidden;}
    .head-row {margin-top:60px; padding:0 0 0 0;}
    .menu {background:var(--white); float:none;}
    .navbar-collapse {padding:0 !important;}
    .main-nav-row {padding:0; overflow: auto;}
    li.menudiv {margin:0; position: relative; padding:10px 15px !important; border-bottom:1px solid #fafafa;}
    .navbar-nav li:first-child {padding-left:15px !important;}
    .menudiv a span {width:30px;}	
	.menudropdownhide {display:inherit !important;}
	.menudropdownhide p {padding:0 0 0 15px !important; font:16px/16px var(--flight); color:var(--black); background:var(--white) !important;}
	.menudropdown {display:none  !important;}
    .div02,.mpage-div {margin:0;}
    .head-adr {display:none;}
    .head-adr2 {display:block; position:absolute; top:15px; left:0; width:217px; height:31px;}
    .sldr-wrap {height:auto; padding:50px 20px;}
    .preim-sep01,.preim-sep02 {display:none;}
    .preim-row-left,.preim-row-right {padding:40px 0; text-align:left;}
    .preim-row-right .preim-ttl .preim-ttl-bg {position:absolute; top:5px; bottom:0; left:5px; z-index:1; width:170px;}
    .preim-row-right .preim-img {position:absolute; top:40px; right:50px; left:auto; width:150px;}
    .preim-col:nth-child(1) .preim-row .preim-ttl .preim-ttl-bg {background:var(--yellow);}
    .preim-col:nth-child(2) .preim-row .preim-ttl .preim-ttl-bg {background:var(--green);}
    .preim-col:nth-child(3) .preim-row .preim-ttl .preim-ttl-bg {background:var(--yellow);}
    .preim-col:nth-child(4) .preim-row .preim-ttl .preim-ttl-bg {background:var(--green);}
    .sdbar-row {border-bottom:1px solid #eeeeee;}
    .anchdiv {position:absolute; top:-60px;}
	.faq-fresh-col {display:none;}
	.serv-col {margin-bottom:20px;}
	.proj-sldr-div {padding:0;}
	.proj-sldr-wrap {padding:50px 0;}
	.proj-sldr-ttl {font:38px/46px var(--fbold);}
	.proj-sldr-dscr {font:18px/24px var(--flight);}
	.price-col:nth-child(2),.price-col:nth-child(4),.price-col:nth-child(6) {background:var(--whiteD);}
	.price-col:nth-child(1),.price-col:nth-child(3),.price-col:nth-child(5) {background:var(--whiteA);}
	.preim-div,.preim-div02,.faq-div {padding:40px 0;}
	.pholio-div,.price-div {padding:40px 0 0 0;}
	
}

@media(max-width:600px){
    .sldr-dscr {width:100%;}
    .sldr-img-box {position:static; width:300px; height:auto; margin:0 auto;}
    .preim-row-left,.preim-row-right {padding:40px 0; text-align:center;}
    .preim-row-right .preim-ttl {text-align:center;}
    .preim-ttl-bg {position:absolute; top:5px; bottom:0; left:50% !important; margin-left:-85px; right:auto; z-index:1; width:170px;}
    .preim-img {display:none;}
    .sldr-bg01 {display:none}
    .sldr-bg02 {left:0;}
    .modal-box {min-height:1px; padding:20px !important;}
    .modal-box-ttl {font:24px/26px  var(--freg); text-transform:uppercase;}
    .modal-box-ttl2 {font:20px/22px  var(--freg); text-transform:uppercase;}
    .modal-box .content-scroll {max-height: calc(100vh - 100px); overflow: auto; padding:0;}
    .pholio-col-hide {display:none;}
    .pholio-hide {display:block; margin-bottom:40px;}
    .pholio-bttn-box {margin-bottom:0;}
	.serv-box-block {border:1px solid var(--yellow); padding:70px 10px 30px 10px;}
	.serv-box-text {height:200px; font:14px/24px var(--flight);}	
	.proj-bttn-box {width:240px; margin:0 auto; clear:both; padding:40px 0 0 0;}
}

@media(max-width:500px){
    .sldr-ttl {font:32px/34px var(--fbold); width:100%;}
    .main-ttl {font:28px/32px var(--fbold); width:100%;}
    .price-row {padding:40px 20px; overflow:hidden; display:block;}
    .modal-box ul,.modal-box ol {padding:40px 20px !important;}	
	.serv-box-ttl {font:20px/24px var(--fbold);}
	.serv-box {padding:40px 0 0 0;}
	.pholio-txt {display:none;}	
	.pholio-block {padding:0 0 80px 0;}
	.adv-row {padding:0 40px 30px 80px;}
	.adv-img {width:60px;}

	.mtext-box h1 {font:20px/24px var(--flight); text-transform:uppercase; color: var(--green); margin-bottom:20px; padding:0;}
	.mtext-box h2 {font:20px/24px var(--flight); text-transform:uppercase; color: var(--black); margin-bottom:20px; padding:0;}
	.mtext-box h3 {font:20px/24px var(--flight); text-transform:uppercase; color: var(--black); margin-bottom:20px; padding:0;}
	.mtext-box h4 {font:20px/24px var(--flight); text-transform:uppercase; color: var(--black); margin-bottom:20px; padding:0;}
	.mtext-box h5 {font:20px/24px var(--flight); text-transform:uppercase; color: var(--black); margin-bottom:20px; padding:0;}
	.mtext-box h6 {font:20px/24px var(--flight); text-transform:uppercase; color: var(--black); margin-bottom:20px; padding:0;}
}

@media(max-width:400px){
    .price-row {padding:40px 0; overflow:hidden; display:block;}
	.serv-box {padding:60px 0 0 0;}
	.price-ttl {min-height:44px; font:18px/24px var(--flight); margin:0 0 20px 0;}
	.adv-ttl {font:18px/23px var(--freg);}
	.proj-sldr-txt {padding:0 0 0 20px;}
}
}

@media(max-width:350px){
    .sldr-ttl {font:32px/34px var(--fbold); width:100%;}
    .main-ttl {font:28px/32px var(--fbold); width:100%;}
    .modal-box ul,.modal-box ol {padding:40px 20px !important;}
	.sldr-adv-ttl {font:14px/18px var(--fthin); color:#000000;}
	.sldr-adv-ttl span {font:14px/36px var(--fthin) !important;}
	.sldr-adv-ttl span b {font:30px/32px var(--fbold) !important;}
    .head-logo2 {width:190px; height:21px;}
}


button {outline-width:0 !important; border:none !important;}
button:focus {outline:none !important;}
a {text-decoration:none !important;}
a:hover {text-decoration:none !important;}
a:focus {outline: none !important;}
a img {border: none;}
/*
     FILE ARCHIVED ON 08:14:38 Mar 15, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:35:25 Mar 21, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.464
  exclusion.robots: 0.017
  exclusion.robots.policy: 0.008
  esindex: 0.009
  cdx.remote: 12.762
  LoadShardBlock: 113.097 (3)
  PetaboxLoader3.datanode: 197.506 (5)
  load_resource: 192.149
  PetaboxLoader3.resolve: 66.185
  loaddict: 97.45
*/