/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

body {font-family: 'Montserrat', sans-serif !important; background: white;}
h2 {font-family: 'Montserrat', sans-serif !important; text-transform: none !important; font-weight:bold !important;}
#service .avia-builder-el-last .av-minimal-grid-style .avia-testimonial-image {width:120px; height:130px;}
#service .avia-builder-el-last .avia-testimonial-image img {border-radius: 0;}
#service .avia-builder-el-last .avia-testimonial-image {float:none;}

#service .avia-builder-el-first .av-minimal-grid-style .avia-testimonial-image {width:120px; height:130px;}
#service .avia-builder-el-first .avia-testimonial-image img {border-radius: 0;}
#service .avia-builder-el-first .avia-testimonial-image {float:none;}


.avia_transform .av-tab-arrow-container span {
    border-top: 2px solid;
    border-left: 2px solid;}
#service .av-tab-section-tab-title-container {
background-color:white; 
border-bottom:2px solid #008c69;}

#service .av-inner-tab-title {width:auto; text-transform: none;}
#service .av-tab-arrow-container { top: 0.6em;}
#service .av-inner-tab-title {font-size:20px; }
#service .av-tab-no-icon.av-tab-no-image .av-inner-tab-title {margin-bottom:0;}
#service div.avia-builder-el-first div.avia-testimonial.av_one_half.flex_column {border: 1px solid #e2e2e2; }
#service .av-boxed-grid-style.avia-testimonial-wrapper {border-spacing: 8px;}

#service .av-section-tab-title {text-decoration:underline; color:#01458e; font-weight:bold;}
#service .av-active-tab-title{text-decoration:none;}
div.grafik{
    font-size:15px;
    padding:0 0px 0 10px;
    line-height:140%;
   // margin: 0 0 0 -50px;
   // border-left:1px solid #e2e2e2;
}
.av-boxed-grid-style .avia-testimonial_inner {
    padding: 20px 40px;
}
 .avia_transform .avia_start_animation.avia-testimonial .avia-testimonial-image {animation: none;}
.avia_transform .avia-testimonial .avia-testimonial-image {
opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
 #top #service .avia-logo-element-container .slide-entry {padding: 10px;}
 a.button_head:hover {text-decoration:none;     transition: .5s cubic-bezier(.645,.045,.355,1); color:white; background-color:#bf171f;}
#service .main_color .av-boxed-grid-style .avia-testimonial {background: #f0f0f0;}
 
  #top #service .avia-logo-element-container img {
filter: grayscale(1);
    transition: all .3s;}
  #top #service .avia-logo-element-container img:hover{    filter: grayscale(0);}
  
.main_color strong {color: black;}
#programm {margin-top:80px;}
#programm img {
filter: grayscale(1);
    transition: all .3s;}

#zaphast .flex_cell { vertical-align: middle; }
#programm img:hover{    filter: grayscale(0);}
#service .column-top-margin {margin-top:0; margin-bottom:0;}
#service .av-minimal-grid-style .avia-testimonial {padding: 20px;}
#reaction h2{font-weight:900 !important;} 
#reaction .container .content {
vertical-align: top !important;
}
.avia_transform .av-extra-border-element.border-extra-diagonal.border-extra-diagonal-inverse .av-extra-border-inner {    transform: rotate(-3deg);}

.av_minimal_header #header_main .container {height: 140px;line-height: 100%;}
.head_cust {display: flex; align-items: center;  justify-content: space-between;}
.phone_head{
    //font-weight:bold;
    font-size:20px;}
.phone_head a{color:black;}
.button_head{display:block; 
 color:white !important;
  //  box-shadow: 0 -3px rgb(188, 11, 50) inset;
font-weight: 600;
  text-decoration: none;
  letter-spacing: 0.5px;
  padding: 1em 1em ;
  border-radius: 5px;
    background-color:#e31e24 !important;
 // box-shadow: 0 -4px rgb(149, 11, 11) inset;
  transition: 0.2s;
  
  }
div .logo {float: none !important;
    position: relative !important; 
	height: auto;}
#advanced_menu_toggle  {
    top: 16%;
	//position:fixed;
}

.slideshow_caption {
    width: 50%;
}
.zap{border: 2px solid white !important; padding: 10px; color: white; text-align: center; position: relative; font-weight: 600; top: -150px;}

