@charset "utf-8";
/*------стандартные----------*/

@font-face {
    font-family: 'FreeSetCRegular';
    src: url('../fonts/freesetc.eot');
    src: url('../fonts/freesetc.eot') format('embedded-opentype'),
    url('../fonts/freesetc.woff') format('woff'),
    url('../fonts/freesetc.ttf') format('truetype'),
    url('../fonts/freesetc.svg#FreeSetCRegular') format('svg');
}

/*@media screen and (-webkit-min-device-pixel-ratio: 0) {
	@font-face {
		font-family: 'FreeSetCRegular';
	url('../fonts/freesetc.svg#FreeSetCRegular') format('svg');
	}
}*/

@font-face {
    font-family: 'FreeSetCTTBold';
    src: url('../fonts/freesetcbold.eot');
    src: url('../fonts/freesetcbold.eot') format('embedded-opentype'),
    url('../fonts/freesetcbold.woff') format('woff'),
    url('../fonts/freesetcbold.ttf') format('truetype'),
    url('../fonts/freesetcbold.svg#FreeSetCTTBold') format('svg');
}

/*@media screen and (-webkit-min-device-pixel-ratio: 0) {
	@font-face {
		font-family: 'FreeSetCTTBold';
	url('../fonts/freesetc.svg#FreeSetCTTBold') format('svg');
	}
}*/



/* кастомим поиск */

/* кастомим поиск */



html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    line-height: 168%;
    font-family: "Inter", sans-serif;
    /*background: #ededee*/
}

body, td, select, input, textarea {
    font-family:  "Inter", Arial, Helvetica, sans-serif !important;
    color: #000000;
    margin: 0;

}

body * p, body * a{
    font-family:  "Inter", Arial, Helvetica, sans-serif !important;
}

input, textarea {
    border: 1px solid #626262;
}

table {
    padding: 0;
    border-collapse: collapse;
}

p{

}
.container1 {
    border-bottom: 1px solid #FFFFFF;

}




.hr-line {
    margin: 0px 0;
    padding: 0;
    height: 0;
    border: none;
    border-top: 1px solid #FFFFFF;
}
.vl {
    height: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: end;
    flex-wrap: wrap;
}

.vl .row-social{
    margin-right: -15px;
    display: flex;
    min-width: 100px;
}

.vl .row-social a{
    display: flex;
    flex-direction: row;
    justify-content: center;
}


.vl .row-social img{
    width: 29px;
    height: 29px;
    margin: auto;
}

.row img
{
    margin-bottom: 1rem;
}
td, th {
    padding: 0;
    margin: 0;
}

.small {
    font-size: 8pt;
}

#sidebar_for_mobile {
    display: none;
}

.btn {
    border: 0px;
    height: 39px;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.btn:hover {
    background: transparent none repeat scroll 0% 0%;
    /*    border: 1px solid #FFFFFF; */
    color: #0568A9;

}

.btn-call {
    display:flex;
    width: 179px;
    height: 41px;
    background-color: transparent;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: rgba(0, 146, 255, 1);
    justify-content: center;
    align-items: center;
    border:0;

}

.btn-call:hover {
    color: #FFF;
    cursor: pointer;
    background-color: transparent;
}

.btn-call:focus {
    color: #FFF;
    cursor: pointer;
    background-color: transparent;
}

 /*@media screen and (max-width: 420px) { .btn-call {width:140px;} } */


.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    *zoom: 1;
}

td.leftcol {
    padding-right: 20px;
}

td.rightcol {
    padding-left: 20px;
}

table {
    padding: 0;
    border: 0;
    border-collapse: collapse;
    width: 100%;
}

.product_table_v1{
    text-align:left; margin: 0
}

.product_table_v1 tbody tr {
    background-color: silver;
}

table tbody tr:nth-child(odd) {
    background-color: #e0e0e0 !important;
}

td, th {
    padding-top: 50px;
}

td.top, td[valign=top],
th.top, th[valign=top] {
    vertical-align: top;
}

td.middle, td[valign=middle],
th.middle, th[valign=middle] {
    vertical-align: middle;
}

td.bottom, td[valign=bottom],
th.bottom, th[valign=bottom] {
    vertical-align: bottom;
}

tr.top > td, tr.top > th {
    vertical-align: top;
}

tr.middle > td, tr.middle > th {
    vertical-align: middle;
}

tr.bottom > td, tr.bottom > th {
    vertical-align: bottom;
}

td.nowrap {
    white-space: nowrap;
}

table.big {
    margin: 0 -50px;
}

table.big td {
    padding: 25px 45px 0 10px;
    border-top: 4px solid #d1d3d4;
}

table.big td:first-child {
    padding: 25px 10px 0 45px;
}

table.big td li {
    font-family: "Inter", Arial;
    -webkit-text-stroke: 0.25px;
    color: #808285;
    font-weight: normal;
    margin: 8px 0;
    font-size: 20px !important;
    background: url("../images/li_bul_1.gif") no-repeat scroll left 12px !important;
}

table.products_models {
    width: 1076px;
    border-bottom: 1px solid #c9c9c9;
    margin: 0 25px;
}

table.products_models th {
    color: #808285;
    font-size: 11px;
    text-align: right;
    border-bottom: 1px solid #c9c9c9;
    padding: 5px 10px;
}

table.products_models td {
    font-size: 12pt;
    text-align: right;
    padding: 5px 10px;
}

table.products_models th:first-child,
table.products_models td:first-child {
    text-align: left;
}

.td_top, .td_top td {
    vertical-align: top;
}

.text-center {
    text-align: center;
}

table.text-center {
    margin: 0 auto;
}

.text-right {
    text-align: right;
}



.text-justify {
    text-align: justify;
}

.bold {
    font-weight: bold;
}

.item-row
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.item-wrapper
{
    margin-bottom: 16px;
}
.item-block
{
    border: 2px solid #EE7326;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 350px;
}

.item-block .header-block
{
    padding: 16px;
    text-align: center;
    color: white;
    background-color: #EE7326;
}

.item-block .header-block a
{
    color: white;
}
.item-block .header-block a:hover
{
    color: #0568A9;
}

.item-block .block-description
{
    padding:16px;
    flex-grow: 1;
}
.item-block .block-description img
{
    width: auto !important;
    height: auto !important;;
}
.item-block .block-description img
{
    width: auto;
    height: auto;
}

.block-description ul{
    max-height: 200px;
    overflow-y: scroll;
}

.block-description{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.item-block .block-price
{
    text-align: center;
    font-size: 24px;
    margin-bottom: 16px;
}

.item-block .block-more
{
    padding: 16px;
    text-align: center;
}
/*----- спец. формат ----------------*/



body {
    color: #000000;
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abafb8', endColorstr='#abafb8', GradientType=1);
}

header{
    position: relative;
}

header:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #004A81 0%, #010204 100%);
    z-index: -1;
}

a {
    color: #0568A9;
}

a:hover {
    color: rgba(238, 115, 38, 1);
}

table {
    margin-bottom: 15px;
}

table th {
    color: white;
    font-size: 16px;
    height: 20px;
    text-align: left;
    font-weight: bold;
    background-color: #EE7326;
}

table tbody {
    vertical-align: top;
}

table tbody tr {
    background-color: #FFE0B0;
}

table tbody tr:nth-child(odd) {
    background-color: #ffeeee;
}

td.float-image img {
    float: left;
    margin-right: 15px;
}

td.first, tr td:first-child {
    /*width: 25%;*/
}

iframe {
    width: 100%;
    max-width: 100%;
    margin: 0px !important;
    padding: 0px !important;
}

/*------списки----------------*/

/*-------------menu--------------*/

/*------заголовки----------------*/

h1, .header {
    font-size: 40px;
    line-height: auto;
    padding: 0 0 0 0;
    font-weight: normal;
    font-family: "Inter", Arial;
    color: black;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

h2, h3, h4, h5 {
    font-family: "Inter", Arial;
    color: #808285;
    font-weight: normal;
}

h2 {
    font-size: 15pt;
}

/*------таблицы----------------*/

/*------ссылки---------------*/

.shadow {
    box-shadow: 0 0 10px #9f9696;
}

.radius {
    border-radius: 10px;
}

/*-------------MAIN PAGE-----------------*/

.date {
    padding: 0 0 0 0;
    font-size: 7pt;
}

.date span {
    font-size: 9pt;
}

.newsheader {
    padding: 0 0 0 0;
    font-size: 9pt;
}

.l {
    margin: 0 15px 15px 0;
}

.r {
    margin: 0 0 15px 15px;
}

.c {
    margin: 15px;
}

.l img, .r img, .c img {
    margin: auto;
}

.clear {
    clear: both;
}

.left {
    float: left
}

.right {
    float: left
}

.center {
    margin: 0 auto;
}

.input {
    border: 1px solid #636363;
    padding-left: 4px;
    height: 15px;
    width: 194px;
}

textarea.input {
    height: 75px;
}

/*  new styles   */

.line {
    clear: both;
}

.wrapper {
    width: 100%;
    min-height: 100%;
    /*background: url("../images/top_bg.gif") top left repeat-x;*/
    overflow: hidden;

}

.content {
    margin: 0 auto;
}

.navbar-brand{
    height: auto !important;
}

.logo {
    float: left;
    padding-top: 0px;
    width: 177px !important;
    padding-right:0px;
    max-height: unset !important;
}

.vert_line {
    width: 1px;
    height: 66px;
    margin-top: 26px;
    box-sizing: content-box;
}

.slogan {
    color: #fff;
    font-weight: bold;
    line-height: 136%;
    text-transform: uppercase;
    text-shadow: 1px 1px 5px #fff;
    font-size: 14px;
    padding: 30px 0px 0px;
}

.phones.top {
    /*    padding-top: 30px;
        text-align: center;*/
}

.phones .code, .phones a {
    color: #fff !important;
}

.feedback-block {
    padding-top: 30px;
    padding-left: 0px;
}
.feedback-block-new {
    word-break: normal;
    overflow-wrap: normal;
    text-wrap-mode: wrap;

    padding-top: 0px;
    padding-left: 0px;
    /*    background: #00BE67 !important; */
}


.phone {
    position: relative;
    color: white !important;
    font-size: 20px;
    padding: 0 0 0 30px;
    display: inline-block;
}

.phones.top .phone {
}

.freecall {
    font-size: 12px;
    font-family: "Inter", Helvetica, sans-serif;
    line-height: 100%;
    padding: 5px 0 4px;
}

.phones .mailto,
.footer .email {
    color: #fff;
    padding: 5px 0 0 30px;
    position: relative;
    line-height: 1.5;
}

.phones .rab,
.footer .email {
    color: #FFFFFF;
    /*padding: 5px 0 0 30px;*/
    position: relative;
    line-height: 1.5;
    padding: 0;
}

.phones .mailto:hover,
.footer .email:hover {
    color: #FFFFFF;
    text-decoration: none;
}

/*.phones .mailto:before,*/
/*.footer .email:before {*/
/*    content: '\f0e0';*/
/*    font-family: 'FontAwesome';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    font-size: 16px;*/
/*    color: #fff;*/
/*    text-shadow: #fff;*/
/*}*/

.footer .phone:before,
.footer .email:before {
    color: #fff;
}

.inofmation {
    font-size: 14px;
    padding: 20px;
}

.mainmenu {

    background: linear-gradient(90deg, #004A81 0%, #010204 100%);
    border: 0px solid white;
    padding-top: 0px;
    padding-bottom: 0px;
}

.mainmenu .navbar {
    min-height: 40px;
    margin-bottom: 0px;
}

.mainmenu .navbar-default {
    background-color: transparent;
    border: 0px solid white;
}

.mainmenu .navbar-default .navbar-nav > li > a {
    display: block;
    color: #FFF;
    text-transform: uppercase;
    text-align: right;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 13px;
    padding-left:2px;
    padding-right:15px;
    width: 100%;


}



.mainmenu li a {
    text-transform: uppercase;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;

}

.mainmenu li.active > a {
    color: white !important;
    background-color: #0568A9 !important;
}

.mainmenu li a:hover {
    /*color: #f00;*/
    text-decoration: underline;
}

.mainmenu .navbar-nav > li > .dropdown-menu {
    margin-top: 10px;
}

.mainmenu li.dropdown.open .submenu_arrow {
    display: block;
    position: absolute;
    /*background: url("../images/submenu_arrow.png") no-repeat;*/
    width: 15px;
    height: 11px;
    top: 40px;
    z-index: 1001;
    left: 50%;
    margin-left: -8px;
}

.mainmenu .navbar-default .navbar-nav > .open > a, .mainmenu .navbar-default .navbar-nav > .open > a:focus {
    background: #0568A9 none repeat scroll 0% 0%;
    border: 0px solid #0568A9;
    color: #FFF;
}

.mainmenu li.dropdown.open .submenu_arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: -3px;
    border-bottom: 11px solid #0568A9;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.mainmenu li.dropdown.open .submenu_arrow:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 2px;
    border-bottom: 6px solid #ffffff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.mainmenu .dropdown-menu {
    margin: 0px;
    padding: 7px;
    background: rgba(0, 74, 129, 1);
    border: 3px solid #0568A9;
}

@media (min-width: 1200px) {
    #yw5{
        right: unset;
        left: -500px;
    }
    
    .navbar-nav{
        display: flex;
        justify-content: end;
        float: unset !important;
    }
}

