@charset "utf-8";
/* CSS Document */
/*
Theme Name: megamramor
Description: The theme for WordPress
Author: Gosha
Version: 1.a
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}


@font-face {
  font-family: 'Montserrat-Regular';
  src: url('fonts/Montserrat-Regular/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/Montserrat-Regular/Montserrat-Regular.woff') format('woff'), url('fonts/Montserrat-Regular/Montserrat-Regular.ttf')  format('truetype'), url('fonts/Montserrat-Regular/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Light';
  src: url('fonts/Montserrat-Light/Montserrat-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/Montserrat-Light/Montserrat-Light.woff') format('woff'), url('fonts/Montserrat-Light/Montserrat-Light.ttf')  format('truetype'), url('fonts/Montserrat-Light/Montserrat-Light.svg#Montserrat-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Bold';
  src: url('fonts/Montserrat-Bold/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Montserrat-Bold/Montserrat-Bold.woff') format('woff'), url('fonts/Montserrat-Bold/Montserrat-Bold.ttf')  format('truetype'), url('fonts/Montserrat-Bold/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


html, body {
width:100%;
height:100%;
min-height:100% !important;
}
body {
font-family: "Montserrat-Regular";
font-size:0.9em;
font-weight:400;
color:#333333;
position:relative;
padding:0;
margin:0;
width:100%;
min-width:320px;
padding-top:1px;
background:#FFFFFF;
background-size:100% auto;
}


article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {
display:block; 
}
.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}
a {
color:#333333;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
.cols {
overflow:hidden;
margin-bottom:10px;
position:relative;
}
.col {
float:left;
width:98%;
margin:0 1%;
}
.col.col_2 {
width:48%;
}
.col.col_3 {
width:31.33%;
}
.col.for_button {
text-align:center;
}
.col.col_2_3 {
width:64.66%;
}
.col.col_60p {
width:58%;
}
.col.col_40p {
width:38%;
}

.div_table {
display:table;
width:100%;
}
.div_td {
display:table-cell;
padding:10px
}
.div_tr {
display:table-row;
}


.big {
font-size:1.3em;
font-weight:normal;
}
.small {
font-size:0.8em;
}
.strong {
font-family:"Montserrat-Bold";
}
.target_text {
color:#e60012;
}
.mw {
max-width:1230px;
padding:0 15px;
position:relative;
margin:0 auto;
}
.mw.mw_980 {
max-width:980px;
}


h1 {
font-size:2.5em;
text-transform:uppercase;
font-family:"Montserrat-Light";
margin:30px 0;
text-align:center;
}
h2 {
font-size:2em;
font-family:"Montserrat-Light";
margin:30px 0;
}
.to_top {
display:none;
width:50px;
height:50px;
background:rgba(0,0,0,0.7) url("img/arrow_top.svg") no-repeat;
background-size:100% auto;
opacity:0;
position:fixed;
bottom:20px;
right:20px;
z-index:866;
}
.to_top.visible {
opacity:0.7;
display:block;
-moz-transition: all 0.3s 0.1s;
-o-transition: all 0.3s 0.1s;
-webkit-transition: all 0.3s 0.1s;
}
.to_top.visible:hover {
opacity:1;
}

/*--------------------------
ШАПКА
--------------------------*/
#header {
padding:20px 0;
background:#333333 url("img/granite_texture.jpg");
color:#FFFFFF;
}
#header .left {
width:310px;
float:left;
}
#header .right {
width:280px;
float:right;
text-align:right;
margin-top:-75px;
}
#header .center {
margin:0 350px 0 310px;
text-align:right;
}
#logo {
width:120px;
display:inline-block;
vertical-align:middle;
}
#logo img {
width:100%;
height:auto;
}
#slogan, #footer .slogan {
width:170px;
display:inline-block;
vertical-align:middle;
margin-left:15px;
font-size:0.85em;
color:#CCCCCC;
}

#header .address {
margin-bottom:25px;
font-size:1.1em;
}
#header .hours {
font-family:"Montserrat-Light";
font-size:1em;
color:#DDDDDD;
}
#header .hours .hours_block {
display:inline-block;
margin-left:15px;
padding-left:15px;
border-left:1px solid #CCCCCC;
width:100px;
}
#header .hours .hours_block:first-child {
width:115px;
}
#header .hours .hours_block:first-child {
border:none;
padding:0;
margin:0;
}

