@import url(https://fonts.googleapis.com/css?family=Merriweather:400,400i,700,700i&subset=cyrillic,cyrillic-ext);

body {min-width:400px;background-color:#010101;background-repeat:repeat-x;background-position:center top;background-image:url('/files/site/back-01.jpg');color:#e1e1e1;padding:0px 0px 0px 0px;margin:0px;font-size:14px;font-family: 'Merriweather', serif;line-height: 1.4;height: 100%;}
html {min-width:300px;padding:0px;margin:0px;background-color:#010101;overflow-x:hidden;}
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
hr {border: 0 #b6ccd8 solid;border-top-width:1px;clear:both;display:block;height:0;margin:0px 0px 0px 0px;}
.transition {-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.granit-padding{padding:15px;}
.granit-border-right{border-right:1px solid #333333;}
.granit-slogan{padding:0px 0px 20px 160px;margin:0px;list-style:none;font-size:18px;font-weight:700;font-style:italic;}
.granit-slogan li{padding:3px 0px;margin:0px;}
.mapping{height:600px;border:2px solid #c3d7e7}
.granit-tel{padding:0px 0px 20px 0px;margin:0px;list-style:none;font-size:36px;}
.granit-tel li{padding:0px;margin:0px;}
.granit-tel li.miha{font-size:20px;}

.granit-menu-panel{background:#f3f3f3;color:#313131;border-bottom:5px solid #990000;}
.granit-menu-panel-img{background-size:contain;background-repeat:no-repeat;background-position:center top;background-image:url('/files/site/granit-menu-panel-01.png');display:block;width:200px;height:200px;position:absolute;top:-65px;left:-40px;}
.granit-menu-panel-pamyatnik{background-size:contain;background-repeat:no-repeat;background-position:center top;background-image:url('/files/site/pamyatnik-01.png');display:block;width:500px;height:500px;position:absolute;top:-210px;right:-100px;}
.granit-menu-panel-text{padding:15px 400px 15px 20px;margin:0px;font-style:italic;}
.granit-menu{background:#d2d2d2;margin:0px;padding:15px 15px 15px 150px;list-style:none;text-transform:uppercase}
.granit-menu li{margin:0px;padding:0px 0px;border-left: 1px solid #a5a5a5;}
.granit-menu li a{margin:0px;padding:5px 10px;display:block;color:#313131;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;text-decoration:none;}
.granit-menu li a:hover{background:#c4c4c4;color:#313131;}
.granit-menu li a.active{background:#990000;color:#FFFFFF;}

h1, h2, h3, h4, h5, h6 {color:#e1e1e1;font-family: 'Merriweather', serif;}
h1.header-h1{font-size:56px;padding:30px 0px 20px 0px;}
h2.footer-h2{font-size:26px;}
h3{text-align:center;text-transform:uppercase}
h3 span{border-bottom:3px solid #990000}
h4{background:#d2d2d2;color:#666666;margin:0px;padding:4px 10px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
h4:hover{color:#FFFFFF;background:#990000;}
h4:before {content: "\f00c";font-family: FontAwesome;margin-right:10px;}
.border-img{border:1px solid #FFFFFF}
.content{background: transparent url('/files/site/pixel-black-50.png') center center;}

a{color:#e1e1e1;text-decoration:underline;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
a:hover{color:#990000;text-decoration:none;}
.granit-a{display:inline-block;border:2px solid #666666;padding:10px 15px;text-decoration:none;}
.granit-a:hover{border:2px solid #990000;background:#990000;color:#FFFFFF;}
.granit-link-white{background:#FFFFFF;color:#666666;font-weight:700;border:2px solid #FFFFFF;display:block;text-transform:uppercase;text-decoration:none;padding:5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.granit-link-white:hover{border:2px solid #990000;text-decoration:none}

.granit-footer-red{background:#990000;color:#FFFFFF;font-size:32px;padding:5px 0px 5px 10px;}
.granit-footer{background:#d2d2d2;color:#666666;border-top:1px solid #FFFFFF;font-size:12px;border-bottom:3px solid #990000}
.granit-footer a{color:#666666;}
.granit-footer a:hover{color:#990000;}
.granit-footer p{margin:0px;padding:3px 0px}
.granit-footer i{width:16px;text-align:center;margin-right:10px;}
.granit-footer-box{padding:10px;}
.granit-footer-tel{font-size:18px;}
.granit-footer-tel i{font-size:12px;}
.granit-footer-tel i.granit-footer-icon-none{color:#d2d2d2}
.granit-footer-img{background-size:contain;background-repeat:no-repeat;background-position:center top;background-image:url('/files/site/granit-footer-01.png');display:block;width:140px;height:220px;position:absolute;top:-96px;right:-55px;}
.idea-logo{background-size:contain;background-repeat:no-repeat;background-position:center top;background-image:url('/files/site/idea-logo.png');display:block;width:80px;height:96px;position:absolute;top:-5px;left:-10px;}
.idea-logo-text{text-align:right;}

blockquote{border-left:3px solid #990000;}

.paginate{}
.paginate a{display:inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:2px;background:transparent;padding:5px 10px;text-decoration:none;}
.paginate a:hover{background:#cc0000;color:#ffffff;text-decoration:none;}
.paginate strong{display:inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:2px;background:#cc0000;color:#ffffff;padding:5px 10px;}

.gallery-category{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);}
.gallery-category a{display:block;padding:8px;font-weight:700;color:#666;text-decoration:none;text-align:center;text-transform:uppercase;border:2px solid #fff;background:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.gallery-category a:hover{color:#666;text-decoration:none;border:2px solid #cc0000;}
.gallery-category a span{display:block;padding: 12px 0px 12px 0px;}
.gallery-category-full{grid-template-columns:repeat(7,1fr);padding-bottom:24px;}

@media only screen and (max-width: 1219px) {
.granit-menu-panel-pamyatnik{width:440px;height:440px;top:-165px;right:-120px;}
.granit-menu-panel-text{padding:15px 300px 15px 20px;}
h1.header-h1{font-size:52px;padding:30px 0px 20px 0px;text-align:center}
}
@media only screen and (max-width: 959px) {
.granit-menu-panel-pamyatnik{width:300px;height:300px;top:-233px;right:-50px;}
.granit-menu-panel-text{padding:15px 40px 15px 20px;}
h1.header-h1{font-size:36px;padding:30px 0px 20px 0px;text-align:center}
.granit-slogan{padding:0px 0px 20px 160px;font-size:16px;}
.granit-tel{font-size:26px;}
.granit-tel li.miha{font-size:16px;}
.gallery-category{grid-template-columns:repeat(3,1fr);}
.gallery-category-full{grid-template-columns:repeat(4,1fr);}
}
@media only screen and (max-width: 767px) {
.granit-menu-panel-pamyatnik{width:320px;height:320px;top:-250px;right:-55px;}
.granit-menu-panel-text{padding:15px 100px 15px 20px;}
.granit-slogan{padding:0px 0px 20px 0px;}
.granit-tel li{text-align:center;}
h2.footer-h2{font-size:18px;}
.gallery-category-full{grid-template-columns:repeat(3,1fr);}
}
@media only screen and (max-width: 600px) {
.granit-menu-panel-img{width:140px;height:140px;position:absolute;top:-45px;left:-15px;}
.granit-menu-panel-pamyatnik{display:none;}
.granit-menu{padding:10px 10px 10px 120px;}
.granit-menu-panel-text{padding:10px;}
h2.footer-h2{font-size:16px;}
.granit-footer-img{width:100px;height:170px;top:-70px;right:-30px;}
.granit-footer{font-size:11px;}
.gallery-category{grid-template-columns:repeat(2,1fr);}
.gallery-category-full{grid-template-columns:repeat(2,1fr);}
}