.mainmenu ul li a,
.mainmenu .submenu_pr a {
    text-transform: none;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    outline: none;
}

.carousel-control.left, .carousel-control.right{
    background-image: none;
}

#news-carousel-desktop .carousel-control.right{
    right: -15%;
}

#news-carousel-desktop .carousel-control.left{
    left: -15%;
}

#news-carousel-desktop .glyphicon, #news-carousel-mobile .glyphicon {
    color: black;
    top:30%;
}

#news-carousel-desktop .glyphicon :hover, #news-carousel-mobile .glyphicon :hover{
    color: gray;
}

#myCarousel .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
}

#myCarousel .carousel-indicators li.active {
    width: 12px;
    height: 12px;
    background-color: #0568A9;

}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    padding: 0;
    border-radius: 6px;
    border: 2px solid #0568A9;
    overflow: hidden;
    background: transparent;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    color: transparent;

}

/*.mainmenu .submenu_pr{
	display: none;
	position: absolute;
	top: 40px;
	left: -129px;
	z-index: 150;
	width: 1092px;
	padding: 20px 2px 20px 20px;
	background: #fff;
	border: 3px solid #06ace4;
}

.mainmenu .submenu_pr td{
	vertical-align: top;
}

.mainmenu .submenu_pr_border{
	border-left: 2px solid #06ace4;
	padding: 0 10px;
}
.mainmenu .submenu_pr_border:first-child{
	border: none;
	padding-left: 0;
}

.mainmenu .submenu_pr td:last-child{
	width: 24%;
}

.mainmenu .submenu_pr_border img{
	margin: 8px 6px;
}

.mainmenu .submenu_pr td > a{
	color: #939598 !important;
	background: none;
	white-space: nowrap;
	margin-top: -8px;
}

.mainmenu .submenu_pr li{
	margin: 0;
	padding: 0;
	float: none;
}
.mainmenu .submenu_pr li a{
	font-family: Arial, sans-serif;
	font-size: 12px;
	white-space: normal;
	background-position: 0 14px;
}

.mainmenu .submenu_pr_sub{
	margin: 0  0 -8px 10px;
	padding: 0;
}

.mainmenu li:hover .submenu_pr{
	display: block;
}

.mainmenu .submenu_pr a{
	color: #06ACE4 !important;
}
.mainmenu .submenu_pr_sub .selected{
	color: #000 !important;
}
*/

.icons {
    float: right;
    width: 200px;
    margin: 8px 48px 0 0;

}

.icons a {
    display: block;
    float: right;
    width: 11px;
    height: 9px;
    margin-left: 14px;
    background: url("../images/icons.gif") 0 0 no-repeat;
}

a.home {
    background-position: 0 0;
}

a.mail {
    background-position: -11px 0;
}

a.fav {
    background-position: -22px 0;
}

a.sitemap {
    background-position: -33px 0;
}

.line.with_h1 {
    margin: 23px auto 25px auto;
}

.with_pok {
    margin-bottom: 160px;
}

.with_wrapper {
    margin: 0 auto;
    padding: 19px 0 0 0;

}

.poks {
    height: auto;
    /*background: url("../images/shadow.png") center center no-repeat;*/
    position: relative;
    text-align: center;
}

.poks .round {
    background: url("../images/pok_top_round.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #344651;
    display: block;
    font-size: 40pt;
    font-weight: bold;
    font-family: "Inter", Arial;
    height: 108px;
    line-height: 139px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 152px;
    z-index: 5;
}

.poks .round1 {
    background: url("/images/round/round1.png") no-repeat center rgba(0, 0, 0, 0);
    color: #344651;
    display: block;
    font-size: 40pt;
    font-weight: bold;
    font-family: "Inter", Arial;
    height: 320px;
    line-height: 320px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 5;
}
.poks .round2 {
    background: url("/images/round/round2.png") no-repeat center rgba(0, 0, 0, 0);
    color: #344651;
    display: block;
    font-size: 40pt;
    font-weight: bold;
    font-family: "Inter", Arial;
    height: 320px;
    line-height: 320px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 5;
}
.poks .round3 {
    background: url("/images/round/round3.png") no-repeat center rgba(0, 0, 0, 0);
    color: #344651;
    display: block;
    font-size: 40pt;
    font-weight: bold;
    font-family: "Inter", Arial;
    height: 320px;
    line-height: 320px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 5;
}

.pok_line_1, .pok_line_2 {
    color: #000;
    height: 28px;
    line-height: 25px;
    font-family: "Inter", Arial;
    -webkit-text-stroke: 0.25px;
    font-size: 13.5pt;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    padding: 0 10px;
    box-sizing: content-box;
}

.pok_line_1 {
    margin: -5px auto 0;
    position: relative;
    z-index: 6;
    top: -130px;
    padding-left: 70px;

    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.mt {
    color: #000;
    position: relative;
    margin-top: -5px;
    z-index: 6;
    top: -120px;
}

.pok_line_2 {
    padding-left: 70px;
    margin: 0 auto 0;
    -moz-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}

.news-wrapper {
    /*background-color: white;*/
    /*border: 5px solid #0568A9;*/
    padding: 15px;
    margin-bottom: 15px;
}

.banners_inner {
    text-align: center;
}

.banners img,
.banners_inner img {
    margin-bottom: 10px;
}

.banners .blink {
    position: relative;
    box-shadow: 1px 1px 5px #DACFC7;
}

.blink img {
    max-width: 100%;
    width: 100%;
}

.banners .blink:before {
    content: '';
    position: absolute;
    top: 138px;
    left: 0;
    width: 100%;
    height: 57px;
    background: #ee7326;
}

.banners .blink img {
    border: 5px solid #fff;
    margin: 0;
    margin-bottom: 15px;
    transition: border-color 300ms;
}

.banners a:hover img {
    border: 5px solid #ee7326;
}

.banners .blink div {
    position: absolute;
    top: 155px;
    left: 0;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    font-family: "Inter", Arial;
    line-height: 1.35;
}

.banners .blink.first div,
.services.banners .blink div {
    top: 144px;
}

img, iframe {
    border: 0;
}

.bordered {
    margin: 10px;
}

.kz .bordered {
    margin: 1px 0;
}

.bordered2 {
    margin: 0 0 6px 10px;
    float: right;
    border: 5px solid #83dcfa;
}

.banners img {
    vertical-align: top;
}

.tab_gallary {
    margin: 0 -12px;
    text-align: center;
}

.tab_gallary img {
    border: 4px solid #06ace4;
    margin: 12px;
    vertical-align: top;
    max-width: 240px;
}

.news_col {
    background: #fff;
    overflow: hidden;
    border: 5px solid #0568A9;
    padding: 15px 15px 0 15px;
    margin: 0 auto;
}

.news_col .header {
    padding: 16px 0 0 10px;
    font-size: 23pt;
}

.news_archive {
    display: block;
    float: left;
    margin: 8px 0 0 15px;
    font-size: 11pt;
    font-family: "Inter", Arial;
    -webkit-text-stroke: 0.25px;
}

.news_col table {
    clear: both;
    padding: 0;
    margin: 12px 0 0;
}

.news_col table td {
    padding: 0;
    margin: 0;
    width: 25%;
    border-right: 5px solid #83dcfa;
    padding: 13px 12px 22px 13px;
}

.news_col table td:last-child {
    border: 0;
}

.news_image img {
    width: 100%;
}

.news_header {
    padding: 0 0 0 0;
}

.news_header h2{
    height: 2em;
}



.news-wrapper .news_header{
    height: auto;
    overflow: hidden;
    margin: 33px auto;
    font-size: 20px;
    color: black;
    line-height: auto;
    
    
}

/* ==========================================================
   ABOUT PAGE
   ========================================================== */

.aboutpage{
    margin:0 -15px;
    background:#fff;
}

/* ================= HERO ================= */

.aboutpage .aboutcompany{
    position:relative;
    padding:60px;
    color:#fff;
    overflow:hidden;

    background:url("/images/about/About_BG.png") center center no-repeat;
    background-size:cover;
}

.aboutpage .aboutcompany::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(5,10,35,.72);
}

.aboutpage .aboutcompany::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:140px;
    background:url("../images/wave.png") center bottom no-repeat;
    background-size:cover;
    z-index:1;
}

.aboutpage .aboutcompany>*{
    position:relative;
    z-index:2;
}

.aboutpage .aboutcompany h1{
    margin:0 0 35px;
    font-size:56px;
    font-weight:300;
    letter-spacing:2px;
    text-transform:uppercase;
}

.aboutpage .aboutcompany .lead{
    max-width:50%;
    margin-bottom:55px;
    color:#ddd;
    font-size:15px;
    line-height:1.8;
}

.aboutpage h1{
    color: white;
}

/* ================= FEATURES ================= */

.aboutpage .about-features{
    margin-top:20px;
}

.aboutpage .feature-item{
    min-height:240px;
    padding:0 35px;
    border-left:1px solid rgba(255,255,255,.15);
}

.aboutpage .about-features .col-md-4:first-child .feature-item{
    border-left:none;
    padding-left:0;
}

.aboutpage .feature-icon{
    width:42px;
    height:42px;
    border:1px solid #536cff;
    border-radius:8px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#617dff;
    font-size:18px;

    margin-bottom:20px;
}

.aboutpage .feature-item h4{
    margin:0 0 18px;
    color:#fff;
    font-size:17px;
    font-weight:600;
}

.aboutpage .feature-item p{
    color:#d0d3df;
    font-size:13px;
    line-height:1.8;
}

/* ================= BUTTON ================= */

.aboutpage .about-btn{
    display:inline-flex;
    align-items:center;

    margin-top:45px;

    color:#fff;
    text-decoration:none;

    font-size:22px;
    font-weight:300;
}

.aboutpage .about-btn::before{
    content:"→";

    width:48px;
    height:48px;

    margin-right:18px;
    color: #4d67ff;

    border:1px solid #4d67ff;
    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:28px;

    transition:.3s;
}

.aboutpage .about-btn:hover{
    color:#7f9cff;
    text-decoration:none;
}

.aboutpage .about-btn:hover::before{
    background:#4d67ff;
    color: white;
}

