/*
Theme Name: Generic
Theme URI: https://generic.tools/
Author: Bryan Hadaway
Author URI: https://calmestghost.com/
Description: A fully responsive, SEO-ready, schema-ready, social-media-ready, accessibility-ready, translation-ready, and jQuery-ready starter theme for designers and developers, which comes with its own built-in, lightweight CSS grid (https://generic.tools/grid/). This generic/starter/clean/simple/bare/blank/minimalist/example/cheatsheet/white-label/HTML5/CSS3/base/foundation/framework/skeleton/boilerplate/whatever theme was created specifically as a tool to assist you with building client sites virtually from scratch or building your own themes. It's updated to reflect new standards and trends in web design to provide a solid foundation for features that every website is expected to support nowadays, but please post bug reports, suggestions for improvement, or support requests on GitHub (https://github.com/bhadaway/generic-theme/issues) if you're getting jammed up. The biggest point of discussion would be the semi-minification of Generic's code. This simplicity, like the omission of comments in the code is intentional. If you prefer formatting, you're welcome to format the code any way you like. If I was able to help you out, consider making a donation (https://calmestghost.com/donate). Thank you and enjoy!
Tags: accessibility-ready, one-column, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready, blog, e-commerce, portfolio
Version: 1.6
Requires at least: 5.0
Tested up to: 5.7
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: generic

Generic WordPress Theme © 2015-2021 GenericTools
Generic is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:all 0.5s ease}

html, body {
overflow-x: hidden;
}

body{font-family:'Montserrat', sans-serif;font-size:16px;color:#1e1d24;line-height:normal;word-wrap:break-word;}

h1, h2, h3, h4, h5, h6{font-weight:bold;margin-bottom:30px}
h2, h3, h4, h5, h6{margin-top:40px}
h1{font-size:35px}
h2{font-size:30px}
h3{font-size:25px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
p{margin:30px 0}
* p:last-of-type, #sidebar .widget-container:last-child{margin-bottom:0}
a{color:#007acc}
a:hover, a:focus{text-decoration:none}
strong{font-weight:bold}
em{font-style:italic}
pre{overflow-x:auto;white-space:pre-wrap}
pre, code{font-family:'courier new',courier,serif}
hr{height:1px;border:0;margin:30px 0;background:#ccc}
blockquote{padding:15px;border-left:4px solid #ccc;margin:30px 0}
blockquote p:first-of-type{margin-top:0}
.entry-content ul, .widget-container ul, .comment-body ul, .entry-content ol, .widget-container ol, .comment-body ol{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;margin:30px 0 30px 60px}
.entry-content ul ul, .widget-container ul ul, .comment-body ul ul, .entry-content ol ol, .widget-container ol ol, .comment-body ol ol{margin-top:0;margin-bottom:0}
.entry-content ol, .widget-container ol, .comment-body ol{list-style:decimal outside;list-style-type:decimal-leading-zero;margin-left:70px}
.entry-content ul li:before, .widget-container ul li:before, .comment-body ul li:before{position:absolute;margin-left:-20px;content:''}
.entry-content li, .widget-container li, .comment-body li{line-height:125%;margin:20px 0}
input, textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;padding:15px;border:0;border-bottom:1px solid transparent;outline:0;margin-top:10px;background:#f6f6f6}
input:focus, textarea:focus{border-bottom:1px solid #007acc}
input[type="submit"], button, .button{display:inline-block;font-family:georgia,serif;font-size:18px;color:#fff;text-align:center;text-decoration:none;padding:15px 25px;border:0;background:#007acc;cursor:pointer}
a img, input[type="image"], iframe{border:0}
img, video, audio, table, select, textarea{max-width:100% !important;height:auto}
table{width:100%;margin:30px 0}

#wrapper{display:flex;flex-direction:column;max-width:100%;min-height:100vh;margin:0 auto}
#branding{float:left}
#logo{max-height:100%}
#container{flex:1;background:#fff}
#content{width:75%;padding-right:5%;float:left}
#sidebar{width:25%;float:right}
#footer{clear:both}

#menu{float:right;padding: 28px 0;}
#menu div:first-of-type{float:left}
#menu ul{font-size:0}
#menu ul, #menu li, #menu a{position:relative;display:inline;list-style:none;margin:0;padding:0}
#menu li.menu-item-has-children > a:after, #menu li.page_item_has_children > a:after{font-family:serif;content:' ▾'}
#menu li.current-menu-item a, #menu li.current_page_parent a{}
#menu a{display:inline-block;font-size:16px;color:#fff;text-align:right;text-decoration:none;line-height:33px;text-transform:uppercase}
#menu a:hover, #menu a:focus{color:rgba(255,255,255,0.6);text-decoration:none}
#menu ul.sub-menu, #menu ul.children{position:absolute;display:block;top:100%;left:-9999px;margin-top:20px;transition:unset;z-index:1000}
#menu ul.sub-menu a, #menu ul.children a{width:200px;font-size:14px;color:#333;text-align:left;line-height:20px;padding:15px;border:1px solid #eee;background:#fff}
#menu ul.sub-menu a:hover, #menu ul.sub-menu a:focus, #menu ul.children a:hover, #menu ul.children a:focus{color:#767676;background:#f7f7f7}
#menu li.menu-item-has-children a:hover + ul.sub-menu, #menu li.menu-item-has-children a:focus + ul.sub-menu, #menu li.menu-item-has-children a + ul.sub-menu:hover, #menu li.menu-item-has-children a + ul.sub-menu:focus-within, #menu li.page_item_has_children a:hover + ul.children, #menu li.page_item_has_children a:focus + ul.children, #menu li.page_item_has_children a + ul.children:hover, #menu li.page_item_has_children a + ul.children:focus-within{left:0}
#menu .menu-toggle{display:none;color:#5c6bc0;text-align:center;padding:0;border:0;margin:0;background:none;transition:unset}
#menu .menu-toggle:hover, #menu .menu-toggle:focus{color:#6c7fea}
#menu .menu-icon{font-size:30px}

#search{float:right}
#search .search-field{width:36px;height:36px;color:transparent;padding:10px;border-color:transparent;margin-top:0;background-color:#transparent;background-image:url(images/find-light.png);cursor:pointer}
#search .search-field:focus{width:200px;color:#fff;border-color:#007acc;cursor:text}
.widget-container .search-field{width:100%}
.error404 .entry-content .search-field, .search .entry-content .search-field{width:200px;margin-top:30px}
.error404 .entry-content .search-field, .search .entry-content .search-field, .widget-container .search-field{background-color:#f6f6f6}
.search-field{background:url(images/find.png) no-repeat 98% center / 24px auto}

#site-title h1, #site-title a{display:inline;font-size:40px;font-weight:normal;color:#fff;text-decoration:none;margin-bottom:0}
#site-description, #copyright, #copyright a{color:#fff}
#site-description:hover, #copyright:hover, #copyright a:hover{color:#5c6bc0}
.single h1.entry-title a{color:#767676;text-decoration:none}
h2.entry-title, h3.widget-title{margin-top:0}
#commentform label{display:block}
#commentform #comment{width:100%;max-width:400px !important;height:auto}
#comments .comment-author{line-height:14px}
#comments .comment-author img{margin-right:5px;float:left}
#comments .comment{margin:20px 10px}
#comments .comment-body{padding:15px}
#comments .odd > .comment-body{background:#f6f6f6}
#comments .comment-body > p{font-size:16px;margin:15px 0 0}
#copyright{text-align:center}
.entry-meta, .entry-footer, .archive-meta{margin:30px 0}
.entry-footer{clear:both}
.entry-meta, .entry-meta a, .entry-footer, .entry-footer a, .comment-meta, .comment-meta a, .comment-author, .comment-author a{font-size:14px;color:#767676}

.sticky{padding-bottom:60px;border-bottom:4px solid #ccc}
.bypostauthor{}
.post, .widget-container, .search article{margin-bottom:60px}
.post:last-of-type{margin-bottom:0}
.wp-caption{width:auto !important}
.wp-caption.aligncenter, .wp-caption-text, .gallery-caption{text-align:center}
.wp-block-gallery ul, .wp-block-gallery ul li, .wp-block-gallery ul li:before{content:'';margin:0}
.wp-post-image{display:block;margin-bottom:30px}
.entry-attachment img{display:block;margin:60px auto 30px}
.attachment .entry-caption{text-align:center}
.alignleft{margin:0 30px 30px 0;float:left}
.alignright{margin:0 0 30px 30px;float:right}
.aligncenter{display:block;margin:30px auto;clear:both}
#content p.wp-block-cover-text{color:#fff}
.nav-links{margin-top:30px}
.nav-links a, #nav-above a{text-decoration:none}
#nav-above a{display:block;font-family:tahoma,sans-serif;font-size:50px;color:#767676;line-height:0;margin:30px 0 15px}
.nav-previous{text-align:left;float:left}
.nav-next{text-align:right;float:right}

.note{display:block;font-size:14px;padding:20px;margin:30px 0}

.blue, .blue *, .blue-dark, .blue-dark *, .green, .green *, .green-dark, .green-dark *, .orange, .orange *, .purple, .purple *, .red, .red *, .black, .black *{color:#fff}
.white, .white *, .yellow, .yellow *{color:#000}
.white{background-color:#fff !important}
.blue{background-color:#007acc !important}
.blue-dark{background-color:#1c78b5 !important}
.green{background-color:#91da29 !important}
.green-dark{background-color:#5d8c1a !important}
.orange{background-color:#f98733 !important}
.purple{background-color:#bb6cf8 !important}
.red{background-color:#ef645d !important}
.yellow{background-color:#f8f658 !important}
.black{background-color:#4a4a45 !important}
.lighter{background-color:rgba(255,255,255,0.05)}
.darker{background-color:rgba(0,0,0,0.05)}
.overlay:before{position:fixed;top:0;left:0;width:100%;height:100%;content:'';background:rgba(0,0,0,0.5);z-index:0}

.box, .box-2, .box-3, .box-4, .box-5, .box-6, .box-1-3, .box-2-3{display:inline-block;width:100%;padding:5%;vertical-align:top;float:left}
.box-2{width:50%}
.box-3, .box-1-3{width:33.3333333%}
.box-4{width:25%}
.box-5{width:20%}
.box-6{width:16.6666667%}
.box-2-3{width:66.6666666%}

.left{text-align:left}
.center{text-align:center}
.right{text-align:right}
.float-left{float:left}
.float-right{float:right}
.clear{clear:both}
.clear-left{clear:left}
.clear-right{clear:right}
.clear-float:after, #header:after, #container:after, .boxes:after{display:table;content:'';clear:both}
.offset{padding-top:100px;margin-top:-100px}

@media(max-width:1024px){.box-5, .box-6{width:25%}.boxes .box-5:nth-child(5){width:100%}.boxes .box-6:nth-child(5), .boxes .box-6:nth-child(6){width:50%}}
@media(min-width:769px){#logo-container{display:block;height:35px;margin-bottom:10px}}
@media(max-width:768px){#header, #footer{text-align:center}#content, #sidebar{width:100%;padding:0}#branding, #menu, #menu div:first-of-type, #search{float:none}#search{margin-top:20px}#search .search-field{width:100%;color:#fff;border-color:#8a8a8a;cursor:text}#search .search-field:focus{width:100%}#menu.toggled{width:100%;height:100%;bottom:0;overflow-x:hidden;overflow-y:auto;z-index:1000}#menu .menu-toggle{display:block;margin-left: auto;}#menu ul{display:none}#menu.toggled ul, #menu.toggled ul.sub-menu, #menu.toggled ul.children{display:block;position:relative;top:0;left:0;padding:0 0 10px 0;margin:0}#menu.toggled ul.sub-menu, #menu.toggled ul.children{padding-bottom:0}#menu.toggled a, #menu.toggled ul.sub-menu a, #menu.toggled ul.children a{display:inline-block;width:100%;font-size:16px;color:#1e1d24;text-align:center;line-height:20px;padding:15px 0 5px;border:0;margin:0;background:none}#menu.toggled ul.sub-menu a, #menu.toggled ul.children a{color:#ccc}.box-4, .box-5, .box-6{width:50%}}
@media(max-width:767px){.single .nav-links .nav-previous, .single .nav-links .nav-next{float:none}.box-3{width:50%}.boxes .box-3:nth-child(3){width:100%}}
@media(max-width:480px){.wp-caption, input, textarea, .button{width:100% !important}input[type="checkbox"], input[type="radio"]{width:auto !important}.box-2, .box-3, .box-4, .box-5, .box-6, .boxes .box-6:nth-child(5), .boxes .box-6:nth-child(6), .box-2-3, .box-1-3{width:100%}}
@media print{*{color:#000 !important;background:#fff !important}body{padding:50px !important;margin:0 !important}#content{display:block !important;padding:0 !important;margin:0 !important}#header, #sidebar, #footer, #comments, .entry-footer, .navigation, .share, .video-wrap, iframe, img{display:none !important}}

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
.search-submit{display:none !important}

/* custom style */

