/*
Theme Name: brat
Theme URI: http://mediamara.by/
Author: mediamara
Author URI: http://mediamara.by/
License: http://mediamara.by/
License URI: http://mediamara.by/
Description: http://mediamara.by/
Version: 4.0.0.a5
*/
@import "css/style-theme.css" all;
html {margin-top: 0px !important}
body {font-family: 'Roboto', tahoma, arial, sans; background: #f7f7f7 url(img/bg.png); font-size: 15px; }
a:not(.btn)  {color: #1570a6}
body {overflow-x: hidden;}

.error404 #header, .error404 #footer {display: none;}
.error404 {background: #fff; }
.error404 h1 {font-size: 5rem; font-weight: 200; line-height: .75em;}
.error404 h2 {font-size: 1.75rem}
.error404 #logo {margin: 2rem auto}
#page404 {position: relative; width: 100%; background: url(img/404-black.png) left center no-repeat; background-size: contain; min-height: 100%}
#main_wrapper {margin: 0 auto; background: #fff; padding-bottom: 1rem}
@media (max-width: 1199px) {
	.error404 #block404-main {margin: 5rem 0px 0rem;}
}
@media (min-width: 1200px) {
	.error404 #page404 {min-height: 800px }
	.error404 #block404-main {margin: 10rem 0px 0rem;}
	.error404 #block404-left {position: absolute; bottom: 0px; left: 0px}
}
@media (min-width: 1260px) {
	#main_wrapper {width: 1260px; box-shadow: 0 .5rem 2rem rgba(0,0,0,.33)}
}


.owl-carousel .owl-dots {text-align: center; margin: 0 auto; height: 1rem; z-index: 999; position: absolute; bottom: -1rem; width: 100%}
.owl-carousel .owl-dots > .owl-dot + .owl-dot {margin-left: 2rem}
.owl-carousel .owl-dots > .owl-dot {width: .75rem; height: .75rem; border-radius: 33rem; background: rgba(33,33,33,.1); transition: .75s all cubic-bezier(0.55, 0, 0.1, 1); display: inline-block;}
.owl-carousel .owl-dots > .owl-dot.active {background: #ab1d1c}
.owl-carousel .owl-nav > div {width: 40px; height: 100px; position: absolute; top: 50%; margin-top: -50px; opacity: .5; transition: .75s all cubic-bezier(0.55, 0, 0.1, 1)}
.owl-carousel .owl-nav > div:hover {opacity: .25}
.owl-carousel .owl-nav .owl-prev {background: url(img/owl-left.png) center center no-repeat; left: 0px}
.owl-carousel .owl-nav .owl-next {background: url(img/owl-right.png) center center no-repeat; right: 0px}
@media (max-width: 1199px) {
	.owl-carousel .owl-nav {display: none !important}
}


/*header*/
#header {margin-bottom: 2rem}
#page-home #header {margin-bottom: 0rem}
#header address, #header address > ul {margin-bottom: 0px}
.logo .site-description {opacity: .5} /*text-transform: uppercase*/
.logo .site-title {margin-top: 0px}
.we24 {font-size: 1.1rem;}
#top_head {padding-top: 1rem; padding-bottom: 1rem}
#menu-mainmenu {list-style: none; margin: 0px; padding: 0px}
#menu-mainmenu > li {display: block}
#nav_mainmenu {background: #1570a6; border-radius: 0px}
#nav_mainmenu .navbar-nav .nav-link {color: rgba(255,255,255,.75)}
#nav_mainmenu .menu-item.current-menu-ancestor .nav-link, #nav_mainmenu .menu-item.current-menu-parent .nav-link, #nav_mainmenu .menu-item.current-page-parent .nav-link {color: rgba(255,255,255,1); font-weight: 500}
.our-phone {font-size: 1.25rem; font-weight: 600}
.navbar-nav.navbar-2nd_level .nav-item.dropdown:hover > .dropdown-menu {display: block !important}
.navbar-nav.navbar-2nd_level .nav-item.dropdown:hover > .dropdown-toggle {color: rgba(0, 0, 0, 0.6)}
.navbar-nav.navbar-2nd_level .nav-item.dropdown .dropdown-menu {margin-top: 0px !important}
@media (max-width: 1199px) {
	.our-phone {font-size: 1rem; font-weight: 600}
	#header .logo {border-bottom: 1px #eee solid; margin-bottom: 15px; padding-bottom: 15px;}
	#header .logo img {width: auto; height: 4rem; margin: 0 auto}
	#mainmenu-nav .nav.nav-justified .dropdown-menu {width: 100%; position: relative; box-shadow: none; border: 0; border-radius: 0px; padding: 0px; float: none}
	#mainmenu-nav .nav.nav-justified .dropdown-menu li > a {padding: 10px 15px; text-align: center;}
	#mainmenu-nav .nav.nav-justified li > a {margin-bottom: 0px}
	#mainmenu-nav .nav .dropdown-menu {background: #e7e7e7}
	#mainmenu-nav .nav .dropdown-menu > li > a {text-align: center}
	#mainmenu-nav .nav.navbar-nav {margin: 7.5px 0}
	#nav_mainmenu.affix {position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100}
	body.affix-nav_mainmenu {padding-top: 50px}

	#nav_mainmenu .navbar-nav {text-align: center}
	#nav_mainmenu .nav-item {font-weight: 500; font-size: 1.2rem}
	#nav_mainmenu .menu-item.dropdown.show {background: rgba(255,255,255,.1)}
	#nav_mainmenu .nav-item .dropdown-menu .dropdown-item {text-align: center; color: #fff; font-weight: 400; font-size: 1rem;padding: .5rem 0px .5rem; }
	#nav_mainmenu .nav-item .dropdown-menu .dropdown-item:hover, #nav_mainmenu .nav-item .dropdown-menu .dropdown-item:focus  {background: rgba(255,255,255,.1)}
	#nav_mainmenu .container {width: 100%}
	#nav_mainmenu .navbar-toggler { text-align: center; display: block; width: 100%; background-position: 95% center; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 1px}
	#nav_mainmenu .navbar-toggler .mi { line-height: 1em !important}
	#nav_mainmenu_menu .nav .nav-item, #nav_mainmenu_menu .nav .nav-item .nav-link {display: block; width: 100%}
	#nav_mainmenu_menu .navbar-nav .nav-item+.nav-item {margin-left: 0px}
	#nav_mainmenu_menu .nav .nav-item {border-top: 1px rgba(0,0,0,.1) solid;}
	#nav_mainmenu_menu .nav {padding-top: .5rem}
	#nav_mainmenu_menu .nav-item .dropdown-menu {position: static; background: transparent; border: 0px; float: none; margin: 0px; padding: 0px}
	#nav_mainmenu_menu {overflow-y: scroll; overflow-x: hidden}
	#nav_mainmenu_menu::-webkit-scrollbar-track {border-radius: 3px;}
	#nav_mainmenu_menu::-webkit-scrollbar {width: .33rem}
	#nav_mainmenu_menu::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,.25);}

	#menu-mainmenu {display: flex; width: 100%; justify-content: space-between}
	#menu-mainmenu li {padding: .5rem 0px}
	#h-phones {position: relative; width: 100%;}
	#h-phones li:nth-child(1), #h-phones li:nth-child(2) {width: 50%}
	#h-phones li:nth-child(3) {position: absolute; top: .5rem; right: 1rem}
	#h-phones li:nth-child(3) .btn {padding: .5rem 1rem}

	#home-rev_list #rev_list-dots {margin-top: 0px !important}
	.service-img1 img{margin: 0 auto 1rem}
	.page-title, .service-price_area {text-align: center}
	.service-price_area .btn {margin-bottom: 1rem}
	.display-4 {font-size: 2rem}
}
@media (min-width: 1200px) {
	#mainmenu ul.nav > li.dropdown:hover ul.dropdown-m{display: block}
	#mainmenu-nav .nav .dropdown-menu > li > a {min-width: 200px; }
	#menu-mainmenu > li {display: inline-block}
	#menu-mainmenu > li + li {margin-left: .5rem}
	#top_nav {text-align: center; }
	#head-descr {margin-bottom: 1rem}
	#header #top_nav {padding-left: 3rem}
	#header #h-phones {padding-left: 7rem}
	#header #logo_area {padding-top: .5rem}

	#nav_mainmenu .navbar-nav .menu-item-has-children .dropdown-menu {margin-top: 0px}
	#nav_mainmenu .navbar-nav .menu-item-has-children:hover > .dropdown-menu {display: block}

	/* #header .logo img {max-width: 300px} */
}



/*footer*/
#footer {padding: 1rem 0 5rem; margin-top: 1rem; font-size: .9em}
#footer ul {list-style: none; padding: 0; margin: 0}
#site-development {text-align: right; font-size: .75rem; color: #333; transition: .5s all cubic-bezier(0.55, 0, 0.1, 1); opacity: .5; display: block}
#site-development:hover {opacity: 1}
#site-development img {max-width: 6rem; margin: 0 0 0 auto}
#foo-logo {opacity: .5}
#foo-logo:hover {opacity: 1}
@media (max-width: 1199px) {
	#footer .foo-copyright img {max-width: 50%; margin: 7.5px 0px; display: block}
	#site-development {text-align: left; margin-top: 1rem}
	#site-development img {max-width: 33%; margin: 0 0 5px;}
}


/* content */
#content {margin-bottom: 2rem}
.post-meta {color: #aaa}
.page-title {margin-top: 1rem}
.page-title.no-margin {margin-top: 0px}
.breadcrumbs span:nth-child(1) > a {font-weight: 600}
.breadcrumbs {margin-bottom: 0px; font-size: 0.75em; text-transform: uppercase; letter-spacing: 1px}
.breadcrumbs .separator {color: #ccc; padding: 0 5px}
.excerpt-item {border-bottom: 1px #eee solid; padding: 1rem 0; box-sizing: border-box}
.excerpt-item:hover {background: rgba(0,0,0,.025); margin: 0 -1rem; padding: 1rem;}
.excerpt-item .page-title {margin-top: 0px; font-size: 2em;}
#nav-after {padding: 1rem 0}
.single .post-meta {padding: 1rem 0; border-top: 1px #ddd solid}

/*sidebar*/
.sidebar > section {margin-bottom: 2rem}
.sidebar > section:nth-child(1) .widget-title {margin-top: 0px}
.sidebar > section {line-height: 1.23em}
.sidebar > section > ul {padding-left: 20px}
.sidebar > section > ul > li {line-height: 1.6em}
.widget-title {font-size: 1.5em}

/*content*/
.page-summary > p {margin-bottom: 5px}

/*home*/
#homeslider_container {background: #333; margin-bottom: 2rem}
.slider-post {background-position: center center; background-repeat: no-repeat; position: relative; height: 400px; overflow: hidden; background-size: cover;}
.slider-post .s-content {background: rgba(255,255,255,0.85); padding: 2rem; position: absolute; top: 70px; left: 50px; width: 360px; box-sizing: border-box}
.slider-post .s-title {font-size: 2em; color: #2e69c9}
#homeslider .carousel-control {background: transparent; width: 7%}
#homeslider .carousel-control i.material-icons {font-size: 4rem !important; top: 50%; position: absolute; margin: -2rem auto 0; color: #fff}
#homeslider .right.carousel-control i.material-icons {right: 1rem}
#homeslider .left.carousel-control i.material-icons {left: 1rem}
#homeslider .carousel-indicators li, #homeslider .carousel-indicators li.active {width: 1rem; height: 1rem; border: 0px; background: #09f; opacity: .25; margin: 0 .25rem}
#homeslider .carousel-indicators li:hover {opacity: .5; }
#homeslider .carousel-indicators li.active {opacity: 1; }
.carousel-fade .carousel-inner .item {opacity: .5; transition: opacity .5s}
.carousel-fade .carousel-inner .active {opacity: 1; transition: opacity 1s}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0; opacity: 0; z-index: 1;}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control { z-index: 2;}

/*infoblocks*/
#b-1 .infoblock {padding-top: 0px}
.infoblock {padding: 1rem 0}
.infoblock:nth-child(1) {padding-top: 0px}
.infoblock.no-bg {background: transparent !important}
.infoblock.border-top {border-top: 1px #ddd solid}
.infoblock.border-bottom {border-bottom: 1px #ddd solid}
.infoblock.rt0 {padding-top: 0px}
.infoblock.rb0 {padding-bottom: 0px}
.infoblock.bg {background: #f7f7f7; padding: 7.5px 1rem; margin: 0 -1rem}

#to_top_btn {text-align:center; padding: .75rem 1rem; position:fixed; bottom: 1rem; right: 1rem; cursor:pointer; background: #f7f7f9; color: rgba(0,0,0,.5); line-height: 2rem; font-size: 2rem; transition: .5s all cubic-bezier(0.55, 0, 0.1, 1); opacity: 0; z-index: 12; box-shadow: 0 3px 1rem rgba(0,0,0,.33)}
#to_top_btn:hover, #to_top_btn:focus {background: #0275d8; color: #fff}
#to_top_btn.active {bottom: 1rem; opacity: 1}

.soc-links {margin: 0px; padding: 0px; list-style: none}
.soc-links > li {display: inline-block}
.soc-links > li + li {margin-left: .25rem}
.soc-links > li img {width: 2rem; transition: .5s all; opacity: .75}
.soc-links > li:hover img { opacity: 1; box-shadow: 0px .25rem 1rem rgba(0,0,0,.33)}


.card-bg_img {background-size: cover; background-position: center center; background-repeat: no-repeat}
#home-services .card {background: #1570a6; border-top: #1570a6 2px solid; border: 0px; box-shadow: 0px .5rem 3rem rgba(20,110,165,.5); transition: .75s all cubic-bezier(0.55, 0, 0.1, 1); }
#home-services .card:hover {box-shadow: 0px .25rem 5rem rgba(20,110,165,.85); background: #094c74}
#home-services .card a {color: #fff}
#home-services .card-bg_img {min-height: 15rem; width: 100%}
#home-services .card-title {text-align: center; font-size: 1.1rem; margin-bottom: 0px}
#home-services .card-block {min-height: 80px}
@media (max-width: 1199px) {
	#home-services .card-bg_img {min-height: 10rem}
	.breadcrumbs {display: none}
}

#slider-rev_list .item {text-align: center}
#slider-rev_list .item-title {font-size: 1.1rem}
#slider-rev_list .item-img {width: 10rem; height: 10rem; border-radius: 10rem; background-size: cover; background-repeat: no-repeat; background-position: center center; margin: 0 auto 1rem}
.type-reviews .card-img-top {width: auto; height: 15rem; background-size: cover; background-repeat: no-repeat; background-position: center center; margin: 0 auto 1rem}
#slider-rev_list .item-content {font-size: .85rem}

.post-type-archive .excerpt-item .img-responsive img {width: 100%}
@media (max-width: 1199px) {
	.card-columns .card {display: block; width: 100%; min-width: 100%}
}

#home-b_service, .bg_area {background: #f1f1f1}
#home-top_action {background: url(img/bg-top_action.jpg) center center no-repeat; background-size: cover; padding: 2rem 0px}
#home-top_action h1 {margin-top: 1rem}
#home-top_action .card {background: rgba(255,255,255,.75)}
.top_action_slogan-area .title {color: #fff; font-weight: 300; vertical-align: middle}
@media (max-width: 1199px) {
	.top_action_slogan-area .title {font-size: 2rem; line-height: 2rem; text-align: center}
	#home-top_action {padding: 1rem 0px 2rem}
}
@media (min-width: 1200px) {
	.top_action_slogan-area .title {font-size: 5rem; line-height: 5rem; text-align: left; margin: 2rem 0 0 5rem}
	#home-b_service .b_service_form-area .btn {margin-top: 1.5rem !important}
}


#home-b_service {background: url(img/bg-b_service.jpg) center center no-repeat; background-size: cover; padding: 2rem 0px}
.b_service_phone-area {color: #fff}
.b_service_phone-area .title {font-weight: 500; vertical-align: middle}
.b_service_phone-area .title a {color: #fff}
@media (max-width: 1199px) {
	.b_service_phone-area .title {font-size: 2rem; line-height: 2rem; text-align: center}
}
@media (min-width: 1200px) {
	.b_service_phone-area .title {font-size: 4rem; line-height: 4rem; text-align: left; margin: 0rem 0 0 5rem}
}


.service-page hr { margin: 2rem -75px; }
.service-page .service-price_area {list-style: none; padding: 0px; margin: 0px}
.service-page .service-price_area .service-price {font-size: 2rem}
.service-features3_6 {margin: 1rem 0px; padding: 1rem 0px}
.service-typical_broke {background: #f7f7f7; padding: 2rem 0px; margin: 0 0px}
.service-typical_broke > ul {width: 100%; padding: 0px; margin: 0px}
.service-typical_broke > ul > li, .service-page .service-other_services li {vertical-align: top;}
.service-middle {}
.service-add_price .table th:nth-child(1), .service-add_price .table td:nth-child(1) {width: 70%}
.service-add_price .table th:nth-child(2), .service-add_price .table td:nth-child(2) {width: 10%; font-weight: bold}
.service-add_price .table th:nth-child(3), .service-add_price .table td:nth-child(3) {width: 20%}
@media (max-width: 1199px) {
	.service-typical_broke > ul > li {width: 100%; display: block}
}
@media (min-width: 1200px) {
	.service-page .service-img1 {/*float: left; */margin: 0 2rem 2rem 0}
	.service-page .service-img2 {float: right; margin: 4rem 0rem 2rem 2rem}
	.service-page .service-img2 img {max-width: 450px; height: auto}
	.service-page .service-price_area > li {display: inline-block}
	.service-page .service-price_area > li + li {margin-left: 1rem}
	.service-typical_broke > ul > li, .service-page .service-other_services li {width: 31%; float: left; padding-right: 2rem;margin: 0 0 1rem 1rem}
	.service-add_price .table th:nth-child(3), .service-add_price .table td:nth-child(3) {text-align: right}
	.service-typical_broke {padding: 2rem 75px; margin: 0 -75px}
}

#home-auto_brands {margin-top: 2rem !important}
#home-auto_brands li {font-size: 1.1rem}
#bottom_nav {width: 100%; position: fixed; left: 0px; bottom: 0px; z-index: 10; background: rgba(0,0,0,.8); padding: .5rem 0}
#bottom_nav ul {text-align: center; margin: 0 auto}
#bottom_nav ul > li {margin: 0 .5rem; color: #fff; display: inline-block}
#bottom_nav ul > li a:not(.btn) {color: #fff; text-decoration: underline}
@media (max-width: 1199px) {
	#footer {padding-bottom: 3rem}
	#to_top_btn {display: none !important}
}
#slider-auto_brands .owl-dots {display: none !important}
#slider-auto_brands .owl-nav > div {background-color: transparent; opacity: 1; top: 0px; margin-top: 0px}
#slider-auto_brands .owl-nav .owl-prev {padding-right: 1rem}
#slider-auto_brands .owl-nav .owl-next {padding-left: 1rem}
@media (min-width: 1200px) {
	#slider-auto_brands .owl-nav > div {background-color: transparent; opacity: 1; top: 0px; height: 115px; width: 60px}
	#slider-auto_brands .item {height: 112px; display: flex}
	#slider-auto_brands .item img {margin: auto}
	#home-auto_brands .owl-stage-outer {margin: 0px 3.25rem}
}

.foo-contacts li {font-size: .75rem}
.foo-contacts > li + li {margin-top: .25rem}

#rev-services span > p {display: inline-block}
#page-contacts .contacts-area .material-icons {font-size: 4rem; color: #1570a6}

.acf-repeater_items .flex-container {display: flex}
.acf-repeater_items .flex-item { font-size: .9rem; line-height: 1rem; }
.acf-repeater_items .flex-item .icon {width: 128px; height: 128px; margin: 0 auto}
@media (max-width: 1199px) {
	.acf-repeater_items .flex-container {flex-direction: column; justify-content: center; align-items: stretch }
	.acf-repeater_items .flex-item {width: 100%; padding: 1rem 1rem; margin: .5rem 0; border: 1px solid rgba(0,0,0,.125);}
}
@media (min-width: 1200px) {
	.acf-repeater_items .flex-container {flex-direction: row; justify-content: center; align-items: stretch }
	.acf-repeater_items .flex-item {padding: 0rem .75rem; margin: 0 .25rem; flex-basis: 100%}
}

.service-features4_6 .acf-repeater_items .flex-item {display: flex}
.service-features4_6 .acf-repeater_items .flex-item > * {margin: auto 0}
.service-features4_6 .acf-repeater_items .flex-item .icon {width: 3rem; height: 3rem; margin: 0; }
.service-features4_6 .acf-repeater_items .flex-item .text {margin-left: 1rem}

.brand_img_area {text-align: center; display: flex; width: 100%; height: 100%; border: 1px #eee solid; height: 10rem; margin-bottom: .25rem; padding: 1rem}
.brand_img_area img {display: block; margin: auto; max-height: 100%}
.brand_title_area {display: block; text-align: center; margin-bottom: 1.5rem}

.block123 .material-icons {font-size: 3rem; text-align: right; color: #1570a6}