.aboutpage .row-about{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

/* ================= TEAM ================= */

.aboutpage .bold-team{
    margin:70px 0 45px;
    text-align:center;
    font-size:36px;
    font-weight:300;
    letter-spacing:3px;
    text-transform:uppercase;
}

.aboutpage .team-card{
    margin-bottom:45px;
    text-align:left;
}

.aboutpage .team-card img{
    width:100%;
    display:block;
    transition:.3s;
}

.aboutpage .team-card:hover img{
    transform:scale(1.03);
}

.aboutpage .team-card h4{
    margin:18px 0 8px;
    font-size:16px;
    font-weight:600;
    color:#222;
}

.aboutpage .team-card p{
    margin:0;
    color:#666;
    font-size:13px;
    line-height:1.5;
}



.news_header a {
    text-decoration: none;
    font-family: "Inter", Arial;
    text-align: left;
    color: black;
}

.news_header a:hover {
    text-decoration: underline;
}

.news_date {
    font-size: 8pt;
    padding: 0 0 0 0;
    text-align: right;
    font-style: italic;
}

.news_text {
    font-size:24px;
}

.news_td {
    vertical-align: top;
    text-align: left;
}

.news_details_img {
    margin: 0 0 6px 10px;
    float: right;
    border: 5px solid #83dcfa;
}

.nav_links a {
    float: right;
    color: #fff;
    padding: 3px 6px;
    background: #0687BD;
    text-decoration: none;
    margin-top: 10px;
}

.nav_links td:first-child a {
    float: left;
}

.white_grad {
    height: 20px;
    /*background: url(white_grad2.gif) top center repeat-y;*/
}

.h40 {
    height: 40px;
}

.footer {
    background: linear-gradient(90deg, #004A81 0%, #010204 100%);
    padding: 30px 0 60px 0;
    color: #fff;
}

.footer img{
    width:auto !important;
    margin-bottom: 0;
}

.footer .content {
}

.footer a {
    color: #fff;
}

.footer #orderBtn {
    color: white;
    font-size: 0;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border-radius: 16px;
    border: 1px solid white;
    width: 200px;
    height: 27px;
}

.footer #orderBtn::before {
    content: "Обсудить проект";
    font-size: 16px;
}

.footer #orderBtn::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url('/images/logos/arrow-right-o.svg') center/contain no-repeat;
    display: inline-block;
}

.footer #orderBtn:hover {
    color: rgba(0, 146, 255, 1);
    border: 1px solid rgba(0, 146, 255, 1);
}

.footer a:hover{
    color: rgba(0, 146, 255, 1);
    text-decoration: underline;
}

.content td {
    vertical-align: top;
    text-align: left;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}

.footer td {
    width: 220px;
    color: #fff;
}

.footer .header {
    color: #000000;
    text-transform: uppercase;
    font-size: 15pt;

    padding: 4px 0 12px 0;
}

.footer ul {
    padding: 0;
    margin: 0;
}

.footer ul li {
    padding: 0 0 0 0;
    margin: 0;
    list-style: none;
    background: url("../images/bul.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    list-style: none outside none;
    margin-left: 0;
    padding-left: 10px;
}

.footer .row-social{
    display: flex;
    flex-direction: row-reverse;
}

.footer .row-social img{
    width: 45px !important;
    height: 45px !important;
}

.footer .feedback-block-new{
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 50px;
}


ul.social-link, ul.social-link li {
    float: none;
    padding-left: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
}

.social-link a {
    color: lightyellow;
    text-decoration: none;
}

.social {
}

.social a {
    display: block;
    width: 29px;
    height: 29px;
    background: url("../images/social.gif") 0 0 no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

.social a.fb {
    background-position: 0 0;
}

.social a.tw {
    background-position: -29px 0;
}

.social a.vk {
    background-position: -58px 0;
}

.search {
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #b1b1b1 #fff #fff #f6f6f6;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    width: 160px;
    color: #000;
}

.mysearch {
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 0;
    line-height: 0;
}

.with_search {
    overflow: hidden;
    clear: both;
    padding: 0 0 20px 0;
    width: 220px;
}

.with_search div {
    float: left;
}

/*.footer .phone, .footer .freecall{
	color: #000;
}*/

.email {
    padding: 0 0 0 0;
}

@media (min-width: 1200px) {
    #yii_booster_collapse_yw2{
        display: flex !important;
        justify-content: end;
    }
}

.navbar-collapse {
    max-height: 4000px !important;
    padding-right: 0px;
    padding-left: 0px;
}

.webis {
    margin: 0 0 0 50px;
}

.webis img {
    display: block;
    padding: 0 0 2px 0;
}

.top_images {
    height: 270px;
}

.ob1 {
    position: relative;
    text-align: left;
}

.ob2 {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%
}

.ob3 {
    position: relative;
    left: 50%;
    float: left
}

.ob4 {
    position: relative;
    right: 50%;
}

/*       clients        */

table.clients {
    width: 1%;
    border-collapse: collapse;
    margin-bottom: 30px;
}

table.clients td {
    padding: 2px 6px 8px 0;
    text-align: center;
    vertical-align: top;
}

#clients_cats ul {
    margin: 0;
    padding: 0;
}

#clients_cats ul ul {
    margin: 20px 0 20px 0;
    padding: 0;
    display: block;

}

#clients_cats > ul > li {
    margin: 0 0 20px 0;
    padding: 0;
    display: block;
    list-style: none;
    background: none;
}

#clients_cats .childs li {
    display: block;
    background: none;
    text-align: center;
    width: 180px;
    height: 160px;
    overflow: hidden;
    float: left;
    margin: 0 5px 10px 0;
    padding: 0;
}

#clients_cats .childs li img, table.clients img {
    display: block;
    width: 171px;
    height: 127px;
    border: 3px #b3e5f6 solid;
    margin: 0 auto 5px auto;
}

#clients_cats .examples, #clients_container .examples {
    font-weight: bold;
    display: block;
    margin-top: -10px;
    margin-bottom: 30px;
}

#clients_cats .examples a, #clients_container .examples a {
    font-weight: normal;
}

#clients_cats li.more {
    display: none;
}

#clients_cats li.show_more {
    background: none;
    padding-left: 9px;
}

/*       inner page        */
.body_inner {
    padding-bottom: 24px;
    overflow: hidden;
    min-height: 450px;
}

.sidebar {
    width: 300px;
    float: left;
    margin-left: 25px;
}

.with_sidebar.right_content {
    text-align: justify;
}

.right_content {
    padding: 30px 0 0 0;
}

.body {
    padding: 0 24px 0 0;
    min-height: 100%;
}

.body ul {
    margin-left: 5px;
    margin-bottom: 15px;
    padding: 0 0 1px 0;
}

.body ul li {
    margin-left: 2px;
    list-style: none;
    background: url("../images/li_bul.gif") left 9px no-repeat;
    padding-left: 21px;
    font-size: 9pt;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 155%;
}

.body table.tbl {
    margin-top: 4px;
    line-height: 220%;
    margin-bottom: 30px;
    border-bottom: 1px solid #cbcbcb;
}

.body table.tbl th {
    border-bottom: 1px solid #cbcbcb;
    color: #808285;
    font-size: 8pt;
}

.body table.tbl td {
    color: #000;
    padding: 3px 10px 3px 0;
}

.sidebar ul {
    display: block;
    padding: 0;
    margin: 30px 0 0 0;
    font-family: "Inter", Arial;
    -webkit-text-stroke: 0.25px;
    font-size: 18px;
    text-align: center;
}

.sidebar li {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid #c7c7c7;
}

.sidebar li:first-child {
    border: 0;
}

.sidebar li a {
    background: none;
    display: block;
    padding: 15px 17px 15px 10px;
    color: #000;
    text-decoration: none;
}

.sidebar li a:hover {
    text-decoration: underline !important;
}

.sidebar li.selected > a {
    color: #0568A9 !important;
    text-decoration: none;
    /*background: url("../images/sidebar_a_cur.png")*/
    99% 50% no-repeat;
}

.sidebar li a:hover {
    /*color: #f00;*/
}

.sidebar li.has_childs > a {
    border-bottom: 1px solid #C7C7C7;
}

.sidebar ul ul {
    font-size: 11pt;
    margin: 0 0 0 20px;
}

.sidebar li li {
    padding: 0;
}

.sidebar ul ul ul {
    font-size: 10pt;
    margin: 5px 0 0 10px;
}

.page_img {
    position: relative;
}

.page_img, .page_img .page_img_text {
    height: 297px;
}

.page_img .page_img_text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -550px;
    width: 300px;
}

.page_img .page_img_text td {
    background: url("../images/page_img_text_bg.png");
    color: #fff;
    font-family: "Inter", sans-serif;
    -webkit-text-stroke: 0.25px;
    font-size: 16px;
    vertical-align: middle;
    padding: 0 35px;
}

.page_img .page_img_inner_top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 14px;
    z-index: 1;
    background: url("../images/inner_top.png") 50% 0 no-repeat;
}

.product_img {
    overflow: hidden;
    text-align: center;
    height: 620px;
    margin-top: 10px;
}

.product_img.h490 {
    height: 490px;
    border-bottom: 4px solid #0568A9;
    margin-bottom: 30px;
}

.product_img_cat {
    height: 520px;
}

.softwere_img {
    height: 560px;
}

.product_img > img {
    margin: 0 auto;
}

.product_img_body {
    margin: 0 auto;
    position: relative;
    padding-top: 55px;
}

.softwere_img .product_img_body {
    padding-top: 125px;
}

.product_img .product_img_text {
    position: relative;
    width: 550px;
    height: 160px;
}

.product_img .product_img_text td {
    text-align: right;
    vertical-align: middle;
    font-family: "Inter", sans-serif;
    -webkit-text-stroke: 0.25px;
    font-size: 15px;
    line-height: 30px;
}

.product_img .product_img_header {
    position: relative;
    width: 550px;
    text-align: right;
    font-family: "Inter", sans-serif;
    -webkit-text-stroke: 0.25px;
    font-size: 25px;
    line-height: 50px;
}

.softwere_img .product_img_text,
.softwere_img .product_img_header {
    width: 680px;
}

.softwere_img .product_img_text {
    height: 180px;
}

.product_img .product_img_header div {
    font-size: 48px;
    margin: 8px 0 -12px;
}

.product_img .product_img_header div span {
    font-weight: bold;
    text-shadow: 0px 0px 15px #fff;
}

.product_img_body .feedback_click {
    position: absolute;
    top: 492px;
    right: 110px;
    padding: 2px 14px 0;
    background: #0568A9;
    line-height: 54px;
    text-decoration: none;
    cursor: pointer;
    border: 3px solid #0568A9;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.product_img_body .feedback_click:hover {
    background: transparent none repeat scroll 0% 0%;
    color: #0568A9;
    text-decoration: none;
}

.product_img_body .feedback_click span {
    font-size: 30px;
    font-weight: bold;
    float: left;
    line-height: 30px;
    margin: 12px 17px 0 0;
}

#feedback_form {
    padding: 10px 20px;
}

.none {
    display: none;
}

#question_mail_form,
#material_form {
    width: 430px;
    padding: 10px 20px 0;
}

#material_form {
    display: none;
}

#question_mail_form .header,
#material_form .header {
    color: #fff;
    padding-left: 10px;
    margin: 10px 0 30px;
}

#material_form .header {
    font-size: 20px;
}

#question_mail_form input,
#question_mail_form textarea,
#material_form input,
#material_form textarea {
    border: 1px solid #017ba4;
    padding: 4px 8px;
    width: 412px;
    font-family: "Inter", sans-serif;
    -webkit-text-stroke: 0.25px;
    font-size: 20px;
    resize: none;
}

#material_form input {
    margin-bottom: 10px;
}