header {
z-index: 999;
padding-top: 10px;
}

header .wrapper {
width: 95%;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}

#branding {
width: 32%;
}

#branding .wrapper {
display: flex;
flex-direction: row;
}

#branding .logo-img {
padding-right: 15px;
}

.page-id-17 #branding .logo-txt.en,
.page-id-118 #branding .logo-txt.en {
display: none;
}

.page-id-243 #branding .logo-txt.ru,
.page-id-267 #branding .logo-txt.ru {
display: none;
}

#branding .logo-txt {
padding: 16px 0;
}

#branding .logo-txt .title {
font-size: 26px;
font-weight: 600;
color: #fff;
padding: 0 0 3px 0;
margin: 0;
}

#branding .logo-txt p {
font-size: 16px;
font-weight: 500;
color: #fff;
padding: 0;
margin: 0;
}

#menu {
width: 68%;
}

#menu ul {
padding: 0 48px;
}

#menu li {
padding-right: 20px;
}

#menu li:last-child {
padding-right: 0;
}

#banner {
background: url(https://komanda-malyarov.by/wp-content/uploads/2021/10/banner-bg.jpg) no-repeat;
background-size: cover;
margin-top: -209px;
height: 599px;
}

#banner .vc_column-inner {
padding: 0;
}

#banner .wrapper {
width: 95%;
max-width: 1200px;
margin: 0 auto;
}

