@charset "utf-8";


@font-face {
    font-family: 'Source Sans Pro';
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('../fonts/sanspro/sourcesansprolight.woff2') format('woff2'), url('../fonts/sanspro/sourcesansprolight.woff') format('woff'), url('../fonts/sanspro/sourcesansprolight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url('../fonts/sanspro/sourcesanspro.woff2') format('woff2'), url('../fonts/sanspro/sourcesanspro.woff') format('woff'), url('../fonts/sanspro/sourcesanspro.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}



body {font-weight: 300;font-size: 19px;text-align: left;line-height: 1.1;color: #000;}
b,body,strong{font-family:Source Sans Pro,Arial,sans-serif}#header-wrapper,#wrapper,.header,.load,.load p{width:100%}a,abbr,big,blockquote,body,caption,dd,dfn,div,em,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,label,li,ol,p,pre,q,s,small,span,strike,strong,sub,sup,table,tbody,td,th,tr,tt,ul,var{margin:0;padding:0;border:0;border-collapse:separate;border-spacing:0;font-weight:inherit;font-style:inherit;font-size:100%;text-decoration:none}.load p,.titlmy,h1,h2,h3,h4,h5,h6{display:block;width:100%;margin-bottom:20px;font-size:30px}body{font-weight:300;font-size:18px;text-align:left;line-height:1.3;color:#000}h1{line-height:44px}.menua{color:#676767;padding:17px 15px;display:block;float:left}.menua:hover{background-color:#263d4a;color:#fff;cursor:default}ol,ul{display:block;padding:0;margin:0 0 14px 17px}p{margin-bottom:20px}.load{position:fixed;z-index:10000;display:flex;background:#f4faff;top:0;justify-content:center;align-items:center}.load:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #cef;border-color:#cef transparent #cef transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.header{padding:0 30px;height:60px;position:relative;justify-content:space-between!important;align-items:center}.content,.slideshow-home,.header{max-width:1360px}#footer-top,.small,.box{max-width:1360px;position:relative;width:100%;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;padding:25px}.menu_butt{display: flex;flex-direction: row-reverse;}b,strong,dfn{font-weight:400}iframe,img{max-width:100%;border:0}.section_hom{margin: 60px 0 40px 0;}html, body, #wrapper, main{width: 100%;scroll-behavior: smooth;}body {min-height: 100%;}





h1.inf_a, h2.inf_a{font-size: 30px!important;line-height: normal;}
.title_h3{line-height:1;font-size:30px;}
.title_h2{font-size:16px;line-height:20px;font-weight:400;text-transform:uppercase;display:block;margin-bottom:20px}
h6{font-size:24px}
#header-wrapper {
        position: fixed;
    top: 0;
    z-index: 999;
    height: 60px;
    left: 0;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.12), inset 0 -1px 0 0 #dadce0;
    transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
    will-change: transform;
    background-color: #fff;
    }