#question_mail_form td input {
    width: 182px;
}

#question_mail_form #Phone {
    margin: 30px 30px 30px 0;
}

#question_mail_form #email {
    margin: 30px 0;
}

.fancybox-inner .loading {
    width: 430px;
    height: 300px;
    background: url("../images/funcybox/fancybox_loading.gif") center center no-repeat;
}

#products_links {
    margin: 20px -75px 40px -50px;
    text-align: center;
    padding-right: 15px;
    background: url("../images/products_links.png") no-repeat;
    height: 67px;
}

#products_links a {
    display: inline-block;
    margin: 0 0 0 15px;
    width: 339px;
    text-align: left;
    color: #fff;
    font-family: "Inter", sans-serif;
    -webkit-text-stroke: 0.25px;
    font-size: 20px;
    line-height: 67px;
    text-decoration: none;
    background: url('../images/products_links_bg.png') no-repeat;
}

.feedback_click span {
    font-weight: bold;
    font-size: 30px;
    float: left;
    margin: 0 12px 0 25px;
}

.feedback_click:hover,
#products_links a:hover {
    text-decoration: underline;
}

.feedback_click:hover span,
#products_links a:hover span {
    text-decoration: none;
}

#products_links .feedback_click {
    padding: 0;
    width: 339px;
}

.video_click span,
.pres_click span {
    float: left;
    margin: 20px 10px 0 50px;
    width: 27px;
    height: 27px;
}

.video_click span {
    margin-left: 60px;
    background: url('../images/video_click.png') no-repeat 0 50%;
}

.pres_click span {
    background: url('../images/pres_click.png') no-repeat 0 50%;
}

#video_form {
    display: none;
    padding: 5px;
}

#products_main {
    margin: 0 -60px 0 0;
    padding: 0;
}

#products_main li {
    margin: 0 30px 30px 0;
    padding: 0;
    background: url('../images/products_main_bg.png') repeat-x #dfedf2;
    width: 535px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

#products_main ul {
    margin: 0 -10px 0 0;
    padding: 0;
}

#products_main img {
    margin-right: 5px;
}

#products_main ul li {
    margin: 0;
    padding: 0;
    background: none;
    height: 30px;
    padding-right: 5px;
    width: 187px;
}

.products_cat {
    padding: 20px 20px 0 0;
    height: 183px;
}

.products_cat a {
    font-family: "Inter", sans-serif;
    -webkit-text-stroke: 0.25px;
    font-size: 20px;
    color: #0687BD !important;
    text-decoration: none;
    line-height: 26px;
    display: block;
    margin-bottom: 10px;
}

.products_cat a:hover {
    text-decoration: underline;
}

/*   banners gallery     */
.with_banners {
    position: relative;
    padding: 4px 0 0 1px;

}

.with_banners .next, .with_banners .prev {
    display: block;
    position: absolute;
    top: 74px;
    width: 42px;
    height: 42px;
    background: url('../images/arrows_inner.png') 0 0 no-repeat;
    z-index: 10;
}

.with_banners .prev {
    background-position: 0 0;
    left: -47px;
}

.with_banners .prev:hover {
    background-position: 0 -42px;
}

.with_banners .next {
    background-position: -42px 0;
    right: -46px;
}

.with_banners .next:hover {
    background-position: -42px -42px;
}

.banners_gallery ul {
    padding: 0;
    margin: 0;
}

.banners_gallery ul li {
    padding: 0;
    margin: 0 25px 0 0;
    list-style: none;
    background: none;
}

.banners_gallery ul li img {
    border: 5px solid #83dcfa
}

.tezis_wrap {
    margin: 0 -24px;
}

table.tezis {
    width: 100% !important;
    border: 5px solid #83dcfa;
    margin-bottom: 30px;
}

table.tezis th, table.tezis td {
    background: #fff;
}

table.tezis th {
    border: 0;
    color: #808285;
    font-family: "Inter", Arial;
    -webkit-text-stroke: 0.25px;
    font-size: 15pt;
    padding: 23px 20px;

}

table.tezis td {
    border: 5px solid #83dcfa;
    border-top: 0;
    padding: 0 20px 2px 20px;
}

table.tezis h2 {
    margin: 18px 0 18px;
}

ul.tab_buttons {
    display: block;
    padding: 0;
    border-bottom: 4px solid #0568A9;
    width: 100%;
    height: 39px;
    margin-left: 0;
}

ul.tab_buttons li {
    display: block;
    line-height: 35px;
    margin: 4px 0 0 0;
    padding: 4px 18px 0;
    float: left;
    font-family: "Inter", Arial;
    -webkit-text-stroke: 0.25px;
    background: none;
    font-size: 15pt;
}

ul.tab_buttons li.selected {
    border-style: solid;
    border-width: 4px 4px 0 4px;
    padding: 4px 0 0 0;
    padding: 0 14px;
    border-color: #0568A9;
    background: #f9f9f9;
}

ul.tab_buttons li:first-child.selected {
    background: #f5f5f5;
}

ul.tab_buttons li.light.selected {
    background: #fdfdfd;
}

ul.tab_buttons li a {
    color: #000;
    text-decoration: none;
    outline: none;
}

ul.tab_buttons li a:hover {
    color: #f00;
}

ul.tab_buttons li.selected a {
    color: #0568A9;
}

.tabs_content {
    padding: 35px 0;
}

.displaynone, .none {
    display: none;
}

.with_logo {
    height: 104px;
}

.with_menu {
    position: relative;
    height: 40px;
    text-align: center;
}

.with_menu:before {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 16px;
    background: url('../images/inner_top.png') 50% 100% no-repeat;
    z-index: 1;
}

.title {
    position: relative;
    background: linear-gradient(90deg, #004A81 0%, #010204 100%);
    min-height: 40px;
    padding-bottom: 0px;
    border-bottom: 1px solid #000;
    clear: both;
}

.title .breadcrumb {
    padding: 10px 0px;
    box-sizing: border-box;
    line-height: 20px;
}

.title .breadcrumb li, .title .breadcrumb li a {
    line-height: normal;
}

.title .wl {
    height: 1px;
    background: #7e7e7e;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.title .title_body {
    margin: 0 auto;

}

.title .title_body,
.title .title_body a,
.title .title_body h1 {
    color: #fff;
    text-decoration: none;
    line-height: 40px;
}

.title .title_body a:hover {
    text-decoration: underline;
}

.title .title_body.with_sb.sbactive {
    padding-left: 398px;
    width: 802px;
}

.breadcrumbs {
    padding: 10px 0 2px 1px;
    clear: both;
}

.breadcrumbs strong {
    display: none;
}

.breadcrumb {
    background-color: transparent;
    padding: 0px;
    margin: 0px;
}

.breadcrumb > .active {
    color: #808285;
}

.breadcrumb li:last-child a {
    color: #808285;
}

.breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #999;
}

.caret {

    margin-top: -4px;
}

.news-list .pager {
    float: right;
}

.news_line {
    padding: 10px;
    height: auto;
    max-height:650px;
    margin-bottom: 30px;
    overflow: hidden;

    display: block;
    /*border: 1px solid #EE7326;*/

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.news_line:hover
{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.news_line img {
    float: none !important;
    width: 100% !important;
    height: 150px;
    display: block;
}

.news_line:nth-child(4n) {
    margin-right: 0;
}

.news_line a {
    color: black;
    text-decoration: none;
}

.news_body {
    height: 73px;
    overflow: hidden;
}

/*		photoes		*/
.photos_table {
    width: 100%;
}

.photos_table td {
    padding: 10px 0;
    vertical-align: top;
    text-align: center;
}

.photos_table td img {
    border: 5px solid #83dcfa;
}

/*ajax gallery */

table.projects {
    width: 100%;
}

.ajax_photo_wrapper {
    position: relative;
    width: 100%;
}

#ajax_photo {
    margin: auto;
}

#ajax_photo img {
    max-width: 650px;
    max-height: 700px;
    margin: auto;
    display: block;
    /*border: 4px solid #CCCCCC;*/
}

.ajax_photo_prev, .ajax_photo_next {
    background: url('../images/arrows_inner.png') no-repeat scroll 0 0;
    display: block;
    height: 42px;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    width: 42px;
    z-index: 10;
}

.ajax_photo_prev {
    background-position: 0 0;
    left: -47px;
}

.ajax_photo_next {
    background-position: -42px 0;
    right: -46px;
}

.ajax-load {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    background: url("../images/ajax-loader.gif") center center no-repeat #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
}

table.menu {
    width: 100%;
    border-collapse: collapse;
}

table.menu td {
    padding: 0 20px 0 20px;
    width: 25%;
    vertical-align: top;
    font-size: 16px;
    font-family: "Inter", Arial;
    -webkit-text-stroke: 0.25px;
    color: #939598;
    border-left: 2px #06ace4 solid;
}

table.menu td:first-child {
    border-left: none;
    padding-left: 0;
}