#banner .banner-bl {
padding-top: 200px;
}

#banner .banner-bl h2 {
font-size: 34px;
font-weight: 600;
color: #fff;
padding: 0;
margin: 0;
}

#banner .banner-bl .title {
margin-bottom: 20px;
margin-top: 30px;
}

#banner .banner-bl-cont {
margin-top: 40px;
}

#banner .banner-bl-cont a {
font-size: 24px;
font-weight: 500;
color: #fff;
padding: 0;
margin: 0;
display: block;
}

#banner .banner-bl-cont .frst {
padding-bottom: 20px;
}

#header .lang {
width: 4%;
text-align: right;
}

#header .lang ul {
padding: 35px 0;
}

#header .lang ul li {
display: inline-block;
vertical-align: top;
}

#preimushchestva-tp {
margin-top: -105px;
}

#preimushchestva-tp .vc_column-inner {
padding: 0;
}

#preimushchestva-tp .wpb_content_element {
margin-bottom: 0;
}

#preimushchestva-tp .wrapper {
width: 95%;
max-width: 1200px;
margin: 0 auto;
background: #5c6bc0;
}

#preimushchestva-tp .preimushchestva-tp-bl {
display: flex;
flex-direction: row;
padding: 40px 0;
}

#preimushchestva-tp .preimushchestva-tp-bl .bl {
text-align: center;
width: 100%;
max-width: 300px;
}

#preimushchestva-tp .preimushchestva-tp-bl .bl.extra {
border-right: 1px solid #fff;
}

#preimushchestva-tp .preimushchestva-tp-bl .bl img {
margin-bottom: 20px;
}