.avia-caption .avia-caption-content p {background: none;     display: block;}
.avia-caption .avia-caption-title{background: none;}
#service_main img {

}
#service_main .butt{    display: block;
    padding: 10px 50px;
	color:white;
	text-decoration:none;
	display:inline-block;
    border: 2px solid white !important;
    border-radius: 50px;
    font-weight: 600;}
#service_main	 .avia-caption {    z-index: 100000;}
#service_main .butt a{text-decoration:none;}
#service_main a {color:white;}

/*
#service_main ul li a{    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 999999;
    cursor: pointer;}
	
#service_main div.avia-caption.av-slideshow-caption a {position:relative; width:auto; height:auto;}
	*/
#top #service_main .avia-caption-content  a {text-decoration:none;}
#service_main a:hover .image-overlay {opacity: 0.7 !important;  background-color:#bf171f;}
/* #service_main .flex_cell{padding: 10px 30px;} */
.av-main-nav > li > a {font-size:18px; font-weight:normal;}

div.logo_head img{width:auto;}
/* div#header_main {background: rgba(221,221,221,0.41) url(/img/retro-dark.png) repeat center center; } */
a.tel{
	    color: black;
    font-weight: bold;
    font-size: 26px;
}

@media only screen and (max-width: 1040px) {
	.av-main-nav > li > a {font-size:15px; font-weight:normal;}
	div.grafik{display:none;}
}
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 990px) {
  /* Add your Desktop Styles here */
	.tel_footer {font-size:80px;}
}

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
	#projects_eco{display:block;}
	#projects_mobile{display:none;}
	#main_docs div.first { padding-left:200px; }
	#full_slider_1.el_after_av_layerslider {display:none;}
	#layer_slider_1{display:block;}
	#service {display:block;}
	#price_mobile,#gallery_mobile {display:none;}
	.tel_footer {font-size:40px;}
}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 989px) {
		#order_section .avia-builder-el-first {display:none !important;}
}


@media only screen and (max-width: 767px) {
	.tel_footer {font-size:30px;}
	#order_section .avia-builder-el-first {display:none !important;}
	#eco_about div.avia-builder-el-first{display:none !important;}
	#service {display:none;}
	#price_mobile {display:block;}
	#service .av-tab-section-tab-title-container {text-align:left;}
	#service .av-active-tab-title, #service .av-section-tab-title {    width: 50%;}
	
	#eco_tabs_where .tabcontainer .tab{height: auto !important;}
	#eco_tabs_where .tab { font-size: inherit !important;width: 100% !important;}
	#full_slider_1.el_after_av_layerslider{display:block;}
	#layer_slider_1{display:none;}
	
	#projects_eco{display:none;}
	#projects_mobile{display:block;}
		#projects_mobile div.av_one_fifth{margin-bottom:10px;}
		#main_docs div.first { padding-left:0px; }

	#t_about p {font-size:20px; line-height:170%;}
	#t_about .avia_sc_animated_number_active {margin-bottom:20px;}
	#napravleniya div.first.av_two_third { background-image:none !important;}
		.av-main-nav > li > a {font-size:13px; font-weight:normal;}

  /* Add your Mobile Styles here */
.head_cust {display: flex; align-items: center;  justify-content: center; flex-wrap:wrap;}
div.head_contact {margin:20px 0; text-align:center; line-height:140%;}
.av_minimal_header #header_main .container {height: auto; line-height: 100%;}
.logo_head{margin:20px 0 0 0;}
.but{margin:0px 0 40px 0;}
#service .avia-builder-el-first .av-minimal-grid-style .avia-testimonial-image {margin: 0 auto;}
#service .av-minimal-grid-style .avia-testimonial-meta-mini {    text-align: center;}
#service .avia-testimonial-wrapper {margin: 0 auto;}
.responsive #top #wrap_all #service .flex_column {margin-bottom: 0px;}
#reaction .flex_column.flex_column_div {margin:0 !important; padding:0 !important; } 
/*repair*/
.av-tab-arrow-container {display:none;}
.zap{top: 0px;}
#reaction {background-position: -1000px center !important;}

#service_main .avia-inner-caption div.avia-caption-content  {display:none;}
#service_main h2.avia-caption-title {font-size:18px; padding:0; line-height:140%;}
#service_main .avia-caption {padding:0px;     top: 17px;}
}

/*header*/
div#s_about span.avia-single-number.__av-single-number {font-weight:bold;}