table.menu td a, ul.mainmenu .submenu_pr a {
    color: #939598 !important;
    background: none;
    display: inline;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

table.menu td a:hover {
    text-decoration: underline;
}

table.menu td p {
    margin-bottom: 8px;
}

table.menu td hr {
    border: 0;
    width: 100%;
    display: block;
    clear: both;
    margin: 20px 0 20px 0;
    border-bottom: 2px #06ace4 dotted;
}

table.menu td ul, ul.mainmenu .submenu_pr table.menu td ul {
    display: block;
    margin: 0 0 10px 105px;
    padding: 0;
}

table.menu td ul li, ul.mainmenu .submenu_pr table.menu td ul li {
    display: block;
    font-family: "Inter" ,Arial, sans-serif;
    font-size: 12px;
    -webkit-text-stroke: 0 !important;
    list-style: none outside none;
    float: none;
    background: url("../images/bul.gif") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    padding: 0 0 0 10px;
    margin: 0 0 5px 0;
}

table.menu td ul li a, ul.mainmenu .submenu_pr ul li a {
    color: #0687bd !important;
    -webkit-text-stroke: 0 !important;
}

.prodvis h2 {
    color: #06ace4;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 30px;
}

.prodvis div {
    font-family: "Inter", sans-serif;
    -webkit-text-stroke: 0.25px;
    font-size: 15px;
    line-height: 22px;
}

.prodvis.vis1 {
    width: 1064px;
    background: url("../images/vis/image1.png");
    height: 402px;
    margin-top: 50px;
}

.prodvis.vis1 div {
    padding: 30px 10px 0 700px;
}

.prodvis.vis2 {
    width: 1064px;
    background: url("../images/vis/image2.png") right top no-repeat;
    height: 470px;
}

.prodvis.vis2 div {
    padding: 72px 740px 0 0;
}

.prodvis.vis3floor {
    width: 1064px;
    background: url("../images/vis/image3_floor.png");
    height: 473px;
}

.prodvis.vis3wall {
    width: 1064px;
    background: url("../images/vis/image3_wall.png");
    height: 473px;
}

.prodvis.vis3table {
    width: 1064px;
    background: url("../images/vis/image3_table.png");
    height: 473px;
}

.prodvis.vis3floor div, .prodvis.vis3wall div, .prodvis.vis3table div {
    padding: 115px 10px 0 700px;
}

.prodvis.vis4 {
    width: 1064px;
    background: url("../images/vis/image4.png") right top no-repeat;
    height: 473px;
}

.prodvis.vis4 div {
    padding: 115px 740px 0 0;
}

.prodvis.vis5 {
    width: 1064px;
    background: url("../images/vis/image5.png");
    height: 480px;
}

.prodvis.vis5 div {
    padding: 130px 10px 0 700px;
}

.prodvis.vis6 {
    width: 1064px;
    background: url("../images/vis/image6.png") right top no-repeat;
    height: 477px;
}

.prodvis.vis6 div {
    padding: 130px 740px 0 0;
}

.prodvis.vis7floor {
    width: 1064px;
    background: url("../images/vis/image7_floor.png");
    height: 473px;
}

.prodvis.vis7wall {
    width: 1134px;
    background: url("../images/vis/image7_wall.png");
    height: 473px;
}

.prodvis.vis7table {
    width: 1134px;
    background: url("../images/vis/image7_table.png");
    height: 473px;
}

.prodvis.vis7floor div, .prodvis.vis7wall div, .prodvis.vis7table div {
    padding: 125px 10px 0 700px;
}

table.botlinks {
    width: 100%;
    border-collapse: collapse;
}

table.botlinks td {
    width: 33%;
    vertical-align: top;
    padding: 50px 10px 10px 50px;
    font-family: "Inter", sans-serif;
    -webkit-text-stroke: 0.25px;
    font-size: 15px;
    background: url("../images/sepbg.png") left 60px no-repeat;
    line-height: 22px;
}

table.botlinks td:first-child {
    background: none;
    padding-left: 0;
}

.botlinks h3 {
    color: #0568A9;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 22px;
}

.botlinks p.online a {
    display: block;
    float: left;
    height: 38px;
    padding: 15px 0 0 65px;
}

.botlinks p.callnow {
    display: block;
    float: left;
    height: 48px;
    padding: 5px 0 0 65px;
}

.botlinks p.callnow b, .botlinks p.callnow strong {
    font-weight: normal;
    color: #06ace4;
}

.gsc-wrapper{
    max-width: max-content !important;
}

.botlinks .download {
    margin-top: 25px;
}

.botlinks .download p a {
    display: block;
    height: 19px;
    line-height: 19px;
}

table.botlinks td.download p a.brochure {
}

div.navbar {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 5px 0 5px 0;
}

div.navbar b {
    min-height: 30px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    margin-right: 10px;
    zoom: 1;
    *display: inline;
    _height: 30px;
}

div.navbar div.navpage {
    min-height: 30px;
    line-height: 30px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 0 10px;
    zoom: 1;
    *display: inline;
    _height: 30px;
}

div.navbar div.navpage.selected {
    background: #06ace4;
    color: #ffffff;
    font-weight: bold;
}

span.video {
    display: block;
    position: absolute;
    width: 250px;
    height: 150px;
    z-index: 100;
    background: url("../images/video.png") center center no-repeat;
}

.captcha {
    font-size: 20px;
    line-height: 24px;
    padding: 20px 8px 5px;
    font-weight: normal;
    font-family: "Inter", Arial;
    -webkit-text-stroke: 0.25px;
}

/* Redesign Header 26.07.2023 */
.shapka_text {
    color: #FFF;
    font-family: "Inter" ,Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 9px 0px 0px;
    word-break: keep-all;
    overflow-wrap: normal;
    text-wrap-mode: wrap;
}

.shapka_text a {
    text-wrap-mode: nowrap;
}


.product_descrt_v1 p:first-child:has(img){
    width: fit-content;
}

.product_descrt_v1 p:first-child:has(img) img{
    float:left;
    margin-right: 2rem;
    margin-top:-10rem;
    padding-bottom:5rem;
}

/*.product_descrt_v1 h2:last-child {*/
/*    clear: both;*/
/*}*/

.h1_products{
    text-align:center;
}


.price_and_buy{
    /*padding-left:260px;*/
    text-align:center;
    
}



/*@media (min-width: 600px) {
	.mainmenu{
		display: block !important;
	}
}
@media screen and (max-device-width: 700px){

	.title{
		top:24px;
	}
	div.table_footer_cell_l{
		margin-left: 0;
		max-width: 260px;
	}

	div.table_footer_cell_r{
		margin-right: 0;
		float: left;
	}

	.footer_wrapper table{
		padding-bottom: 20px;
	}

	.table_wrapper{
		padding-left: 25%;
	}

	.footer_wrapper table tbody tr td{
		padding: 6px;
		width: 40%;
	}

	.line.footer .content{
		margin-top: 10px;
	}

	div.menu_child{
		display: none;
	}

	div.footer_menu_cell{
		height: 40px;
	}

	.lower_main_menu{
		width: 100% !important;
	}

	.div.menu_child{
		display: none !important;
	}

	.body_inner{
		padding-top: 40px;
		margin-bottom: 50px;
	}




	.wrapper #sidebar-toggle {
		background: #DF314D;
		border-radius: 3px;
		display: block;
		position: relative;
		padding: 10px 7px;
		float: left;
		z-index: 510;
	}
	.wrapper #sidebar-toggle .bar{
		display: block;
		width: 18px;
		margin-bottom: 3px;
		height: 2px;
		background-color: #fff;
		border-radius: 1px;
	}
	.wrapper #sidebar-toggle .bar:last-child{
		margin-bottom: 0;
	}




	.container_for_left_menu {
		position: relative;
		height: 100%;
		width: 100%;
		left: 0;
		-webkit-transition:  left 0.4s ease-in-out;
		-moz-transition:  left 0.4s ease-in-out;
		-ms-transition:  left 0.4s ease-in-out;
		-o-transition:  left 0.4s ease-in-out;
		transition:  left 0.4s ease-in-out;

	}

	.container_for_left_menu.open-sidebar {
		left: 1000px;
	}


	#sidebar_for_mobile {
		display: block;
		z-index: 310;
		position: absolute;
		left: -1000px;
		background: #0568A9;
		width: 1000px;
		height: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	#sidebar_for_mobile ul:first-child{
		padding-top:242px;
	}



	#sidebar_for_mobile ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#sidebar_for_mobile ul li {
		margin: 0;
		background: #0568A9;
	}
	#sidebar_for_mobile ul li a {
		line-height: 1.5;
		word-spacing: 4px;
		padding: 25px 44px 25px 50px;
		font-size: 32px;
		font-weight: 100;
		color: white;
		text-decoration: none;
		display: block;
		border-bottom: 1px solid white;
		-webkit-transition:  background 0.3s ease-in-out;
		-moz-transition:  background 0.3s ease-in-out;
		-ms-transition:  background 0.3s ease-in-out;
		-o-transition:  background 0.3s ease-in-out;
		transition:  background 0.3s ease-in-out;
	}

	#sidebar_for_mobile ul li:hover a {
		background: #1d3aa9;
	}


	.wrapper {
		width: 100%;
		height: 100%;
		padding: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		position: relative;
	}
	.wrapper .content_mobilemenu{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding-left: 60px;
		width: 100%;
	}
	.wrapper .content_mobilemenu h1{
		font-weight: 100;
	}
	.wrapper .content_mobilemenu p{
		width: 100%;
		line-height: 160%;
	}

	.wrapper #sidebar-toggle {
		background: #F3731E;
		border-radius: 3px;
		display: block;
		padding: 16px 10px;
		float: left;
		left: 46%;
		z-index: 510;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
		-webkit-transition:  left 0.4s ease-in-out;
		-moz-transition:  left 0.4s ease-in-out;
		-ms-transition:  left 0.4s ease-in-out;
		-o-transition:  left 0.4s ease-in-out;
		transition:  left 0.4s ease-in-out;
	}

	.wrapper #sidebar-toggle .bar{
		display: block;
		width: 48px;
		margin-bottom: 3px;
		height: 4px;
		background-color: #fff;
		border-radius: 1px;
	}
	.wrapper #sidebar-toggle .bar:last-child{
		margin-bottom: 0;
	}

	.btn_open{
		left: 60px !important;
	}






	.content td{
		text-align: justify;
	}

	.line.with_h1{
		margin-top: 140px;
	}

	.phones{
		margin-right: 0 !important;
	}

	a.mailto {
		padding-left: 0 !important;
	}

	.slider_wrapper{
		top: 248px !important;
	}

	.wrapper:before{
		height: 248px;
	}

	.with_menu:before{
		background: url('') 50% 100% no-repeat;
	}

	.novis_small{
		display: none !important;
	}

	.prodvis.vis1, .prodvis.vis2, .prodvis.vis3floor, .prodvis.vis3wall, .prodvis.vis3table, .prodvis.vis4, .prodvis.vis5, .prodvis.vis6, .prodvis.vis7floor, .prodvis.vis7wall, .prodvis.vis7table {
		width: 384px;
		background: none;
		border-top: 1px #cccccc dotted;
		height: 1%;
		padding: 0;
	}

	.prodvis  div {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		padding: 10px 0 10px 0 !important;
		margin: 0 !important;
	}

	#ajax_photo img {
		width: 380px;
		height: auto;
		max-width: none;
		max-height: none;
		margin: 0;
		padding: 0;
	}

	.adderss{
		font-size: 24px;
	}

	.ajax_photo_prev, .ajax_photo_next {
		display: none;
	}

	.photos_table{
		width: 384px !important;
	}

	.photos_table td{
		padding: 10px 0;
		display: block;
		width: 370px !important;
		vertical-align: top;
		float: left;
		text-align: center;
	}

	.photos_table img {
		display: block;
		margin: 0 auto 0 auto;
	}

	.photos_table a {
		display: block;
	}


	table.clients {
		width: 384px !important;
	}

	table.clients td {
		padding: 0;
		margin: 0 5px 10px 0;
		width: 300px !important;
		display: block;
		float: left;
		vertical-align: top;
		text-align: left;
	}
	table.clients td img {
		width: 100px;
		height: 74px;
		margin: 0 5px 0 0;
		float: left;
	}

	table.projects td {
		padding: 0 !important;
	}

	table.menu , table.botlinks {
		width: 384px !important;
	}

	table.menu td, table.botlinks td {
		width: 370px !important;
		display: block;
		border: none;
		margin-bottom: 30px;
	}

	table.botlinks td, table.botlinks td:first-child  {
		background: none;
		border-top: 2px #06ace4 solid;
	}

	table.menu table {
		width: 100px !important;
	}

	table.menu td td {
		display: table-cell;
		width: 100px !important;
		border: none;
		float: left;
	}

	table.menu td hr {
		border: none;
		clear: both;
	}


	.mceItemTable td{
		display: block;
		float: left;
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	table{
		text-align: justify;
	}

	html, body{
		text-align: justify;
	}
	.wrapper {
		background: none;
		padding-top: 54px;
	}

	.vert_line{
		margin-top: 50px;
	}

	.slogan{
		float: left;
		margin: 10px 0 0 0;
		text-align: center;
		font-size: 20px;
	}

	.slogan_text{
		margin-top: 60px;
		margin-left: 22px;
	}
	.phones.top{
		margin-top: -1px;
		width: auto;
		white-space: nowrap;
		float: none;
		text-align: center;
	}
	.line .feedback_click{
		margin-top: 103px !important;
		margin-right: 62px !important;
	}


	.feedback_click a{
		padding-left: 12px !important;
	}

	.logo{
		display: block !important;
		margin: 34px 0 0 6%;
		width: 170px;
		height: 35px;
		background: url("../images/logo_small.png") no-repeat;
	}
	.logo a{
		display: block;
		width: 170px;
		height: 35px;
	}
	.logo img,
	.freecall{
		display: block;
	}
	.phone, .phone .code{
		font-size: 20px;
		padding: 0;
		padding-top: 50px !important;
	}
	.phones.top{
		margin: 6px 70px 0 0;
	}

	.with_logo{
		height: 54px;
	}


	.content:nth-child(1){
		margin-top: 120px;
	}

	.with_wrapper.w720{
		text-align: center;
	}
	.with_wrapper.w720 > div{
		display: inline-block;
		float: none;
	}

	.floating_small{
		repeat-x 0 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 54px;
		z-index: 10;
	}
	.floating_body{
		width: 100%;
		position: static;
		left: 50%;
		margin-left: auto;
		margin-top: auto;
		margin-top: 44px !important;
	}

	.line.with_menu{
		display: none;
		background: url("../images/menu_small.png")
		50% 50% no-repeat;
		height: 32px;
		width: 32px;
		position: relative;
		padding: 10px;
		margin: -10px;
		top: 206px;
		right: 6px;
	}

	ul.mainmenu{
		display: none;
		padding: 0 0 8px 8px;
		position: static;
		top: 45px;
		right: 6px;
		background: #fff;
		border: 3px solid #06ACE4;
		z-index: 10;
	}

	ul.mainmenu li{
		float: none;
		padding: 5px 0 0;
		margin: 0;
	}
	ul.mainmenu li:hover .submenu,
	ul.mainmenu li:hover .submenu_pr,
	ul.mainmenu li:hover .submenu_arrow{
		display: none;
	}
	ul.mainmenu li a.selected{
		background: none;
	}

	.icons{
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 10px 0;
	}


	.content{
		width: 100%;
		padding: 0 8px;
	}


	.w700, .w720{
		width: 90%;
		padding-left: 40px;
		padding-right: 40px;
	}

	.title .title_body,
	.title .title_body.with_sb{
		padding-left: 8px;
		width: 388px;
	}

	.body{
		padding: 0;
	}

	.product_img, .page_img, #products_links{
		display: none;
	}

	#products_main li{
		width: 384px;
		height: auto;
		background: #fff;
	}
	.products_cat {
		height: auto;
		padding-bottom: 20px;
	}

	.news_body img,
	.news_header img{
		margin: 0 0 5px;
		float: none;
		display: block;
	}

	.bordered{
		margin: 10px 0;
		max-width: 384px;
	}

	.sidebar{
		float: none;
		margin: 0;
		width: 384px;
	}
	.with_sidebar.right_content{
		margin: 0;
	}
	.sidebar ul{
		margin-top: 10px;
		font-size: 11pt;
	}
	.sidebar ul li.service{
		font-size: 20pt;
		min-height: 50px;
		margin-bottom: 16px;
		text-align: right;
	}
	.service>.service-design-room>a{
		margin-left: 20px;
	}
	.sidebar li{
		border: none;
	}
	.sidebar li a {
		background: none;
		padding: 4px 10px;
	}

	.sidebar li.selected > a{
		background: none;
	}

	.banners_inner{
		margin-top: 25px;
	}

	.right_content{
		padding-top: 130px;
	}

	.tezis_wrap{
		margin: 0;
	}
	table.tezis td{
		display: block;
		width: 370px !important;
		border: none;
	}
	table.tezis{
		border: none;
	}

	ul.tab_buttons{
		border: none;
		height: auto;
	}
	ul.tab_buttons li{
		border: none;
		float: none;
		margin: 0;
		padding-bottom: 4px;
	}
	ul.tab_buttons li a{
		display: block;
	}
	ul.tab_buttons li.selected{
		background: none;
		border-bottom-width: 4px;

	}

	.tab_content_2 br,
	.tab_content_2 img{
		display: none;
	}

	.tab_content_2 .photos_table img {
		display: block;
	}

	.tabs td{
		display: block;
		width: 386px;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.footer{
		padding-top: 10px;
	}
	.footer .content{
		width: 100%;
	}
	.footer td{
		padding-top: 15px;
		display: block;
		float: left;
		width: 384px;
	}
	.footer .with_search{
		padding: 10px 0 15px;
	}


	.banners{
		width: 394px;
		text-align: center;
	}

	.news_col{
		width: 374px;
		padding: 5px 0;
	}
	.news_col table td{
		display: block;
		width: 349px;
		border-right: none;
	}

	.products_models td{
		display: table-cell;
	}
	.products_models td,
	.products_models th{
		padding: 2px 4px !important;
	}

	table.big{
		width: 384px !important;
		margin: 0;
		border-bottom: 4px solid #D1D3D4;
	}
	table.big td{
		padding: 0;
	}

	.phones .mailto:before, .footer .email:before{
		position: static;
		padding-right: 12px;
		margin-top: 8px;
	}

	.phone:before{
		position: static;
		padding-right: 12px;
		padding-top: 12px;
	}

	.copyright{
		padding-top: 0;
	}

	.phones.top > a{
		display: block;
	}

	.with_menu{
		position: static;
	}
}
*/
#modal-store {
    width: 980px;
    top: 40px;
    left: 55px;
    z-index: 150;
    background: transparent;
}