#preimushchestva-tp .preimushchestva-tp-bl .bl p {
font-size: 18px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
padding: 0;
margin: 0;
}

#preimushchestva,
#advantages {
background: url(https://komanda-malyarov.by/wp-content/uploads/2021/10/preimushchestva-bg.jpg) no-repeat;
background-size: cover;
margin-top: 130px;
padding: 100px 0;
}

#preimushchestva .vc_column-inner,
#advantages .vc_column-inner {
padding: 0;
}

#preimushchestva .wpb_content_element,
#advantages .wpb_content_element {
margin-bottom: 0;
}

#preimushchestva .wrapper,
#advantages .wrapper {
width: 95%;
max-width: 1200px;
margin: 0 auto;
}

#preimushchestva .preimushchestva-bl,
#advantages .preimushchestva-bl {
width: 100%;
max-width: 600px;
}

#preimushchestva .preimushchestva-bl h2,
#advantages .preimushchestva-bl h2 {
font-size: 30px;
font-weight: 500;
color: #fff;
padding: 0;
margin: 0 0 40px 0;
}

#preimushchestva .preimushchestva-bl p,
#advantages .preimushchestva-bl p {
font-size: 16px;
font-weight: 400;
color: #fff;
padding: 0 0 24px 0;
margin: 0;
}

#preimushchestva .preimushchestva-bl span,
#advantages .preimushchestva-bl span {
font-weight: 600;
}

#uslugi,
#our-services {
padding: 130px 0;
background: #f2f4f5;
}

#uslugi .vc_column-inner,
#our-services .vc_column-inner {
padding: 0;
}

#uslugi .wpb_content_element,
#our-services .wpb_content_element {
margin-bottom: 0;
}

#uslugi .wrapper,
#our-services .wrapper {
width: 95%;
max-width: 1200px;
margin: 0 auto;
}

#uslugi h2,
#our-services h2 {
font-size: 30px;
font-weight: 500;
color: #1e1d24;
padding: 0;
margin: 0 0 40px 0;
text-align: center;
}

#uslugi .uslugi-bl.extra {
padding-top: 100px;
}

#our-services .uslugi-bl.extra {
padding-top: 130px;
}

#uslugi .uslugi-bl .title,
#our-services .uslugi-bl .title {
font-size: 28px;
font-weight: 600;
color: #5c6bc0;
padding: 0;
margin: 0 0 40px 0;
text-align: center;
}

#uslugi .uslugi-bl .bl,
#our-services .uslugi-bl .bl {
display: flex;
flex-direction: row;
justify-content: space-around;
}

#uslugi .uslugi-bl .bl .bl-small,
#our-services .uslugi-bl .bl .bl-small {
width: 100%;
max-width: 340px;
height: 240px;
}

#uslugi .uslugi-bl .bl .bl-small.one,
#our-services .uslugi-bl .bl .bl-small.one {
background: url(https://komanda-malyarov.by/wp-content/uploads/2021/10/mekhanizirovannaya-shpatlevka-pod-pokrasku.jpg) no-repeat;
background-size: cover;
padding-top: 165px;
}

#uslugi .uslugi-bl .bl .bl-small.two,
#our-services .uslugi-bl .bl .bl-small.two {
background: url(https://komanda-malyarov.by/wp-content/uploads/2021/10/mekhanizirovannaya-shpatlevka-pod-oboj.jpg) no-repeat;
background-size: cover;
padding-top: 165px;
}

#uslugi .uslugi-bl .bl .bl-small.three,
#our-services .uslugi-bl .bl .bl-small.three {
background: url(https://komanda-malyarov.by/wp-content/uploads/2021/10/mekhanizirovannaya-shpatlevka-pod-dekorativnuyu-shtukaturku.jpg) no-repeat;
background-size: cover;
padding-top: 144px;
}

#uslugi .uslugi-bl .bl .bl-small.four,
#our-services .uslugi-bl .bl .bl-small.four {
background: url(https://komanda-malyarov.by/wp-content/uploads/2021/10/bezvozdushnaya-pokraska-sten-potolkov-otkosov.jpg) no-repeat;
background-size: cover;
}

#uslugi .uslugi-bl .bl .bl-small.five,
#our-services .uslugi-bl .bl .bl-small.five {
background: url(https://komanda-malyarov.by/wp-content/uploads/2021/10/bezvozdushnaya-pokraska-fasadov.jpg) no-repeat;
background-size: cover;
padding-top: 165px;
}

#uslugi .uslugi-bl .bl .bl-small.six,
#our-services .uslugi-bl .bl .bl-small.six {
background: url(https://komanda-malyarov.by/wp-content/uploads/2021/10/bezvozdushnaya-pokraska-ckladov-angarov-zaborov-garazhej-i-inyh-konstrukcij.jpg) no-repeat;
background-size: cover;
}

#uslugi .uslugi-bl .bl .bl-small.four .bl-txt,
#our-services .uslugi-bl .bl .bl-small.four .bl-txt {
width: 100%;
max-width: 300px;
margin: 0 auto;
padding-top: 144px;
}

#uslugi .uslugi-bl .bl .bl-small.six .bl-txt,
#our-services .uslugi-bl .bl .bl-small.six .bl-txt {
width: 100%;
max-width: 300px;
margin: 0 auto;
padding-top: 118px;
}