.company__button {
    box-shadow: 10px 10px 20px 0px rgba(9,15,33,.2);
    color:#01458e;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    border-color:#01458e !important;
    border:3px solid #01458e;
    color:#01458e;
    width:280px;
    border-radius:5px;
    padding:12px 20px;
    margin:40px auto 0 auto;
}

/*company*/
span.symbol {font-size:20px;}
.company__button a {color:#01458e; text-decoration:none; display:block; width:100%; height:100%;}
.company__button:hover{ background-color: #01458e; transition: border-left-color;  transition: 0.3s;}
.company__button:hover a {color:white; }
div#s_about .column-top-margin {margin-top:20px;}
/*napravleniya*/
div#napravleniya .av_one_half {
    padding: 28px 20px;
    background-blend-mode: multiply;  height: 195px; border-radius:10px; box-shadow: 10px 10px 20px 0px rgba(9,15,33,.2);}
div#napravleniya .av-special-heading {margin-top:0;}
div#napravleniya a{display: block; height: 100%; width: 100%; text-decoration:none;}
div#napravleniya a:hover {text-decoration:none;}
div#napravleniya .avia_textblock {color:#555555;}
div#napravleniya .av-animated-generic:hover {background-blend-mode: multiply; background-color: rgba( 249, 216, 216, 0.5) !important; }
div#napravleniya .av-flex-placeholder {display: table-cell; width: 3%;}
div#napravleniya .av_one_half a:hover:after {
    content:"→ ";
    position:absolute;
    color:#01458e;
    font-size:34px;
}

.iconbox_left .iconbox_icon {top: -5px;}

div#napravleniya .av_one_third{padding: 20px 20px;}
/*
.avia-builder-el-27 p, .avia-builder-el-32 p, .avia-builder-el-36 p {
    max-width:150px !important;
}
*/
/*ПОДКЛЮЧЕНИЕ ШРИФТА*/
div#projects .content  {
    padding-top: 40px;
    padding-bottom: 40px;}

div#projects span.blog-categories a {color:#787878 !important;}
div#projects  h3 {color:#01458e;}
div#starina h2 {font-family: 'Ruslan Display', cursive !important; max-width:500px;}
div#starina .container .content { vertical-align: text-top;}
#projects .avia-button{
display: inline-block;
    font-weight: bold;
color: white !important;
text-decoration: none;
letter-spacing: 0.5px;
padding: .7em 2em calc(.7em + 4px);
border-radius: 3px;
box-shadow: 0 -4px rgb(29, 32, 115) inset;
transition: 0.2s;
}
#projects  .avia-content-slider {margin: 20px 0 0px 0; }

#goods .column-top-margin {margin-top:0px; margin-bottom:0px;}
#goods .main_color strong {color:#01458e; font-size:16px;}
#goods div .av_one_fourth {
    margin-left: 2% !important;
    width: 22% !important;
    margin-top:20px;
    margin-bottom:15px;
}
#goods p {margin:0;}
#goods .av_one_fifth{margin-top:15px; margin-bottom:15px;}
#goods .avia-button-wrap{margin-top:20px;}
#goods  .content {padding-bottom: 50px;}

#goods .avia-button{
    display: inline-block;
    font-weight: bold;
    color: white !important;
    text-decoration: none;
    letter-spacing: 0.5px;
    padding: .7em 2em calc(.7em + 4px);
    border-radius: 3px;
    box-shadow: 0 -4px rgb(29, 32, 115) inset;
    transition: 0.2s;
}
#footer .iconbox { margin-bottom:15px;}
#footer p {margin:0;}
#footer .av-special-heading {
    margin:0 0 20px 0 !important;
}
#s_fasad .avia-animated-number  {
text-align:left;
}

#vidy_fasadov div.av_one_fourth {
    border-right:1px solid #f2f2f2;
}

#top a.av-active-tab-title {
   color: #008c69;
}

.av-boxed-grid-style .avia-testimonial_inner {
    padding: 20px 40px;
}
#service  div.avia-testimonial.av_one_half.flex_column {
    border: 1px solid #e2e2e2;
    background: #fcfcfc;
}
#service .av-minimal-grid-style .avia-testimonial {
    padding: 20px;
}
.main_color .av-boxed-grid-style .avia-testimonial {
    background: #fcfcfc;
}
#service .avia-testimonial-wrapper {
    border-spacing: 8px;
}
.avia-testimonial-meta {margin:0px 20px;}