body:before {content: ""; display: flex; width: 100%; height: 60px;}
ol, ul {line-height: 28px;font-weight: 400;}
.content, .slideshow-home, main section, .header {max-width: 1360px!important;width: 100%;}
.up{align-content: flex-start;}
.info_box{background:#fbeb80;color:#263e4a;font-size:12px;padding:10px;text-align:center;margin-top:20px}
::marker {color: #0993f4;}



.content, .slideshow-home, .header {max-width: 1360px;}
main section, .content, .box_3{max-width: 1260px!important;width: 100%;}
section, .page-content-wrapper {display: flex;flex-wrap: wrap;    justify-content: center;align-items: center; width: 100%;}


#sidebar {width: 340px;}
.br {border-radius: 25px;}
.box_content, #sidebar aside, #inner-content section, .inner-content section {padding: 60px 45px;}

.box_s{border-radius: 8px;box-shadow: 4px 4px 19px 10px rgba(0,0,0,.06);}
.box_b, #sidebar aside, .zakform, .form_one, .menu_x{box-shadow: 0 2px 5px 0 rgba(32,33,36,.05), 0 19px 38px 0 rgba(32,33,36,.04);border: 1px solid #e8eaed;border-radius: 8px;}
 i, .i, .ii {
    padding: 30px 40px;
    margin: 20px 0;
    background-color: var(--bluegray-color);
    line-height: 1.5;
    font-style: normal;
    border-radius: 25px;
}
li{list-style-position: inside;}
.i li, .ii li{padding: 0 0 5px 5px;}
.h1 nav {min-width: fit-content;}
.t1{font-size: 25px;border-bottom: 1px solid #aaa;padding-bottom: 10px;}
.slideshow-home .flexslider .slides > li {width: 100%;float: left;margin-right: -100%;position: relative;}
.slideshow-home{min-height: 100px;-webkit-transition: all .9s ease;-moz-transition: all .9s ease;-o-transition: all .9s ease;display: flex;}
.slideshow-home .slides img{max-width: 130px;left: -15px;position: relative;}
.slideshow-home .col-2 {display: flex; flex-direction: column;margin: 5% 0;max-width: 700px;padding: 6%; border-radius: 28px; width: 50%;}
.slideshow-home.flex-caption{margin: 3% 0;}

.slideshow-home h1 span{color: var(--blue-color);font-weight: 400;display:block;font-size:22px;padding-top: 10px;letter-spacing:1.2pt}
.slideshow-home a{margin:20px 0;display:inline-block}
.inf_gray, .section_hom{max-width: 100%;width:100%;position:relative}
.inf_gray{background:var(--bluegray-color);}

@media only screen and (min-width:480px) and (max-width:767px) {
.slideshow-container .section-title{float:left;max-width:380px}
.pagination{display:none}
.slideshow-home {flex-wrap: wrap;}
}
@media only screen and (max-width:479px) {
.slideshow-container .section-title{float:left;max-width:260px}
.slideshow-container .section-title h1{font:bold 20px/25px Helvetica,Arial,sans-serif}
.slideshow-home,.info {flex-wrap: wrap;}

}
@media only screen and (max-width: 959px) {
.slideshow-home .col-2{width:100% !important}
.box_content, #sidebar aside, #inner-content section, .inner-content section, main section{ width: 100%; margin: 35px 0;}
.bg_img{display:none;}
.box_content, #sidebar aside, #inner-content section, .inner-content section .slideshow-home .box_b{padding: 40px 25px;}
 .mpb0, .mpb0 .h1 {margin-bottom: 0; padding-bottom: 0;}  
  .mob_bg .bg_white{color: var(--white-color);border: none;background: rgb(36 43 54 / 60%) !important;}
  .mob_bg .bg_img {display: block !important;}.mob_bg img{border-radius: 0 !important;}
  .mob_bg h1 span {color: var(--white-color);}
}


input,textarea,select,.hbw:hover,div.arrow,.clients img,.bw,.widget-bg-icon,.box_other,.info_img:hover img,.info_img:hover h3,.info_img:hover h2,.info_img:hover strong,.col-3 .inf2 a:hover img,.other span,.other em,a.viber div:after,.mesg .link,figure img{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s;}

.bg_white input, .bg_white textarea, .bg_white select { border-color: var(--blackblue);}
.bg-gray input:hover, .bg-gray textarea:hover {background: var(--white-color);
}
input,textarea,select{outline: medium none;font-size: 17px;
    border: 1px solid #ddd;
    background-color: var(--white-color);
    font-family: Source Sans Pro,Arial,sans-serif;
    width: 100%!important;
    margin-bottom: 12px;
    padding: 18px;
    position: relative;
    border-radius: 12px;}

input:focus,textarea:focus,select:focus{border:1px solid var(--blue-color);}
input[type="file"] {font-size: 14px !important;border: 1px solid var(--bluegray-color);    overflow: hidden;padding: 10px;border-radius: 20px;padding-left: 30px;}
.name {display: flex;justify-content: space-between; align-items: center; margin-bottom: 5px;}
input[type="file"]::before {content: '+';font-size: 20px;position: absolute;background: var(--bluegray-color);height: 100%;top: 0;left: 0;    vertical-align: middle;width: 40px;display: flex;align-items: center;justify-content: center;}
.invalid-input,.valinput.invalid-input {border-color: red !important;}.error-msg {color: red;font-size: 14px; margin: 8px 0;}
.nochange[type="file"] {background: var(--bluegray-color);}
.nochange[type="file"]:before {content: "-" !important;}
.form_one, .form_one .tl{display: flex;flex-direction: column;align-items: center;width: 100%;}
.form_one{padding: 40px;}

.orderbox{padding-bottom:15px!important}
.orderbox input,.orderbox, .sample .orderbox textarea{width:100%;margin-bottom:10px;position:relative;}
.orderbox,.social-bookmarks ul{margin:0;padding:0;list-style-type:none}
.orderbox em,.orderbox label{font-size:14px;padding-bottom:5px;display:inline-block;cursor:pointer;font-style:normal}

.zakform, .fast_form{transition:1s}
.zakform:hover, .fast_form:hover{background-color:var(--white-color)!important;transition:1s}
form li:hover strong{color:var(--blue-color)!important;transition:1s}
.form ul{margin:0;padding:0;list-style-type:none}
.form li{position:relative}

.form textarea{min-height:150px}
.form input.submit{width:110px}
.form li p,.form input.submit,.form label{margin-bottom:5px;display:block;cursor:pointer}
.form em{color:#5d666b;font-size:11px;font-style:normal}
.form .contact-error{color:#f96e5b;font-size:11px;font-weight:bold;position:absolute;top:0;right:60px}
.contact-info{list-style-type:none;padding:0;margin:0}
input:hover,textarea:hover, .h1 a:hover, .nav span:hover{background: var(--bluegray-color);}




.fast_form,.zakform, .oneform {padding:7%;overflow:hidden}
.fast_form h5{text-align:center;font-size:30px;font-weight:300;color:#0089ff;padding-bottom:20px}



.button:hover{background-color:transparent;border:var(--blue-color) solid 1px!important;color:var(--blue-color)}
.button{cursor: pointer; text-align: center; border: transparent 1px solid; font-size: 17px;font-weight: 400; border-radius: 999px; max-width: max-content; margin: 0 auto; padding: 18px 25px;letter-spacing:0.7pt}

.yelow_btn,.yelow-white{background: transparent;border: 1px solid var(--blue-color);color: var(--blue-color);}
.yelow_btn:hover,.yelow-white:hover{background: var(--blue-color);color: var(--white-color);}
.navyblue{background-color:var(--blue-color); color: var(--white-color);}
.navyblue:hover{background-color:transparent;color: var(--blue-color);border: 1px solid var(--blue-color);}

.content-wrapper,.header,#footer-top,#header-wrapper,.inf_gray,.view,.mesg .link,main,#footer,#footer-content,.box_title,.myWinCont div,article,.article,.mesg span{display: flex;justify-content: center;flex-wrap: wrap; width: 100%;}
.article{max-width: 100%;}




.left {justify-content: left!important;}





.col2 {flex: 0 0 16.666%;max-width: 16.666%;}
.col3 {flex: 0 0 25%;max-width: 25%;}
.col4 {flex: 0 0 33.333%;max-width: 33.333%;}
.col5 {flex: 0 0 41.667%;max-width: 41.667%;}
.col6 {flex: 0 0 50%;max-width: 50%;}
.col7 {flex: 0 0 58.333%;max-width: 58.333%;}
.col8 {flex: 0 0 66.667%;max-width: 66.667%;}
.col9 {flex: 0 0 75%;max-width: 75%;}
.col10 {flex: 0 0 83.334%;max-width: 83.334%;}
.col12 {flex: 0 0 100%;max-width: 100%;}

@media only screen and (min-width:480px) and (max-width:890px)  {
.md-col2 {flex: 0 0 16.666%;max-width: 16.666%;}
.md-col3 {flex: 0 0 25%;max-width: 25%;}
.md-col4 {flex: 0 0 33.333%;max-width: 33.333%;}
.md-col5 {flex: 0 0 41.667%;max-width: 41.667%;}
.md-col6 {flex: 0 0 50%;max-width: 50%;}
.md-col7 {flex: 0 0 58.333%;max-width: 58.333%;}
.md-col8 {flex: 0 0 66.667%;max-width: 66.667%;}
.md-col9 {flex: 0 0 75%;max-width: 75%;}
.md-col10 {flex: 0 0 83.334%;max-width: 83.334%;}
.md-col12 {flex: 0 0 100%;max-width: 100%;}

}
@media only screen and (min-width:891px) and (max-width:1200px)  {
.xd-col2 {flex: 0 0 16.666%;max-width: 16.666%;}
.xd-col3 {flex: 0 0 25%;max-width: 25%;}
.xd-col4 {flex: 0 0 33.333%;max-width: 33.333%;}
.xd-col5 {flex: 0 0 41.667%;max-width: 41.667%;}
.xd-col6 {flex: 0 0 50%;max-width: 50%;}
.xd-col7 {flex: 0 0 58.333%;max-width: 58.333%;}
.xd-col8 {flex: 0 0 66.667%;max-width: 66.667%;}
.xd-col9 {flex: 0 0 75%;max-width: 75%;}
.xd-col10 {flex: 0 0 83.334%;max-width: 83.334%;}
.xd-col12 {flex: 0 0 100%;max-width: 100%;}
}
@media only screen and (min-width:480px) and (max-width:700px)  {
.ms-col2 {flex: 0 0 16.666%;max-width: 16.666%!important;}
.ms-col3 {flex: 0 0 25%;max-width: 25%;}
.ms-col4 {flex: 0 0 33.333%;max-width: 33.333%;}
.ms-col5 {flex: 0 0 41.667%;max-width: 41.667%;}
.ms-col6 {flex: 0 0 50%;max-width: 50%;}
.ms-col7 {flex: 0 0 58.333%;max-width: 58.333%;}
.ms-col8 {flex: 0 0 66.667%;max-width: 66.667%;}
.ms-col9 {flex: 0 0 75%;max-width: 75%;}
.ms-col10 {flex: 0 0 83.334%;max-width: 83.334%;}
.ms-col12 {flex: 0 0 100%;max-width: 100%;}
.ms-col6 figcaption{background: none;border: none!important;}
.card {height: 100% !important; max-width: 400px; margin: 0 auto;}
}
@media only screen and (max-width:479px) {
.sm-col2 {flex: 0 0 16.666%;max-width: 16.666%;}
.sm-col3 {flex: 0 0 25%;max-width: 25%;}
.sm-col4 {flex: 0 0 33.333%;max-width: 33.333%;}
.sm-col5 {flex: 0 0 41.667%;max-width: 41.667%;}
.sm-col6 {flex: 0 0 50%;max-width: 50%;}
.sm-col7 {flex: 0 0 58.333%;max-width: 58.333%;}
.sm-col8 {flex: 0 0 66.667%;max-width: 66.667%;}
.sm-col9 {flex: 0 0 75%;max-width: 75%;}
.sm-col10 {flex: 0 0 83.334%;max-width: 83.334%;}
.sm-col12 {flex: 0 0 100%;max-width: 100%;}
}

::selection,::-moz-selection{color:var(--white-color);background:#707070}
blockquote{float:left;margin:10px 15px 10px 0;color:#aaa}
blockquote.right{float:right;margin:10px 0 15px 15px}
blockquote p{font-weight:400;font-style:italic;padding-left:40px}









.alignleft{float:left;margin:10px 20px 10px 0}
.alignright{float:right;margin:10px 0 10px 20px}
.aligncenter{display:block;margin:10px auto}
.text-align-right,.tr{text-align:right}
.text-align-left,.tl{text-align:left}
.text-align-center,.tc{text-align:center}
.divider{float:left;width:100%;height:70px}
.divider-border{float:left;width:100%;margin:40px 0}
.activ a:before{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid #ffd500;content:"";position:absolute;left:50%;margin-left:-7px;top:37px}

#countbox{font-size:18px;font-weight:400;padding:5px}
#countbox span{font-weight:400;font-size:15px}
.zakform #items input{cursor:pointer;background:var(--white-color);border:none;margin:2px 0}
.linkint{width:100%;height:100%;position:absolute;bottom:0;left:0}
.zrazochok{padding-bottom:10px}
.titlone{font-size:17px;margin:0 0 5px;position:relative}
.pb0{padding-bottom:0!important}


.hominfo h2{font-size:35px;text-transform:uppercase;line-height:1.2;text-align:left}
.vartist{border-top:1px #ddd solid;border-bottom:1px #dbdbdb solid;padding:10px;font-size:22px;color:var(--blue-color);margin-bottom:10px}
.vartist span{font-size:17px}
.hominfo blockquote{float:none;width:100%;margin:0;background:none;color:#45535F}
.hominfo blockquote p{padding:0;font-style:normal;}
.hom .two-third .slides:before,.newbox .slides:before{content:"";background:var(--white-color);width:8%;height:100%;display:inline-block;position:absolute;right:0;z-index:10}
.newbox .slides:before{width:10%}
.hom .two-third{margin-bottom:20px}
.hom{display:inline-block;padding-bottom:25px;max-width:100%}
.hominfo blockquote p i{display:block;padding-bottom:10px;font-style:italic;text-align:right;padding-left:10px}
.hom .slides{overflow:hidden}
.hom img{position:relative;right:-4%; height: auto;}
.sample .hom img{right:0!important}
.vartist:before{background:url(https://pechatiua.com/img/pay.png);content:"";display:block;width:150px;height:15px;position:relative;right:0;top:7px;float:right}
.flexslider .slides > li{opacity:0;-webkit-backface-visibility:hidden}
#itemscope,.portfolio-grid ul li a.hide,.fastLinks,.menu_tel,.i_menu,.myBtnLeft,.myBtnRight,.myBtnLeftA,.myBtnRightA,.open_c,.xt-maxi,.xstl,.xstr,.x-sh,.xt-mini,.xt-maxi,.xt-rest,.xt-reset,.xt-mini,.xw-sps,.xw-hdr-text,.myWinFooter,.activia,.footboot,.disnone,.popup_box tel span:after,.tel_box tel span:after, .popup_box .tel span:after,.tel_box .tel span:after{display:none!important}

#bootton_other{display:none}
.center{display: flex;justify-content: space-between;flex-direction: column;align-content: center;flex-wrap: wrap;}
ul.star-list {width: 100%; display: flex;flex-direction: column;max-width: 420px;}
.star-list span {max-width: 50%;}
.star-list li {font-size: 15px;cursor: help;padding: 5px 0;display: flex;justify-content: space-between; position: relative;}
hr{border:0 none;margin:25px 0}
.linenones{margin:5px 0}
pre{padding:5px}
code{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:var(--white-color);font-size:11px;color:#666;padding:3px;padding-left:10px;background-color:#f8f8f8}
.galka ul,.star-list li{list-style-type:none!important}
.clear:after{clear:both;content:"";display:block}
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#sidebar,.i_ic,.slideshow-home,.inf_gray,#footer-content{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#footer nav a {display: block;font-weight: 400;line-height: 1.8;text-decoration: blink;}



.bg_img{height: 100%;max-width: 900px;position: absolute;right: 0; width: 100%;}
.bg_img img{border-radius: 30px;height: 100%;object-fit: cover;width: 100%;}
.card { max-width: 340px;flex-direction: column; justify-content: space-between; height: 500px;}
.card img {margin: -5px;}

.mob{display:none;}
@media only screen and (max-width:768px)  {
.catalog-container{margin: 0 8px;}
.catalog-container .box_info {padding: 8px;display: flex;justify-content: center;}
.catalog-container .mesg_inf{padding: 0;}
select,textarea,input {font-size: 16px;}
main{max-width: 100%} .h1{flex-wrap: wrap;}
  .mob{display:block!important;}
  .i_ic{width: 42px!important; height: 42px!important;}
.slideshow-home .col-2,.box_info{text-align: center;align-items: center;display: flex;justify-content: center;}
.box.fastform {padding: 0;}.fastform .oneform {border-radius: 0;padding: 70px 50px;}
}



.form_one .info{display: flex;font-size: 14px;margin-bottom: 20px;}
.form_one .info img {max-width: 120px;margin: 0 10px;}


section{padding-bottom:30px}
section strong,section b{font-weight:600;}
.one,.one-half,.two-third,.one-third,.one-fourth,.one-five{float:left;position:relative;margin-right:4%}
.one{width:100%;margin-right:0}
.one-half{width:48%}
.two-third{width:65.33%}
.one-third{width:30.66%}
.one-fourth{width:22%}
.one-five{width:20%;font-size:10px;background:transparent!important;min-width:134px;padding-right:2px;padding-left:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0}
.one-five .mask{background:#fff!important}
.one-five .mask p{background:transparent;color:#000!important;font-size:12px}
.one-five .mask h3{background:transparent!important;padding:5px 0;text-transform:uppercase;font-family:"Source Sans Pro";font-weight:400;color:#2690ff!important;font-size:12px}
.last{padding-right:0!important;margin-right:0!important}

h4 span,h5 span,span.titlone {font-size:19px;font-weight: normal;display:block}
.two-third p,.one-third p,footer li,.inf p{font-size:18px}
.off{opacity:0}
@-webkit-keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate(0,100px);transform:translate(0,100px)}
to{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate(0,100px);transform:translate(0,100px)}
to{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
}
.animated{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:none;animation-fill-mode:none}
.fadeIn{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

img {height: auto;max-width: 100%;transition:opacity .3s}
.img{width:100%;}
body * ::-webkit-scrollbar {-webkit-appearance: none;width: 4px;}
body * ::-webkit-scrollbar-thumb {border-radius: 15px;background-color: rgb(233, 233, 233);}






.bg_all{width: 100%;background-position: calc(50% - 50vw) 0;background-size: 100vw 100%; background-color: var(--bluegray-color); background-repeat: no-repeat;}

.allw {min-width: 100% !important;margin: 20px 0 !important;width: 100%;}
 #logo a{display:flex;}
.logo2{position:absolute;left:30px;top:12px;display:none}
.i_ic{transition: 0.2s linear;
    margin: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    cursor: pointer;}
.i_ic:hover{background: var(--bluegray-color);}

.i_ic:after{background: url(../../img/ico/menu_button.svg);
    background-size: 210px 30px;
    overflow: hidden;
    content: "";
    width: 30px;
    height: 30px;
    background-position-x: 120px;}


.i_ic.menu_ico:after{background-position-x: 60px;} 
.i_ic.active {-webkit-transform: scale(1.1) rotate(360deg);-ms-transform: scale(1.1) rotate(360deg);transform: scale(1.1) rotate(360deg);}

.i_ic.callback:after{background-position-x: 90px;}
.i_ic.draw:after{background-position-x: 150px;}
.i_ic.vibe:after{background-position-x: 120px;}
.i_ic.lang:after {background-position-x: 0px;}
.i_ic.lang.ru:after{background-position-x: 180px;}


.i_ic.active:after, .menu_ico.active:after{background-position-x: 30px;} 



.menu_x {overflow-y: auto;position: absolute;border-radius: 0 0 5px 5px;top: 60px;display: none;width: 100%;max-height: 750px;
    left: 0px;background: var(--white-color) !important;border: 1px solid var(--bluegray-color) !important;padding: 20px 30px;
height: calc(100vh - 60px);backdrop-filter: blur(5px);}
.menu_l{
    margin: 0 0 40px 0;
}
.menu_l a:hover {background: var(--bluegray-color);}
.menu_x .menu_l p{margin: 0; color: var(--black-color);font-size: 19px;}
.menu_x .tel a {
    width: 100%;
    display: inline-flex!important;
    flex-wrap: wrap;
}
.menu_l a {color: var(--black-color);
    padding: 8px 25px;
    display: block;font-size: 19px;}
.menu_x .col-3 {padding-left: 10px;}
.menu_x .contact span:after {border-radius: 100%;}
.menu_x .contact {padding: 40px 40px 30px 40px;
    border-radius: 5px;
    background: var(--bluegray-color);
    display: flex;
    width: 100%;}
.menu_x .titlmy, .t2:before {font-size: 19px;
    font-weight: 600;
    position: relative;
    padding-left: 15px;
    margin: 25px 0 10px 10px;}
.menu_x .titlmy:before, .t2:before {content: "";width: 8px;height: 8px;background: var(--blue-color);border-radius: 100%;position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);}


.logo_img{background: url(https://pechatiua.com/img/ico/logo_bear.png) no-repeat center;background-size: 175px;display: block;height: 105px;opacity: 0.6;}

.w4 {max-width: 400px;}.w5 {max-width: 500px;}.w6 {max-width: 600px;}




.col-2{width:50%;float:left;position:relative}
.col-4{width:25%;float:left;position:relative}
.col-6{width:16.66%;float:left;position:relative}
.col-3{width:33.33%;float:left;position:relative}
.b0{border:0!important}
.p0{padding:0!important}
.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p25{padding:25px}

.p30{padding:30px!important}
.p40{padding:40px}
.p50{padding:50px}




.pt40{padding-top:40px}
.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pl10{padding-left:10px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl25{padding-left:25px}
.slideshow-home, section, main, .col-2,#inner-content, .inner-content.flexslider,.pr{position: relative;}
main {flex-direction: column; align-items: center;align-content: center;}
.pa{position:absolute!important}
.m0{margin:0!important}
.m20{margin:20px!important}
.mp0{margin:0!important;padding:0!important}
.mb10{margin-bottom:10px!important}
.mb15,.flexslider,.stamp-size .one-third{margin-bottom:15px}
.mb20{margin-bottom:20px!important}
.mb30{margin-bottom:30px!important}
.mb40{margin-bottom:40px!important}
.mt120{margin-top:111px!important}
.mt10{margin-top:10px!important}
.mt20{margin-top:20px!important}
.mt30{margin-top:30px!important}
.mt40{margin-top:40px!important}
.mt50{margin-top:50px!important}
.mess{font-size:20px;margin:30px auto}


.grey{background-color:#263D4A}
.yellow{background-color:#FEEB43;color:#707070!important}
.white{background-color:var(--white-color)!important}
.orange{background-color:var(--blue-color)}
.green{background-color:#78d18b}
.blue{background-color:var(--blue-color);color:var(--white-color)!important}
.red{background-color:#dc4f49}

.grey:hover{background-color:#FFB247}
.highlight1{background-color:#FFB247}
.item-info-overlay{background-color:#FFB247}

.stronger, strong{color: var(--blackblue);font-weight: 600}
.grid{list-style:none;margin:0;padding:0;float:left}
.grid li{float:left;border-right: 1px dashed #ddd;}
.grid.row3 li{width:319px}
.grid.row4 li{width:25%}
.grid.row5 li{width:191px}
.grid.row6 li{width:159px}
.grid li.last{border-right:none}
.grid li.last-row{border-bottom:none}
.grid h3 {font-size: 24px;}
.grid img{display:block;margin:0 auto}
.callback, .point{cursor:pointer;color: var(--blue-color);font-weight: 400;}
.button.callback{color: var(--white-color);}
.callback:hover, .point:hover{color: var(--blackblue-color)}
.hbw:hover{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;opacity:.7}
#inner-content, .inner-content{display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;}

#footer{margin-top: 50px;background-color: var(--bluegray-color);}

#footer a{color: var(--black-color);font-weight: 300;font-size: 19px;}
#footer a:hover{color: var(--blue-color);}
#footer .tel a {line-height: 1.4; color: var(--blue-color); font-weight: 400;}
#footer .tel a:hover {color: var(--black-color);}

#footer ul li{margin-bottom:7px}
#footer ul li .date{font:normal 11px/20px Helvetica,Arial,sans-serif;display:block}

#footer-bottom,#footer-top{padding:35px 0;position:relative}
#footer-top{border-top: 1px solid #d6dce4;}
#footer-bottom{background-color: var(--blackblue);
    font-size: 11px;
    padding: 25px 25px 18px;
    color: var(--white-color);
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;}
#footer-bottom a:hover{color:#fbe809!important}
#footer-bottom a{color:var(--white-color)!important}
#footer-bottom p{margin-bottom:0}
.services div{padding:25px;text-align:center}


.services img,.services h2{display:block;margin-bottom:20px}
.ic{background-image:url(https://pechatiua.com/img/bg.svg);width:85px;height:85px;margin:0 auto;display:block}
.foot2{background-position:-85px 0}
.foot3{background-position:-170px 0}
.foot4{background-position:-255px 0}
.services h2{font-size:15px;line-height:20px;font-weight:400;text-transform:uppercase}
.clients img,.bw{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%);opacity:.7;transform:scale(1.0);-ms-transform:scale(1.0);-moz-transform:scale(1.0);-webkit-transform:scale(1.0)}
.bw{margin-bottom:5px}
.clients img:hover,.bw:hover,figure img:hover{-webkit-filter:none;-moz-filter:none;filter:none;opacity:1;transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}

.button.right{float:right}


.dl{flex-direction: column;align-items: flex-start;}
.df{display: flex;flex-wrap: wrap;justify-content: center; align-items: center;}
.dt{align-content: flex-start;align-items: flex-start;}
.small{padding: 16px 23px;font-size: 17px;max-width: max-content;margin: 0 auto;}
.minimal{padding:2px 8px;border-radius:5px}
.widget-bg-icon{color:var(--white-color)!important;width:70px!important;height:70px!important;left:0!important;top:0!important;background:var(--blue-color);display:block;-webkit-border-radius:45px!important;border-radius:45px!important;position:absolute!important;z-index:1;opacity:.8}
.one-fourth p {font-size: 16px;}

.tell-up{background:url(https://pechatiua.com/img/bg.svg) 0 -90px;height:35px!important;width:35px!important;display:block!important;position:relative;z-index:2;top:17.5px!important;left:17.5px!important}

.valinput{background:transparent;font-size:22px;margin:0 auto;display:block;color:var(--blue-color);border:1px solid transparent;letter-spacing:1.5px;width:250px;text-align: center;border-color: #d9dedf!important;}
.valinput:focus,.valinput:focus .valinput:hover{border-color:transparent;box-shadow:none;color:var(--blue-color)}
.valselect{width: 122px!important;text-align: center;border: 1px solid transparent;}
.bottoncall{background:var(--blue-color);color:var(--white-color);margin:8px auto;}
.callmediv{text-align:center}
#clockcall{margin:7px auto;display:none}
#linkcall{margin:7px auto;display:block}
#linkcall span{border-bottom:1px dashed!important}
.highlight1{color:#5f6978;padding:5px;background-color:#ffef43!important}
.highlight2{color:#cccfd4;padding:0 2px}

.highlight3{border-bottom:1px dotted}




.toggle-wrap{float:left;width:100%;margin-bottom:6px}
.toggle-container{overflow:hidden;float:left;padding:15px}


.accordion{padding:0;display:none}








.box_other{opacity: 0;height: 100%;width: 100%;position: absolute;top: 0;}
.box_title{align-items: center;height: 100%;align-content: center;}
.box_title p {font-size: 17px;line-height: 1.2;font-weight: 400;}
.box_other .button{display:inline-block;font-style:normal;font-weight:normal}
.info_img{display: flex;max-width: 280px;position: relative;flex-wrap: wrap;justify-content: center;flex-direction: column;align-content: center;align-items: center;}
.info_img img{max-width:120px;width:100%}
.one-half .info_img img{max-width:100px!important}

.sample .info_img img{max-width:230px!important}

.info_img:hover img,.info_img:hover h3,.info_img:hover h2,.info_img:hover strong{opacity:0}
.info_img:hover .box_other{opacity:1}
.info_img:after,.info_img:before,.view:before, .view:after {content:'';position:absolute;width:20px;height:20px;border-color: var(--blackblue);border-style:solid;border-width:0;-webkit-transition:all .5s cubic-bezier(1,0.2,0.26,0.7);-moz-transition:all .5s cubic-bezier(1,0.2,0.26,0.7);transition:all .5s cubic-bezier(1,0.2,0.26,0.7);-webkit-transform:translate(0px,0px) scale(0.8);-moz-transform:translate(0px,0px) scale(0.8);-ms-transform:translate(0px,0px) scale(0.8);-o-transform:translate(0px,0px) scale(0.8);transform:translate(0px,0px) scale(0.8);opacity:0; z-index:10}
.info_img:before, .view:before{left:30px;bottom:20px;border-bottom-width:2px;border-left-width:2px}
.info_img:after, .view:after{top:20px;right:30px;border-top-width:2px;border-right-width:2px}
.info_img:hover:before, .view:hover:before{-webkit-transform:translate(-30px,20px) scale(1);-moz-transform:translate(-30px,20px) scale(1);-ms-transform:translate(-30px,20px) scale(1);-o-transform:translate(-30px,20px) scale(1);transform:translate(-30px,20px) scale(1);border-bottom-width:2px;border-left-width:2px}
.info_img:hover:before,.info_img:hover:after, .view:hover:before, .view:hover:after{-webkit-transition:all 2s cubic-bezier(0.14,1.13,0,0.91);-moz-transition:all 2s cubic-bezier(0.14,1.13,0,0.91);transition:all 2s cubic-bezier(0.14,1.13,0,0.91);opacity:1}
.info_img:hover:after, .view:hover:after{-webkit-transform:translate(30px,-20px) scale(1);-moz-transform:translate(30px,-20px) scale(1);-ms-transform:translate(30px,-20px) scale(1);-o-transform:translate(30px,-20px) scale(1);transform:translate(30px,-20px) scale(1);border-top-width:2px;border-right-width:2px}
.box_info{width:100%;padding:0 20px 5px;text-align:center;position:relative}
.box_info h3,.box_info h2,.box_info strong{min-height:45px;}
#sidebar{width: 340px;}


#wrapper.fullwidth{margin-bottom:40px}





.uptxt{font-size:46px;text-transform:uppercase;line-height:1.2;text-align:left;padding:25px 10px 5px}
.uptxt p{line-height:1.3;padding-top:20px}



.pizza_bootton{width:25px;height:25px;position:absolute;background:url(//pechatiua.com/images/hello/pizza_button.png) 0 25px;margin:0 5px}
.pizza_bootton:hover{background-position-y:0}
#pizza_content{padding:10px;position:relative;width:100%}

i ul {text-align: left}
i span {font-weight: 400;display: block; padding-bottom: 10px;}
#blog1 article section p {font-size: 17px;line-height: 1.4;}
ul.ii {text-align: left;}
.fiolet{color:#8b2b82}
.blocksmall{height:120px;width:126px;margin:2px;float:left;position:relative;color:var(--white-color);padding:5px;cursor:pointer}
.blocktxt{clear:both;color:var(--black-color);padding:10px;margin:2px;display:none;opacity:0;position:relative;top:-2px}
.titl{font-size:15px;line-height:18px;font-weight:400;text-transform:uppercase;display:block;margin:0;text-align:center;padding-top:5px}
.mask h3{color:#ffec00;padding-top:10px;text-transform:uppercase;;font-weight:normal;font-size:13px}
.item-info-overlay p{font-size:12px;font-weight:300;color:#676767;margin-top:0;padding-top:5px;line-height:1.2}
.mailto{color:#F60;font-family:Verdana;font-size:15px}
.mailto:hover{color:#FFB038}
.hide-layout{
position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
  z-index:5555;
  background: #2b344359;

}

#menu-layout{z-index: 2;opacity: 0;background-color: rgba(0, 0, 0, 0);transition: opacity 0.5s ease, visibility 0.5s ease, background-color 0.5s ease, backdrop-filter 0.5s ease, -webkit-backdrop-filter 0.5s ease;}
#menu-layout.hide-layout.visible{opacity: 1;background-color: #39475d40;}


.popup{position:fixed;z-index:5999;overflow-x:hidden;overflow-y:auto;top:0!important;right:0;bottom:0;left:0!important;backdrop-filter: blur(5px);display:none}
.popup h4 span{display:block;color:#aaa;font-size:16px}
.close_b{display:block;width:100%;height:100%;position:fixed;}
.btn-close, .xt-close{right:0;position: absolute;top: 0;cursor: pointer;width: 52px;text-align: center;}
.btn-close:after, .xt-close:after{content:'\d7';color: var(--blackblue);font-size:40px}
.btn-close:hover, .xt-close:hover{opacity:.5}
a.info:hover{background:#ffef43;color:#555}
.popup-title{font-size:25px;line-height:24px;font-weight:bold;text-transform:uppercase;text-align:center;margin:10px 6px 5px}
.popup-warning{font-size:15px;text-transform:uppercase}
.helpme li:hover{background-color:#F8F8F8;cursor:help}
.centrh{text-align:center;background:transparent;padding:10px 0}
.fastLink a{font-size:15px;color:#4D4D4D;padding-left:10px}
.fastLink a:hover{color:#FFAD00}
.myBtnCont a:hover{color:#828384!important;text-decoration:none!important}
.messa{text-align:center;position:relative;left:-6px;top:5px}
.messa b{text-transform:none;color:var(--blue-color);font-weight:normal;font:normal 15px Source Sans Pro,Arial,sans-serif;display:inline-block}
.titlmeta{position:relative;left:-5000px;height:0;overflow:overlay}
#items input{margin:0;cursor:pointer;background:#F0F0F0}


dfn:before,.pechatidlya a:before,.inf_a:before, #footer nav a:before{color:var(--blue-color);content:"\203a";position:absolute;left:-5px;margin-top:-1px}
dfn,.pechatidlya a,.inf_a, #footer nav a{position:relative;padding-left:10px;width: 100%;}
h1.inf_a, .sample .inf_a, h3.inf_a,{font-size: 30px;}



.pechatidlya a, .block{margin-bottom:6px;display:block}
.colorbox{display:inline-block;width:100%;box-sizing:content-box;margin:0 0 0 -15px;padding:20px 15px!important;position:relative}
.otstup{margin-top:3px;margin-bottom:3px;display:table}
.icontact span:after{content: "";
    background: url(../img/tel_ico.gif);
    width: 25px;
    height: 25px;
    margin-right: 10px;}
.icontact span.life:after{background-position:-50px 0}
.icontact span.mts:after{background-position:-25px 0}
.icontact span.kyivstar:after{background-position:0 0}
.icontact span.telecom:after{background-position:-75px 0}
.icontact span.viber:after{background-position:-100px 0}
.icontact span.mail_icon:after{background-position:-125px 0}

.popup_box tel span:after,.tel_box tel span:after, .popup_box .tel span:after,.tel_box .tel span:after{display:none!important}
.popup_box .contact span:before,.tel_box span:before{color:#adb2bc;content:"\203a";position:absolute;left:0;margin-top:-1px;font-weight:600}
.popup_box tel span,.tel_box span, .popup_box .tel span,.tel_box span{padding-left:15px!important}




.warnin{margin-left:110px;border-left:4px solid #FF8500;padding-left:5px}
.info_post:hover::after,.inf_data:hover::after,.star-list li:hover::after{content: attr(data-title);position: absolute;z-index: 1;    background: var(--bluegray-color);font-size: 14px;padding: 10px;right: 5px;border-radius: 10px 0 10px 10px;top: 27px;max-width: 200px;
    box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, .12), inset 2px -2px 0 0 #dadce0;}
.info_post:hover::before,.inf_data:hover::before,.star-list li:hover::before{content:"";position:absolute;top: 20px;z-index:11;right:5px;border-bottom:8px solid var(--bluegray-color);border-left:10px solid transparent}
ul.star-list {line-height: 1.6;}
.adress p {font-size: 16px}

.imghover{padding-top:43px}
.imgtxt{cursor:pointer!important;;padding-left:5px;font-size:11px!important;font-weight:bold;line-height:1.7}
.imghover dfn:hover{color:#FF8F00!important}
table{width:100%;border-collapse:separate;border-spacing:2px;border-color:gray}

.uppercase{text-transform:uppercase}
.info_strong{font-weight:300;display:block;letter-spacing:1px;padding:7px 0;;text-align:right}
p {
    margin-bottom: 20px;
    line-height: 28px;
}

.large{padding:11px 19px!important;font-size:17px}
.tegoff{background:var(--bluegray-color);padding: 15px 25px;color:#263e4a;border-left:var(--blue-color) 2px solid}
.tegoff em{font-style: normal;font-size: 16px;padding-bottom: 20px;display: block;}
.post-title h2 a{line-height:1!important;word-spacing:normal!important}
.edittxt{background:var(--white-color);padding:5px;border:1px #E2E2E2 solid;margin:5px 0;cursor:text}
details, .nav span{cursor:pointer}
.nav{display: flex;overflow-x: auto; scroll-behavior: smooth; transition: overflow 0.5s ease; scrollbar-color: #eee #eee; gap: 4px;padding: 20px;
    max-width: 100%;}
.nav span.active{color: var(--blackblue);}
.nav span:before {content: "";display: block;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9' fill='none' stroke='%237a8592' stroke-width='1.2' stroke-linecap='round'%3E %3Cpolyline points='1,1 4.5,4.5 1,8'/%3E%3C/svg%3E");width: 8px;height: 8px; margin-right: 5px;background-repeat: no-repeat;}
.nav span.active {background: var(--bluegray-color);}.nav span {border: none !important;white-space: nowrap;display: flex;align-items: center;color: var(--blackblue);font-weight: 400;}
.nav-is-sticky {position: fixed;top: 0;left: 0;width: 100%; z-index: 1000;}
.contbut{width:33px;height:33px;position:relative;background:#FFC200;top:-33px;left:140px;padding:0;color:#686868;font-size:20px;background:url(//pechatiua.com/images/button_contact1.png) no-repeat -1px -107px #FFA300;-webkit-transition:none;border-radius:0}
.contbut:hover{border-radius:100px}
.praise:hover{color:#45535F}
.logosmini{float:left;margin-right: 20px;width:56px;height: 56px;background-position: -340px -106px;}
#footer-bottom p {line-height: 1.3;font-size: 14px;}
.backbir{background:var(--blue-color)!important}
.backbir:hover{background:transparent!important}
.backred{background:#E60000!important}
.backred:hover{background:transparent!important}
.footback{background:url(//pechatiua.com/images1/boxes/tr.png) repeat;height:21px;margin:-1px -30px 0}

.linkother{height:1px;overflow:hidden}
.f14{font-size:15px}
.f12{font-size:12px}
.telbox{font-size:20px;color:var(--blue-color)}
.telbox span{color:#737b86;position:relative;top:-1px}
.popcont a[href^=tel]{display:block;color:var(--white-color)}
.popcont a[href^=tel]:hover{color:var(--blue-color)}
.telbox a[href^=mailto]{font-size:18px}
.telbox a[href^=tel],tel a, .tel a{display:block}


.rh-colorifier{opacity:1!important;background:var(--blue-color)!important}
#online{background:#aaa!important}
.text01{margin-bottom:25px}

.xw-plain,.xw-resize,.xw-active{background:transparent}
.xw-body div{height:auto!important;min-height:70px;border-radius: 10px;background:#fff}
.xt-close:after , .xt-close2:after{color:var(--blue-color)}
.xt-close, .xt-close2{position: absolute}
.xw-bc,.xw-mr,.xw-bl,.xw-br,.xw-ml,.xw-mc{background:transparent!important;border:0!important;border-radius:0;moz-border-radius:0;webkit-border-radius:3px}
.xw-body{border:0!important;padding-left:7px!important;padding-right:1px!important}
.xw-tl,.xw-tr,.xw-tc{background:transparent!important}
.myWinCont{font-size:11px!important}
.myWinPollTd{background:var(--white-color)!important;border:1px solid #E7E7E7;padding:7px}
.myWinGrid{opacity: .4;background: #0e1624;}
.myWinCont legend{color:#868686!important}
.myWinCont fieldset{border:1px solid #e9e9e9!important;padding:2px 5px!important;margin-bottom:3px!important}
.myWinCont div{font-size: 16px;padding: 0!important;align-items: center;}

.myBtnCenter,.myBtnCenterA{background:none!important}
.xw-plain .xw-bl,.xw-plain .xw-tl{padding:0 15px!important}

a{color:var(--blue-color);font-weight:400;}
.contact-success{background-color:#FFB247}
.form .contact-error{color:#FFB247}
.flex-direction-nav li a:hover{background-color:#FFB247}
.widget a:hover{color:#FFB247}
.widget ul#recentcomments a.author:hover{color:#FFB247}
.post-title h2.title a:hover{color:#FFB247}
.post-meta a:hover{color:#FFB247}
.post-info div.date{background-color:#FFB247}
.comment .author a:hover{color:#FFB247}
.comment .comment-meta .reply:hover{background-color:#FFB247}
.wp-pagenavi span.current{background-color:#FFB247}
.tagcloud a:hover{background-color:#FFB247}
.slider{position:absolute;background-repeat:no-repeat}
#sliderblock{overflow:hidden;position:relative;width:300px;height:300px;background:var(--white-color);border-radius:100%;border:3px solid var(--white-color);margin:30px auto}
#s1{background-image:url(../construktor/img/01.png);width:6600px;height:300px}
#s2{background-image:url(../construktor/img/02.png);width:7200px;height:300px}
#s3{background-image:url(../construktor/img/03.png);width:12300px;height:300px}
#s4{background-image:url(../construktor/img/04.png);width:7200px;height:300px}


.popup h4,.popup_title{font-size:26px;margin-bottom:15px;font-weight: 600;}
.popup .stamp_yes{padding:50px}
.tuda{width:28px;overflow:overlay;height:23px;display:block;background:url(../construktor/img/arrow_back.png);position:relative;float:left;cursor:pointer}
.suda{width:28px;overflow:overlay;height:23px;display:block;background:url(../construktor/img/arrow_forth.png);position:relative;float:left;cursor:pointer;margin-right:5px}
.suda:hover,.tuda:hover{background-position:0 46px}
.suda:active,.tuda:active{background-position:0 23px}
.tudastop{width:28px;overflow:overlay;height:23px;display:block;background:url(../construktor/img/arrow_back.png);position:relative;float:left;background-position:0 23px;cursor:default;margin-right:5px}
.sudastop{width:28px;overflow:overlay;height:23px;display:block;background:url(../construktor/img/arrow_forth.png);position:relative;float:left;background-position:0 23px;cursor:default}



#knopki li{list-style:none;padding:0 0 10px 10px;text-align:left;font-size:15px;color:#c9d0d4;line-height:1.6}
.newsize{max-width:465px!important;margin:40px auto}
.otstup5{margin:5px}

.popup p{padding: 15px;margin-top: 10px;font-size: 16px;line-height:1.3;}.popup .small{margin-top:20px}
.popup .one-half input{width:80%;margin:5px}
.popup-content input{width:30%;font-size:12px}

#btn-no{cursor:pointer}
.social a{margin:0 15px 10px 0;position:static!important;padding-left:0!important}
.ico{background-image:url(../../img/all_img.png);display:inline-block;transition:none}
.ins{width:30px;height:30px}
.goo{width:30px;height:30px;background-position:60px 0}
.fac{width:30px;height:30px;background-position:30px 0}
.ins:hover,.fac:hover,.goo:hover{background-position-y:30px}
.imgother:hover:after{content:"";display:block;height:100%;border-left:2px solid #8e8e8e;position:absolute}
img.imgother:after{border:1px solid #fa0000;content:"";display:block;width:100px;height:100px}
.inf_em{font-size:15px;color:#8a8f99;display:block;text-align:right;top:-10px;position:relative}
.hovbox{width:100%;float:left;margin:0 0 5px 5px;padding:0;position:relative;background-color:var(--white-color);padding-bottom:30px;text-align:center}
.hovbox img{margin:26px;max-width:120px}
.hovbox:hover .item-info-overlay{opacity:1;transition:all .3s ease-in-out}
.item-info-overlay{display:block!important}
input[type="radio"]{position:absolute;z-index:-1;opacity:0;margin:10px 0 0 7px}
input[type="radio"]+label{position:relative;padding:0 0 0 25px;cursor:pointer;display:inline-block!important;line-height:2}
input[type="radio"]+label:before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;width:15px;height:15px;border:1px solid #b4bcc4;border-radius:50%}
input[type="radio"]:checked+label:before{background:#263e4a;transition:.3s}
input[type="radio"]:focus+label:before,input[type="radio"]:hover+label:before{box-shadow:0 0 0 3px rgba(233,233,233,0.7)}
.social-bookmarks li{float:left;margin-right:2px;margin-bottom:2px;padding:0;background-color:var(--white-color)}
.google a,.twitter a,.facebook a,.linkedin a{background:url(https://pechatiua.com/img/bg.svg) 0 -90px no-repeat}
.google a{background-position-x:-70px}
.twitter a{background-position-x:-140px}
.facebook a{background-position-x:-105px}
.linkedin a{background-position-x:-174px}
.social-bookmarks a:hover{background-color:var(--blue-color);background-position-y:-125px}
.social-bookmarks li a{display:block;float:left;margin:0;padding:0;width:35px;height:35px;text-indent:-9999px}

.on{display:block!important}








a.viber{padding:10px;margin:10px 0;background:var(--white-color);color:#263e4a;border:#7341A0 1px solid;display:block;text-align:left;cursor:pointer}
a.viber .sm{max-width:230px;margin:0 auto;position:relative}
a.viber span{background:url(https://pechatiua.com/img/bg.svg) -210px -90px;width:28px;height:28px;position:absolute;margin-top:-15px;top:50%}
a.viber label,a.viber .label{cursor:pointer;display:block;font-size:12px;padding-left:12px;border-left:2px solid #7341A0;margin-left:40px}
a.viber tel, a.viber .tel{word-wrap: break-word;color: #7341A0;font-size: 20px;font-weight: 400;display: block;}
#sidebar a.viber tel, #sidebar a.viber .tel{font-size: 15px}
a.viber .lg{max-width:356px;margin:0 auto;position:relative}
a.viber:before{display:none}
a.viber div:after{content:"Пообщаемся в Viber?";position:absolute;background:var(--white-color);width:100%;height:100%;top:0;left:0;color:#7341A0;opacity:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center}
a.viber:hover div:after{opacity:1}
.contact tel, .contact .tel{font-size:20px;display:block;line-height: 1.3;}
.contact tel span, .contact .tel span{font-weight: 300;font-size: 17px;padding-left: 30px;margin-left: 10px;display: inline-block;position: relative;color: var(--black-color)}
.bg_black .contact tel span, .bg_black .contact .tel span{color: var(--white-color);}
.bg_white {
    background: var(--white-color);
}

.menu_x .contact span {
    font-weight: 300;
    font-size: 18px;
    display: flex;
    flex-direction: row-reverse;
    margin: 10px 0;    padding: 0;

}


.color-blue{color:var(--blue-color)!important}
.color-yellow{color:#fbe809!important}
.color-white{color:var(--white-color)!important}
.color-gray{color:#e5e9ec!important}
.hov-white:hover{color:var(--white-color);border-color:var(--white-color)}
.img_hom{opacity:.7;position:absolute;right:-100px;bottom:10px}
.fll{float:left;position:relative;z-index:11}
.flr{float:right;position:relative;z-index:11}

.bg-yellow{background:var(--white-color)}
.bg-gray, .zakform, .fast_form{background: var(--bluegray-color);
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;}
.bg-gray2{background:#e5e9ec}
.img_txt{position:absolute;top:12%;right:12%;width:40%}
.img_txt p{font-size:15px;margin-bottom:15px}
.col_info{width:100%;margin:0}
.red_btn{background-color:#ff3f30}



.grey_btn{color:#989c9f;border:1px solid #ddd}
.inf{padding: 15px 20px;
    text-align: center;
    background: var(--bluegray-color);
    border-radius: 24px;
    margin-bottom: 20px;}
.last .inf{border-right:none!important}
.col-3 .inf2 img{padding:2px;border-radius:100%;width:70%;margin-bottom:10px}
.inf2 a:hover{color:var(--blue-color)!important}
.inf2:hover{background: #fff;-webkit-box-shadow: 0 0 3px 1px #bedcff;}
.inf2 a{color:#556572!important}
.bg_one{top: 30px;z-index: -1;left: -100px;position: absolute;max-width: 600px;opacity: 0.5;}
.inf2{padding:15px 20px;text-align:center}
.inf2 a p{text-align:center;font-size:15px}


.span_l{text-transform:none}
.span_l span{font-weight:400}
form strong{font-weight:400;;transition:1s}
.fs14,.fs15{font-size:15px; line-height: 20px;}
#logopay{max-width:250px}
.i_arrow{background:url(https://pechatiua.com/img/arrow.png) var(--bluegray-color) 27px 0;width:26px;height:24px;cursor:pointer}
.i_arrow:hover{background-position:54px 0}
.top{background:var(--bluegray-color);width:28px;height:28px;position:absolute;left:50%;top:-15px;border-radius:100%;margin-left:-15px;border:var(--white-color) 2px solid;z-index:10}
.top:after{content:"";display:block;width:12px;height:12px;background:url(https://pechatiua.com/img/bg.svg) -290px -90px;margin:5px 6px}
.top:hover{background:#2196F3!important}
.top:hover:after{background-position-x:-315px}
.inf_foot{top:-15px;cursor:pointer}
.inf_foot:after{background-position-x:-278px;margin:6px}
.inf_foot:hover:after{background-position-x:-302px}
.other{position:absolute;top:0;right:0;padding:4px 6px;font-size:15px;z-index:100;width:28px;height:28px}
.other span{opacity:0;float:right;position:relative;border-radius:7px;background:var(--bluegray-color);padding:20px;top:-20px;z-index:-1;width:280px;height:auto;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:scale(0,0);transform:scale(0,0)}
.other:hover span{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
.other em{font-size:15px!important;background:#ffef43;color:#45535F;border-radius:100%;width:20px;height:20px;display:block;text-align:center;font-style:normal;float:right;line-height:1.4;cursor:help}
.other em:before{content:"?";display:block}
.other:hover em{color:var(--white-color);background:var(--blue-color)}
.inf_gray .other{top:15px;right:25px}
.imgother:hover,.other span{-webkit-box-shadow:-1px 3px 8px 0 #45535f29;box-shadow:-1px 3px 8px 0 #45535f29;-moz-box-shadow:-1px 3px 8px 0 #45535f29}




.sample h1{background:none!important}

@media only screen and (max-width:959px) {
.img_txt, .col-2.slides, .slides.img{display:none!important}
.slides .img{display:none!important}
#inner-content, .inner-content {width: 100%!important;}
 

}
@media only screen and (min-width:768px) and (max-width:959px) {
.col-4{width:33.33%!important}
.col-4.logo_img{display:none}
.md-2{width:50%!important}
.col-6{width:33.33%!important}
.col_lg .col-3{width:50%!important}
.inform .col-4{width:25%!important}
.fixed #logo a{width:80px;overflow:hidden}
.fx{position:static!important;}
.hom .one-third{width:100%}
.hom .flexslider:after{right:0!important}
.grid.row4 li{width: 50%;}
.one-fourth {width: 46%;}
#footer ul {display: flex;flex-wrap: wrap;}

.portfolio-grid{width:719px}
.portfolio-grid ul li.col2{width:354px}
.portfolio-grid ul li.col3{width:234px}
.portfolio-grid ul li.col4{width:174px}
.col_info ul li.col4{width:49%!important;margin-left:1%}
.portfolio-grid ul.shaped.hexagon li{margin:0 0 15px 3px}
.portfolio-grid ul.shaped.triangle li{margin:0 0 15px 30px}
.portfolio-grid ul.shaped.circle li{margin:0 0 15px 3px}
.grid.row3 li{width:237px}
.grid.row5 li{width:142px}
.grid.row6 li{width:100%}
#inner-content, .inner-content{width:71%;padding-right:20px}
.img_hom,.contact_img{display:none}
#sidebar{width:28%;border-left:1px solid #e7e7e7;font-size:11px!important}
.blog1 .post-content,.blog5 .post-content,.blog6 .post-content,.blog5 .post-title,.blog5 .post-meta,.blog6 .post-title,.blog6 .post-meta{width:100%}
.one.blog1 .post-content{width:100%}
.one.blog3 .post-content{width:100%}
.one.blog6 .post-content{width:100%}
.blog3 .post-media{width:100%}
.blog3 .post-content{width:100%}

#inner-content .slideshow-container,#inner-content #index-slider,#portfolio-slider,#inner-content #blog-slider{width:100%;height:auto}

.open_s{font-size:15px!important;width:100%!important}
.open_s:after{display:none!important}
}
@media only screen and (min-width:480px) and (max-width:767px) {



.col-2{width:50%!important}
.col-4{width:50%!important}
.col-6{width:33.33%!important}
.col-3{width:50%!important}
.hovbox{max-width:250px;transform:translate(-50%,-0%);left:50%}
.slideshow-container,#index-slider{width:100%!important}
.hom .flexslider:after{right:0!important}
#footer .grid.row4 li{min-height:350px}
#footer-bottom,#footer-bottom .one-half{margin-bottom:2px}
#inner-content{border-bottom:1px solid #eee;margin:0 0 40px;padding:0 0 40px}
#allEntries .col-4,aside.mb20 .col-4{width:50%!important;left:0;transform:none}
.menu_x .col-4{width:100%!important}
.grid.row4 li{width:100%}

#inner-content .one-third .bw{max-width:200px;float:left;margin-right:15px}
.one,.one-half,.two-third,.one-third,.one-fourth{float:left;position:relative;width:100%;padding-right:0!important;margin-right:0!important;margin-bottom:25px}
.portfolio-grid{width:100%;margin:0}
.portfolio-grid ul li.col2,.portfolio-grid ul li.col3,.portfolio-grid ul li.col4{width:100%;margin:0 0 6px}
.col_info ul li.col4{width:49%!important;margin-left:1%}
.portfolio-grid ul.shaped.hexagon li{margin:0 92px 20px}
.portfolio-grid ul.shaped.triangle li{margin:0 52px 20px}
.portfolio-grid ul.shaped.circle li{margin:0 92px 20px}
.contact-button{margin-top:0}
.img_hom,.contact_img{display:none}

.blog1 .post-content,.blog5 .post-content,.blog6 .post-content,.blog5 .post-title,.blog5 .post-meta,.blog6 .post-title,.blog6 .post-meta{width:100%}
.text-align-right{text-align:center}
.blog6 .post-content,.blog6 .post-title,.blog6 .post-meta{width:100%}
.one.blog1 .post-content{width:100%}
.one.blog3 .post-content{width:100%}
.one.blog5 .post-title,.one.blog5 .post-meta,.one.blog5 .post-content{width:100%}
.one.blog6 .post-title,.one.blog6 .post-meta,.one.blog6 .post-content{width:100%}
.pl-25{padding-left:0}
.slideshow-container,#index-slider{width:100%;height:auto}
.slideshow-container .section-title{float:left;width:380px}
.slideshow-container .section-title h1{font:bold 28px/38px Helvetica,Arial,sans-serif}
.pp_pic_holder.pp_default{width:100%!important;left:0!important;overflow:hidden}
div.pp_default .pp_content_container .pp_left{padding-left:0!important}
div.pp_default .pp_content_container .pp_right{padding-right:0!important}
.pp_content{width:100%!important;height:auto!important}
.pp_fade{width:100%!important;height:100%!important}
a.pp_expand,a.pp_contract,.pp_hoverContainer,.pp_gallery,.pp_top,.pp_bottom{display:none!important}
#pp_full_res img{width:100%!important;height:auto!important}
.pp_details{width:94%!important;background-color:var(--white-color);margin-top:-2px!important;padding:10px 4% 10px 3%}
a.pp_close{right:10px!important;top:10px!important}
}
@media only screen and (max-width:479px) {
.col-2{width:100%!important}
.col-4{width:100%!important}
.col-6{width:50%!important}
.col-3{width:100%!important}
.col_info ul li.col4{width:100%!important}
.grid,.col-3,.one-third{float:none!important;text-align:center}
.grid.row4 li,.inf2,.clients img,.bw{width:100%;height: auto;max-width:280px;margin:0 auto!important;float:none!important}
.grid li{border-right:none}
.portfolio-grid{width:100%;margin:0}
.portfolio-grid ul li.col2,.portfolio-grid ul li.col3,.portfolio-grid ul li.col4{width:100%;margin:0 0 6px}
.portfolio-grid ul.shaped.hexagon li{margin:0 32px 20px}
.portfolio-grid ul.shaped.triangle li{margin:0 0 20px}
.portfolio-grid ul.shaped.circle li{margin:0 32px 20px}
.one,.one-half,.two-third,.one-third,.one-fourth{float:left;position:relative;width:100%;margin-right:0!important;padding-right:0!important;margin-bottom:25px}
.contact-button{margin-top:0}
.box_title,.box_title .button{font-size:16px}
.hom .flexslider:after{right:0!important}
.pl-25{padding-left:0}
#footer-bottom,#footer-bottom .text-align-right{text-align:center}
#footer-bottom .one-half{margin-bottom:2px}

#footer-bottom{padding:20px 0 30px}
#footer-bottom .content{width:100%;padding:0 5%}
#panelx{display:none}
#inner-content, .inner-content{margin:0 0 40px;padding:0 0 40px}
.flex-caption h3, .flex-caption h2, .flex-caption h1 {font-size: 50px!important;margin-bottom: 50px;}

.slideshow-home .col-2 {padding: 70px 35px!important;margin: 0;border-radius: 0;}
.box_content, #sidebar aside, #inner-content section, .inner-content section {padding: 60px 35px;}
.slideshow-home.flex-caption{margin:0;}
.section_hom {margin-bottom:0px;}

  .fit{min-width: fit-content;}
  .fit.mm {
    margin-right: -60px;
    margin-left: -60px;
}
.box_content, #sidebar aside, #inner-content section, .inner-content section {padding: 50px 35px;}
.accordion .ii {margin: 0 -35px; border-radius: 0; list-style-position: inside;margin-bottom: 20px;}


.inf2 img {max-width: 120px}
.img_hom,.contact_img{display:none}
.tel.icontact a {font-size: 28px !important;}
.item-info-overlay p{font-size:12px}

.footback{margin:-1px -15px 0;margin:-1px -15px 0 -15px}
.slideshow-container,#index-slider{width:100%;height:auto}
.slideshow-container .section-title{float:left;width:260px}
.slideshow-container .section-title h1{font:bold 20px/25px Helvetica,Arial,sans-serif}
.pp_pic_holder.pp_default{width:100%!important;left:0!important;overflow:hidden}
div.pp_default .pp_content_container .pp_left{padding-left:0!important}
div.pp_default .pp_content_container .pp_right{padding-right:0!important}
.pp_content{width:100%!important;height:auto!important}
.pp_fade{width:100%!important;height:100%!important}
a.pp_expand,a.pp_contract,.pp_hoverContainer,.pp_gallery,.pp_top,.pp_bottom{display:none!important}
#pp_full_res img{width:100%!important;height:auto!important}
.pp_details{width:94%!important;background-color:var(--white-color);margin-top:-2px!important;padding:10px 4% 10px 3%}
a.pp_close{right:10px!important;top:10px!important}
.blog1 .post-content,.blog5 .post-content,.blog6 .post-content,.blog5 .post-title,.blog5 .post-meta,.blog6 .post-title,.blog6 .post-meta{width:100%}
.blog6 .post-content,.blog6 .post-title,.blog6 .post-meta{width:100%}
.one.blog1 .post-content{width:100%}
.one.blog3 .post-content{width:100%}
.one.blog5 .post-title,.one.blog5 .post-meta,.one.blog5 .post-content{width:100%}
.one.blog6 .post-title,.one.blog6 .post-meta,.one.blog6 .post-content{width:100%}
.blog5 .post-info{width:100%;margin:-57px 0 0}
.newsize{padding:0 10px}
}

@media only screen and (max-width: 391px) {#logo a {width: 80px!important;}.i_ic{width: 38px!important; height: 38px!important;}
}
@media only screen and (max-width:767px) {

#logo img{max-width:205px!important}
#logo a{width:110px;overflow:hidden}
.content-wrapper,#footer-content,#contact-intro,.contact-popup{overflow:hidden;width:100%}
.logosmini{display:none}
#logopay{margin:10px 0}
#footer .content{text-align:center}
#wrapper{overflow:hidden}
#sidebar{width:100%;float:left;margin-top:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#inner-content, .inner-content{width:100%}
.grid.row3 li,.grid.row5 li,.grid.row6 li{width:100%}
.long_link a{line-height:1.5}
.uptxt{font-size:35px!important}


.hold:before{display:none;}
.hold{background-color: transparent}

.menua.active{background-color:var(--blue-color);color:var(--white-color)}
#bootton_other{display:inline-block}
#sidebar{position:absolute;left:-9999px;visibility:hidden}
#sidebar.ok{position:static;left:0;visibility:visible}
.contact{text-align:center!important}
.contact tel, .contact .tel{margin:5px 0}

.popup_box tel span, .popup_box .tel span{padding-left:10px!important;margin-left:5px!important}
}
.hom .flexslider:after,.hom .flexslider:before,.hom .newbox:after,.hom .newbox:before{content:'';position:absolute;width:30px;height:30px;border-color:#fbe809;border-style:solid;border-width:0;-webkit-transition:all .5s cubic-bezier(1,0.2,0.26,0.7);-moz-transition:all .5s cubic-bezier(1,0.2,0.26,0.7);transition:all .5s cubic-bezier(1,0.2,0.26,0.7);-webkit-transform:translate(0px,0px) scale(0.8);-moz-transform:translate(0px,0px) scale(0.8);-ms-transform:translate(0px,0px) scale(0.8);-o-transform:translate(0px,0px) scale(0.8);transform:translate(0px,0px) scale(0.8);z-index:20}
.hom .flexslider:after,.hom .newbox:after{top:0;right:25px;border-top-width:2px;border-right-width:2px}
.newbox:after{right:0!important}
.newbox .slides{padding:0 5%;margin:0 auto}
.newbox{margin-bottom:30px!important;position:relative}

.hom .flexslider:before,.hom .newbox:before{left:0;bottom:0;border-bottom-width:2px;border-left-width:2px}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none}
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}
.flexslider{margin:0;padding:0}











.flex-pauseplay span{text-transform:capitalize}

html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides > li:first-child{display:block}
.flexslider{position:relative;zoom:1}
.flexslider .slides{zoom:1}
.flexslider .slides > li{display: flex!important;
    flex-wrap: nowrap;;position:relative}
.flex-container{zoom:1;position:relative}
.flex-caption{zoom:1}
.flex-caption span{display:inline-block;line-height:1.4}

.flex-caption h3,.flex-caption h2,.flex-caption h1{line-height: 1.0;font-weight: 600;font-size: 60px}
.flex-caption a{padding: 15px 25px;font-size: 15px;max-width: max-content;}
.flex-direction-nav{height:0}
.flex-direction-nav li a{background:url(../images/sprite.png) no-repeat scroll 0 0 #444;bottom:0;width:45px;height:45px;position:absolute;text-indent:-999em}
.flex-direction-nav li .flex-prev{left:0;background-position:17px -212px}
.flex-direction-nav li .flex-next{left:46px;background-position:17px -282px}
.flex-direction-nav li .disabled{opacity:.3;filter:alpha(opacity=30);cursor:default}
.flex-control-nav{width:100%;position:absolute;bottom:15px;text-align:center;z-index:500}
.flex-control-nav li{margin:0 0 0 5px;display:inline-block;zoom:1;*display:inline}
.flex-control-nav li:first-child{margin:0}
.flex-control-nav li a{width:10px;height:10px;display:block;background:#eee;cursor:pointer;text-indent:-999em;border-radius:100%;margin:3px}
.flex-control-nav li a:hover{background:#aaa}
.flex-control-nav li a.flex-active{background:#fbe809;cursor:default}
.slideshow-container{width:100%;float:left;margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid #eee}







.faq section{padding-bottom: 5px!important;}








.no_bg {background-color: transparent;box-shadow: none;}



.b_inf{
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 -35px;
    border-radius: 0 0 20px 20px;
    padding: 30px;
}


figure.flr{
    max-width: 200px;
    margin: 10px;
	top: -10px;
}
.flr figcaption{
    text-align: center;
    font-size: 13px;
    color: #2196F3;
    margin-top: -15px;
    background: var(--white-color);
    position: relative;
    line-height: 1.2;
	padding:2px 0;
}



:root {
  --bluegray-color: #f5f6f7;
  --blue-color: #07f;
  --black-color: #000;
  --white-color: #fff;
  --blackblue: #242b36;
  --whiteblue: #F4FAFF
}








.mesg a {
    background: url(https://pechatiua.com/img/bg.svg);
    width: 28px;
    height: 28px;
    display: flex;
    margin: 20px;
}

.mesg a,.zoom:hover{-webkit-transform: scale(1.1);
    transform: scale(1.1);}
.zoom{}

a.viber_c{background-position: -210px -90px;}
a.whatsapp{background-position: 28px 0px;}
a.telegram{background-position: 56px 0px;}

div.mesg {
    margin: 10px 0;
 
    color: #263e4a;
    
    display: block;
    text-align: left;
position: relative;

}

.mesg span {
    padding-left: 10px;
    background: var(--blackblue);
    font-size: 15px;align-content: center;
}
.mesg_inf{
    max-width:380px!important;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
}
.mesg tel, .mesg .tel {
font-size: 24px!important;
    line-height: 1.5;
}

.mesg .link {
    position: absolute;
    background: var(--white-color);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #7341A0;
    opacity: 0;
     -webkit-align-items: center;
    align-items: center;
    text-align: center;
    z-index: 1;
}

.bg_black .mesg .link { background: var(--blackblue)}


.mesg a:hover{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}


.mesg .link:hover{opacity: 1!important;}
.sml{font-size:15px!important}


.popup_box{background: #fff;border-radius: 15px;padding: 40px 30px;position:relative;overflow: hidden;width:100%;}
















.large_txt {font-size: 30px;
    margin: 0 0 20px;text-align: center;
    color: var(--blue-color);
}

tel a, .tel a  {
    font-size: 24px!important;
}



.view{position: relative;padding: 5px;}
.view, .view img{-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;}


.view .box_title{
margin: 0;
    top: 0;
    position: relative;}


.view .box_other {
    display: flex;
    justify-content: space-evenly;
    align-items: center;padding: 5px;
}
.view .box_title:hover {
    background: #fff;
}

.view:hover .box_other{
    opacity: 1;
}


:target{scroll-margin-top:100px;}

.view:hover img {
     transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
z-index:9
}





.lang_m:hover .hh{
    opacity: 1;
    height: auto;
    top: 40px;
}

.hh{
    display: block;
    min-width: 150px;
    background: var(--bluegray-color);
    position: absolute;
    top: -40px;
    padding: 10px;
    margin-left: -20px;
    opacity: 0;
    height: 0;
}





.box_other .medium {
    padding: 10px 20px!important;
}


a, .trigger-button, .button, .zoom {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	outline: 0
}
.trigger-button.active, .nav .active{pointer-events: none;}
a:hover {
	color: #5a5a5a
}

a:focus {
	outline: #2690ff solid 1px
}

.title,.title a {text-decoration: none}
.box_1 {
    max-width: 100%;
    width: 100%;
    position: relative;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    padding: 80px 0;
}
   .bg_black, .bg_black .callback{background: var(--blackblue); color: var(--white-color);}
.bg_black li a {width: 100%;text-align: left; color: var(--white-color);}
.bg_black a:hover {
    color: var(--blue-color);
}
.txt1 {
    font-weight: 600;
    font-size: 25px;
}

.txt2 {
   font-size: 36px;
    margin-bottom: 49px;
    display: block;
    font-weight: 600;
    text-align: center;
    width: 100%;
}
.txt2 .titlone {padding-top: 15px;font-weight: 400;}
.h1 .txt2 .titlone {padding-top: 0;}

.h1 .txt2 {margin-bottom: 0; text-align: left; font-size: 42px; max-width: 700px;}
.h1 {display: flex; align-items: center; width: 100%;    flex-wrap: nowrap; justify-content: space-between;}
.h1 a, .h1 nav span, .nav span  {padding: 10px 15px;border: 1px solid;border-color: var(--bluegray-color);border-radius: 40px;}
.h1 a:first-child {margin-right: 8px;}


.txt1 span {font-size: 20px; padding: 10px 0;}
.card .txt1 {text-align: center;  width: 100%;}
section.cards > div {padding: 15px;display: flex;justify-content: center;}


.load{display:none}
.box_2 {
    max-width: 960px;
    margin: 60px 25px;
    width: 100%;
}

.bg_black .button, .bg_black .txt2 {
    font-weight: 600;
}
.accord, .box_br {
    border: 1px solid #d6dce4;
    border-radius: 25px;
    overflow: hidden;width: 100%;
}    
.accord > .trigger-button:first-child {border-top: none;}
.accord div:first-child .trigger-button {border-top: none;}

.accord{max-width:860px;}
.accord .trigger-button {
    background: transparent;
    border-top: 1px solid rgb(214, 220, 228);
    padding: 12px 35px;
    margin: 0px;
    display: flex;
    align-items: center;
    transition: transform .15s;
    flex-wrap: nowrap;
}
.accord .accordion {padding: 35px;}
.line{border-top: 1px solid rgb(214, 220, 228);}


.accord .trigger-button h5, .trigger-button .titlmy { padding-left: 20px;}



.trigger-button h5, .trigger-button .titlmy {
    font-weight: 400;
    margin: 0px;
    line-height: 24px;
    font-size: 17px;
    transition: all 0.3s ease 0s;
}

.accord .trigger-button::before {
    content: "›";
    position: relative;
    font-size: 28px;
    font-weight: 400;
    rotate: 90deg;
    transition: all 0.25s ease 0s;
    width: 20px;
    display: flex;
    justify-content: center;
}
.accord .active::before {
    rotate: -90deg;
    left: -3px;
    transition: all 0.25s ease 0s;opacity: 0.3;
}

.trigger-button:hover {
    background-color: var(--bluegray-color) !important;
    color: var(--blue-color) !important;    cursor: pointer;
}





.centr {
    display: flex;
    align-items: center;
}

.oneform {
    border-radius: 25px;
}
.oneform .mesg {
    background: transparent;
    color: var(--white-color);
}


.bg_black label {
    font-size: 16px;
    color: #b3beca;
    margin-top: 11px;
}

.oneform .orderbox input {
    font-size: 19px;
}

.oneform .orderbox input:hover {
    color: #242b36;
}


.bg_dark a, .bg_dark .slideshow-home h1 span, .bg_dark .yelow_btn, .bg_dark .yelow-white {color: #1c9af2;}




.box4 {display: flex;justify-content: space-around;}
.box4 div{max-width: 530px;}
.fx{position: sticky;top: 100px;}




@mixin tabs-transition() {
 -ms-transition: all .3s ease;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
}


ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 40%;
}

ul.tabs li, .tab_drawer_heading{
    margin: 0;
    cursor: pointer;
    padding: 20px;
    text-align: left;
    margin-right: 50px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.6pt;
    border: 1px solid transparent;
}

.tabs li.active {
    background: var(--white-color);
    border-radius: 15px;
    border: 1px solid #dce0e6;
}
      
.tab_container {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background: var(--white-color);
    border-radius: 15px;
    border: 1px solid #dce0e6;
    width: 60%;
}

.tab_content {
    padding: 35px;
    height: 100%;
    display: none;
}

.tab_drawer_heading { 
  display: none; 
}

@media screen and (max-width: 781px) {
	ul.tabs {display: none;}
  .tab_container {
        display: block;
    background: transparent;
    border: 0;width: 100%;
      }
	
.h1 {flex-direction: column-reverse;}
.h1 nav {margin-bottom: 30px;}  
.h1 h1 {text-align: center !important;}	  

.tab_drawer_heading {
    display: block;
    padding: 25px;
    font-size: 22px;
    background: var(--white-color);
    border-radius: 15px;
    border: 1px solid rgb(214, 220, 228);
    margin-bottom: 10px;width: 100%;
}
	
	 
  .d_active, .tab_content{
        background: var(--white-color);
    border-radius: 15px 15px 0px 0px;
    border-bottom: transparent;
    margin: 0px;
    height: auto;
    border: 1px solid #d6dce4;
    border-bottom: transparent;
}
.tab_content {
    border-top: transparent;
    border-radius: 0 0 15px 15px;
    border-bottom: 1px solid #d6dce4;
    padding: 35px;
    display: none;
    margin-bottom: 20px!important;
}	
}



#allEntries > div {display: flex;flex-wrap: wrap;}