#uslugi .uslugi-bl .bl .bl-small .frst,
#our-services .uslugi-bl .bl .bl-small .frst {
font-size: 20px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
padding: 0;
margin: 0;
text-align: center;
}

#uslugi .uslugi-bl .bl .bl-small p,
#our-services .uslugi-bl .bl .bl-small p {
font-size: 20px;
font-weight: 500;
color: #fff;
padding: 0;
margin: 0;
text-align: center;
}

#uslugi .uslugi-bl .bl .bl-small p span,
#our-services .uslugi-bl .bl .bl-small p span {
font-weight: 700;
}

#pochemu-my {
background: url(https://komanda-malyarov.by/wp-content/uploads/2021/10/pochemu-my-bg.jpg) no-repeat;
background-size: cover;
padding: 100px 0;
}

#pochemu-my .vc_column-inner {
padding: 0;
}

#pochemu-my .wpb_content_element {
margin-bottom: 0;
}

#pochemu-my .wrapper {
width: 95%;
max-width: 1200px;
margin: 0 auto;
}

#pochemu-my .pochemu-my-bl {
width: 100%;
max-width: 550px;
margin-left: auto;
}

#pochemu-my .pochemu-my-bl.extra {
max-width: 510px;
}

#pochemu-my .pochemu-my-bl h2 {
font-size: 30px;
font-weight: 500;
color: #fff;
padding: 0;
margin: 0 0 40px 0;
text-transform: uppercase;
}

#pochemu-my .pochemu-my-bl .bl {
display: flex;
flex-direction: row;
margin-bottom: 40px;
}

#pochemu-my .pochemu-my-bl .bl.last {
margin-bottom: 0;
}

#pochemu-my .pochemu-my-bl .bl-img {
padding: 4px 20px 0 0;
}

#pochemu-my .pochemu-my-bl .bl-img img {
max-width: 37px !important;
}

#pochemu-my .pochemu-my-bl .bl-txt p {
font-size: 16px;
font-weight: 500;
color: #fff;
margin: 0;
}

#oborudovanie,
#our-equipments {
background: #f2f4f5;
padding: 130px 0;
}

#oborudovanie .vc_column-inner,
#our-equipments .vc_column-inner {
padding: 0;
}

#oborudovanie .wpb_content_element,
#our-equipments .wpb_content_element {
margin-bottom: 0;
}

#oborudovanie .wrapper,
#our-equipments .wrapper {
width: 95%;
max-width: 1200px;
margin: 0 auto;
}

#oborudovanie h2,
#our-equipments h2 {
font-size: 30px;
font-weight: 500;
color: #1e1d24;
text-align: center;
padding: 0;
margin: 0 auto 40px auto;
width: 100%;
max-width: 780px;
}

#video-bl {
margin: 130px 0;
}

#video-bl .vc_column-inner {
padding: 0;
}

#video-bl .wpb_content_element {
margin-bottom: 0;
}

#video-bl .wrapper {
width: 95%;
max-width: 1200px;
margin: 0 auto;
}

#video-bl h2 {
font-size: 28px;
font-weight: 500;
color: #1e1d24;
text-align: center;
padding: 0;
margin: 0 auto 40px auto;
width: 100%;
max-width: 780px;
}

#video-bl .wp-video {
margin: 0 auto;
}

#contact-bl {
background: url(https://komanda-malyarov.by/wp-content/uploads/2021/10/contact-bl-bg.jpg) no-repeat;
background-size: cover;
padding: 100px 0;
}

#contact-bl .vc_column-inner {
padding: 0;
}

#contact-bl .wpb_content_element {
margin-bottom: 0;
}

#contact-bl .wrapper {
width: 95%;
max-width: 1200px;
margin: 0 auto;
}

#contact-bl .bl {
width: 100%;
max-width: 600px;
}

#contact-bl .bl.extra {
max-width: 580px;
}

#contact-bl .bl .title {
font-size: 26px;
font-weight: 500;
color: #fff;
text-align: center;
padding: 0;
margin: 0 0 5px 0;
}

#contact-bl .bl.extra .title {
font-size: 24px;
}

#contact-bl .bl .podtitle {
font-size: 22px;
font-weight: 500;
color: #fff;
text-align: center;
padding: 0;
margin: 0 0 40px 0;
}

#wpcf7-f86-p17-o1,
#wpcf7-f86-p17-o1 label,
#wpcf7-f86-p17-o1 span,
#wpcf7-f86-p17-o1 input,
#wpcf7-f259-p243-o1,
#wpcf7-f259-p243-o1 label,
#wpcf7-f259-p243-o1 span,
#wpcf7-f259-p243-o1 input {
width: 100%;
max-width: 370px;
margin: 0 auto;
display: block;
}

#wpcf7-f86-p17-o1 p,
#wpcf7-f259-p243-o1 p {
padding: 0;
margin: 0;
}

#wpcf7-f86-p17-o1 input,
#wpcf7-f259-p243-o1 input {
background: transparent;
border: 1px solid #fff;
border-radius: 5px;
}

#wpcf7-f86-p17-o1 form input::-webkit-input-placeholder,
#wpcf7-f259-p243-o1 form input::-webkit-input-placeholder {
color: #fff;
opacity: 1 !important; 
}

#wpcf7-f86-p17-o1 form input:-moz-placeholder,
#wpcf7-f259-p243-o1 form input:-moz-placeholder { 
color: #fff;
opacity: 1 !important;
}

