/*
Theme Name: Elena
Theme URI: https://artlanding.net
Description: Шаблон для услуг психолога
Author: Artlanding
Author URI: https://artlanding.net
Version: 1.0.1
*/

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500;700&display=swap');

::-webkit-scrollbar{width:5px;height:1.5px;}
::-webkit-scrollbar-thumb{border:none;background-color:#ff9470;}
::-webkit-scrollbar-track{border:none;background-color:#ddd;}

*{box-sizing:border-box;} .modal{cursor:pointer;} html{scroll-behavior:smooth;}

body{background:#fff;padding:0;margin:0;font-family:'Fira Sans';color:#333;font-size:17px;font-weight:300;} body.over{overflow:hidden;}

b, strong{text-align:justify;font-family:'Fira Sans';color:#333;font-size:17px;font-weight:500;}
h1, h2, h3, h4, h5, h6{padding:0;margin:0;text-align:left;font-family:'Fira Sans';color:#333;font-size:30px;font-weight:700;}
p, span, small, sup, li{text-align:justify;} h1{font-size:40px;color:#fff;} a, a:hover{text-decoration:none;border-bottom:none;color:inherit;}
input, button, textarea{outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:'Fira Sans';font-weight:300;color:#333;font-size:17px;}

@media screen and (max-width:650px){h1{font-size:35px;}}

.fade{opacity:0;transition:all 1s;} .fade.active{opacity:1;}
.fade_up{opacity:0;transform:translateY(25%);transition:all 1s;} .fade_up.active{opacity:1;transform:translateY(0);opacity:1;}

.container{position:relative;margin:0 auto;max-width:1250px;width:100%;text-align:left;z-index:3;}

.ttl:before, .txt:before{position:absolute;content:attr(data-text);top:-10px;left:20px;color:rgba(0,0,0,.05);font-size:35px;font-family:'Fira Sans';font-weight:700;text-transform: uppercase;white-space:nowrap;z-index:-1;}

@media screen and (max-width:650px){.ttl:before, .txt:before{display:none;}}

#nav{position:relative;width:100%;background:#282828;z-index:10;}
#nav:before{position:absolute;content:"";width:50px;top:7.5px;bottom:7.5px;left:calc(50% - 25px);border-bottom:2px solid #fff;border-top:2px solid #fff;z-index:1;display:none;}
#nav:after{position:absolute;content:"";width:50px;height:2px;left:calc(50% - 25px);top:calc(50% - 1px);background:#fff;z-index:1;display:none;}
#nav .menu{display:inline-block;margin:0 20px;padding:0;} #nav .pm{display:none;float:right;margin:8.5px 20px;color:#fff;font-size:16px;}
#nav .menu li{position:relative;display:inline-block;padding:5px 15px 5px 0;overflow:hidden;} #nav .menu li a{color:#fff;font-size:13.5px;}
#nav .menu li:before{position:absolute;content:"";left:0;bottom:2px;width:0;height:2px;background:#ff9470;z-index:-1;transition:all .5s;}
#nav .menu li.current_page_item:before, #nav .menu li.current-page-ancestor:before, #nav .menu li:hover:before{width:25px;} #header .nav .sub-menu{display:none;}
#nav .language-chooser{display:inline-block;float:right;margin:5px 20px;background:#fff;padding:0;border-radius:2.5px;overflow:hidden;} #nav .language-chooser li{display:inline-block;margin:0;padding:.5px 12.5px;transition:all .5s;} #nav .language-chooser li.active, #nav .language-chooser li:hover{background:#ff9470;} #nav .language-chooser li a{font-size:13.5px;transition:all .5s;} #nav .language-chooser li.active a, #nav .language-chooser li:hover a{color:#fff;}

@media screen and (max-width:800px){#nav .pm{display:inline-block;}#nav .menu li a{font-size:16px;}#nav .menu{position:fixed;display:none;background:#282828;right:0;top:50px;padding-top:10px;} #nav .menu li{display:block;margin:0 15px 5px;}#nav .language-chooser{float:left;margin-top:7.5px;}}

#header{position:relative;width:100%;background:#fff;z-index:5;}
#header .logo{display:inline-flex;margin:13.5px 20px;align-items:center;text-align:left;} #header .logo img{height:60px;}
#header .tel{position:absolute;right:265px;top:27.5px;text-align:right;} #header .tel a{display:block;font-size:20px;font-family:'Fira Sans';font-weight:400;}
#header .tel a:nth-child(2){font-size:10px;}
#header .search{position:absolute;top:25px;right:210px;width:40px;height:40px;background:#ddd url(./img/search.svg) no-repeat center / 40%;border-radius:100%;}
#header .btn{position:absolute;top:25px;right:20px;width:175px;height:40px;line-height:40px;text-align:center;background:#ff9470;border-radius:35px;box-shadow:0 15px 25px rgba(0,0,0,.15);transition:all .5s;color:#fff;overflow:hidden;} #header .btn:hover{background:#e9705b;}
#header .btn:before{position:absolute;content:"";background:#fff;top:-25%;bottom:-25%;width:25px;opacity:.15;transform:rotate(30deg);animation:blick 2.5s infinite ease;} #header .btn:hover:before{display:none;}

@media screen and (max-width:800px){#header .btn{display:none;} #header .search{right:20px;} #header .tel{right:75px;}}
@media screen and (max-width:650px){#header .logo img{height:50px;} #header .search{top:20px;} #header .tel{top:20px;}}
@media screen and (max-width:500px){#header .tel{display:none;}}

#main{position:relative;width:100%;padding:100px 0;}
#main.main{height:calc(100vh - 130px);} #main.main .container{display:flex;align-items:center;height:100%;}
#main:before{position:absolute;content:"";top:0;left:0;bottom:0;right:0;background:linear-gradient(-45deg, rgba(233, 112, 91, .5) 0, rgba(0,0,0,.65) 100%);}
#main:after{position:absolute;content:"";border-bottom:25px solid #fff;border-left:25px solid transparent;bottom:0;right:0;}
#main .ttl{margin:0 20px;} #main.main .ttl{max-width:625px;} #main .ttl h1{text-shadow:1px 1px 1px rgba(0,0,0,.35);} #main .ttl span{color:#fff;font-size:15px;} #main .ttl small{display:inline-block;background:#ff9470;font-size:12px;color:#fff;padding:3.5px 5px;border-radius:2.5px;}

@media screen and (max-width:650px){#main{padding:75px 0;}#main.main .ttl h1{font-size:30px;}}

#info{position:relative;width:100%;background:#fff;padding:75px 0;}
#info .txt{position:relative;display:inline-block;margin:0 20px;width:calc(50% - 40px);text-align:justify;} #info .txt h2{margin-bottom:55px;}
#info .img{position:relative;display:inline-flex;margin:0 20px;width:calc(50% - 40px);border-radius:2.5px;overflow:hidden;}
#info .img:after{position:absolute;content:"";border-top:25px solid #fff;border-right:25px solid transparent;top:0;left:0;}
#info.b .img:after{border:0;border-top:25px solid #fff;border-left:25px solid transparent;left:auto;right:0;}
#info .img .dotted{position:absolute;bottom:15px;right:15px;width:85px;height:85px;border-radius:100%;border:2px dashed #ff9470;animation:rotation 40s linear infinite;z-index:1;} #info.b .img .dotted, #info.b .img .circle{left:15px;right:auto;}
#info .img .circle{position:absolute;bottom:20px;right:20px;width:125px;height:125px;opacity:.35;border-radius:100%;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.25);animation:fly 5s linear infinite;}
#info .img .play{position:absolute;top:calc(50% - 35px);left:calc(50% - 35px);width:70px;height:70px;background:#ff9470;border-radius:100%;box-shadow:0 0 15px 15px rgba(0,0,0,.15);transition:all .5s;} #info .img .play:hover{background:#e9705b;}
#info .img .play:before{position:absolute;content:"";top:-5px;bottom:-5px;left:-5px;right:-5px;border:1px solid #eee;border-radius:100%;animation:pulse 2.5s linear 0ms infinite normal;} #info .img .play:after{position:absolute;content:"";top:-15px;bottom:-15px;left:-15px;right:-15px;border:1px solid #eee;border-radius:100%;animation:pulse 2.5s linear 0ms infinite normal;}
#info .img .play div{position:absolute;left:calc(50% - 6.5px);top:calc(50% - 11px);border-top:12px solid transparent;border-left:17px solid #fff;border-bottom:12px solid transparent;}

@keyframes pulse{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;transform:scale(1.3);}}

@media screen and (max-width:800px){#info .txt, #info .img{width:calc(100% - 40px);}#info .img{height:300px;order:5;}}

#prog{position:relative;width:100%;padding:75px 0;} #prog.uslug{background:#f5f5f5;}
#prog.main:before{position:absolute;content:"";background:#FFEFE5;top:0;bottom:0;right:0;width:calc(100% - 50px);}
#prog .ttl{position:relative;display:block;margin:0 20px 50px;}
#prog .colums{display:flex;flex-wrap:wrap;margin:0;}
#prog .colums .col{position:relative;display:inline-block;margin:20px;width:calc(50% - 40px);padding:20px 20px 50px;border-radius:2.5px;overflow:hidden;}
#prog .colums .col:before{position:absolute;content:"";top:0;left:0;bottom:0;right:0;background:linear-gradient(190deg, rgba(233, 112, 91, .5) 0%, rgba(0,0,0,.65) 100%);}
#prog .colums .col:after{position:absolute;content:"";border-top:25px solid #fff;border-right:25px solid transparent;top:0;left:0;} #prog.main .colums .col:after{border-top:25px solid #FFEFE5;} #prog.uslug .colums .col:after{border-top:25px solid #f5f5f5;}
#prog .colums .col h6{position:relative;display:block;margin:150px 0 0;font-size:20px;color:#fff;}
#prog .colums .col span{position:relative;display:block;margin-bottom:25px;color:#fff;}
#prog .colums .col .btn{position:absolute;bottom:20px;right:20px;padding:8.5px 30px;background:#ff9470;border-radius:35px;box-shadow:0 15px 25px rgba(0, 0, 0, .15);transition:all .5s;color:#fff;z-index:10;overflow:hidden;} #prog .colums .col .btn:hover{background:#e9705b;}
#prog .colums .col .btn:before{position:absolute;content:"";background:#fff;top:-25%;bottom:-25%;width:25px;opacity:.15;transform:rotate(30deg);animation:blick 2.5s infinite ease;} #prog .colums .col .btn:hover:before{display:none;}
#prog.uslug .colums .col h6{margin-top:50px;} #prog.uslug .colums .track{position:relative;display:flex;}
#prog.uslug .colums .nav{position:relative;width:calc(100% - 15px);margin:0 7.5px;padding:0;list-style:none;text-align:center;}
#prog.uslug .colums .nav li{position:relative;display:inline-block;width:15px;height:15px;border-radius:20px;background:#555;margin:0 5px;cursor:pointer;transition:all .5s;} #prog.uslug .colums .nav li.active{background:#ff9470;width:45px;}

@media screen and (max-width:1100px){#prog.main:before{width:100%;}}
@media screen and (max-width:800px){#prog .colums .col{width:calc(100% - 40px);}#prog .colums .col h6{margin-top:100px;}}

#whym{position:relative;width:100%;padding:75px 0 55px;background:#fff;}
#whym .ttl{position:relative;display:block;margin:0 20px;}
#whym .colums{display:flex;flex-wrap:wrap;margin:65px 0 0;}
#whym .colums .col{position:relative;display:inline-block;margin:65px 20px 20px;width:calc(33.3333% - 40px);text-align:justify;}
#whym .colums .col:before{position:absolute;content:"";left:0;top:-42.5px;width:25px;height:25px;border-radius:100%;border:2px dashed #ff9470;animation:rotation 10s linear infinite;z-index:1;}
#whym .colums .col:after{position:absolute;content:"";top:-42.5px;left:20px;width:30px;height:30px;border-radius:100%;background:#FFEFE5;z-index:0;}
#whym .colums .col span{position:relative;} #whym .colums .col span:after{position:absolute;content:attr(data-text);top:-50px;left:45px;font-family:'Fira Sans';font-weight:700;font-size:35px;color:#e9705b;z-index:2;}

@media screen and (max-width:900px){#whym .colums .col{width:calc(50% - 40px);}}
@media screen and (max-width:600px){#whym .colums .col{width:calc(100% - 40px);}}

#sert{position:relative;width:100%;padding:75px 0 55px;background:#fff;}
#sert:before{position:absolute;content:"";background:#FFEFE5;top:0;bottom:0;right:0;width:calc(100% - 50px);}
#sert .ttl{position:relative;display:block;margin:0 20px;}
#sert .colums{display:flex;flex-wrap:wrap;margin:65px 0 0;clear:both;box-sizing:border-box;}
#sert .colums .col{position:relative;display:inline-block;background:#222;margin:15px 27.5px 50px;width:calc(33.3333% - 55px);outline:7.5px solid #555;border:2.5px solid #eee;box-shadow:0 10px 25px rgba(0,0,0,.5);overflow:hidden;}
#sert .colums .col:before{position:absolute;content:"+";left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;line-height:42px;border:2.5px solid #fff;border-radius:100%;text-align:center;font-size:35px;color:#fff;transition:all .5s;}
#sert .colums .col img{width:100%;transform:scale(1.1);transition:all .5s;}
#sert .colums .col:hover img{opacity:.5;} #sert .colums .col:before:hover{opacity:1;}
#sert .colums .track{position:relative;display:flex;}
#sert .colums .nav{position:relative;width:calc(100% - 15px);margin:0 7.5px;padding:0;list-style:none;text-align:center;}
#sert .colums .nav li{position:relative;display:inline-block;width:15px;height:15px;border-radius:20px;background:#555;margin:0 5px;cursor:pointer;transition:all .5s;} #sert .colums .nav li.active{background:#ff9470;width:45px;}

@media screen and (max-width:1100px){#sert:before{width:100%;}}
@media screen and (max-width:650px){#sert .colums .col{width:calc(100% - 55px);}}

#galary{position:fixed;background:linear-gradient(190deg, rgba(233, 112, 91, .5) -50%, rgba(0,0,0,.75) 100%);bottom:0;right:0;top:0;left:0;z-index:100;opacity:0;}
#galary .docs{position:absolute;height:100%;width:100%;white-space:nowrap;}
#galary .docs .doc{display:inline-block;height:100%;width:100%;text-align:center;}
#galary .docs .doc:before{content:"";display:inline-block;height:50%;}
#galary .docs .doc img{max-height:calc(100% - 150px);max-width:calc(100% - 60px);vertical-align:middle;margin-top:15px;outline:7.5px solid #555;border:2.5px solid #eee;box-shadow:0 10px 25px rgba(0,0,0,.5);}
#galary .prev, #galary .next{position:absolute;top:calc(50% - 25px);width:30px;height:60px;line-height:60px;background:#ff9470;transition:all .5s;cursor:pointer;border-radius:5px;text-align:center;box-shadow:inset 0 -2px rgba(0,0,0,.5);font-family:'Fira Sans';color:#fff;font-size:45px;font-weight:300;}
#galary .prev{left:20px;} #galary .next{right:20px;}
#galary .prev.disabled, #galary .next.disabled{opacity:.15;cursor:default;}
#galary .close{right:calc(50% - 20px);top:20px;width:40px;height:40px;} #galary .close:before{width:40px;height:40px;line-height:40px;}

@media screen and (max-width:650px){#galary .prev, #galary .next{width:40px;}}

#news{position:relative;width:100%;padding:75px 0;background:#fff;} #news .ttl{position:relative;display:block;margin:0 20px 50px;}
#news .colums{display:flex;flex-wrap:wrap;margin:0;padding:0;clear:both;box-sizing:border-box;}
#news .colums .col{position:relative;display:inline-block;margin:20px 20px 35px;width:calc(50% - 40px);background:#FFEFE5;border-radius:2.5px;padding:20px 20px 55px;overflow:hidden;outline:none;}
#news .colums .col:before{position:absolute;content:"";top:15px;left:15px;width:85px;height:85px;border-radius:100%;border:2px dashed #ff9470;animation:rotation 40s linear infinite;z-index:1;}
#news .colums .col:after{position:absolute;content:"";top:20px;left:20px;width:125px;height:125px;opacity:.35;border-radius:100%;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.25);animation:fly 5s linear infinite;}
#news .colums .col img{width:calc(100% + 40px);height:300px;object-fit:cover;border-radius:2.5px;margin:-20px -20px 10px;}
#news .colums .col h6{font-size:20px;}
#news .colums .col .btn{position:absolute;bottom:20px;right:20px;padding:8.5px 25px;background:#ff9470;border-radius:35px;box-shadow:0 15px 25px rgba(0, 0, 0, .15);transition:all .5s;color:#fff;overflow:hidden;} #news .colums .col .btn:hover{background:#e9705b;}
#news .colums .col .btn:before{position:absolute;content:"";background:#fff;top:-25%;bottom:-25%;width:25px;opacity:.15;transform:rotate(30deg);animation:blick 2.5s infinite ease;} #news .colums .col .btn:hover:before{display:none;}
#news .colums .track{position:relative;display:flex;}
#news .colums .nav{position:relative;width:calc(100% - 15px);margin:0 7.5px;padding:0;list-style:none;text-align:center;}
#news .colums .nav li{position:relative;display:inline-block;width:15px;height:15px;border-radius:20px;background:#555;margin:0 5px;cursor:pointer;transition:all .5s;} #news .colums .nav li.active{background:#ff9470;width:45px;}

#hows{position:relative;width:100%;padding:75px 0 55px;background:#fff;}
#hows:before{position:absolute;content:"";background:#FFEFE5;top:0;bottom:0;right:0;width:calc(100% - 50px);}
#hows .ttl{position:relative;display:block;margin:0 20px;}
#hows .colums{display:flex;flex-wrap:wrap;margin:65px 0 0;}
#hows .colums .col{position:relative;display:inline-block;margin:65px 20px 20px;width:calc(33.3333% - 40px);text-align:justify;}
#hows .colums .col:before{position:absolute;content:"";left:0;top:-42.5px;width:25px;height:25px;border-radius:100%;border:2px dashed #ff9470;animation:rotation 10s linear infinite;z-index:1;}
#hows .colums .col:after{position:absolute;content:"";top:-42.5px;left:20px;width:30px;height:30px;border-radius:100%;background:#fff;z-index:0;}
#hows .colums .col span{position:relative;} #hows .colums .col span:after{position:absolute;content:attr(data-text);top:-50px;left:45px;font-family:'Fira Sans';font-size:35px;font-weight:700;color:#e9705b;z-index:2;}

@media screen and (max-width:1100px){#hows:before{width:100%;}}
@media screen and (max-width:900px){#hows .colums .col{width:calc(50% - 40px);}}
@media screen and (max-width:600px){#hows .colums .col{width:calc(100% - 40px);}}

#feed{position:relative;width:100%;background:url(./img/feed.jpg) center / cover;padding:55px 0;}
#feed:before{position:absolute;content:"";top:0;left:0;bottom:0;right:0;background:linear-gradient(65deg, rgba(233, 112, 91, .5) 0, rgba(0,0,0,.65) 100%);}
#feed .txt{display:inline-block;margin:20px;width:calc(100% - 350px);text-align:justify;} #feed .txt span{color:#fff;font-family:'Fira Sans';font-weight:400;}
#feed .btn{position:relative;display:inline-block;float:right;margin:20px;background:#ff9470;box-shadow:0 15px 25px rgba(0, 0, 0, .15);padding:12.5px 25px;border-radius:35px;transition:all .5s;border:0;color:#fff;text-align:center;overflow:hidden;} #feed .btn:hover{background:#e9705b;}
#feed .btn:before{position:absolute;content:"";background:#fff;top:-25%;bottom:-25%;width:25px;opacity:.15;transform:rotate(30deg);animation:blick 2.5s infinite ease;} #feed .btn:hover:before{display:none;}

@media screen and (max-width:800px){#feed{padding:25px 0;}#feed .txt{width:calc(100% - 40px);}#feed .btn{margin-top:0;float:none;}}

#posts{position:relative;width:100%;padding:75px 0;}
#posts .cat{display:flex;flex-wrap:wrap;margin:-5px 15px 15px;padding:0;} #posts .cat li{display:inline-block;margin:5px;padding:6.5px 15px;border-radius:25px;border:1px solid #ff9470;transition:all .5s;color:#ff9470;} #posts .cat li:hover, #posts .cat li.current-cat{background:#ff9470;color:#fff;box-shadow:0 15px 15px rgba(0,0,0,.1);}
#posts .list{display:flex;flex-wrap:wrap;margin:0;padding:0;}
#posts .list li{position:relative;display:inline-block;margin:20px;width:calc(50% - 40px);background:#FFEFE5;border-radius:2.5px;padding:20px 20px 55px;overflow:hidden;}
#posts .list li:before{position:absolute;content:"";top:15px;left:15px;width:85px;height:85px;border-radius:100%;border:2px dashed #ff9470;animation:rotation 40s linear infinite;z-index:1;}
#posts .list li:after{position:absolute;content:"";top:20px;left:20px;width:125px;height:125px;opacity:.35;border-radius:100%;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.25);animation:fly 5s linear infinite;}
#posts .list li img{width:calc(100% + 40px);height:300px;object-fit:cover;border-radius:2.5px;margin:-20px -20px 10px;}
#posts .list li h6{font-size:20px;}
#posts .list li .btn{position:absolute;bottom:20px;right:20px;padding:8.5px 25px;background:#ff9470;border-radius:35px;box-shadow:0 15px 25px rgba(0, 0, 0, .15);transition:all .5s;color:#fff;overflow:hidden;}#posts .list li .btn:hover{background:#e9705b;}
#posts .list li .btn:before{position:absolute;content:"";background:#fff;top:-25%;bottom:-25%;width:25px;opacity:.15;transform:rotate(30deg);animation:blick 2.5s infinite ease;} #posts .list li .btn:hover:before{display:none;}
#posts .navigator{display:block;margin:50px 20px 0;}
#posts .navigator .page-numbers{display:inline-block;width:35px;height:35px;line-height:35px;margin:5px;border:1px solid #ff9470;border-radius:25px;color:#ff9470;text-align:center;} #posts .navigator .current{background:#ff9470;box-shadow:0 5px 5px rgba(0,0,0,.05);color:#fff;} #posts .navigator .next, #posts .navigator .prev{width:100px;} #posts .navigator .links{float:right;} #posts .navigator .pages{top:12.5px;position:relative;}

@media screen and (max-width:650px){#posts .list li{width:calc(100% - 40px);}#posts .navigator .pages{display:none;}#posts .navigator .links{float:none;}}

#post{position:relative;width:100%;padding:75px 0;} #post .wrap{margin:0 20px;}
#post .img{position:relative;margin-bottom:25px;width:100%;height:500px;} #post .img img{width:100%;height:100%;object-fit:cover;border-radius:2.5px;}
#post .img:after{position:absolute;content:"";border-top:25px solid #fff;border-right:25px solid transparent;top:0;left:0;}
#post .tim{display:inline-block;padding:2.5px 5px;border-radius:2.5px;background:red;color:#fff;font-size:12px;}
#post .cat{display:inline-block;padding:2.5px 5px;border-radius:2.5px;background:green;color:#fff;font-size:12px;float:right;}
#post .prev-next{display:block;margin-top:50px;} #post .prev-next a{display:inline-block;width:50%;text-align:left;} #post .prev-next a.next{float:right;text-align:right;}

@media screen and (max-width:650px){#post .img{height:300px;}}
	
#share{display:flex;margin-top:35px;border-radius:2.5px;box-shadow:0 15px 15px rgba(0,0,0,.15);overflow:hidden;}
#share a{display:inline-block;width:20%;padding:10px;color:#fff;font-family:'Fira Sans';font-weight:400;font-size:15px;text-align:center;}

@media screen and (max-width:550px){#share a{padding:10px 7.5px;font-size:10px;}}

#items{position:relative;width:100%;padding:75px 0 55px;background:#fff;}
#items:before{position:absolute;content:"";background:#FFEFE5;top:0;bottom:0;right:0;width:calc(100% - 50px);}
#items .ttl{position:relative;display:block;margin:0 20px;}
#items .colums{display:flex;flex-wrap:wrap;margin:65px 10px 20px;}
#items .colums .col{position:relative;display:inline-block;margin:10px;padding:20px 15px;width:calc(33.3333% - 20px);background:#fff;border-radius:3.5px;box-shadow:0 15px 15px rgba(0,0,0,.035);text-align:justify;} #items .colums .col span{position:relative;}
#items .colums .col:before{position:absolute;content:attr(data-text);bottom:6px;right:10px;font-family:'Fira Sans';font-weight:700;font-size:25px;color:#FFEFE5;}

@media screen and (max-width:1100px){#items:before{width:100%;}}
@media screen and (max-width:900px){#items .colums .col{width:calc(50% - 20px);}}
@media screen and (max-width:600px){#items .colums .col{width:calc(100% - 20px);}}

#faq{position:relative;width:100%;padding:75px 0 55px;background:#fff;}
#faq .ttl{position:relative;display:block;margin:0 20px;}
#faq .faq{display:block;margin:60px 20px 25px;background:#f8f8f8;overflow:hidden;}
#faq .faq .item{position:relative;width:100%;border-bottom:1px solid #fff;}
#faq .faq .item .qu{position:relative;background:#eee;padding:15px 50px 15px 15px;font-family:'Fira Sans';font-weight:400;cursor:pointer;transition:all .5s;} #faq .item .qu.active, #faq .faq .item .qu:hover{background:#ff9470;color:#fff;} #faq .faq .item .qu.active:before, #faq .faq .item .qu:hover:before{color:#fff;} #faq .faq .item .an{display:none;margin:15px 15px 15px 35px;text-align:justify;} #faq .faq .item .qu:before{position:absolute;content:attr(data-text);top:50%;right:15px;color:#ff5c5c;font-family:'Fira Sans';font-weight:700;transform:translateY(-50%);}

#rewi{position:relative;width:100%;padding:75px 0 55px;background:#fff;}
#rewi .ttl{position:relative;display:block;margin:0 20px;}
#rewi .colums{display:flex;flex-wrap:wrap;margin:50px 0 0;padding:0;clear:both;box-sizing:border-box;}
#rewi .colums .col{position:relative;display:inline-block;margin:35px 20px;width:calc(50% - 40px);background:#FFEFE5;border-radius:2.5px;padding:35px 20px 20px;outline:none;text-align:justify;} #rewi .colums .col:before{position:absolute;content:"\201d";right:10px;top:-10px;color:#fff;color:#fff;font-size:150px;font-family:'Fira Sans';text-shadow:5px 5px rgba(0,0,0,.025);}
#rewi .colums .col img{position:absolute;left:20px;top:-30px;width:60px;height:60px;object-fit:cover;border-radius:100%;box-shadow:2.5px 2.5px 2.5px rgba(0,0,0,.25);}
#rewi .colums .track{position:relative;display:flex;} #rewi .colums .col span{position:relative;} #rewi .colums .col strong{display:block;text-align:right;margin-top:20px;} #rewi .colums .nav{position:relative;width:calc(100% - 15px);margin:0 7.5px;padding:0;list-style:none;text-align:center;}
#rewi .colums .nav li{position:relative;display:inline-block;width:15px;height:15px;border-radius:20px;background:#555;margin:0 5px;cursor:pointer;transition:all .5s;} #rewi .colums .nav li.active{background:#ff9470;width:45px;}

#book{position:relative;width:calc(100% - 40px);margin:0 auto 70px;max-width:1210px;background:url(./img/book.jpg) center / cover;padding:55px 0;box-shadow:5px 15px 15px rgba(0,0,0,.15);border-radius:2.5px;overflow:hidden;}
#book:before{position:absolute;content:"";top:0;left:0;bottom:0;right:0;background:linear-gradient(65deg, rgba(233, 112, 91, .5) 0, rgba(0,0,0,.65) 100%);}
#book:after{position:absolute;content:"";border-top:25px solid #fff;border-right:25px solid transparent;top:0;left:0;}
#book .txt{display:inline-block;margin:20px;width:calc(100% - 350px);text-align:justify;} #book .txt span{color:#fff;font-family:'Fira Sans';font-weight:400;}
#book .btn{position:relative;display:inline-block;float:right;margin:20px;background:#ff9470;box-shadow:0 15px 25px rgba(0, 0, 0, .15);padding:12.5px 35px;border-radius:35px;transition:all .5s;border:0;color:#fff;text-align:center;overflow:hidden;} #book .btn:hover{background:#e9705b;}
#book .btn:before{position:absolute;content:"";background:#fff;top:-25%;bottom:-25%;width:25px;opacity:.15;transform:rotate(30deg);animation:blick 2.5s infinite ease;} #book .btn:hover:before{display:none;}

@media screen and (max-width:800px){#book{padding:25px 0;} #book .txt{width:calc(100% - 40px);} #book .btn{margin-top:0;float:none;}}

#page_404{position:relative;width:100%;padding:75px 0;}
#page_404 .txt{position:relative;display:block;margin:0 20px;}

#footer{position:relative;width:100%;background:#282828;padding:25px 0;}
#footer .colums{display:flex;flex-wrap:wrap;}
#footer .colums .col{display:inline-block;margin:20px;width:calc(33.3333% - 40px);}
#footer .colums .col p, #footer .colums .col a{margin:7.5px 0;text-align:left;color:#fff;}
#footer .colums .col:last-child, #footer .colums .col:last-child p{text-align:right;}
#footer .colums .col .logo{display:inline-flex;} #footer .colums .col .logo img{height:75px;} 
#footer .colums .col a.fb, #footer .colums .col a.in, #footer .colums .col a.tg{display:inline-block;margin-left:15px;width:70px;height:30px;border-radius:15px;box-shadow:0 5px 5px rgba(0,0,0,.05);}
#footer .colums .col a.fb{background:#4267B2 url(./img/footer/fb.svg) no-repeat center / auto 50%;}
#footer .colums .col a.in{background:#E1306C url(./img/footer/in.svg) no-repeat center / auto 50%;}
#footer .colums .col a.tg{background:#0088cc url(./img/footer/tg.svg) no-repeat center / auto 50%;}

@media screen and (max-width:800px){#footer .colums .col{margin:10px 20px;width:calc(100% - 40px);} }

#mini{position:relative;width:100%;background:#222;}
#mini small{display:inline-block;margin:5px 10px;width:calc(65% - 20px);text-align:left;color:#aaa;font-size:15px;} #mini small:last-child{width:calc(35% - 20px);text-align:right;}
#mini small a, #mini small span{margin:0 10px;font-size:13.5px;transition:all .5s;} #mini small a:hover{color:#ff9470;}

@media screen and (max-width:600px){#mini small, #mini small:last-child{width:calc(100% - 20px);text-align:left;}#mini small a{display:block;}}

#right{position:fixed;bottom:25px;right:25px;z-index:5;}
#right div, #right a{width:45px;height:45px;border-radius:100%;box-shadow:0 0 25px rgba(0,0,0,.25);cursor:pointer;}
#right .top{background:rgba(0,0,0,.25);margin-bottom:10px;display:none;cursor:pointer;}
#right .top:before{position:absolute;content:"\00BB";height:45px;line-height:75px;transform:rotate(-90deg);text-align:center;font-family:'Fira Sans';font-weight:300;font-size:30px;color:#fff;}
#right .msg{background:#e9705b url(./img/footer/ch.svg) no-repeat center / 35%;transition:all .5s;}
#right .msg:before{position:absolute;content:"+";height:12.5px;width:40px;transform:rotate(-45deg);font-family:'Fira Sans';font-weight:300;font-size:35px;color:#fff;display:none;} #right .msg.act{background:#555;} #right .msg.act:before{display:block;}
#right .msg .tg, #right .msg .vb{position:absolute;display:block;transition:all .5s;opacity:0;z-index:-1;}
#right .msg .tg{background:#0088cc url(./img/footer/tg.svg) no-repeat center / auto 35%;}
#right .msg .vb{background:#665CAC url(./img/footer/vb.svg) no-repeat center / auto 35%;}
#right .msg.act .tg{opacity:1;transform:translateX(calc(-100% - 10px));} #right .msg.act .vb{opacity:1;transform:translateX(calc(-200% - 20px));}

#modal_sear{position:fixed;top:60%;left:50%;max-width:1210px;max-height:450px;width:calc(100% - 40px);height:calc(100% - 40px);background:#fff;transform:translate(-50%,-50%);border-radius:2.5px;box-shadow:0 25px 25px rgba(0,0,0,.125);display:none;opacity:0;z-index:101;}
#modal_sear h6{margin:35px 35px 0;font-size:25px;} #modal_sear form{margin:25px 35px 15px;} 
#modal_sear form input{display:block;margin-bottom:15px;width:100%;height:40px;line-height:40px;background:#fff;border:1px #ddd solid;box-shadow:inset 3px 3px 0 #eee;padding:0 0 0 10px;border-radius:0;}
#modal_sear .result-list{position:absolute;bottom:0;left:35px;right:35px;top:135px;padding:0 30px;width:calc(100% - 70px);list-style-type:decimal-leading-zero;overflow: auto;} #modal_sear .result-list li{font-family:'Fira Sans';font-weight:700;color:#555;} #modal_sear .result-list li p{font-family:'Fira Sans';font-weight:300;color:#333;}

@media screen and (max-width:650px){#modal_sear h6{margin:25px 25px 0;}#modal_sear form{margin:15px 25px;} #modal_sear .result-list{bottom:10px;left:25px;right:25px;top:125px;width: calc(100% - 50px);}}

#modal_call{position:fixed;top:60%;left:50%;max-width:500px;width:calc(100% - 40px);background:#fff;transform:translate(-50%,-50%);border-radius:2.5px;box-shadow:0 25px 25px rgba(0,0,0,.125);display:none;opacity:0;z-index:101;}
#modal_call form{position:relative;display:block;padding:35px;} #modal_call form h6{margin-bottom:35px;font-size:25px;}
#modal_call form input:not(.btn), #modal_call form textarea{display:block;margin-bottom:15px;width:100%;height:45px;line-height:45px;background:#fff;border:1px #ddd solid;box-shadow:inset 3px 3px 0 #eee;padding:0 0 0 10px;border-radius:0;}
#modal_call form .btn{position:relative;display:inline-block;margin-top:25px;background:#ff9470;box-shadow:0 15px 25px rgba(0,0,0,.15);padding:15px 45px;border-radius:35px;transition:all .5s;border:0;overflow:hidden;color:#fff;} #modal_call form .btn:hover{background:#e9705b;cursor:pointer;}
#modal_call form .wpcf7-response-output{display:block;padding:5px;margin:15px 0 0;} #modal_call .wpcf7-response-output:empty{display:none;}
#modal_call form textarea{height:100px;resize:none;line-height:normal;padding:10px;}

@media screen and (max-width:600px){#modal_call h6{margin:10px 0 0;}#modal_call form{padding:25px;}}

#modal_exit{position:fixed;top:60%;left:50%;max-width:850px;width:calc(100% - 40px);transform:translate(-50%,-50%);border-radius:2.5px;box-shadow:0 25px 25px rgba(0,0,0,.125);display:none;opacity:0;z-index:101;}
#modal_exit:before{position:absolute;content:"";right:0;top:0;bottom:0;width:35%;background:url(./img/default.jpg) center / cover;border-radius:0 5px 5px 0;}
#modal_exit form{position:relative;display:block;padding:35px;background:#fff;width:65%;border-radius:5px 0 0 5px;}
#modal_exit form h6{margin-bottom:15px;font-size:25px;}
#modal_exit form input:not(.btn), #modal_exit form textarea{display:block;margin-bottom:15px;width:100%;height:45px;line-height:45px;background:#fff;border:1px #ddd solid;box-shadow:inset 3px 3px 0 #eee;padding:0 0 0 10px;border-radius:0;}
#modal_exit form .btn{position:relative;display:inline-block;margin-top:25px;background:#ff9470;box-shadow:0 15px 25px rgba(0,0,0,.15);padding:15px 45px;border-radius:35px;transition:all .5s;border:0;overflow:hidden;color:#fff;} #modal_exit form .btn:hover{background:#e9705b;cursor:pointer;}
#modal_exit form .wpcf7-response-output{display:block;padding:5px;margin:15px 0 0;} #modal_exit .wpcf7-response-output:empty{display:none;}
#modal_exit form textarea{height:100px;resize:none;line-height:normal;padding:10px;}

@media screen and (max-width:600px){#modal_exit:before{display:none;}#modal_exit form{padding:25px;width:auto;}}

#modal_video{position:fixed;top:60%;left:50%;max-width:1210px;max-height:550px;width:calc(100% - 40px);height:calc(100% - 40px);transform:translate(-50%,-50%);box-shadow:0 0 15px rgba(0,0,0,.05);display:none;opacity:0;z-index:101;}
#modal_video .video{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:7.5px;overflow:hidden;}
#modal_video .video iframe{width:100%;height:100%;border:0;}

#anketa{position:relative;display:block;background:#FFEFE5;padding:35px;} #anketa h6{margin-bottom:35px;font-size:25px;} #anketa strong{display:block;margin-bottom:15px;font-size:20px;font-family:'Fira Sans';font-weight:700;}
#anketa input[type="text"], #anketa textarea{display:block;margin-bottom:15px;width:100%;height:45px;line-height:45px;background:#fff;border:1px #ddd solid;box-shadow:inset 3px 3px 0 #eee;padding:0 0 0 10px;border-radius:0;} #anketa textarea{height:175px;resize:none;}
#anketa input[type="checkbox"]{width:15px;height:15px;margin:0 15px 0 0;background:#fff;border-radius:100%;box-shadow:0 0 10px rgba(0,0,0,.05);} #anketa input[type="checkbox"]:checked{background:#ff9470;} #anketa .f_srvs{display:flex;} #anketa .f_srvs .wpcf7-list-item{display:inline-flex;align-items:center;margin:10px 10px 0 0;}
#anketa .btn{position:relative;display:inline-block;margin-top:25px;background:#ff9470;box-shadow:0 15px 25px rgba(0,0,0,.15);padding:15px 45px;border-radius:35px;transition:all .5s;border:0;overflow:hidden;color:#fff;} #anketa .btn:not(:disabled):hover{background:#e9705b;cursor:pointer;} #anketa .btn:disabled{opacity:.5;}
#anketa .wpcf7-response-output{display:block;padding:5px;margin:15px 0 0;} #anketa .wpcf7-response-output:empty{display:none;}

#anketa .wpcf7-acceptance{display:block;margin-top:25px;} #anketa .wpcf7-acceptance .wpcf7-list-item{margin-left:0;} #anketa ul{padding-left:20px;margin-bottom:0;} #anketa ul li a{font-weight:500;color:#ff9470;}

@media screen and (max-width:650px){#anketa{padding:25px;}#anketa h6{font-size:20px;}}

#overlay{position:fixed;background:linear-gradient(190deg, rgba(233, 112, 91, .5) -50%, rgba(0,0,0,.75) 100%);bottom:0;right:0;top:0;left:0;z-index:100;display:none;overflow:hidden;}

.close{position:absolute;right:-10px;top:-10px;width:40px;height:40px;border-radius:100%;background:red;box-shadow:0 5px 5px rgba(0,0,0,.2);cursor:pointer;z-index:5;} .close:before{position:absolute;content:"+";color:#fff;width:40px;height:40px;line-height:40px;text-align:center;font-size:30px;transform:rotate(45deg);}

@media screen and (max-width:650px){.close{right:20px;top:-10px;}}

@keyframes fly{0%, 100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@keyframes rotation{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@keyframes blick{0%{left:-25px;}25%, 50%, 100%{left:calc(100% + 25px);}}
.shake{animation:shake 1 linear 1s;}
@keyframes shake{0%,100%{transform:translateX(0);}10%,30%,50%,70%,90%{transform:translateX(-2.5px);}20%,40%,60%,80%{transform:translateX(2.5px);}}