#header .right .phone_block {
font-size:2em;
font-family:"Montserrat-Light";
margin-bottom:5px;
}
#header .right .bottom_block .ring_block a {
background:url("img/ico-phone.png") no-repeat 0 6px;
padding:5px 0 5px 25px;
display:inline-block;
color:#FFFFFF;
}

#header .right .bottom_block .ring_block, #header .right .bottom_block .social {
display:inline-block;
vertical-align:middle;
margin-left:15px;
}
.social_icon.social_fb {
background:#FFFFFF url("img/si_fb.svg") no-repeat 10px 10px;
}
.social_icon.social_in {
background:#FFFFFF url("img/si_in.svg") no-repeat 10px 10px;
}
.social_icon {
display:inline-block;
width:35px;
height:35px;
border-radius:50%;
background-size:15px auto !important;
}
.social_icon:hover {
background-color:#CCCCCC;
}
#top_image1 {
background-size:cover;
background-repeat:no-repeat;
background-position:bottom center;
}
.titler {
padding:160px 0 130px 0;
text-align:center;
}
.titler .top_title {
color:#FFFFFF;
font-size:3.3em;
text-transform:uppercase;
font-family:"Montserrat-Light";
}
.titler .top_title h1 {
font-size: 1em;
margin:0;
}
#crumbs {
color:#FFFFFF;
text-align:center;
font-size:0.85em;
}
#crumbs a {
color:#FFFFFF;
}
#crumbs ul {
list-style-type:none;
padding:0 0 15px 0;
margin:0;
}
#crumbs ul li {
display:inline-block;
}
#crumbs ul li:before {
content:"/";
display:inline-block;
margin:0 15px;
}
#crumbs ul li:first-child:before {
content:"";
display:none;
margin:0;
}
#crumbs .current {
font-family:"Montserrat-Bold";
}
/*--------------------------
НАВИГАЦИЯ
--------------------------*/
#image_block {
position:relative;
}
#navigation {
background:rgba(0,0,0,0.7);
font-family:"Montserrat-Light";
position:absolute;
top:0;
left:0;
width:100%;
z-index:900;
}
#small_logo {
width:60px;
float:left;
margin:10px 0;
overflow:hidden;
margin:0;
width:0;
-moz-transition: all 0.3s 0.1s;
-o-transition: all 0.3s 0.1s;
-webkit-transition: all 0.3s 0.1s;
}
#navigation.fixed {
position:fixed;
background:rgba(0,0,0,0.85);
}
#navigation.fixed #small_logo {
width:60px;
margin:10px 0;
}
#small_logo img {
width:100%;
height:auto;
}
#nav {
margin-left:0;
-moz-transition: all 0.3s 0.1s;
-o-transition: all 0.3s 0.1s;
-webkit-transition: all 0.3s 0.1s;
}
#navigation.fixed #nav {
margin-left:70px;
}
#nav ul {
padding:0;
margin:0;
list-style-type:none;
}
#nav ul li {
display:inline-block;
position:relative;
}
#nav ul li a {
color:#EEEEEE;
text-decoration:none;
display:block;
padding:20px 15px;
}
#nav ul li a:hover, #nav ul li:hover a {
color:#FFFFFF;
background:#111111;
}
#nav ul li ul {
background:rgba(0,0,0,0.8);
display:block;
position:absolute;
left:0;
top:60px;
display:none;
width:300px;
z-index:200;
}
#nav ul li ul li {
display:block;
border-top:1px solid #444444;
}
#nav ul li:hover ul {
display:block;
}
#nav ul li ul li a {
padding:10px 25px;
background:none !important;
color:#CCCCCC !important;
}
#nav ul li ul li a:hover {
padding:10px 25px;
color:#FFFFFF !important;
background:#111111 !important;
}
#menu-item-260 ul {
}
#nav ul.subs {
width:400px;
overflow:hidden;
display:none;
font-size:0.9em;
}
#nav ul.subs li.left, #nav ul.subs li.right {
width:49.5%;
float:left;
margin:0 0.25%;
}
#nav ul.subs li ul {
position:relative !important;
top:0 !important;
width:200px !important;
background:none !important;
}
#nav ul.subs li ul li:first-child a {
text-transform:uppercase;
font-size:1.1em;
font-family:"Montserrat-Bold";
}
#mobile_menu {
position:fixed;
top:15px;
left:15px;
width:50px;
height:50px;
background:rgba(20,20,20,0.8) url("img/menu.svg") no-repeat 0 0;
background-size:200% auto;
z-index:990;
display:none;
}