#wpcf7-f86-p17-o1 form input::-moz-placeholder,
#wpcf7-f259-p243-o1 form input::-moz-placeholder {  
color: #fff;
opacity: 1 !important;
}

#wpcf7-f86-p17-o1 form input:-ms-input-placeholder,
#wpcf7-f259-p243-o1 form input:-ms-input-placeholder {  
color: #fff;
}

#wpcf7-f86-p17-o1 input[type="submit"] {
background: #1e1d24;
color: #fff;
font-size: 16px;
color: #fff;
font-weight: 500;
text-transform: uppercase;
width: 300px;
border: none;
font-family: 'Montserrat', sans-serif;
margin-top: 40px;
}

#wpcf7-f259-p243-o1 input[type="submit"] {
background: #1e1d24;
color: #fff;
font-size: 16px;
color: #fff;
font-weight: 500;
text-transform: uppercase;
width: 230px;
border: none;
font-family: 'Montserrat', sans-serif;
margin-top: 40px;
}

#wpcf7-f86-p17-o1 input[type="submit"]:hover,
#wpcf7-f259-p243-o1 input[type="submit"]:hover {
background: #fff;
color: #1e1d24;
}

#nashi-raboty,
#our-works {
margin: 130px 0;
}

#nashi-raboty .vc_column-inner,
#our-works .vc_column-inner {
padding: 0;
}

#nashi-raboty .wpb_content_element,
#our-works .wpb_content_element {
margin-bottom: 0;
}

#nashi-raboty .wrapper,
#our-works .wrapper {
width: 95%;
max-width: 1200px;
margin: 0 auto;
}

#nashi-raboty h2,
#our-works h2 {
font-size: 30px;
font-weight: 500;
color: #1e1d24;
padding: 0;
margin: 0 0 40px 0;
text-align: center;
}

#nashi-raboty .btn,
#our-works .btn {
margin-top: 80px;
}

#nashi-raboty .btn a,
#our-works .btn a {
display: block;
margin: 0 auto;
padding: 17px 28px;
background: #5c6bc0;
font-size: 16px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
border-radius: 5px;
text-decoration: none;
width: 100%;
max-width: 295px;
}

#our-works .btn.extra a {
max-width: 160px;
}

#nashi-raboty .btn a:hover,
#our-works .btn a:hover {
background: #1e1d24;
}

#kontakty,
#contacts {
background: #f2f4f5;
padding: 130px 0;
}

#kontakty .vc_column-inner,
#contacts .vc_column-inner {
padding: 0;
}

#kontakty .wpb_content_element,
#contacts .wpb_content_element {
margin-bottom: 0;
}

#kontakty .wrapper,
#contacts .wrapper {
width: 95%;
max-width: 1200px;
margin: 0 auto;
}

#kontakty h2,
#contacts h2 {
font-size: 30px;
font-weight: 500;
color: #1e1d24;
padding: 0;
margin: 0 0 40px 0;
text-align: center;
}

#kontakty .main-contacts .first-bl,
#contacts .main-contacts .first-bl {
display: flex;
flex-direction: row;
margin-bottom: 20px;
}

#kontakty .main-contacts .first-bl.last,
#contacts .main-contacts .first-bl.last {
margin-bottom: 0;
}

#kontakty .main-contacts .first-bl img,
#contacts .main-contacts .first-bl img {
padding-right: 7px;
height: 20px;
}

#kontakty .main-contacts .first-bl a,
#contacts .main-contacts .first-bl a {
text-decoration: none;
}

#kontakty .main-contacts .first-bl a,
#contacts .main-contacts .first-bl a {
font-size: 16px;
font-weight: 500;
color: #1e1d24;
padding-left: 2px;
}

#kontakty .form-contact .title,
#contacts .form-contact .title {
font-size: 18px;
font-weight: 500;
color: #1e1d24;
text-align: center;
padding: 0 0 5px 0;
margin: 0;
}

#kontakty .form-contact .podtitle,
#contacts .form-contact .podtitle {
font-size: 16px;
font-weight: 500;
color: #1e1d24;
text-align: center;
padding: 0 0 40px 0;
margin: 0;
}

#wpcf7-f100-p17-o2,
#wpcf7-f100-p17-o2 label,
#wpcf7-f100-p17-o2 span,
#wpcf7-f100-p17-o2 input,
#wpcf7-f274-p243-o2,
#wpcf7-f274-p243-o2 label,
#wpcf7-f274-p243-o2 span,
#wpcf7-f274-p243-o2 input {
width: 100%;
max-width: 370px;
margin: 0 auto;
display: block;
}

#wpcf7-f100-p17-o2 p,
#wpcf7-f274-p243-o2 p {
padding: 0;
margin: 0;
}

#wpcf7-f100-p17-o2 input,
#wpcf7-f274-p243-o2 input {
background: transparent;
border: 1px solid #5c6bc0;
border-radius: 5px;
color: #5c6bc0;
}

#wpcf7-f100-p17-o2 input[type="submit"],
#wpcf7-f274-p243-o2 input[type="submit"] {
background: #5c6bc0;
color: #fff;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
width: 300px;
border: none;
font-family: 'Montserrat', sans-serif;
margin-top: 12px;
}

#wpcf7-f100-p17-o2 input[type="submit"]:hover,
#wpcf7-f274-p243-o2 input[type="submit"]:hover {
background: #1e1d24;
color: #fff;
}

