@import url('reset.css');
@import "arrows.css";

@font-face {
  font-family: 'SFProDisplay';
  src: url('/fonts/SF-Pro-Display-Regular.otf');
  font-display: swap;
}
@font-face {
  font-family: 'SFProDisplay-bold';
  src: url('/fonts/SF-Pro-Display-Bold.otf');
  font-display: swap;
}

html,body {min-height: 100vh; background-color:#efefef;color:#5C5C5C;}
.fancybox-container * {position:none;}
.wrapper  {max-width:1220px; margin:0 auto 0; padding-bottom:200px; min-height: 100vh; overflow:hidden; background-color:white;}

.header   {max-width:1220px; margin:0 auto 0;  width:100%; height:200px;overflow:hidden;background-color:#F89B5A;border-radius:0 0 65px 65px;}
.header .tstinfo {margin:0 auto 0;  width:100px; height:20px;position:fixed;z-index:99999;overflow:hidden;}

.logo {float:left; margin:30px 0px 10px 30px;}
.header .logo{z-index:99;}
.logo img,.logo div{float:left; margin:0 20px;height:100px;width:auto;}
.logo div {margin:0;padding-top: 5px;font-size:16px;line-height:18px;text-transform:uppercase;}

.whitebutton {
    width: 200px;
    height: 38px;
    padding: 10px 30px 10px 30px;
    border-radius: 100px;
    /*gap: 6px;*/
    background-color:white;
    padding: 8px 30px 10px 30px;
    text-align:center;
    line-height:20px;
    cursor:pointer;
    font-weight: 600;
}
.shadow {box-shadow:0 10px 10px rgba(0,0,0,0.3);}
.whitebutton:hover {background-color:#FFD5B7;}

#menuopener {width:30px; height:30px;float:right;margin-right:25px;margin-top:59px;display:none;}
#menuopener img {cursor:pointer;width:100%;}

.topmenu, .bottommenu {position:absolute; right:0px; top:0px; width: calc(100% - 280px);}
.topmenu div, .bottommenu div{
    float:right; 
    display:inline-block; 
    font: normal 18px SFProDisplay;
    font-weight: 600;
    margin: 52px 25px 30px 0px; 
    padding: 8px 10px 10px 10px;
}
.bottommenu div{float:left;margin-top:30px;margin-bottom:0px;}
.bottommenu div.line2 {margin-top:0px;}
.bottommenu div div {margin:0;}
.mainmenu {
    position:absolute; bottom:20px;
    background-color:white;
    width:888px;
    left:50%;
    margin-left:-444px;
    padding:0 20px;
    height:50px;
    overflow:hidden;
    border-radius:50px;
    font-size:18px;
    overflow:hidden;
}
.mainmenu a div {
    float:left;
    margin:15px 20px;
    color:#F89B5A;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;

    }
 .lang {
     position:absolute;
     right:45px;top:10px;
 }
 .lang img{float:right;width:30px;margin-left:10px;}
/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------*/
/* MOBIMENU */
.mobimenu {display:none;position:fixed;z-index:99999;background-color:#F89B5A;width:100%;box-shadow:0 10px 10px rgba(0,0,0,0.5);}
.mobimenu .logo{float:none;margin:30px 40px;overflow:hidden;}
.mobimenu .logo img {height:45px;margin:0;float:left;}
.mobimenu .menu {width:100%;margin:20px;}
.mobimenu .menu div {text-align:left;font-size:22px;margin:15px 0;padding:10px;border-bottom:1px solid white;}
.mobimenu a:link,.mobimenu a:active,.mobimenu a:visited {color:white;}


.clo {height:30px;overflow:hidden;margin:25px 50px 0 0;}
.clo img {height:30px;cursor:pointer;float:right;}
.menu {margin:20px 10px 0;width:220px;}
.menu  a * {color:white;margin:5px 0;font: 14.98px SFProDisplay-bold;}

/*-------------------------------------------------------------------*/
/* BODY */
.wrapper {background-color:#fcfcfc;background: linear-gradient(90deg, rgba(252,252,252,1) 0%,  rgba(220,220,220,1) 100%);}
.body    {overflow:hidden;padding: 0;background-color:white;margin-top:-5px;}
.body-inner{margin:0px 92px 100px 92px;padding:0;}
.baner {width:100%;height:auto;}

.container-left  {float:left; overflow:hidden;width:calc(50% - 10px);margin:0 10px 0 0;}
.container-right {float:right;overflow:hidden;width:calc(50% - 10px);margin:0 0 0 10px;}
.container-right img {width:100%;height:auto;border-radius:65px;}

.block {overflow:hidden;margin-top:60px;padding-bottom:100px;}
.block-inner {margin:0 50px;}
.block02 {border-radius:65px 65px 0 0;}
.block03 {border-radius:65px 65px 0 0;margin-top:-100px;}
.block04 {border-radius:0 0 65px 65px;margin-top:-100px;}
.block04 .topwhite {height:65px; border-radius:0 0 65px 65px;}
.block04 .bottomwhite {border-radius: 65px;overflow:hidden;margin:80px 0;padding:100px 0;}

.grid3,.grid4 {
    display:flex;
    flex-wrap: wrap;
    justify-content:center;
}
.grid3>div{width:33%; height:200px; float:left;text-align:center;}
.grid3>div div{text-align:center;padding-bottom:30px;overflow:hidden;}

.grid4 div{text-align:center;overflow:hidden;}
.grid4>div{margin-bottom:50px;width:25%;}
.grid4 .orange {height:70px;}
.grid4 .small  {margin:0 10%;}

/*-------------------------------------------------------------------*/
/* CATALOG */
.grouptext {width:733px;left:50%;margin-left:-366px;text-align:center;}
.cat {
    display:flex;
    flex-wrap: wrap;
    justify-content:center;
    padding-bottom:60px;
}
.grouptext {width: 733px;}
.item {
    width:314px; height:504px;text-align:center;border-radius:45px;
    margin: 73px 13px 0;
    cursor:pointer;
}
.item img {width:auto;height:389px;margin-top:-73px;}
.item .name{height:120px;font-size:25px;position:absolute;bottom:50px;text-align:center;margin:0 20px;width: calc(100% - 40px);}
.item .whitebutton{height:30px;position:absolute;bottom:20px;text-align:center;margin:0 40px;padding:5px;width:calc(100% - 80px);font-weight: 600;}
.item .whitebutton:hover {background-color:white;}
.full {
    display:none;
    position:absolute;
    z-index:1000;
    width: 1100px;
    border-radius:65px;
    box-shadow:0 0 30px rgba(0,0,0,0.7);
}
.full-inner{margin:50px;}

.full-left {width:39%;float:left;text-align:center;}
.full-left img.good_foto {width:400px;margin-top:-200px;}
.full-right {width:59%;float:right;padding-bottom:50px;}

.name {font-size:35px;font-weight:500;overflow:hidden;}
.param-name {margin-top:40px;font-weight:bold;}
.param-value {color:black;overflow:hidden;}
.full .close{display:block;float:right;height:31px;width:31px;    z-index: 2000;}
.packs {font-size:25px;color:black;float:left;margin-right:20px;padding:3px 10px;cursor:pointer;}
.packs:hover {border:1px dotted red;}
.packs.blue   {border:2px solid #266EE8;}
.packs.orange {border:2px solid #F89B5A;}
.packs.violet {border:2px solid #AA477A;}

.pack-active {color:white;}
.pack-active.blue   {background-color:#266EE8;}
.pack-active.orange {background-color:#F89B5A;}
.pack-active.violet {background-color:#AA477A;}

.subname span,.subname a{color:#266EE8;}
/*-------------------------------------------------------------------*/
.good_fotos {float:left;margin:10px;}
/*-------------------------------------------------------------------*/
/* DILER-FORM */
.diler {border-radius:65px;overflow:hidden;}
.diler img {}
.imgwrapper{
    overflow:hidden;
    width:100%;
    margin:0;
    border-radius:65px;
    background:url(/img/doctor.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

.callme {
    margin:50px;
    overflow:hidden;
    color:white;
}
.callme .form {
    margin:50px 100px;
    border-radius: 34px;
    padding:50px 0 50px 0;
}
.callme .conf,.callme .conf a {font-size:16px}
.form>div {overflow:hidden;margin:0 30px;}
.callme a {color:white;text-decoration:underline;}
.callme input[type=text]{
    width:calc(100% - 60px);
    margin:5px 30px;
    padding:10px 30px;
    background-color:#FFDDC5;
    color:black;
    border-radius:25px;
}
.callme .conf{margin:0 60px;}
.callme input[type=checkbox]{
    border:1px solid white;
    background-color:white;
    color:black;
    width:15px;
    height:15px;

}
.callme input::placeholder               {color:black;}
.callme input::-webkit-input-placeholder {color:black;}
.callme input::-ms-input-placeholder     {color:black;}

.callme div.sendbutton {
    width:calc(100% - 200px);
    height:50px;
    margin:50px 100px 0px 100px;
    padding:15px 30px;
    background-color:white;
    color:#FFB079;
    border-radius:25px;
}

.blacklayer{
    display:none;
    position:fixed;
    top:0;left:0;
    width:100%;
    height:100%;
    z-index:2000;
    background-color: rgba(0, 0, 0, 0.7);
    text-align:center;
}
.blacklayer>div{
    max-width:800px;
    left:50%;
    margin-left:-400px;
}
/*-------------------------------------------------------------------*/
/* FOOTER */
.footer {position:absolute;bottom:0;width:100%;background-color:white;}
.footer-inner {max-width:1440px; overflow:hidden;margin:0 auto 0; background-color:#F89B5A;border-radius:65px 65px 0 0;height:194px;}

#totop {
    font-size: 25px;
    line-height: 25px;
    padding:10px 12px;
    border-radius:2px;
    color: white;
    background-color:black;
    position: fixed;
    right: 50px;
    bottom: 50px;
    display: none;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    z-index: 20;
    opacity:.5;
}
#totop:hover{
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
#totop:before {
    content: "\e012";
    font-family: "arrows";
    font-size: inherit;
    font-weight: 400;
    font-style: normal;
}
/*-------------------------------------------------------------------*/
#vhod {
    position:absolute;
    left:50%;
    width:330px;
    margin:65px;
    margin-left:-165px;
    border:1px solid #cccccc;
    background-color:white;
    background-repeat:no-repeat;
}
#vhod img {margin-top:-20px;margin-bottom:-50px;  height:120px;}
#vhod h1{font-size:26px;margin:0;}
#vhod td {text-align:right;padding:10px;font-family: Segoe UI; font-size: 14px; color:black;vertical-align:middle;}
#vhod td#vhod_title {padding:0 10px;height:32px;background:url(/core/adm/img/vhod_title.png) top right;background-repeat:no-repeat;text-align:left;}
#vhod input {font-size: 14px; width:150px;padding:2px;border:1px solid #ccc;}
#vhod td#vhod_remem {padding:0 10px;}
/*-------------------------------------------------------------------*/
@media only screen and (max-width: 1220px) {

    .full {
        display:none;
        position:absolute;
        z-index:1000;
        width: 100%;
    }
    .full-inner{margin:30px;}
}

@media only screen and (max-width: 1000px) {
    .small {font-size:18px;}
    .mainmenu a div {
        margin-left:15px;
        margin-right:15px;
    }
    .mainmenu {width:740px;margin-left:-370px;}
    
    .full-left {width:100%;float:none;text-align:center;}
    .full-left img.good_foto {height:450px;width:auto;margin-top:-100px;}
    .full-right {width:100%;float:none;padding-bottom:50px;}
    
    .diler .form {margin:0}
    
    .callme input {width:100%; margin:10px 0;}
    .blacklayer .callme .form {}
    
    .wrapper{padding-bottom: 350px;}
    .footer-inner {height:400px;}
    .footer .logo{clear:both;}
    .bottommenu {width:100%;margin:0;float:left;position:relative;}
    .bottommenu>div{float:left; clear:both;margin:10px 0 0px 47px;}
    .bottommenu div div {padding: 8px 50px 10px 0px;}
    .bottommenu div div.whitebutton {padding: 8px 20px 10px 20px;}
    .grid3>div {width:50%}
    .grid4>div {width:33%}
}

@media only screen and (max-width: 800px) {
    .body {padding-bottom:0;}
    .mainmenu,.topmenu {display:none}
    #menuopener {display:block}
     .lang {right:25px;top:10px; }
    .body-inner{margin:0px 30px 100px 30px;padding:0;}
    .mainmenu a div {margin:15px 18px}
    
    h2 {font-size:40px;}
    h3,.h3 {font-size:20px;}
    
    .grid3>div {width:50%}
    .grid4>div {width:50%}
    .container-right{width:100%}
    .container-left{width:100%}
    
    .grouptext {width:100%;left:0;margin-left:0;}
    
    .callme {margin:50px 0;}
    .callme .form{margin:50px;}
    .callme div.sendbutton {margin:20px 50px; width:calc(100% - 100px);height:100px;border-radius:100px;}
  
    .blacklayer>div{
        width:100vw;
        left:50%;
        margin-left:-50vw;
    }
    
    .good_fotos img {width:150px; height:auto;}
}

@media only screen and (max-width: 500px) {
    * {font-size:20px;}
    h1 {font-size:26px;}
    .grid3>div {width:100%}
    .grid4>div {width:100%}

    

    .full-left img.good_foto {height:450px;width:auto;}

    
    .diler .form {margin: 60px 30px;}
    .diler .form form {padding: 0;}
    .callme {margin:0px;}
    .callme .form{margin:50px 10px;}
    .form>div {margin:0 10px;}
    
    .good_fotos img {width:130px; height:auto;}
    
    .footer .logo {clear:both;}
    
}