/*
Theme Name: kgm
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.a2
*/
@import "css/style-theme.css" all;
@import "css/style-comments.css" all;
html {font-size: 15px; margin-top: 0px !important; background: #190f0d url(img/bg.jpg); }
body {font-family: 'Open sans', tahoma, arial, sans; background: #190f0d url(img/bg.jpg); color: #fff; line-height: 1.6em; overflow-x: hidden}
.card, .modal {color: #333}

.error404 #header, .error404 #footer {display: none;}
.error404 {background: transparent;}
.error404 #block404-1 {margin: 10rem 0px 0rem}
.error404 h1 {font-size: 15rem; font-weight: 200; line-height: .75em;}
.error404 h2 {font-size: 1.75rem}
.error404 #logo {margin: 2rem auto}
.error404 form {max-width: 30rem; margin: 1rem auto}
.error404 small {font-size: 1.5em; opacity: .5; margin-bottom: 2rem; display: block}
.media-left img {min-width: 7rem}
.container {max-width: none !important; width: 1170px;}

/*header*/
#header {padding: 2rem 0; border-bottom: 1px #444 solid}
#header address {margin-bottom: 0px}
#header address h5 {margin: 0 0 5px}
#h-phones, #h-address {text-align: right}
#h-phones li.phone > a {color: #fff !important}
#h-phones ul, #h-address ul, #h-address p {margin-bottom: 0px}
#h-phones {margin: .5rem 0 1rem 0px !important}
#h-phones li.phone > a {font-size: 1.5rem; color: #333; font-weight: 500}
.logo .site-description {opacity: .5} /*text-transform: uppercase*/
.logo .site-title {margin-top: 0px}
#header .logo  img {height: 96px; width: auto}


/* content */
#content {padding: 2rem 0px}
.post-meta {color: #aaa}
.page-title {font-size: 2.3em; 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}

/*footer*/
#footer {padding: 5rem 0; font-size: .9em}
#footer .foo-copyright {line-height: 10px; font-size: .7em}
#footer .foo-copyright img {margin: 5px 0}
#footer ul {list-style: none; padding: 0; margin: 0}

/*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 {max-width: 1600px; margin: 0 auto}
#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: #f00; 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; display:none; background: rgba(247, 247, 249,.8); color: rgba(0,0,0,.5); border: 1px #eee solid; line-height: 2rem; font-size: 2rem; border-radius: 0.3rem}
#to_top_btn:hover, #to_top_btn:focus {background: #fff; color: rgba(0,0,0,.8)}

#mainnav ul {margin: 0; padding: 0px 0px 0px 0rem; list-style: none}
#mainnav #mainnav1 {padding-left: 1rem;}
#mainnav ul li {display: inline-block; margin-top: .5rem; min-width: 5rem}
#mainnav ul li a {color: rgba(255,255,255,.5)}
#mainnav ul li.current_page_item a {color: #f60d11; font-weight: 600; background: #f1f1f1; padding: .33rem .75rem; margin: -.33rem 0 0 -.75rem}
#mainnav #mainnav1 li {width: 13rem}
#mainnav #mainnav2 {padding-left: 3rem}

#page-home #content {padding-top: 0px}

.benefit-block {text-align: center; margin: 2rem 0px}
.benefit-block .mi {font-size: 5rem !important; color: #f60d11}

#home_catalog img {transition: 1s opacity}
#home_catalog img:hover {opacity: .75}
#home_catalog .home_cat_item > a{background: #f60d11; display: block}