footer {
background: #1e1d24;
padding: 40px 0;
}

footer .wrapper {
width: 95%;
max-width: 1200px;
margin: 0 auto;
}

footer .top {
display: flex;
flex-direction: row;
}

footer .top .logo {
display: flex;
flex-direction: row;
width: 35%;
}

footer .top .logo .logo-img {
padding-right: 15px;
}

footer .top .logo .logo-txt {
padding: 16px 0;
}

footer .top .logo .logo-txt .title {
font-size: 26px;
font-weight: 600;
color: #fff;
padding: 0 0 3px 0;
margin: 0;
}

footer .top .logo .logo-txt p {
font-size: 16px;
font-weight: 500;
color: #fff;
padding: 0;
margin: 0;
}

footer .top nav {
width: 65%;
}

footer .top nav ul {
list-style-type: none;
padding: 35px 0;
}

footer .top nav ul li {
display: inline-block;
padding-right: 30px;
}

footer .top nav ul li:last-child {
padding-right: none;
}

footer .top nav ul li a {
font-size: 16px;
font-weight: 500;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}

footer .top nav ul li a:hover {
color: #5c6bc0;
text-align: right;
}

footer .btm {
margin-top: 20px;
}

footer .btm p {
font-size: 14px;
font-weight: 400;
color: #fff;
text-align: center;
padding: 0;
margin: 0;
}

footer .btm p a {
color: #5c6bc0;
text-decoration: none;
}

footer .btm p a:hover {
color: #fff;
}

.page-id-118 #header,
.page-id-267 #header {
background: rgba(92,107,192,0.9);
}

#our-works-extra {
margin: 60px auto 130px auto;
}

#our-works-extra .wrapper {
width: 95%;
max-width: 1200px;
margin: 0 auto;
}

#our-works-extra h2 {
font-size: 30px;
font-weight: 500;
color: #1e1d24;
padding: 0;
margin: 0 0 40px 0;
text-align: center;
}

#our-works-extra p {
font-size: 24px;
font-weight: 500;
color: #5c6bc0;
padding: 0;
margin: 0 0 40px 0;
text-align: center;
}

#our-works-extra .extra {
margin-top: 100px;
}


/* adap style */

@media (min-width: 300px) and (max-width: 599px) {

#branding {
width: 90%;
order: 1;
}
	
#branding .logo-txt .title,
#branding .logo-txt p {
color: #1e1d24;
text-align: left;
}
	
#branding .logo-txt .title {
font-size: 18px; 
}
	
#branding .logo-txt p {
font-size: 14px;
}
	
#menu {
width: 100%;
padding: 0;
order: 3;
}
	
#banner {
margin-top: 0;
height: auto;
background-position: 60% 100%;
}
	
#banner .banner-bl {
padding: 130px 0;
}
	
#banner .banner-bl h2 {
font-size: 24px;
}
	
#banner .banner-bl-cont a {
font-size: 20px;
}

/*
#header .lang {
width: 10%;
order: 2;
}
*/
	
#preimushchestva-tp {
margin-top: 0;
background: #5c6bc0;
}
	
#preimushchestva-tp .preimushchestva-tp-bl {
flex-wrap: wrap;
padding: 40px 0 0 0;
}
	
#preimushchestva-tp .preimushchestva-tp-bl .bl {
width: 50%;
margin-bottom: 40px;
}
	
#preimushchestva-tp .preimushchestva-tp-bl .bl.extra {
border-right: none;
}
	
#preimushchestva-tp .preimushchestva-tp-bl .bl img {
margin-bottom: 10px;
}
	
#preimushchestva-tp .preimushchestva-tp-bl .bl p {
font-size: 11px
}
	
#preimushchestva .preimushchestva-bl h2,
#advantages .preimushchestva-bl h2 {
font-size: 28px;
}
	
#uslugi h2,
#our-services h2 {
font-size: 28px
}
	
#uslugi .uslugi-bl .title,
#our-services .uslugi-bl .title {
font-size: 24px;
}
	
#uslugi .uslugi-bl .bl,
#our-services .uslugi-bl .bl {
flex-direction: column;
justify-content: center;
}
	
#uslugi .uslugi-bl .bl .bl-small,
#our-services .uslugi-bl .bl .bl-small {
margin: 0 auto;
}
	
#uslugi .uslugi-bl .bl .bl-small.one,
#uslugi .uslugi-bl .bl .bl-small.two,
#uslugi .uslugi-bl .bl .bl-small.four,
#uslugi .uslugi-bl .bl .bl-small.five,
#our-services .uslugi-bl .bl .bl-small.one,
#our-services .uslugi-bl .bl .bl-small.two,
#our-services .uslugi-bl .bl .bl-small.four,
#our-services .uslugi-bl .bl .bl-small.five {
margin-bottom: 60px;
}
	
#pochemu-my {
background-position: 100% 100%;
}
	
#pochemu-my .pochemu-my-bl h2,
#nashi-raboty h2,
#our-works h2,
#kontakty h2,
#contacts h2,
#oborudovanie h2,
#our-equipments h2,
#our-works h2 {
font-size: 28px;
}
	
footer .top {
flex-direction: column;
}
	
footer .top .logo {
width: 100%;
}
	
footer .top .logo .logo-txt .title {
font-size: 18px;
}
	
footer .top .logo .logo-txt p {
font-size: 14px;
}
	