/*--------------------------
ФУТЕР
--------------------------*/
#footer {
padding:20px 0;
background:#333333 url("img/granite_texture.jpg");
color:#FFFFFF;
}

#footer .footer_top {
padding:20px 0;
border-bottom:1px solid #666666;
}
#footer .footer_top .logo_block {
float:left;
width:400px;
}
#footer .footer_top .logo {
width:100px;
display:inline-block;
vertical-align:middle;
}
#footer .footer_top .slogan {
width:270px;
margin-left:10px;
display:inline-block;
vertical-align:middle;
font-size:0.9em;
}
#footer .footer_top .logo img {
width:100%;
height:auto;
}
#footer .footer_top .social {
margin-left:450px;
text-align:right;
}

#footer .footer_middle  {
margin:30px 0 0 0;
color:#CCCCCC;
}
#footer .footer_middle .item {
width:20%;
float:left;
box-sizing:border-box;
padding-right:5%;
}
#footer .footer_middle .item.address {
width:35%;
}
#footer .footer_middle .item.address a {
color:#FFFFFF;
}
#footer .footer_middle .item.menu ul {
list-style-type:none;
padding:0;
margin:0;
}
#footer .footer_middle .item.menu ul li {
margin-bottom:15px;
}
#footer .footer_middle .item.menu ul li a {
color:#AAAAAA;
}
#footer .footer_middle .item.menu ul li a:hover {
color:#FFFFFF;
}
.copyright {
text-align:right;
margin-top:-30px;
}


/*--------------------------
Верхний слайдер
--------------------------*/
.slider .slide {
height:600px;
position:relative;
}
.slider .slide a {
display:block;
text-decoration:none;
color:#FFFFFF;
}
.slider .slide .slide_text_container {
text-align:right;
padding:350px 50px 100px 300px;
}
.slider .slide .slide_text_container .slide_text {
display:inline-block;
font-size:3em;
text-transform:uppercase;
padding:20px;
border-top:3px double rgba(255, 255, 255, 0.5);
border-bottom:3px double rgba(255, 255, 255, 0.5);
font-family:"Montserrat-Light";
text-shadow:0 2px 10px rgba(0,0,0,0.3);
}
.slider .slide .slide_text_container .slide_text p {
padding:0;
margin:0;
}
.slider .slider_dots {
position:absolute;
bottom:100px;
left:0;
width:100%;
z-index:300;
}
.slider_button {
opacity:0.3;
-moz-transition: all 0.3s 0.1s;
-o-transition: all 0.3s 0.1s;
-webkit-transition: all 0.3s 0.1s;
}
.slider_button:hover {
opacity:0.8;
}
.slider .slider_button.slider_prev {
left:0;
}
.slider .slider_button.slider_next{
right:0;
}
.swiper-button-prev {
background:#111111 url("img/arrows.svg") no-repeat;
}
.swiper-button-next {
background:#111111 url("img/arrows.svg") no-repeat -50px 0;
}

#color_slider .slider_button.slider_prev {
left:-50px;
}
#color_slider  .slider_button.slider_next{
right:-50px;
}


/*--------------------------
Контент
--------------------------*/
.title {
font-size:2.5em;
text-transform:uppercase;
font-family:"Montserrat-Light";
color:#111111;
margin-bottom:60px;
text-align:center;
}
.title.white {
color:#FFFFFF;
}
.title.mini {
font-size:1.8em;
margin-bottom:30px;
}
.center_button {
text-align:center;
}
.shadow {
height:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.2+0,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
position:absolute;
top:0;
left:0;
width:100%;
}
.info_block {
padding:60px 0;
position:relative;
}
.info_block.grey {
background:url("img/granite_texture_white.jpg");
}
.content.main_page .content_right {
float:right;
width:50%;
box-sizing:border-box;
padding-left:50px;
}
.content.main_page .content_left {
margin-right:50%;
}
.elements_text {
font-size:1em;
color:#666666;
text-align:center;
}
.elements_text .item {
width:33.33%;
box-sizing:border-box;
padding:0 50px;
float:left;
text-align:center;
}
.elements_text .item .item_image {
width:200px;
height:200px;
overflow:hidden;
border-radius:50%;
margin-bottom:20px;
display:inline-block;
line-height:0;
}
.elements_text .item .item_image img {
width:100%;
height:auto;
}
.main_page_content {
overflow:hidden;
text-align:justify;
}
.main_page_content .left {
float:left;
width:48%;
}
.main_page_content .right {
margin-left:52%;
}
#page {
margin-bottom:30px;
position:relative;
}
#page .page_inner_middle {
}
#page .page_content .page_right {
margin-left:75%;
}
#page .page_content .page_left {
float:left;
width:72%;
}
#page .page_content .page_left img {
max-width:100%;
height:auto;
}
#page img {
max-width:100%;
height:auto;
}
/*--------------------------
Наши работы
--------------------------*/
.content.main_page .content_left .product_block {
font-size:1.2em;
}
.content.main_page .content_left .product_block ul {
padding:0;
margin:30px 0;
list-style-type:none;
font-family:"Montserrat-Light";
}
.content.main_page .content_left .product_block ul li {
margin-bottom:20px;
}

