@font-face {
	font-family: 'Conv_GothaProMed';
	src: url('fonts/GothaProMed.eot');
	src: local('☺'), url('fonts/GothaProMed.woff') format('woff'), url('fonts/GothaProMed.ttf') format('truetype'), url('fonts/GothaProMed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}

@font-face {
	font-family: 'Conv_GothaProBol';
	src: url('fonts/GothaProBol.eot');
	src: local('☺'), url('fonts/GothaProBol.woff') format('woff'), url('fonts/GothaProBol.ttf') format('truetype'), url('fonts/GothaProBol.svg') format('svg');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}

@font-face {
	font-family: 'Conv_GothaProReg';
	src: url('fonts/GothaProReg.eot');
	src: local('☺'), url('fonts/GothaProReg.woff') format('woff'), url('fonts/GothaProReg.ttf') format('truetype'), url('fonts/GothaProReg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}

@font-face {
	font-family: 'Cyra';
	src: local('☺'), url('fonts/MarckScript-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}

*{box-sizing: border-box;}

html, body{
    width:100%;
    height:100%;
}
body{
    margin:0;
    font: 14px/1.4 'Conv_GothaProReg', tahoma, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;
    color:#000;
    background:#fff;
}
.fl{float:left;}
.ar{text-align:right;}
.fr{float:right;}
.cl{clear:both}
.ac{text-align:center;}

form{margin:0;padding:0;}
input, select, textarea, button{outline:none;font: 14px 'Conv_GothaProReg', tahoma, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;color:#000;}

strong, b{font-weight:normal;font-family: 'Conv_GothaProBol';}
.b{font-family: 'Conv_GothaProMed';}
a{outline:none;text-decoration:underline;color: #0ab1fc;cursor:pointer;}
a:hover{text-decoration:none}
p, div.par{margin:15px 0}

img{border:0;max-width:100%;max-height:100%;height:auto}
img[align=left]{margin:2px 10px 10px 0;}
img[align=right]{margin:2px 0 10px 10px;}

header, section, aside, footer, article, time, nav{display:block;}
section, article, header, nav, aside{max-width:1920px;margin:0 auto;}

.title{
    margin:0 auto;
    max-width:1300px;
    width:100%;
    padding:0 50px;
}

.rel{position: relative;}
.clear:after, .title:after{
    content:'';
    display:block;
    clear:both;
}
.flex{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flex.al{
    justify-content: flex-start
}
.flex.rev{
    flex-direction:row-reverse;
}
.flex.am{
    align-items: center
}
.flex.acc{
    justify-content:center
}
.w25{width:24%}
.w50{width:50%}
.w49{width:48%}

.table{
    display:table;
    width:100%;
    border-collapse: collapse;
}
.tr{display: table-row}
.td{display: table-cell}

.shapka{
    background:#f6f6f4 url(files/girl.jpg) right bottom no-repeat;
    background-size: contain !important;
    padding:100px 0 30px 0;
}


.name{font-size:24px;margin:30px 0;}
.name span{font-size:36px;font-family: 'Conv_GothaProMed';display:block}
.slogan{
    color: #666;
    font-style: italic;
    font-size: 21px;
    font-family:'Cyra';
    margin: 40px 0;
}

.btn{
    cursor:pointer;
    color:#fff;
    text-decoration:none;
    border-radius:4px;
    display: inline-block;
    background: rgb(107,221,206);
    background: linear-gradient(90deg, rgba(107,221,206,1) 0%, rgba(9,177,252,1) 100%);
    font-family: 'Conv_GothaProMed';
    font-size:14px;
    padding:10px 20px;
    border:0;
}

header{
    color:#666;
    position: absolute;
    width:100%;
    padding:25px 0;
    background: transparent;
    transition:0.2s;
    left:0;
    z-index:100;
    top:0;
}
header.skroll{
    position: fixed;
    padding:13px 0;
    background:#fff;
    border-bottom:1px solid #f6f6f4;
}
.bars{
    float:left;
    display:none;
    cursor:pointer;
    background:url(files/bars.gif) left center no-repeat;
    height:41px;
    width:37px;
}

nav{
    float:left;
    margin-top:10px;
}
nav ul{margin:0;padding:0;}
nav ul li{margin:0;padding:0;list-style:none;}
nav > ul > li{float:left;position: relative;display:block;margin-left:25px;}
nav > ul > li:first-child{margin-left:0;}

nav > ul > li > a{
    color:#000;
    font-family: 'Conv_GothaProMed';
    text-decoration:none;
    display: inline-block;
    line-height:20px;
    white-space: nowrap;
}
nav > ul > li > a.act{color:#0ab2fb}
nav > ul > li > a.home{
    text-decoration:none;
    width:22px; 
    height:20px;
    background-size: contain !important;
    background:url(files/home.png) center no-repeat;
    
}
nav > ul > li.dd:after{
    content:'';
    width:11px;
    height:7px;
    background:url(files/dd.png) center no-repeat;
    display:block;
    background-size: contain !important;
    position: absolute;
    z-index:1;
    bottom:-10px;
    left:50%;
    margin-left:-6px;
}
nav > ul > li > ul{
    position: absolute;
    z-index:5;
    background:#fff;
    border-radius:4px;
    left:0;
    top:20px;
    display:none;
    width:180px;
}
nav > ul > li:hover > ul{display:block;}
nav > ul > li > ul > li{
    display:block;
}
nav > ul > li > ul > li > a{
    display:block;
    padding:8px 15px;
}

.helpbuttons{
    float:right;
    
}
.helpbuttons a{
    margin-left:5px;
    vertical-align: middle;
}
.bigbtn{
    text-transform: uppercase;
    font-family: 'Conv_GothaProBol';
    font-size:16px;
    background:#33cc66;
    letter-spacing:-1px;
}
.language {
    margin-right:25px;
    float: right;
    position: relative;
}
.language > span {
    cursor: pointer;
    text-transform: capitalize;
    white-space: nowrap;
    display:block; color:#000;
    font-family: 'Conv_GothaProMed';    
}
.language > span:after, .signin > span:after {
    transition: 0.3s;
    width: 12px;
    height: 10px;
    content: '';
    display: inline-block;
    margin-left: 10px;
    background: url(files/dd.png) right center no-repeat;
    background-size: 12px !important;
}
.language > span.active:after{
    transform: rotate(180deg);
}
.list {
    position: absolute;
    background: #fff;
    border: 1px solid #dcdcdc;
    display: none;
    top:50px;
    z-index: 40;
    right: 0;
}
.list div {
    position: relative;
}

.list div:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #dcdcdc;
    transform: rotate(-45deg);
    border-left: 0;
    border-bottom: 0;
    position: absolute;
    top: -8px;
    right: 15px;
    z-index: 1;
}
.list a, .list label, .list span {
    display: block;
    background-size: 21px 16px !important;
    background-position: 9px center;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    padding: 9px;
}
.list a:hover {
    text-decoration: underline;
}
.phone{
    float:right;
    margin-right:25px;
}
.phone a{
    line-height:1;
    color:#000;
    text-decoration:none;
    font-size:18px;
    font-family: 'Conv_GothaProMed';
    display:block;
}
.social{
    margin-right:25px;
    float:right;
}
.social a, .facebook, .twitter, .linkedin, .instagram{
    text-decoration:none;
    display: inline-block;
    width:30px; height:30px;
    background:url(files/facebook.png) center no-repeat;
    background-size: contain !important;
    margin-right:20px;
}
.instagram{background-image:url(files/instagram.png)}
.twitter{background-image:url(files/twitter.png)}
.linkedin{background-image:url(files/linkedin.png)}

.phone > div > a{
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
    margin-top: 5px;
}


header .btn{padding:10px;}

.head{
    line-height:1.05;
    margin:40px 0;
    font-family: 'Conv_GothaProMed';
    font-size:30px;
}
.head span{
    display:block;
    font-family: 'Conv_GothaProReg';
    font-size:18px;
}
.about{
    background:#ffdc02 url(files/bant.jpg) right bottom no-repeat;
    padding:60px 0;
    position: relative;
}
.about:before{
    content:'';
    width:56px; height:57px;
    background-size: contain !important;
    background:url(files/white-bird.png) 0 0 no-repeat;
    position: absolute;
    left:40px;
    top:20px;
}
.w40{width:40%;}
.w20{width:20%;}
.block{
    margin:0 0 30px 30px;
    background:#fff;
    text-align:center;
    border-radius:13px;
    line-height:20px;
    padding:15px 25px;
    width:calc(50% - 30px);
}
.block .big{
    color:#00b3ff;
    font-family: 'Conv_GothaProMed';
    margin:10px 0;
    font-size:36px;
    line-height:1;
}
.block.face{float:right;margin-top:50px;}
.block.face + div.block{margin-top:0}
.bloki .block:last-child{
    background:#fff url(files/blue-bird.png) 10px 10px no-repeat;
    background-size:46px 47px !important;
    margin-bottom:0;
}
.w30{width:30%;}
.w33{width:32%}
.w60{width:64%}
.leaves{
    padding:100px 0;
    background:url(files/hearts.jpg) 0 10px no-repeat, url(files/blur-heart.jpg) right 95% no-repeat;
}
span.dn{
    font-size:16px;
    font-family: 'Conv_GothaProMed';
    display:block;
    padding-right:95px;
    position: relative;
    margin:25px 0;
}
span.dn:after{content:'';display:block;height:3px;width:70px;background:#f4da08;top:50%;right:0;position: absolute;}
span.image{
    height:300px;
    width:100%;
    display:block;
    background-size: cover !important;
}
.turbota{
    padding:45px;
    background-size:cover !important;
}
.turbota div.h{
    font-family: 'Conv_GothaProMed';
    font-size:28px;
    margin:20px 0;
    line-height:1.05;
}
.turbota ul{
    margin: 50px 0;
    padding: 0;
    max-width: 60%;
}
.turbota ul li{
    margin:30px 0;
    font-size:17px;
    padding:0 0 0 35px;
    list-style:none;
}
.ineed{
    color:#fff;
    background:#909baa url(im/image1.jpg) right bottom no-repeat;
}
.ineed ul li{background:url(files/li-yellow.png) 0 0 no-repeat;}
.btn.yellow{
    background:#f4da08; color:#000;
}
.ican{
    background:#e5e5e5 url(im/image2.jpg) right bottom no-repeat;
}
.ican ul li{background:url(files/li-blue.png) 0 0 no-repeat;}

.photogallery{
    background: rgb(107,221,206);
    background: linear-gradient(90deg, rgba(107,221,206,1) 0%, rgba(9,177,252,1) 100%);
    color:#fff;
    padding:10px 0 100px;
    margin:95px 0 0;
}
.golubi{
    position: relative;
}
.golubi:before, .golubi:after{
    content:''; 
    display: block;
    background:url(files/yellow-bird.png) center no-repeat;
    position: absolute;
    background-size: contain !important;
    top:0;
    left:50%;
    z-index:1;
    width:56px; height:56px;
}
.golubi:after{
    margin-left:140px;
}
.golubi:before{
    margin-left:-195px;
}

.gf{
    padding:20px 0 60px;
    background:#f4f2ee;
}
footer{padding-top:40px;}
footer ul{

margin:30px 0 0;
padding:0;
max-width:90%;
}
footer ul li{margin:10px 0;padding:0;list-style:none;}
footer div.title:first-child{
padding-bottom:150px;
background:url(files/footer.jpg) bottom center no-repeat;
}
footer div.title:last-child{
padding-top:15px;padding-bottom:15px;font-size:12px;
}

.path{margin:25px 0;font-size:12px;}
.path ol{margin:0;padding:0;}
.path ol li{margin:0;padding:0;list-style:none;display: inline;color:#000;}
.path a{color:#999;text-decoration:none;}

.shapkains{padding:80px 0 20px;background:#f4f2ee;}
.shapkains .name{font-size:18px;}
.shapkains .name span{font-size:26px;}
.logo img.logotype{height:140px;}

.tabs{border-bottom:3px solid #f4da08;font-size:18px;font-family: 'Conv_GothaProMed';}
.tabs a, .tabs span{display: inline-block;padding:15px 35px;color:#000;text-decoration:none;white-space: nowrap;}
.tabs span{background:#f4da08;position: relative;}
.tabs span:after{content:'';background:#f4da08;position: absolute;z-index:1;width:14px;height:14px;left:50%;bottom:-7px;transform: rotate(45deg);
margin-left:-7px;}
.tabs a:hover{background:#f4f2ee;}
table.tablica{
    margin: 20px 0;
    table-layout: fixed;
    width:100%;border-collapse: collapse;
}
table.tablica td{padding:10px;border-bottom:1px solid #ccc;}
table.tablica tr:first-child td{
    font-family: 'Conv_GothaProBol';
}
table.tablica tr td:nth-child(2) {background:#f4f4f4}
table.tablica tr td:nth-child(3) {background:#e8e8e8}
.content{padding:30px 0;}
label.rel{
    width:120px;
    height:45px;
    display: inline-block;
    margin: 0 5px 5px 0;
}
label.rel input + span{
    display: block;
    position: absolute;
    border-radius:4px;
    background:#fff;
    text-align:center;
    width: inherit;
    border:1px solid #999;
    font-size:18px;
    height:45px;
    line-height:43px;
    z-index:1;
    cursor:pointer;
    white-space: nowrap;
    font-family: 'Conv_GothaProMed';
    left:0;
    top:0;
}
label.rel input:checked + span{
    background:#000;
    color:#fff;
    border-color:#fff;
}
label.rel input:checked + span:before{
    content:'';
    display: inline-block;
    background:url(files/ok.png) left center no-repeat;
    vertical-align: middle;
    margin-right:5px;
    width:16px; height:16px;
    background-size: contain !important;
}
.field{
    width:100%;
    border-radius:4px;
    border:1px solid #999;
    padding:10px;
    font-family: 'Conv_GothaProMed';
    color:#000;
    background:#e8e8e8;
    font-size:18px;
}
.field:focus{
    background-color:#fff;
    border-color:#000
}
.payme .field{
    max-width:100px; background:#fff;
}
blockquote{
    padding-left:45px;
    background-size:25px !important;
    margin:20px 0;
    background:url(files/i.png) left 4px no-repeat;
}
.woman{
    padding-bottom:50px;
    background:url(files/woman.jpg) right bottom no-repeat;
    background-size: contain !important;
}
.req{color:red;}
.pagination{
    margin:30px 0 50px;
}
.pagination div{color:#666;font-size:13px;margin-bottom:10px;}
.pagination a, .pagination span{
    font-size:16px;
    color:#000;
    text-decoration:none;
    width:40px; 
    height:40px;
    line-height:40px;
    display: inline-block;
    text-align:center;
    margin:4px 3px 0;
}
.pagination span{background:#f4da08;}
table.team{
    margin:20px 0 40px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px;
    table-layout: fixed;
}
table.team td{
    vertical-align:top;
}
table.team td p strong{font-size:16px;}

/*I need help*/
.photogallery.graycol{background: #7d7c81;margin-bottom:50px;margin-top:0;padding-top:0;}
.photogallery.graycol:before{content:'';display:block;width:100%;height:237px;background:url(files/cerca.jpg) center bottom no-repeat;background-size:100% 100% !important;}
.photogallery.graycol .golubi:before{margin-left:-255px;}
.photogallery.graycol .golubi:after{margin-left:200px;}
.shapka.ineedhelp, .shapka.icanhelp{
    background:#333 url(files/header1.jpg) right bottom no-repeat;
    color: #fff;
    background-size: cover !important;
}
#ineedhelp nav > ul > li > a, #ineedhelp .phone a, #icanhelp .phone a, #icanhelp nav > ul > li > a{color:#fff}
#ineedhelp .language > span, #icanhelp .language > span{color: #09b1fc;}
#ineedhelp .helpbuttons, #icanhelp .helpbuttons{display:none}
.shapka.ineedhelp .btn, .pluses .head span, .pluses .btn, .shapka.icanhelp .btn{color:#000}
.pluses{padding:40px 0 50px;background:#77767b url(files/woman1.jpg) right center no-repeat;background-size:auto 100% !important;}
.pluses .table{table-layout:fixed;margin:50px 0 30px 0;width:100%;}
.pluses .td{color:#f4da08;padding-right:30px;font-family: 'Conv_GothaProBol';}
.pluses .head{color:#fff;}
h5{margin:25px 0;font-family: 'Conv_GothaProBol';font-weight:normal;font-size:18px;}
.listed{margin:15px 0;padding:0;}
.listed li{margin:20px 0;padding:0;list-style:none;}
.listed li label{position:relative;}
.listed li label input + span{position:absolute;z-index:1;left:0;top:-3px;width:25px;height:25px;background:#e8e8e8;border:1px solid #999;display:block;}
.listed li label input:checked + span, .cheka input:checked + span{background:#e8e8e8 url(files/galka.png) center no-repeat;background-size:15px !important;}
.listed li label input{margin-right:15px;vertical-align:middle;}

select.field{-webkit-appearance: none; -moz-appearance: none; appearance: none;
    background:#e8e8e8 url(files/dd-yellow.png) 96% center no-repeat;
    cursor:pointer;}
#attachment{background:#e8e8e8;border:1px solid #999;width:100%;height:230px;overflow:hidden;border-radius:4px;margin-top:4px;}
#attachment input{display:none;}
#attachment label{width:100%;height:inherit;position: relative;background:url(files/user.png) center no-repeat;cursor:pointer;display:block;}
.hotline{background:#333 url(files/hot-line.jpg) center no-repeat;background-size:cover !important;position:relative;font-family: 'Conv_GothaProBol';color:#fff;text-align:center;
font-size:36px;line-height:40px;}
.hotline a{display:block;text-decoration:none;color:#f4da08;}
.hotline > div{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);white-space: nowrap;}


/*end I need help*/

/*i can help*/
.shapka.icanhelp{background:url(files/woman2.jpg) 0 0 no-repeat;}
#icanhelp{color:#999;}
.volonteer{background:#e0e2e4 url(files/volunteer.jpg) 0 0 no-repeat;position:relative;}
.volonteer:after{content:'';display:block;position:absolute;z-index:1;top:15px;right:15px;width:40px;height:40px;
background:url(files/blue-bird.png) top right no-repeat;background-size:contain !important;}
.volonteer .head{color:#000}
.pluses.volonteer .td{color:#0bb2fb}
.cheka{position: relative;padding-left:150px;color:#ffb401;padding-top: 10px;margin: 30px 0;cursor:pointer;}
.cheka label > span:first-child{background-repeat:no-repeat;background-position:center;border-radius:100%;display:block;position: absolute;z-index:1;left:0;top:0;width:125px;height:125px;
background-size:cover !important;}
.cheka p{color:#000;margin:13px 0;font-family: 'Conv_GothaProBol';}
.cheka input + span{position: absolute;left:150px;width:25px;height:25px;background:#e8e8e8;border:1px solid #999;display:block;top:0;z-index:2;}
.cheka input{visibility:hidden;}
.torita{background:url(files/blur-heart.jpg) right top no-repeat;}

/*detailed page*/
.megaimage{height:100%;position:relative;background-position:center;background-size:cover !important;}
.heneeds{position:absolute;z-index:1;top:50px;left:50px;color:#fff;display:inline-block;border-radius:4px;background:#33cc66;padding:10px 20px;font-family: 'Conv_GothaProMed';}
.share{position:absolute;z-index:3;top:50px;right:50px;}
.share > span{background:#fff url(files/share.png) center no-repeat;border-radius:100%; display:block;width:40px;height:40px;cursor:pointer;background-size:20px !important;}
.share > div{display:none;right:0;border-radius:4px;top:45px;position: absolute;z-index:5;background:#fff;width:150px;}
.share > div a{text-decoration:none;padding:8px 12px;border-top:1px solid #ddd;display:block;}
.share > div a:first-child{border-top:0;position:relative;}
.share > div a:first-child::before{content:"";display:block;width:6px;height:6px;right:18px;top:-3px;background:#fff;position:absolute;z-index:1;transform:rotate(45deg);}
.share:hover > div{display:block;}
.matas{padding:20px 15px 20px 50px;max-width:600px;}
.history{background:#fff;padding:20px 50px;position: absolute;z-index:2;bottom:-100px;left:50px;right:50px;overflow: auto;max-height:240px;}
.history::-webkit-scrollbar {width: 7px;border-left:0;background:#ddd;}  
.history::-webkit-scrollbar-thumb {background-color:#000;}

.maxi{margin-bottom:50px;}
.hers{background:url(files/blue-hearts.jpg) right top no-repeat;}
.placement{background:url(files/map.png) left center no-repeat;background-size: 21px !important;padding: 4px 0 4px 40px;}
ul.apel li {
    margin: 11px 0;
    padding: 4px 0 4px 32px;
    list-style: none;background: url(files/li-blue.png) 0 0 no-repeat;
}
ul.apel{margin:0;padding:0;}
.line{margin:30px 0;height:4px;background:#fedb00;width:100%;}
.tomob{display:none}
.yes{color:#fff;border-radius:4px;margin:20px 0;padding:15px 25px;background:#168C48;font-family: 'Conv_GothaProBol';}

.blackfont nav > ul > li > a, .blackfont .phone a{color:#000 !important;}

@media screen and (max-width:1280px) {
    .title{padding-left:15px;padding-right:15px;}
    .bars{display:block;}
    nav{display:none;left:15px;position: absolute;z-index:30;top:80px;background:#fff;border-radius:7px;margin:0;}
    nav > ul > li{float:none;margin:0;}
    nav > ul > li > ul{position: static;display:block}
    nav > ul > li > a{padding:10px 15px;display:block;}
    nav > ul > li > a.home, nav > ul > li.dd:after{display:none}
   #icanhelp nav > ul > li > a, #ineedhelp nav > ul > li > a{color:#000;}
}

@media screen and (max-width:1200px) {
.w40{width:49%;}
.block{width:calc(50% - 10px);margin: 0 0 10px 10px;}
.leaves{padding:50px 0 90px;}
.turbota{padding:20px 35px;}
.head{font-size:25px;}
.shapkains .flex{flex-wrap:nowrap;}
.shapkains .logo, .shapkains .name{padding-right:15px;}
.shapkains .slogan{font-size:18px;margin:20px 0;}
.shapkains .name span{font-size:20px;}
}
@media screen and (max-width:1000px) {
.shapka{padding:50px 0 10px;background-position: 200%;}
.name span, .block .big{font-size:30px;}
.logotype{height:150px;}
.slogan{font-size:17px;}
.about{padding:25px 0;}
span.image{height:230px;}
.w30{width:32%}
span.dn{font-size:14px;padding-right:80px;}
.turbota div.h{font-size:22px;}
.turbota ul li{font-size:14px;background-size: 18px !important;}
.turbota ul{margin:30px 0;}
footer .w25{width:50%}
.gallery img{height:400px}
table.tablica{table-layout: auto;}
.tabs a, .tabs span{padding:15px 20px;}
.photogallery.graycol:before{height:150px;}
.hotline{font-size:26px;line-height:30px;min-height:300px;}
.pluses{padding:10px 0;}
.w60{width:100%}
h1{font-size:1.5em;}
.heneeds{left:15px;top:15px;}
.share{top:15px;right:15px;}
.history{left:15px;right:15px;padding:15px 25px;}
.matas{padding:15px 15px 20px 25px;}
}
@media screen and (max-width:900px) {
span.dn{padding-right:0;}
span.dn:after{position:static;margin-top:20px;}
.btn{font-size:13px;padding:10px;}
span.image{height:180px;}
.turbota{padding:10px 25px;}
footer div.title:first-child{padding-bottom:100px;}
.shapka{background-size: 80% !important; background-position: bottom right;}
.logo img.logotype{height:auto;max-width:100px;}
.woman{background-size: 75% !important;}
}
@media screen and (max-width:850px) {
.pluses .w49{width:100%;}
.pluses{padding-bottom:350px;background-position: right bottom;background-size:auto 450px !important;}
.pluses.volonteer{background-position:left bottom;background-size: auto 380px !important;}
}
@media screen and (max-width:800px) {
.shapka .w49, .w40{width:100%;}
.shapka .w49{text-align:center;}
.shapka{padding-bottom:430px;}
.block.face{margin-top:0;}
.head, .turbota div.h, .name{font-size:20px;}
.golubi:before{margin-left:-150px}
.golubi:after{margin-left:95px;}
.golubi:before, .golubi:after{top:-6px;}
span.dn{font-family: 'Conv_GothaProReg';}
.name{margin:10px 0}
.name span, .block .big{font-size:25px;}
.about{background-size: contain !important}
.woman .w33{width:52%;}
.woman .flex.rev{flex-direction: row;}
.shapka.ineedhelp, .shapka.icanhelp{padding-bottom:10px !important;}
.photogallery.graycol .golubi:before, .photogallery.graycol .golubi:after{top:10px;width:30px;height:30px;}
}
@media screen and (max-width:750px) {
    .shapkains .slogan, .shapkains .name{font-size:15px}
    .phone > div, .phone span{display:none;}
    
    .phone a{white-space: nowrap;background:url(files/phone.png) left center no-repeat;padding-left:30px;width:0;background-size:26px !important;display:block;height:36px;overflow:hidden}
}
@media screen and (max-width:650px) {
footer{padding-top:20px;}
.gallery img{height:250px;}
.w30, .turbota, .hotline{width:100%;margin:10px auto;max-width:400px}
.shapka{padding-bottom:350px;}
span.image{height:250px;}
.slogan{margin:20px 0}
table.team{font-size:12px;}
table.team td p strong{font-size:13px;}
.photogallery.graycol:before{height:120px;}
.w50{width:100%;}
.matas{padding:65px 15px 15px 15px;}
.history{display:none;}
.tomob{display:block;margin:20px 0;}
.maxi{margin-bottom:0;}
}
@media screen and (max-width:600px) {
    .language{margin-right:0;}
    .helpbuttons{float: none;width: 100%;position: absolute;top: 64px;text-align: center;left: 0;}
    .helpbuttons a{margin-left:0;}
    header{padding:15px 0;}
    nav{top:64px;box-shadow:5px 5px 10px rgba(0,0,0,.25)}
    .shapka{padding-top:120px;padding-bottom: 320px;}
    .block{float:none !important;margin:15px auto;max-width:400px;width:100%}
    .tabs{font-size:14px;}
    table.tablica td{font-size:12px;padding:5px;}
    .shapkains{padding-top:111px;}
    .woman{background:none;}
    .woman .w33{width:100%;}
}
@media screen and (max-width:530px) {
    footer .w25{width: 100%;max-width: 400px;margin: 10px auto;}
    .shapka{padding-bottom:280px;}
    .shapkains .flex {flex-wrap: wrap;}
    .shapkains .slogan{width:100%;text-align:center;margin-bottom:0;}
    label.rel input + span, .field{font-size:15px;}
.photogallery.graycol:before{height:80px;background-size: cover !important;}
.photogallery.graycol .golubi:before{margin-left: -166px;}
.photogallery.graycol .golubi:after{margin-left: 137px;}
.pluses .td{padding-right:10px;}
.pluses .table{margin:30px 0 10px 0;}
}
@media screen and (max-width:480px) {
    .tabs a, .tabs span{padding:10px;}
    .shapkains .logo, .shapkains .name{padding-right:0;}
    .shapkains .logo{width:100px;}
    .shapkains .name{width:calc(100% - 110px)}
    table.team, table.team tbody{display:block;}
    table.team tr{
        display:flex;
        justify-content:space-between;
        flex-wrap:wrap;
        align-items: top;
    }
    table.team td{width:48%;display:block;padding-bottom:20px;}
    table.team td p{margin:6px 0;}
.cheka{margin:10px 0;}
.shapka.icanhelp{background-position:-150px 0;}
}
@media screen and (max-width:430px) {
    .shapka{padding-bottom:220px;}
    .name span, .block .big{font-size:20px;}
    .about:before{left:auto;right:15px;}
    .about{padding:1px 0 20px;}
    .head, .turbota div.h, .name{font-size:18px;line-height:1.3;}
    .turbota ul li{margin:20px 0;padding-left:25px;}
    .photogallery{margin-top:50px}
    table.tablica{display:block;overflow-x: auto;}
    table.tablica tbody{display: table;width:550px;}
    .tabs{font-size:12px;}
    h5{margin:15px 0;}
    .photogallery.graycol .golubi:before{margin-left: -150px;}
    .photogallery.graycol .golubi:after{margin-left: 120px;}
    .pluses .td{font-size:12px;font-family: 'Conv_GothaProReg';}
.pluses .td img{height:35px;width:auto;}
.pluses{background-size: auto 400px !important;}
.shapka.ineedhelp{padding-top:80px;}
}
@media screen and (max-width:380px) {
    .shapka{padding-bottom:190px;}
    .leaves{background-size:70px;}
    .gallery img, span.image{height:220px;}
    .turbota{padding:10px 15px;}
    .tabs span:after{display:none;}
    .tabs a, .tabs span{display:block;margin:5px 0;border: 2px solid #f4da08;}
    .tabs{border-bottom:0;}
}
@media screen and (max-width:340px) {
    .shapka{padding-bottom:170px;}
}