#modal-store:hover {
    display: block;
}

.with_menu {
    position: relative;
}

.submenu_arrow {
    display: none;
    position: absolute;
    /*background: transparent url("../images/submenu_arrow.png") no-repeat scroll 0% 0%;*/
    width: 15px;
    height: 11px;
    top: 32px;
    z-index: 151;
    left: 50%;
    margin-left: -8px;
}

.listItem ul:hover + .submenu_arrow, .listItem:hover > .submenu_arrow {
    display: block;
}

.gallery-item a {
    display: block;
    text-align: center;
}

.services_img {
    background: transparent url("../images/pic_5_1396022769.jpg") repeat scroll 50% 0px;
}

.sup_img {
    background: url('../images/pic_6_1396022713.jpg') 50% 0;
}

.features td {
    padding: 0;
}

/* Карточка */

.service-card{
    display:flex;
    flex-direction:column;

    height:550px;
    min-height:430px;

    background:#fff;

    border-radius:24px;
    padding:30px 25px;

    text-decoration:none;
    color:#222;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

    transition:.3s;
}

.service-card:hover{
    text-decoration:none;
    color:#222;

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(0,0,0,.14);
}

.service-card__title{
    font-size:32px;
    font-weight:700;
    line-height:1.2;

    margin-bottom:20px;
}

.service-card__image{

    flex:1;

    display:flex;
    justify-content:center;
    align-items:center;

    min-height:220px;
}

.service-card__image img{

    max-width:100%;
    max-height:220px;

    object-fit:contain;
}

.service-card__footer{

    display:flex;
    justify-content:flex-end;

    margin-top:25px;
}

.service-card__button{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:10px 24px;

    border:2px solid #333;
    border-radius:40px;

    font-size:18px;
    font-weight:500;

    transition:.25s;
}

.service-card:hover .service-card__button{

    background:#333;
    color:#fff;
}

/* Bootstrap */

.sidebar_cell{
    margin-bottom:30px;
}

/* */

.tehnical-item {
    display: inline-block;
    width: 47%;
    vertical-align: top;
    margin: 0 4% 0 0;
    float: left;
}

.tehnical-item:nth-child(even) {
    margin: 0px;
}

h2.zagolovok {
    color: #000000;
    font-size: 20pt;
    margin: 40px 0 20px;
}

/* Clients */

.clients {
    text-align: center;
}

.clients img {
    background: #0568A9;
    border-radius: 2px;
    margin-bottom: 30px;
    width: 100%;
}

body > .container {
    padding-bottom: 30px;
}

.container img {
    max-height: 100%;
    height: auto !important;
    width:100%;
}

.sidebar_pict img{
    max-height: 200px;
    height: auto !important;
    width:auto;
}

.block-description img{
    max-height:250px;
    height: auto;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}


/* */

.map {
    border: 3px solid #464646;
    border-radius: 3px;
    margin: 40px 0;
}

/* SERVICES */

.text-content {
    /*padding: 20px 0;*/
}

#footer-link a {
    color: #fff;
}

.row-contact {
    margin: 0 -15px;
}

.row-contact .map-2 {
    border: 3px solid #464646;
    border-radius: 3px;
    margin: 40px 0;
}

.floating_body .mainmenu .submenuItem > ul {
    display: none;
}

.floating_body .mainmenu .submenuItem:hover > ul {
    display: block;
}

.floating_body .mainmenu .submenuItem .submenuItem:hover > ul {
    left: 6px;
    top: 26px;
}

.floating_body .mainmenu .submenuItem .submenuItem:hover > ul ul {
    left: 0;
    top: 40px;
}

.floating_body .mainmenu .submenuItem .submenuItem:hover > ul .submenu_arrow {
    display: none;
}

a.rollover_golograficheskie-tehnolo {
    background: url(/images/golograph_tech.png); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 60px; /* Ширина рисунка */
    height: 60px; /*  Высота рисунка */
    background-size: 100%;
}

.store-item_header {
    padding-left: 0px;
}

.store-item:hover .store-item_header a {
    border: 5px solid #ed7226;

}

.store-item_header a {
    width: 64px;
    height: 64px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;

    border: 5px solid transparent;
    border-radius: 50%;
    box-sizing: border-box;
    background-size: 66px;

    transition: all 0.2s ease-in;
}

.store-item_products {
    padding-right: 0;
}
.store-item_products ul {
    padding: 0px;
    margin: 0 -11px 0 0;
}

.store-item_products ul li {
    display: block;
    font-family: "Inter" ,Arial, sans-serif;
    font-size: 12px;
    list-style: outside none none;
    float: none;
    background: transparent url("../images/bul.gif") no-repeat scroll 0px 7px;
    padding-left: 15px;
    text-align: left;
    line-height: 16px;
}

.store.content.row {
    margin: 0px;
    padding: 15px;
    background: #FFF none repeat scroll 0% 0%;
    border: 3px solid #0568A9;
}

.store.content.row .store-column {
    padding-top: 20px;
    height: 140px;
    border-right: 2px #06ace4 solid;
}

.store.content.row .store-column {
    height: auto;
    border-right: 2px #06ace4 solid;
}

.store.content.row .store-item {
    margin-left: 0px;
}

.modal-store .store-item_products ul li a {
    color: white !important;
    background: transparent none repeat scroll 0% 0%;
    display: inline;
    text-decoration: none;

    font-size: 12px;
}

.bullets-list ul.dropdown-menu {
    background-color: rgba(0, 74, 129, 1) !important;
}

.bullets-list ul li {
    background: transparent url(../images/bul.gif) no-repeat scroll 3px 45%;
}

.bullets-list ul li:hover a {
    background-color: transparent;
}

.bullets-list ul li a {
    color: #fff !important;
    background: transparent none repeat scroll 0% 0%;
    display: block;
    text-decoration: none;

    font-size: 14px;
}

.row.team > div {
    margin-bottom: 15px;
}

.row.clients img {
    max-width: 100%;
}

.row.team img {
    display: block;
    width: 100%;
}

.projectspag{
    display: flex;
}

.projectspag .pagination{
    margin: 20px auto;
}


.store{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.store-item_products a:hover {
    text-decoration: underline;
}

.store-item_products > a {
    display: block;
    margin: 5px 0px;
}

.store.row.content .store-item_products > a {
    font-size: 18px;
}

.store-item_products a {
    font-size: 16px;
    color: #000 !important;
    background: transparent none repeat scroll 0% 0%;
    text-decoration: none;
    min-height: 32px;
    line-height: 16px;
}

/*.store.row.content .store-column:nth-child(n+4) .store-item {*/
/*    border-bottom: 0px #06ace4 dotted;*/
/*}*/

.store.row.content .store-column:nth-child(3n+3) {
    border-right: 0px #06ace4 solid;
}

.store.row.content .store-item {
    margin-left: 0px;
    height: 100%;
    width: 100%;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-bottom: 2px #06ace4 dotted;
    margin-bottom: 20px;
}

#modal-store .store.row .store-item {
    margin-left: 0px;
    height: 100%;
    width: 100%;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-bottom: 2px #06ace4 dotted;
    margin-bottom: 20px;
}

#modal-store .store.row .store-column {
    padding-top: 20px;
    border-right: 2px #06ace4 solid;
}

#modal-store .store.row .store-column:nth-child(n+4) .store-item {
    border-bottom: 0px #06ace4 dotted;
}

#modal-store .store.row .store-column:nth-child(3n+3) {
    border-right: 0px #06ace4 solid;
}