.ngg-galleryoverview {
overflow:hidden;
margin-bottom:15px;
}
.ngg-galleryoverview .ngg-gallery-thumbnail-box {
float:left;
width:33.33%;
}
#page .ngg-galleryoverview .ngg-gallery-thumbnail-box {
width:20%;
}
.ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail {
padding:5px;
background:rgba(20,20,20,0);
-moz-transition: all 0.3s 0.1s;
-o-transition: all 0.3s 0.1s;
-webkit-transition: all 0.3s 0.1s;
border-radius:3px;
}
.ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail:hover {
background:rgba(20,20,20,1);
}
.ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a {
display:block;
font-size:0;
}
.ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a img {
width:100%;
height:auto;
}
.ngg-navigation {
display:none;
}


/*--------------------------
Блок продуктов
--------------------------*/
.brick {
height:300px;
position:relative;
text-align:center;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.products_bricks.main_page {
margin:40px 0;
}
.products_bricks .brick {
margin:3px 0;
}
.products_bricks.main_page .brick {
width:32.73%;
margin:3px 0.3%;
box-sizing:border-box;
float:left;
}
.brick .name_one, .brick .name_two {
position:absolute;
left:0;
width:100%;
padding:30px;
box-sizing:border-box;
text-align:center;
color:#FFFFFF;
text-transform:uppercase;
background:rgba(24,24,24,0.5);
-moz-transition: all 0.2s 0.1s;
-o-transition: all 0.2s 0.1s;
-webkit-transition: all 0.2s 0.1s;
}

.brick .name_one {
bottom:0;
font-size:1.1em;
opacity:1;
}
.brick .name_two {
top:0;
height:100%;
font-size:0.9em;
opacity:0;
}
.brick:hover .name_one {
opacity:0;
}
.brick:hover .name_two {
opacity:1;
}

.brick .div_table {
height:80%;
}
.details_bricks .brick .div_table {
height:60%;
}
.brick .div_table .div_td {
vertical-align:middle;
font-size:1.6em;
}
.brick .brick_button a {
margin-bottom:5px;
}

.section_bricks {
margin-top:30px;
}
.section_bricks .brick {
margin-bottom:10px;
}
.section_bricks .brick .brick_inner {
padding-top:230px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+49,0.5+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
height:100%;
box-sizing:border-box;
}


/*--------------------------
Бренды
--------------------------*/
.brands_list {
text-align:center;
}
.brands_list .item {
display:inline-block;
width:16.66%;
margin-left:-0.25em;
padding:0 10px;
box-sizing:border-box;
vertical-align:middle;
margin-bottom:10px;
}
.brands_list .item img {
max-width:100%;
height:auto;
}

/*--------------------------
Слайдер цветов
--------------------------*/
#color_slider {
position:relative;
margin:20px 50px;
background:#FFFFFF;
box-shadow:0 2px 15px rgba(0,0,0,0.2);
padding:10px;
}
#color_slider .item {
height:100px;
background-repeat:no-repeat;
background-position:center center;
}

#color_slider .item .div_table {
height:100%;
background:rgba(24,24,24,0.5);
opacity:0;
-moz-transition: all 0.2s 0.1s;
-o-transition: all 0.2s 0.1s;
-webkit-transition: all 0.2s 0.1s;
}
#color_slider .item:hover .div_table {
opacity:1;
}
#color_slider .item .div_table .div_td {
text-align:center;
vertical-align:middle;
color:#FFFFFF;
}
.color_select_text {
text-align:center;
font-size:1.1em;
color:#666666;
margin:-40px 150px 40px 150px;
}


