html { overflow-x: hidden; }
body { background: #000; }
@font-face { font-family: 'gill'; src: url('assets/design/fonts/gill.ttf'); }
* { font-family: 'gill'; font-size: 16px; color: #000; }

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-weight: 400; width: 100%; }
a { text-decoration: none; color: #005ab7; font-size: 100%; }

.level { background: #fff; }

/*
#f4cb2e
*/

.bt1, .bt2, .bt3, .bt4 { line-height: 1; font-weight: 400; }
.bt1 { font-size: 300%; padding: 5px 0 10px 0; margin: 5px 0 10px 0; font-weight: 800; }
.bt2 { font-size: 200%; }
.bt3 { font-size: 150%; }
.bt4 { font-size: 100%; }

.dt1, .dt2, .dt3 { display: block; width: 100%; font-family: 'lato'; line-height: 1.3; padding: 0; margin: 0; color: #333; }
.dt1 { font-size: 150%; }
.dt2 { font-size: 125%; }
.dt3 { font-size: 110%; }

.lt1, .lt2 { color: #333; line-height: 1; }
.lt1 { font-size: 90%; }
.lt2 { font-size: 80%; }

.img { width: 100%; }
.bsh { box-shadow: 0 0 5px #000; }
.tsh { text-shadow: 0 0 5px #000; }
.back-e { background: #eee; }



/*--- box ---*/
#boxshadow { 
    position: fixed;
    z-index: 100; 
    transition: opacity 0.5s; 
    width: 0; 
    height: 0; 
    top: 0; 
    left: 0; 
    display: flex; 
    justify-content: center; 
    opacity: 0.7;
    background: #000;
}
#box {
    display: table;
    width: 40%;
    height: 150%;
    padding: 5%;
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 101;
    background: rgba(255, 255, 255, .9);
    transition: 0.5s;
}
#boxclose { text-align: right; }
#boxclose img { height: 35px; position: absolute; top: 11px; right: -45px; }
#boxinfo {  }

.up {
    display: block;
    position: fixed;
    opacity: 0;
    padding: 5px;
    border-radius: 0;
    bottom: 20px;
    left: 20px; 
    z-index: 100;
    background: #f4cb2e; 
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s; 
}
.up img { width: 30px; display: block; }



/*--- askform ---*/
.askform { padding: 5%; display: table; }
.askform > span { color: #000; font-size: 180%; padding: 5% 0; }
.askform > div { padding: 5px 0; }
.askform input { 
    width: 100%;
    padding: 15px;
    background: rgba(255, 0, 63, 0);
    border-width: 0;
    border-bottom: solid 2px #000;
    border-radius: 0;
    font-size: 120%;
    color: #000;
    transition: 0.5s background;
}
.askform > div > span.lt1 { color: #000; }
.askform input[type="submit"] { width: 100%; color: #000; border: solid 2px #000; font-size: 150%; transition: 0.25s; border-radius: 0; }
.askform input[type="submit"]:active { border: solid 1px #000; font-size: 145%; border-radius: 0; }

.error { border-bottom: solid 2px red !important; }
.success { color: green; font-size: 180%; padding: 10%; }

.breadcrumb { list-style: none; margin: 20px 0; padding: 0; text-align: left; font-size: 90%; width: 100%; }
.breadcrumb b { padding: 0 5px; font-weight: 100; font-size: 100%; }
.breadcrumb li { display: inline; color: #777; text-decoration: none; font-size: 100%; }
.breadcrumb li a { color: #555; text-decoration: underline; font-size: 100%; }

/*--- opendialog ---*/
.opendialog {
    position: fixed;
    bottom: 20px;
    right: 20px;
    border: solid 1px #f4cb2e;
    padding: 10px;
    background: #f4cb2e;
    color: #000;
    cursor: pointer;
    z-index: 100;
}







/*--- apex ---*/
.apex { height: 50px; background: #000; }
.apex > div { height: 100%; }
.apex > div > div { height: 100%; float: left; }

.apex > div > div.social { width: 25%; }
.apex > div > div.social > div { height: 70%; }
.apex > div > div.social > div a img { height: 100%; }

.apex > div > div.email { width: 25%; }
.apex > div > div.email a { color: #fff; }
.apex > div > div.email img { width: 30px; margin-right: 10px; }

.apex > div > div.phone { width: 25%; }
.apex > div > div.phone a { color: #fff; }
.apex > div > div.phone img { width: 30px; margin-right: 10px; }

.apex > div > div.order { width: 25%; background: #f4cb2e; cursor: pointer; }
.apex > div > div.order:hover { background: #ffdc57; }
.apex > div > div.order a { color: #000; height: 100%; width: 100%; font-size: 90%; }



/*--- header ---*/
header { height: 80px; padding: 10px 0; background: #fff; }
header > div { height: 100%; }
header > div > div { height: 100%; }

header .logo { width: 25%; }
header div.logo a { height: 100%; }
header div.logo a img { height: 60%; }

header .menu-des { width: 75%; }

header div.menu-but { width: 25%; }


/*--- slider ---*/
.fotorama__nav__frame.fotorama__active .fotorama__dot { width: 15px !important; height: 15px !important; }
.fotorama__dot { width: 15px !important; height: 15px !important; border-radius: 0 !important; }


/*--- nav ---*/
.menu-des ul { display: flex; justify-content: flex-end; list-style: none; margin: 0; padding: 0; width: 100%; }
.menu-des ul li { margin: 0 2%; }
.menu-des ul li.active a { color: #000; }
.menu-des ul li a { color: #666; text-decoration: none; font-size: 100%; }

.menu-but {  display: none; width: 25%; }
.menu-but img { height: 70%; }

.menu-mob {}
.menu-mob ul { margin: 0; padding: 0; list-style: none; }
.menu-mob ul li { /* border-top: dotted 1px #333; */ }
.menu-mob ul li:first-child { /* border-top: none; */ }
.menu-mob ul li a { 
    text-decoration: none; 
    color: #000; 
    display: block; 
    padding: 4% 0; 
    font-size: 200%; 
    font-weight: 800; 
    font-family: 'gill';
}




/*--- slider ---*/
.owl-slider { background: #fff; }



/*--- content ---*/
.content { padding: 2% 0; background: #eee; }



/*--- contacts ---*/
.contacts { padding: 2% 0; }
.contacts img { width: 100%; }



/*--- about ---*/
.about { padding: 2% 0; }
.about img { width: 100%; border-radius: 1000px; }



/*--- halls ---*/
.halls { padding: 2% 0; background: #eee; }
/*--- tpl-halls ---*/
.tpl-halls { padding: 5px; }
.tpl-halls a {}
.tpl-halls a div.pic { padding-top: 75%; background-size: cover; background-position: center; }
.tpl-halls a div.info { background: #fff; padding: 20px;}
.tpl-halls a div.info div.text { padding-right: 50px; }
.tpl-halls a div.info div.text h3.pagetitle { font-size: 125%; color: #000; text-decoration: underline; font-weight: 800; padding: 0 0 10px 0; }
.tpl-halls a div.info div.text span.price {  }
.tpl-halls a div.info div.arrow { display: block; width: 100%; position: relative; }
.tpl-halls a div.info div.arrow img { width: 50px; background: #555; padding: 10px; position: absolute; right: 0; bottom: 0; }



/*--- hall ---*/
.hall { padding: 20px 0; background: #eee; }
.owl-hall { background: #eee; }
.hall-order-link { 
    font-size: 150%; 
    color: #000; 
    display: table; 
    border: solid 1px #f4cb2e; 
    padding: 10px 20px; 
    transition: 0.25s; 
    background: #f4cb2e;
}
.hall-order-link:hover { background: none; }
.ae-widget__block-week { padding-bottom: 0 !important; }
.tpl-fa-img { width: 100%; padding-top: 75%; float: left; margin-right: 0.5%; background-size: cover; background-position: center; }
.owl-dots { text-align: center; background: none !important; }
.owl-dot { 
    background: #fff !important; 
    width: 15px !important; 
    height: 15px !important; 
    border: solid 4px #999 !important; 
    margin: 1px;
}
.owl-dot.active { border: solid 6px #999 !important; }
table { margin: 10px 0; border-collapse: collapse; }
td { padding: 5px; }
table, th, td { border: 1px solid #555; }


/*--- tpl-quotes ---*/
.tpl-quotes { padding: 1% 0 2% 0; }
.tpl-quotes div.info { padding: 0 2%; }
.tpl-quotes div img { width: 100%; }


/*--- tpl-equipment ---*/
.tpl-equipment { padding: 15px 0; }
.tpl-equipment .num { width: 5%; }
.tpl-equipment .nam { width: 85%; padding: 0 15px; }
.tpl-equipment .col { width: 10%; padding: 0 5px; }

.equipment .bt2 {
    margin: 25px 0 15px 0;
}

/*--- contacts ---*/
.contacts { padding: 20px 0 50px 0; background: #eee; }
.contacts div a { color: #000; font-size: 125%; text-decoration: underline; }
.contacts div a img { width: 100%; padding: 5% 35%; }



/*--- footer ---*/
footer { padding: 10px 0; background: #fff; border-top: solid 1px #ddd; }
footer > div > div { padding: 10px 10px 0 0; }
footer > div > div > div { padding: 10px 0; }
footer .bt4 { border-bottom: solid 1px #f4cb2e; margin-bottom: 5px; }

footer .email { width: 100%; }
footer .email img { width: 30px; margin-right: 10px; }
footer .email1 { color: #333; }

footer .phone { width: 100%; }
footer .phone img { width: 30px; margin-right: 10px; }
footer .phone1 { color: #333; }

footer .address { width: 100%; }
footer .address img { width: 30px; margin-right: 10px; }
footer .address1 { color: #333; }

footer .social { width: 100%; }
footer .social > div a img { height: 35px; }

.subfooter { padding: 15px 0; background: #000; }
.subfooter div { color: #fff; }
.subfooter div a.cybe { color: #999; font-size: 80%; text-decoration: underline; }


.clearfix {
    clear: both;
}














@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 1000px) {
    
    #box { width: 80%; }
    .askform > span { font-size: 110%; }
    
    .bt1 { font-size: 200%; }
    .bt2 { font-size: 150%; }
    .bt3 { font-size: 125%; }

    .apex > div > div.social { display: none; }
    .apex > div > div.email { border-left: solid 1px #333; }
    .apex > div > div.email img { margin-right: 0; }    
    .apex > div > div.email .email1 { display: none; }
    .apex > div > div.phone { border-left: solid 1px #333; }
    .apex > div > div.phone img {margin-right: 0; }
    .apex > div > div.phone .phone1 { display: none; }
    .apex > div > div.order { width: 50%; }
    
    header .logo { width: 75%; }
    header .menu-des { display: none; }
    header .menu-but { display: flex; }
    
    .menu-mob ul li a { font-size: 200%; }
    
    
    .tpl-equipment .num { display: none; }
    .tpl-equipment .nam { width: 80%; }
    .tpl-equipment .col { width: 20%; }
    
    footer .social { display: block; }
    footer .email { width: 100%; border-left: none; }
    footer .email1 { color: #333; display: block; }
    footer .phone { width: 100%; border-left: none; }
    footer .phone1 { color: #333; display: block; }
}

@media only screen and (max-width: 500px) {
    
    .bt1 { font-size: 200%; }
    .bt2 { font-size: 150%; }
    .bt3 { font-size: 125%; }
    
    .tpl-equipment .nam { width: 70%; }
    .tpl-equipment .col { width: 30%; }
    
    .email img { margin-right: 0px; }
    .phone img { margin-right: 0px; }
}