a.category_menu {
    margin-bottom: 60px;
    padding-bottom: 60px;
}

.right_content {
    clear: both;
}

.right_inner_menu {
    float: right;
}

.sidebar_pict {
    vertical-align: middle !important;
    margin: auto !important;
    text-align: center;
    height: 233px;
}

.sidebar_pict a {

}

.sidebar_text {
    height: 50px !important;
    vertical-align: middle !important;
    text-align: center !important;
}

.sidebar_text a {
    padding: 0 !important;
    text-decoration: none;
    font-size: 20px;
    color: #474747;

}

.sidebar_cell {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.sidebar_cell:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.sidebar_cell {

    margin-bottom: 30px;
}

.category-image-store{
    margin-bottom:20px;
}

.container_for_left_menu {
    position: relative;
    height: 100%;
    width: 100%;
    left: 0;
    -webkit-transition: left 0.4s ease-in-out;
    -moz-transition: left 0.4s ease-in-out;
    -ms-transition: left 0.4s ease-in-out;
    -o-transition: left 0.4s ease-in-out;
    transition: left 0.4s ease-in-out;
}

.line.body_inner {
    min-height: 1210px;
}

.lower_main_menu {
    text-align: justify;
    margin: 0 auto;
    margin-bottom: 20px;
}

.footer_menu_cell {
    padding: 0px 5px;
}

div.menu_parent {
    text-align: center;
    border-bottom: solid 1px white !important;
    padding-bottom: 5px;
    margin-bottom: 16px;
    font-size: 12px;
}

div.menu_parent a {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}

div.menu_parent a:hover {
    color: white;
}

div.menu_child {
    text-align: center;
    font-size: 10px;
    margin-bottom: 6px;
    background-color: transparent;
}

div.menu_child a {
    text-align: center;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
}

div.menu_child a:hover {
    color: white;
}

div.menu_child:hover {
    background-image: url("/images/Header_BG.jpg");
}

header .container-fluid {
    background-image: url("/images/Header_BG.jpg");

}

.pagination > li > a, .pagination > li > span, .gsc-cursor-page {
    color: #686d77;
    background-image: unset;
    border: unset;
    border-radius: 10px;
}

.pagination > li:hover > a, .pagination > li:hover > span, .pagination > li.page.selected > span, .pagination > li.page.selected > a, .gsc-cursor-current-page, .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
    color: #686d77;
    text-decoration: none;
    background: none;
    background-color: #eaeaec;
}

.subcategory {
    display: inline-block;
    padding: 3px 10px;
    margin-right: 5px;

    color: white;

    background-image: url("/images/Header_BG.jpg");

    margin-bottom: 5px;
}

.subcategory:hover, .subcategory.active {
    color: white;
    text-decoration: none;
    background: none;
    background-color: #0568A9;
    text-decoration: none;
}

.emptycontent {
    margin: 15px 0px 30px;
    text-align: center;
}

.cat-row {
    margin-bottom: 15px;
}

.menu-locations-row {
    margin-bottom: 15px;
}

/* 3d-mapping FIX */

.mapping-price {
    width: 1000px
}

.mapping-price-cell {
    height: 320px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.mapping-price-cell > * {
    padding: 0 15px
}

.mapping-price-cell > p {
    font-size: 10px;
    margin: 0;
}

.mapping-price-cell > h2 {
    font-size: 21px;
    font-family: 'Noto Serif', serif;
    margin: 0;
    color: #000;
}

.align-right {
    text-align: right;
}

.mapping-price-detail {
    opacity: 0;
    line-height: 150%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.mapping-price-detail > .distribute-children > * {
    width: 48%;
    height: 15px;
    font-size: 10px;
    font-weight: 600;
    line-height: 15px;
    text-indent: 5px;
    letter-spacing: -0.05em;
    border: 1px solid #808080
}

.mapping-price-detail > .distribute-children > .odd {
    background-color: #ccc
}

.mapping-price-detail > .distribute-children > .even {
    background-color: #fff
}

/* end fix */

.article-icon {
    width: 53px;
    height: 53px;
    background-image: url(../pic/article_icons.png);
    margin-right: 10px;
    margin-bottom: 10px
}

.article-icon.iwall {
    background-position: 0 -53px
}

.article-icon.showcase {
    background-position: 0 -106px
}

.article-icon.holopiramids {
    background-position: 0 -159px
}

.article-icon.itable {
    background-position: 0 -212px
}

.article-icon.ibar {
    background-position: 0 -265px
}

.article-icon.freeze {
    background-position: 0 -318px
}

.article-icon.ifloor {
    background-position: 0 -371px
}

.article-icon.activity {
    background-position: 0 -424px
}

.article-icon.robots {
    background-position: 0 -477px
}

.article-icon.light {
    background-position: 0 -530px
}

.article-head {
    max-width: 75%
}

.western {
    font-weight: normal;
    font-size: 14px;
    text-align: justify;
    text-indent: 20px
}

.distribute-children {
    text-align: justify;
}

.distribute-children.mid {
    text-align: left
}

.distribute-children:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.distribute-children > * {
    display: inline-block;
    vertical-align: top;
}

.distribute-children.mid > * {
    display: inline-block;
    vertical-align: middle;
}

.group:after {
    content: "";
    display: table;
    clear: both;
}

.half {
    width: 49%;
}

.row-left {
    float: left;
}

.row-right {
    float: right;
}

ul.disc,
ul.disc li {
    list-style: disc inside;
    font-size: 14px;
}

.third {
    margin-top: 10px;
    margin-bottom: 10px;
}

.two-third {
    width: 65%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.quarter {
    width: 24%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.three-quarter {
    width: 75%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.fifth {
    width: 19.6%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-pdf{
    background-color: transparent; 
    height:55px; 
    padding-right: 60px;
    padding-left: 60px;
    border-radius: 32px; 
    border: 2px solid #223266 ; 
    line-height: 40px; 
    color: rgba(34, 50, 102, 1);
}

.btn-pdf:hover{
    
    border: 2px solid rgba(0, 146, 255, 1) ; 
    color: rgba(0, 146, 255, 1);
}

.mainpage{
    text-align:center;
    margin: 150px auto 70px;
}

.mainpage h1{
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: black;
}

.mainpage h2{
    font-family: Inter;
    font-weight: 200;
    font-style: Extra Light;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(0, 0, 0, 1);

}

.row-mainpage p{
    font-size:16px;
}

#news-slider{
    margin-bottom: 150px;
}

#news-slider .container-fluid{
    height: ;
    
}

.news-slide{
    height: 500px;
}

.icon-mainpage{
    display: block;
    max-height: auto;
    width:90px !important;
    height:90px !important;
    box-shadow: 1px 0 60px rgba(45, 51, 60, 0.22);
    margin: auto;
    margin-bottom: 50px !important;
}

.row-mainpage div{
    padding:30px 30px 40px 30px;
}

#myCarousel picture {
    display: block;
    width: 100%;
    height: 100%;
}

#myCarousel picture img {
    display: block;
    width: 100%;
    height: auto;
}


#myCarousel,
#myCarousel .carousel-inner,
#myCarousel .item,
#myCarousel picture,
#myCarousel picture img {
    height: var(--banner-height);
}

#myCarousel picture img {
    width: 100%;
    object-fit: cover;
}

.slidesjs-slide{
    position: relative;
    display: block;
}

.slidesjs-slide::after{
    content:"Прозрачный\A OLED-дисплей";
    white-space: pre-line;

    position:absolute;

    bottom:50%;

    color:#fff;
    font-size:32px;
    font-weight:700;
    line-height:1.2;

    text-shadow:0 2px 10px rgba(0,0,0,.5);
    z-index:10;
}

.item:nth-child(1) .slidesjs-slide::after{
    content:"Прозрачный\A OLED-дисплей";
    right:10%;
}

.item:nth-child(2) .slidesjs-slide::after{
    content:"Фотоактивность\A с искусственным\A интеллектом";
    right:10%;
}

.item:nth-child(3) .slidesjs-slide::after{
    content:"Виртуальный\A ведущий";
    left:10%;
    
}

.item:nth-child(4) .slidesjs-slide::after{
    content:"Угловая фотозона\A с 3D naked-eye\A контентом";
    left:10%;
}

.item:nth-child(5) .slidesjs-slide::after{
    content:"Мультимедийные\A музеи";
    right:10%;
}

.Digital-активности{
    display:none;
}

.category-image-store{
    display: block;
    background-image: url(/images/digital/digital-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.category-image-store.Digital-активности img{
    display: none;
}

.category-image-store.Digital-активности::before {
    content: "ТЕХНОЛОГИИ\AЭМОЦИИ\AВПЕЧАТЛЕНИЯ";
    position: absolute;
    top: 5%;
    right: 5%;

    color: #fff;
    font-size: 42px;
    font-weight: 500;
    line-height: 1.2;

    white-space: pre-line;
    text-align: right;
}

.category-image-store.Digital-активности::after {
    content: "DIGITAL\AАКТИВНОСТИ";

    position: absolute;
    bottom: 5%;
    left: 5%;

    color: #fff;
    font-size: 108px;
    font-weight: 500;
    line-height: 1.2;

    white-space: pre-line;
}



@media (max-width: 1199px) {
    header .feedback-block {
        text-align: center;
    }
}

/* добавляем свое медиа */
@media (max-width: 1199px) {
    .with_pok {
        margin-bottom: 60px;
    }
    
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        right: 20px;
    }
    .collapse.in{
        display:block !important;
    }
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-right: -15px;
        margin-left: -15px;
    }
    .logo {
        float: left;
        padding-top: 0px;
        width: 100px;
        padding-right:0px;

    }
    
    #modal-store {
        width: auto !important;
        top: 20px;
        left: 0px;
        z-index: 150;
        background: transparent;
    }
    
    #yii_booster_collapse_yw2{
        display: block;
    }
    
    .mainmenu .dropdown-menu {
        left: unset;
        right: 30px;
    }
    
    #yw6 .listItemLink, #yw7 .listItemLink{
        text-align: right; 
    }
    
    
    
    
}
/* адаптив*/
@media (min-width: 980px){
    .main-pc-carousel{
        display:block !important;
    }
    
    .main-phone-carousel{
        display: none !important;
    }
    
    header .container, .title .container{
        width:92%;
    }
}

@media (max-width: 980px) {
    
    .main-pc-carousel{
        display:none !important;
    }
    
    .main-phone-carousel{
        display: block !important;
    }
    
    .news-slide{
        margin-bottom: 60px;
        height: auto;
    }
    
    .slidesjs-slide::after{
        content:"Прозрачный\A OLED-дисплей";
        white-space: pre-line;

        position:absolute;

        left:10%;
        bottom:10%;

        color:#fff;
        font-size:32px;
        font-weight:700;
        line-height:1.2;

        text-shadow:0 2px 10px rgba(0,0,0,.5);
        z-index:10;
    }
    
    .item:nth-child(1) .slidesjs-slide::after{
        content:"Прозрачный\A OLED-дисплей";
    }
    
    .item:nth-child(2) .slidesjs-slide::after{
        content:"Фотоактивность\A с искусственным\A интеллектом";
    }
    
    .item:nth-child(3) .slidesjs-slide::after{
        content:"Виртуальный\A ведущий";
    }
    
    .item:nth-child(4) .slidesjs-slide::after{
        content:"Угловая фотозона\A с 3D naked-eye\A контентом";
    }
    
    .item:nth-child(5) .slidesjs-slide::after{
        content:"Мультимедийные\A музеи";
    }

    .aboutpage .aboutcompany{
        padding:40px;
    }

    .aboutpage .feature-item{
        min-height:auto;
        margin-bottom:35px;
        padding:0;
        border:none;
    }

    .aboutpage .aboutcompany h1{
        font-size:42px;
    }

    .aboutpage .bold-team{
        font-size:28px;
    }
    
    .service-card{
        min-height:380px;
        padding:25px 20px;
    }

    .service-card__title{
        font-size:26px;
    }

    .category-image-store.Digital-активности::before{
        font-size: 24px;
    }
    
    .category-image-store.Digital-активности::after{
        font-size: 48px;
        bottom:15%;
    }
    
}