/*--------------------------
Преимущества
--------------------------*/
.benefits_list .item {
width:33.33%;
display:inline-block;
box-sizing:border-box;
margin-left:-0.22em;
padding:20px 30px;
text-align:center;
vertical-align:top;
}

.benefits_list .item .item_image img {
width:80px;
height:auto;
margin-bottom:20px;
}
.benefits_list .item .item_text {
color:#777777;
}
.benefits_list .item .item_text .strong {
color:#222222;
text-transform:uppercase;
}

/*--------------------------
Помощь
--------------------------*/
.parallax_block .contacts {
max-width:700px;
margin:0 auto;
box-shadow:0 2px 15px rgba(0,0,0,0.3);
}
.parallax_block .div_table .div_tr .div_td {
background: #333333;
color:#FFFFFF;
text-align:center;
padding:0;
width:50%;
}
.parallax_block .div_table .div_tr:first-child .div_td:last-child, .parallax_block .div_table .div_tr:last-child .div_td:first-child {
background: #FFFFFF;
color:#111111;
}

.parallax_block .div_table .div_tr:first-child .div_td {
padding:30px;
}
.parallax_block .div_table .item_title {
text-transform:uppercase;
font-size:1.4em;
}
.parallax_block .div_table .phone, .parallax_block .div_table .to-forms {
display:block;
padding:20px 5px;
}
.parallax_block .div_table .phone {
font-size:1.5em;
}
.parallax_block .div_table a.to-forms {
color:#FFFFFF;
text-transform:uppercase;
}




/*--------------------------------------------------------------
>>> ФОРМА
----------------------------------------------------------------*/

#to-callback {
position:fixed;
left:0px;
top:0px;
z-index:10000;
width:100%;
height:100%;
background:rgba(20,20,20,0.8);
padding:0px;
display:none;
}

div.formss {
position:relative;
background:#FFF;
top:50%;
margin:-200px auto 0;
padding:40px 40px;
border-radius:5px;
max-width:400px;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.75);
}
div.formss .close {
position:absolute;
right:20px;
top:20px;
display:block;
width:20px;
height:20px;
background:url("images/close.png") no-repeat 0 0;
text-indent:-9999px;
cursor:pointer;
}
div.formss .wpcf7 { position:relative; }
div.formss .wpcf7 p {
	display:block;
	padding:0 0 10px 0;
}
div.formss .wpcf7 span.wpcf7-not-valid-tip { display:none; }

div.formss .wpcf7 input.wpcf7-text.wpcf7-not-valid { border:1px solid red; }

div.formss .wpcf7 .wpcf7-response-output {
	color:red;
	display:block;
	text-align:left;
	font-size:12px;
	line-height:14px;
	border:none;
	position:relative;
	text-align:center;
	padding:5px 0;
}


/*--------------------------------------------------------------
>>> Детали фильтра
----------------------------------------------------------------*/
.filter_menu {
background:url("img/granite_texture_white.jpg");
padding:30px 0;
}
.filter_items ul, #edge_stone ul {
padding:0;
margin:0;
list-style-type:none;
}
.filter_items ul li, #edge_stone ul li {
display:inline-block;
}
.filter_items ul li:before, #edge_stone ul li:before {
content:"|";
display:inline-block;
margin:0 10px;
}
.filter_items ul li:first-child:before, #edge_stone ul li:first-child:before {
content:"";
display:none;
margin:0;
}
.filter_items ul li ul {
display:none;
}
.filter_items ul li.current-menu-item, #edge_stone ul li.current-menu-item, .filter_items ul li.current-menu-parent {
font-family:"Montserrat-Bold";
}
#edge_stone {
margin-top:20px;
}
/*--------------------------------------------------------------
>>> Блоки под текстом
----------------------------------------------------------------*/
#list_of_edge_stone {
overflow:hidden;
padding-top:25px;
margin-top:25px;
border-top:1px solid #CCCCCC;
}
#list_of_edge_stone .item {
float:left;
width:23%;
box-sizing:border-box;
padding:10px;
margin:10px 1%;
text-align:center;
border:1px solid #CCCCCC;
border-radius:3px;
}
#list_of_edge_stone .item h2 {
font-size:1.5em;
text-align:center;
margin:0 0 10px 0;
}
#list_of_edge_stone .item .item_image img {
max-width:100%;
height:auto;
}
/*--------------------------------------------------------------
>>> Список записей
----------------------------------------------------------------*/
.list_articles .item {
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #CCCCCC;
}
.list_articles .item .more {
text-align:right;
}
/*--------------------------------------------------------------
>>> Блоки в каталоге камня
----------------------------------------------------------------*/
.catalog_page_list .item {
float:left;
width:50%;
padding:10px 20px;
box-sizing:border-box;
}
.catalog_page_list .item .item_image {
background-size:cover;
background-repeat:no-repeat;
margin-top:20px;
}
.catalog_page_list .item .item_image .item_name {
padding:5px 15px;
background:rgba(20,20,20,0.7);
color:#FFFFFF;
text-align:center;
font-size:1.1em;
text-transform:uppercase;
}
.catalog_page_list .item .item_image .item_button {
margin-top:160px;
text-align:center;
padding-bottom:20px;
}