footer .top .logo .logo-txt,
footer .top .logo .logo-txt p {
text-align: left;
}
	
footer .top nav {
width: 100%;
}
	
footer .top nav ul li {
display: block;
padding: 0 0 15px 0;
}
	
footer .top nav ul li:last {
padding: 0;
}
	
#sidebar {
display: none;
}
	
.page-id-118 #branding .logo-txt .title,
.page-id-118 #branding .logo-txt p {
color: #fff;
}	
	
.page-id-118 #menu .menu-toggle {
color: #fff;
}
	
.page-id-118 #menu.toggled a, 
.page-id-118 #menu.toggled ul.sub-menu a, 
.page-id-118 #menu.toggled ul.children a {
color: #fff;
}
} 

@media (min-width: 300px) and (max-width: 767px) {
	
#video-bl .video-frst {
margin-bottom: 60px;
}

#kontakty .form-contact,
#contacts .form-contact {
margin-top: 60px;
}
}

@media (min-width: 600px) and (max-width: 1023px) {

#branding {
width: 90%;
order: 1;
}
	
#branding .logo-txt .title,
#branding .logo-txt p {
color: #1e1d24;
text-align: left;
}
	
#branding .logo-txt .title {
font-size: 18px; 
}
	
#branding .logo-txt p {
font-size: 14px;
}
	
#menu {
width: 100%;
padding: 0;
order: 3;
}
	
#banner {
margin-top: 0;
height: auto;
}
	
#banner .banner-bl {
padding: 130px 0;
}
	
#header .lang {
width: 10%;
order: 2;
}	
	
#preimushchestva-tp {
margin-top: 0;
background: #5c6bc0;
}
	
#preimushchestva-tp .preimushchestva-tp-bl {
flex-wrap: wrap;
padding: 40px 0 0 0;
}
	
#preimushchestva-tp .preimushchestva-tp-bl .bl {
width: 50%;
margin-bottom: 40px;
}
	
#preimushchestva-tp .preimushchestva-tp-bl .bl.extra {
border-right: none;
}
	
#uslugi .uslugi-bl .bl,
#our-services .uslugi-bl .bl {
flex-direction: column;
justify-content: center;
}
	
#uslugi .uslugi-bl .bl .bl-small,
#our-services .uslugi-bl .bl .bl-small {
margin: 0 auto;
}
	
#uslugi .uslugi-bl .bl .bl-small.one,
#uslugi .uslugi-bl .bl .bl-small.two,
#uslugi .uslugi-bl .bl .bl-small.four,
#uslugi .uslugi-bl .bl .bl-small.five,
#our-services .uslugi-bl .bl .bl-small.one,
#our-services .uslugi-bl .bl .bl-small.two,
#our-services .uslugi-bl .bl .bl-small.four,
#our-services .uslugi-bl .bl .bl-small.five {
margin-bottom: 60px;
}
	
#pochemu-my {
background-position: 100% 100%;
}
	
footer .top {
flex-direction: column;
}
	
footer .top .logo {
width: 100%;
}
	
footer .top .logo .logo-txt .title {
font-size: 18px;
}
	
footer .top .logo .logo-txt p {
font-size: 14px;
}
	
footer .top .logo .logo-txt,
footer .top .logo .logo-txt p {
text-align: left;
}
	
footer .top nav {
width: 100%;
}
	
footer .top nav ul li {
display: block;
padding: 0 0 15px 0;
}
	
footer .top nav ul li:last {
padding: 0;
}
	
#sidebar {
display: none;
}
	
.page-id-118 #branding .logo-txt .title,
.page-id-118 #branding .logo-txt p {
color: #fff;
}	
	
.page-id-118 #menu .menu-toggle {
color: #fff;
}
	
.page-id-118 #menu.toggled a, 
.page-id-118 #menu.toggled ul.sub-menu a, 
.page-id-118 #menu.toggled ul.children a {
color: #fff;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
	
#video-bl .video-frst,
#video-bl .video-scnd {
padding: 0 15px;
}
}

@media (min-width: 1024px) and (max-width: 1279px) {

header {
padding-top: 5px;
}

#branding {
width: 28%;
}

#branding .logo-img {
padding-right: 0;
margin: 0 auto;
}

#branding .logo-txt {
padding: 16px 0;
text-align: center;
}

#menu ul {
padding: 0 15px;
}
	
#menu li {
padding-right: 15px;
}
	
#menu a {
font-size: 14px;
}
	
#preimushchestva-tp .preimushchestva-tp-bl .bl p {
font-size: 16px;
}
	
#uslugi .uslugi-bl .bl .bl-small,
#our-services .uslugi-bl .bl .bl-small {
max-width: 310px;
}
	
#pochemu-my {
background-position: 70% 100%;
}
	
#video-bl .video-frst,
#video-bl .video-scnd {
padding: 0 15px;
}
	
footer .top nav ul li {
padding-right: 15px;
}
	
footer .top nav ul li a {
font-size: 14px;
}
}

.btn {
margin-top: 100px;
}

.btn p {
font-size: 28px;
font-weight: 600;
color: #5c6bc0;
padding: 0;
text-align: center;
margin: 0;
}

.btn a {
display: block;
margin: 50px auto 0 auto;
padding: 17px 28px;
background: #5c6bc0;
font-size: 16px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
border-radius: 5px;
text-decoration: none;
width: 100%;
max-width: 168px;
}

.btn a:hover {
background: #1e1d24;
}