div#project_bonus {margin-top:80px;}

#s_fasad_stroika .av-extra-border-element.border-extra-diagonal .av-extra-border-inner {
    top: 250px;
    right: 0;
    width: 180%;
    height: 50%;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: rotate(6deg);
    /* transform: rotate(5deg); */
    position: absolute;
}
#stroika_main strong.avia-animated-number-title {font-weight: 600;}
#top .main_color .tabcontainer .tab.active_tab {color:black;}
div .main_color .tabcontainer .active_tab{
    background-color: #f2f8fd;
    color:black;
}
div .main_color .tabcontainer .active_tab_content {
    background-color: #f2f8fd;
    color:black;
}
#top #main .sidebar_left .sidebar {    background-color: #f9f9f9;}
#top .widget_nav_menu li {    font-size: 16px; color:black;}
.js_active .tab {font-size: 1em;}
p.phone_head {line-height:140%;}
.widgettitle {    text-transform: none;     letter-spacing: 0px;}

#price_table table tr td {color:black; vertical-align: middle; font-size:16px;}
#price_table table tr:first-child td {font-weight:bold;}
div#js_sort_items {font-size: 18px;}
.avia-fullwidth-portfolio .sort_width_container {padding: 40px 40px;}
span.inner_sort_button {color:black;}
a.all_sort_button.active_sort span.inner_sort_button {color:#a81010;}
div.grid-content h3 {font-size: 20px; color:#01458e !important;}

#t_about .avia-animated-number-content {color:black;}
#t_about .avia-single-number {color:#e31e24;font-weight:bold;}
/*#t_about div .av_one_fourth {
    margin-left: 6%;
    width: 28%;}
*/

div#napravleniya .av-special-heading{padding: 0 10px; margin:25px 0 0 0;}
div#napravleniya .av_textblock_section{padding: 0 10px;}

#mega-menu-wrap-avia {
     background: inherit;
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-item > a.mega-menu-link {    font-size: 17px;}

#tisnenie_production .tabcontainer .tab {
    color: white;
    font-size: 18px;
}
#tisnenie_production div.tab_titles {
    background-color: #524445;
    color: white;
}
div#tisnenie_production table td{
    width:auto !important;
}

#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    font-size: 16px;
    line-height: 40px;
}
ul.mega-sub-menu{
    width:100% !important;
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-item {
       width: 20%;    font-size: 20px; text-align: center;
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-item > a.mega-menu-link {
    display:inline-block; font-size: 20px; text-align: center;     width: 100%;
}
#top .menu-item-search-dropdown > a
{
    font-size: 25px;
    font-weight: bold;
    color: white;
}
li.mega-menu-item:first-child{
    border-left:1px solid  #a28d8d  !important;

}
ul.mega-sub-menu li.mega-menu-item:first-child{
    border-left: none !important;
}
li.mega-menu-item {
    border-right:1px solid #41a691 !important;
}
ul.mega-sub-menu li.mega-menu-item{
    border-right:0 !important;
}
li.mega-menu-item:hover{
    background-color: #ffffff !important;

}
.mega-current-menu-ancestor {
    background-color: #333 !important;
}
.mega-current-menu-ancestor {
    background-color: #f9f9f9 !important;
}


#tisnenie_production div.tab.fullsize-tab{
    background-color: #e31e24;
    color: white;
}

.sidebar_tab .tab_content {
    overflow: auto !important;
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    line-height: 160%;
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link
{
    padding:5px 10px 5px 10px;
}
#advanced_menu_toggle {
    position:fixed;
    right:5px;
    margin-top:0;
}

@media only screen and (min-width: 1010px) {
    #tisnenie_production img {
        max-width: 49%;
    }
    

    img.paper {
        max-width: 100% !important;
    }
}

#projects_eco div .av_one_fifth{
    margin-left: 2%;
    width: 18.3%;
}

#projects_eco div .first {
	    margin-left: 0;
    clear: left;
}