/*--------------------------------------------------------------
>>> Контакты
----------------------------------------------------------------*/
#contacts_page {
background:#EEEEEE;
background:url("img/granite_texture_white.jpg");
}
#contacts_page .contacts_left {
float:left;
width:50%;
}
#contacts_page .contacts_right {
margin-left:50%;
height:700px;
border-left:1px solid #CCCCCC;
box-sizing:border-box;
}
#contacts_page .contacts_left .contacts_block {
max-width:600px;
margin:0 0 0 auto;
box-sizing:border-box;
padding:40px 40px 40px 15px;
}
.contacts_list .div_table .div_tr .div_td {
color:#444444;
font-family:"Montserrat-Light";
padding-bottom:20px;
}
.contacts_list .div_table .div_tr .div_td:last-child {
color:#333333;
font-family:"Montserrat-Regular";
}
/*--------------------------------------------------------------
>>> Форма поиска
----------------------------------------------------------------*/
#search_form {
position:absolute;
top:100px;
right:0;
width:300px;
display:block;
opacity:1;
}
#search_form.hidden {
display:none;
opacity:0;
}
#search_form input[type="text"] {
border-radius:3px;
}
#search_form input[type="submit"] {
border:none;
background:url("img/ic_search.svg") no-repeat 9px 9px;
background-size:20px auto;
width:38px;
height:38px;
position:absolute;
top:0;
right:0;
cursor:pointer;
}
#search_form form {
position:relative;
}

/*--------------------------------------------------------------
>>> 1024
----------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
#nav ul li a {
padding: 20px 15px;
}
#header .center {
margin: 0 300px 0 310px;
}
#image_block {
}
.slider .slide {
height: 400px;
}
.slider .slide .slide_text_container {
padding: 250px 50px 100px 300px;
}
.slider .slide .slide_text_container .slide_text {
font-size: 2em;
}

}

/*--------------------------------------------------------------
>>> 768
----------------------------------------------------------------*/
@media screen and (max-width: 768px) {
html {
margin-top: 0 !important;
}
#header .center {
display:none;
}
#header .right {
margin-top: -3px;
}
#header .left {
margin-left:70px;
}
.titler {
padding: 40px 0 30px 0;
}
#mobile_menu {
display:block;
}
#navigation {
position:fixed;
top:15px;
left:65px;
width:50%;
display:none;
opacity:0;
background: rgba(0,0,0,0.9);
}
#navigation.visible {
display:block;
opacity:1;
}
#nav ul li {
display:block;
}
.title {
font-size: 2em;
margin-bottom: 40px;
}
.info_block {
padding: 30px 0;
}
.brick {
height: 250px;
}
.brick .name_one {
font-size: 0.9em;
}
.brick .name_one {
opacity: 0;
}
.brick .name_two {
opacity: 1;
font-size: 0.6em;
}
.elements_text .item {
padding: 0 20px;
}
.elements_text .item .item_image {
width: 100px;
height: 100px;
}
#footer .slogan {
width: 250px;
}
#footer .footer_middle .item.menu {
display:none;
}
#footer .footer_middle .item {
width:100% !important;
padding:0 !important;
float:none;
text-align:center;
}
.copyright {
text-align: center;
margin-top: 10px;
}
#footer .footer_top .social {
margin:-30px 0 0 0;
}
#footer .footer_top .logo_block {
float: none;
width: 80%;
}
#page .page_content .page_left {
float: none;
width: 100%;
margin-bottom:20px;
}
#page .page_content .page_right {
margin-left: 0;
}
.section_bricks {
overflow:hidden;
}
.section_bricks .brick {
float:left;
width:32.66%;
margin-left:1%;
}
.section_bricks .brick:first-child {
margin-left:0;
}
.section_bricks .brick .brick_inner {
padding-top: 180px;
}
#list_of_edge_stone .item {
width: 31.33%;
}