@media (max-width: 767px) {

    .logo {
        float: left;
        padding-top: 0px;
        width: 100px;
        padding-right:0px;

    }

    .vert_line {
        display: none;
    }

    .mainmenu {
        margin-top: 0px;
        padding-right: 0px;
    }
    
    .navbar-collapse {
        overflow-y: unset !important;
        margin-bottom: 20px !important;
    }

    .navbar-toggle {
        margin-right: 0px;
    }

    .mainmenu li.dropdown.open .submenu_arrow {
        display: none;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }

    .carousel-inner > .item > a {
        text-align: center;
    }

    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        width: 100%;
        max-width: 100%;
    }

    .navbar-nav {
        margin: 7.5px 0px;
        padding-right: 0px;
    }

    .footer .copyright {
        text-align: center;
        margin-bottom: 15px;
    }

    .footer .phones {
        margin: 15px 0px;
        text-align: center;
    }
    
    .footer .feedback-block-new{
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .footer .row-social{
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    
    .footer .address, .footer .email, .footer .counter, .footer #footer-link {
        text-align:center;
    }

    header .feedback-block {
        text-align: left;
    }
    
    .mainmenu .dropdown-menu {
        margin: 0px;
        padding: 7px;
        background: transparent;
        border: 3px solid #0568A9;
    }
    
    .bullets-list ul.dropdown-menu {
        background-color: transparent !important;
    }
    
    .carousel-control{
        width: 20%;
    }
    
    
    .aboutpage .aboutcompany{
        padding:30px 25px;
    }

    .aboutpage .aboutcompany h1{
        font-size:34px;
    }

    .aboutpage .aboutcompany .lead{
        font-size:14px;
        max-width:100%;
    }

    .aboutpage .about-btn{
        font-size:18px;
    }

    .aboutpage .bold-team{
        margin-top:50px;
    }

    .aboutpage .team-card{
        text-align:center;
    }
    
    .service-card{

        min-height:auto;
        padding:20px;
        height: 420px;
    }

    .service-card__title{

        font-size:22px;
        text-align:center;
    }

    .service-card__image{

        min-height:180px;
    }

    .service-card__footer{

        justify-content:center;
    }

    .service-card__button{

        width:100%;
        max-width:220px;
    }

}

div.mapping-price-cell:hover div {
    opacity: 1;

}

/* http://devchange.i-russia.info/products/gobo-proekciya */

.tab_left {
    border: solid 1px #EE7326;
    border-right: none;
    height: 110px;
    margin-top: 10px;
    background-color: #F5F5F5;
    text-align: center;
    vertical-align: middle;
    line-height: 110px;
    color: #EE7326;
    cursor: pointer;
}

.tab_left:hover{
    background-color: #EE7326;
    color: #F5F5F5;
}

.tab_active {
    background-color: #EE7326;
    color: #FFF;
    border: none;
}

.background_table {
    padding: 10px;
    background-color: #EE7326;
}

.prise_table {
    margin-bottom: 0;
}

.select_film {
    display: table-cell;
    vertical-align: bottom;
}

.header_table {
    align-items: center;
    background-color: #EE7326;
    border-color: #EE7326;
    padding-bottom:0;
    display: flex;
    vertical-align: bottom;

}
.header_table select{
    margin: 11px;
}
.tab_door{
    color: #EE7326;
    background-color: #fff;
    text-align: center;
    border: solid 1px #EE7326;
    cursor: pointer;
    line-height: 60px;
}
.tab_door_row{

    margin-bottom: 20px;
}


.door_active{
    background-color: #EE7326;
    color: #F5F5F5;
    border-right: none;
}
.tab_door:hover{
    background-color: #EE7326;
    color: #F5F5F5;
}
.door_active{
    background-color: #EE7326;
    color: #F5F5F5;
}

.prise_table td:nth-child(4)
{
    text-align:center;
}

.clientItem{
    line-height: 150px;
    max-height: 150px;
    margin-bottom: 15px;
    text-align: center;
}

.clientItem img{
    max-height: 150px;
    width:100%;
}

.catalog-item-tech-list .clearfix:before, .catalog-item-tech-list .clearfix:after  {
    display: none;
}
.catalog-item-tech-list .right, .table-store-products .right {
    margin-left: 10px;
}




.flex-category {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.flex-category .sidebar_cell {
    margin-bottom: 20px;
    height: 215px;
}
.flex-category .sidebar_pict {
    height: 150px;
}
.flex-category .sidebar_cell img {
    max-height: 150px;
}


.rend-block
{
    border: 5px solid lightgray;
    -webkit-border-radius: 0rem;
    -moz-border-radius: 0rem;
    border-radius: 0rem;
    margin-bottom: 2rem;
}

.rend-block span
{
    background-color: #0066ad;
    font-size: 2rem;
    font-weight:bold;
    line-height: 5rem;
    display:block;
    color: white;

    margin-left: -5px;
    margin-right: -5px;
    width: calc(100% + 10px);
    margin-top: -5px;

    border-radius: 0rem 0rem 0px 0px;
    -moz-border-radius: 0rem 0rem  0px 0px;
    -webkit-border-radius: 0rem  0rem  0px 0px;
}

.rend-block p {
    padding: 0px 16px;
}

.rend-block em {
    font-style: normal;
    font-size: 32px;
    color: #0066ad;
}

.rend-block .btn {
    width: 90%;
    background-color: #0066ad;
    color: white;
    border-radius: 1rem;
    line-height: 2rem;
    font-size: 1rem;
    border: 0px;
    margin-bottom:5px;
    margin-top: 20px;
}

a.grey-locked-button, a.grey-locked-button:hover{
    border-color: grey;
    background-color: lightgrey;
    color: black;
    cursor: wait;
}

.gsc-adBlock, .gcsc-more-maybe-branding-root, .gsc-above-wrapper-area, .gcsc-branding, .gcsc-find-more-on-google-root{
    display: none !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
    background-color: unset !important;
    border: unset !important;
    padding: 0 !important;
}

.gsc-control-cse table tbody tr:nth-child(odd) {
    background-color: unset;
}

.search-input {
    width: 0 !important;
    opacity: 0 !important;
    overflow: hidden;
}

#header-search #yw0 {
    position: relative;
    display: flex;
    align-items: center;
}

#header-search .search-input {
    width: 0 !important;
    min-width: 0;

    opacity: 0 !important;
    overflow: hidden;

    padding-left: 0;
    padding-right: 0;

    background: #000;
    border: none;
    border-top: 3px solid #000;

    font-size: 12px;
    color: #fff;

    height: 40px;

    transition:
        width .75s ease,
        opacity .75s ease,
        padding .75s ease;
}

#header-search #yw0.open .search-input {
    width: 180px !important;
    opacity: 1 !important;

    padding-left: 5px;
    padding-right: 45px;
}

#header-search .btn {
    background-color: transparent;
    position: relative;
    z-index: 2;
    padding-right: 0;
}

#header-search .btn:hover {
    color: rgba(0, 146, 255, 1);
}

#yw1 img{
    margin-bottom: 0;
}

#header-search .search-trigger {
    position: absolute;
    top: 0;
    right: 0;

    width: 40px;
    height: 40px;

    z-index: 3;
    cursor: pointer;
}




.gsc-input-box table{
    margin-bottom: 0 !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input{
    padding: 0 !important;
}
.gsc-webResult .gsc-result {
    margin-bottom: -1px !important;
    border: unset !important;
}
.gsc-search-button-v2 svg{
    vertical-align: middle;
}

.gsc-cursor-current-page, .gsc-cursor-page{
    color: #ffffff !important;
    position: relative !important;
    float: left !important;
    padding: 6px 12px !important;
    line-height: 1.42857143 !important;
    text-decoration: none !important;
    border: 1px solid #ddd !important;
    margin-left: -1px !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;

}
.gsc-input-box input{
    background: unset !important;
    text-indent: 0 !important;
}

#header-search{
    padding: 0px 0 0;
    z-index: 999;
}

#myCarousel .item.left, #myCarousel .item.right{
    float: unset;
}

.agrey {
    color: #999;
}
.awhite {
    color: #FFF;
}

.pref-block{
    display: flex;
    align-items: center;
    margin: 15px;
}

.pref-block p{
    margin-left: 20px;
    font-weight: bold;
    font-size: 18px;
}

.table-title {
    font-weight: bold;
    font-size: 20px;
    margin: 0 15px;
}

.table-p-big {
    font-weight: bold;
    font-size: 17px;
    margin: 30px 15px 0 15px;
}

.table-p-small {
    font-weight: normal;
    font-size: 14px;
    color: #878484;
    margin: 5px 15px 0 15px;
}

.big-pic img {
    margin: 40px 10px;
}

.big-pic {
    text-align: center;
}

.vs {
    background-color: #f2f2f2;
    padding: 12px 2px 0 2px;
    width: 1000px;
    margin: auto;
    border-radius: 5px;
}

.vs-left {
    width: 45%;
}

.vs-left1 {
    width: 45%;
    display: none;
}

.vs-center {
    width: 35%;
    text-align: center;
}

.vs-right {
    width: 20%;
    text-align: center;
}

.vs-head{
    display: flex;
    margin: 2px;
    padding-left: 60px;
    align-items: center;
    font-weight: bold;
}

.vs-head .vs-left {
    font-size: 29px;
    color: #484848;
}

.vs-table{

}

.vs-table-row {
    display: flex;
    background-color: #fff;
    padding-left: 60px;
    border-radius: 8px;
    height: 65px;
    margin: 2px;
    align-items: center;
    color: #484848;
}

.vs-footer{
    height: 70px;
    display: flex;
    align-items: center;
    padding-left: 60px;
}

.tech{
    display: flex;
    align-items: normal;
    color: #484848;
}

.tech table td{
    padding: 12px 0;
}

.tech table td:first-child{
    font-weight: bold;
    padding-right: 15px;
}

.tech .table-title{
    margin-bottom: 25px;
    margin-left: 0;
}

.tech-left{
    width: 30%;
}

.tech-center{
    width: 35%;
}

.tech-right{
    width: 35%;
}
table.pantone {
    width: 100%; border-collapse: collapse;
}
table.pantone td {
    padding: 0.6rem 1rem;  font-weight: bold;
}

.ui-accordion .ui-accordion-header{
   position: unset !important;
   padding: 1rem;
    background: #ee7326;
    color: white;
    font-size: 14px;
}

.ui-accordion {
    margin-bottom: 10px;
}

#accordion h3{
    /*display:flex; */
    /*flex-direction: row; */
    /*justify-content: space-between;*/
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    
    justify-content: stretch;
}

#accordion h3 span{
    margin: auto 0;
}

#accordion h3 span:nth-child(1){
    display:none;
}

#accordion h3 span:nth-child(2){
    text-align:left;
}

#accordion h3 span:nth-child(3){
    text-align:center;
}

#accordion h3 span:nth-child(4){
    text-align:right;
}

/*.changed_price_for_akkardion{*/
/*    position: absolute;*/
/*    left: 47%;*/
/*    padding: 10px;*/
/*}*/



@media screen and (max-width: 1280px) { table.pantone td {display: block;} } @media screen and (max-width: 1140px) { table.pantone td {display: block;} } @media screen and (max-width: 992px) { table.pantone td {display: block;} (max-width: 800px) {
    table.pantone td {display: block;}}