#projects_eco {padding-bottom:60px;}
#projects_eco .next-slide, #projects_eco .prev-slide {
	    opacity: 1;
}
#projects_eco .avia-slideshow-arrows a.next-slide{right: -50px;}
#projects_eco .avia-slideshow-arrows a.prev-slide{left: -50px;}
#projects_eco .avia-content-slider-inner, #projects_eco .avia-content-slider {
	overflow: visible;
}
#projects_eco  .avia-content-slider .avia-slideshow-arrows a  {
	    top: 0px;
    margin: 50px 0 0 0;
}
#projects_eco .blog-categories.minor-meta {display:none !important;}
#projects_eco .slide-entry-title {
	    font-size: 1.1em;
		text-transform: none;
		    letter-spacing: inherit;
}
/*
#projects_eco .flex_column.av_one_fifth img.avia_image  {
    filter: grayscale(1);
    transition: all .3s;
}
*/
#projects_eco footer, #projects_mobile footer{
	display:none;
}
#projects_eco span.av-vertical-delimiter, #projects_mobile span.av-vertical-delimiter{
	display:none;
}
#projects_eco .slide-entry-title.entry-title, #projects_mobile .slide-entry-title.entry-title {padding-bottom:0px;}
#projects_eco .avia-content-slider {
    margin: 30px 0 0 0;
    clear: both;
}
#projects_eco .avia-content-slider .slide-entry-excerpt, #projects_mobile .avia-content-slider .slide-entry-excerpt {
	text-align:center;
}
#projects_eco .slide-content, #projects_mobile .slide-content  {margin-bottom:20px;}

#t_about .avia-single-number {
	font-size:60px;
}

#eco_tabs_where  .tabcontainer .tab {
	    color: black;
    height: 130px;

}
 #eco_tabs_where .tab{font-size:18px;     width: 16.738%;}
 #eco_tabs_where div  {    border-color: #009a84; border-width:1px;}
div .main_color .tabcontainer .active_tab_content
{background-color: white; font-size:18px;}
div .main_color .tabcontainer .active_tab
{background-color: white; font-size:18px;}

#service td, #price_mobile td {
	font-size:16px;
	color:black;
}
#service th.avia-highlight-col{
width:300px;
}
#service table, #price_mobile table{border:5px solid #a81010;}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
	    background: #115e53;
}
@media only screen and (min-width: 601px) {
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-item > a.mega-menu-link:hover {
  background: #115e53;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    border-color: #fff;
}}
.paral{background-image: url('/wp-content/uploads/2021/05/list_back2.png');position:absolute !important; width: 100vw; top: -40px !important;width: 100vw ;left: calc(-50vw + 50%) !important; height: 1000px;background-position:center;}
#t_about .avia-button.avia-icon_select-yes-left-icon.avia-color-theme-color.avia-size-x-large.avia-position-center, #connect .avia-button.avia-icon_select-yes-left-icon.avia-color-theme-color.avia-size-x-large.avia-position-center {
-webkit-box-shadow: 2px 2px 28px 0px rgba(191, 59, 59, 0.5);
-moz-box-shadow:    2px 2px 28px 0px rgba(191, 59, 59, 0.5);
box-shadow:         2px 2px 28px 0px rgba(191, 59, 59, 0.5);
}
#t_about:after{clear:both;content: ".";
   display: block;
   clear: both;}
#eco_about {margin-top:50px;}
.container_wrap {border:none;}

#napravleniya .flex_column_table.av-equal-height-column-flextable {
MIN-height: 383px;}

#napravleniya .av_two_third.first {
	    background-blend-mode: multiply;
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {    background: #115e53;}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {background: #115e53;}
#projects_head .av-special-heading {padding:0px 0 30px 0; margin-top:0; }
#main_docs .content {padding-bottom:0;}
.pum-theme-5981 .pum-container, .pum-theme-hello-box .pum-container {
    border-radius: 10px !important;
    border: 8px solid #0f7948 !important;
}
.pum-theme-5981 .pum-title, .pum-theme-hello-box .pum-title {
	font-weight:500 !important;
}
.pum-theme-5981 input[type="submit"] {
	display: block;
    color: white !important;
    // box-shadow: 0 -3px rgb(188, 11, 50) inset;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.5px;
    padding: 1em 1em;
    border-radius: 5px;
    background-color: #e31e24 !important;
    // box-shadow: 0 -4px rgb(149, 11, 11) inset;
    transition: 0.2s;
}
.wpcf7 form .wpcf7-response-output {
	color: black !important;
    font-weight: 500 !important;
	}
	.wpcf7-not-valid-tip {color: #dc3232 !important;}