#search_form, #search_form.hidden {
position:relative;
top:0;
right:0;
width:100%;
display:block;
opacity:1;
box-sizing:border-box;
padding:10px 0 20px 0;
}


}

/*--------------------------------------------------------------
>>> 520
----------------------------------------------------------------*/
@media screen and (max-width: 520px) {
h1 {
font-size: 1.4em;
margin: 15px 0;
}
h2 {
font-size: 1.2em;
margin: 15px 0;
}
.titler {
padding: 50px 0 40px 0;
}
.titler .top_title {
font-size: 2.3em;
}
#crumbs {
display:none;
}
#navigation {
width:65%;
}
#slogan {
display:none;
}
#header .left {
float: none;
text-align:center;
margin-left:0;
}
#header .right {
width: 100%;
float: none;
text-align: center;
margin-top: 10px;
}
#top_slider {
display:none;
}
#image_block.main_page {
height:0;
}
.title {
font-size: 1.2em;
margin-bottom: 10px;
font-family:"Montserrat-Bold";
}
.content.main_page {
display:none;
}
.brick {
height: 150px;
}
.details_bricks .brick {
height: 200px;
}
.details_bricks .brick .div_table {
height: 40%;
}
.products_bricks.main_page .brick {
width: 100%;
margin: 0;
margin-bottom:10px;
float: none;
}
.brick .name_two {
font-size: 0.8em;
}
.products_bricks.main_page {
margin: 10px 0;
}
.elements_text .item {
width: 100%;
padding: 0;
float: none;
text-align: left;
overflow:hidden;
margin-top:20px;
}
.elements_text .item .item_image {
float:left;
}
.elements_text .item .item_text {
margin-left:120px;
font-size:0.85em;
}
#mp_middle_slider {
display:none;
}
#mp_brands {
display:none;
}
.benefits_list .item {
width: 50%;
padding: 20px;
}
.benefits_list .item .item_image img {
width: 50px;
margin-bottom: 10px;
}
.benefits_list .item .item_text p {
display:none;
}
.benefits_list .item .item_text .strong {
font-size:0.75em;
}
.parallax_block {
display:none;
}
#mp_content {
padding-top:0;
}
.main_page_content .left {
float: none;
width: 100%;
font-size:0.85em;
}
.main_page_content .right {
margin-left:0;
font-size:0.85em;
}
#footer .footer_top .slogan {
width: 150px;
font-size: 0.75em;
}
#footer .footer_middle {
font-size:0.85em;
}
.section_bricks .brick {
float:none;
width:100%;
margin:5px 0;
height:auto;
}
.section_bricks .brick .brick_inner {
padding-top: 120px;
}
#list_of_edge_stone .item {
width: 100%;
margin:5px 0;
float:none;
}
.filter_menu {
padding: 10px 0;
}
.filter_items ul li, #edge_stone ul li {
display: block;
}
.filter_items ul li a, #edge_stone ul li a {
display:block;
text-align:center;
padding:8px;
border-bottom:1px solid #BBBBBB;
}
.filter_items ul li:before, #edge_stone ul li:before {
content: "";
display: none;
margin: 0;
}
.filter_menu ul {
border-bottom:3px solid #BBBBBB;
}
#edge_stone {
margin-top: 5px;
}
.catalog_page_list .item {
float: none;
width: 100%;
}
div.formss {
margin: -200px auto 0;
padding: 20px;
max-width: 260px;
}
#contacts_page .contacts_left {
float:none;
width:100%;
}
#contacts_page .contacts_right {
margin-left:0;
height:400px;
border-left:none;
overflow:hidden;
}
#contacts_page .contacts_left .contacts_block {
max-width:100%;
margin:0;
padding:20px 15px;
}
}