/* ---------- Basic Layout Styles ----------- */

html,body,#page  {  height: 100%; width: 100%}


#page-wrapper,#pre-footer-wrapper {
  min-height: 100%;
  min-width: 100%;
  overflow: hidden;
}


#header div.section,
#featured-wrapper,
#main,
#triptych,
#footer-columns,
#pre_footer,
#footer {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}



#header div.section{ position: relative;}

.region-header .block{float: left;display: inline;}
.region-header #block-block-1{width: 250px}
.region-header #block-system-user-menu{width: 460px}
.region-header #block-uc-ajax-cart-delta-0{width: 250px; text-align: right}

.featured-base{
    width: 100%;
}

#header-wrapper{
	width: 100%;
	position: fixed;
	z-index: 100;
	top: 0px;
	text-align: center;
	background: #fff;

}
.not-logged-in #header-wrapper{	top:0;}


#header{height: 45px;}

#secondary-menu {
  position: absolute;
  right: 0; /* LTR */
  top: 0;
  width: 480px;
}

.region #block-block-8{
    padding-right: 1px;
}


#content,
#sidebar-first,
#sidebar-second,
#header .logo,
#header .nav,
#header .region-header,

.region-featured-left,
.region-featured,
.region-featured-right,

.region-triptych-first,
.region-triptych-middle,
.region-triptych-last,
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  display: inline;
  float: left; /* LTR */
  position: relative;
}

.one-sidebar #content {  width: 75%;}

.two-sidebars #content {  width: 55%;}
.front.two-sidebars #content {  width: 60%;}
.no-sidebars #content {  width: 100%;  float: none; }

.front #sidebar-first {width: 20%;}
#sidebar-first {width: 25%;}
#sidebar-second {width: 20%;}

#main-wrapper {
  min-height: 300px;
padding-top: 80px;
}


.featured-base{display: block; width: 99.99%; margin: 0; padding: 0; }

.region-featured-left{width: 25%; text-align: center;}
.front .region-featured-left{width: 20%; text-align: center;}

.front .region-featured{width: 50%;  padding-top: 5px;}
.region-featured{width: 45%;  padding-top: 5px;}
.region-featured-right{width: 30%; text-align: right;}

#block-block-10 a img,
#block-block-11 a img,
#block-block-13 a img,
#block-block-16 a img,
.view-small-banners img{
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
}

#header .logo{width: 20%;}
#header .nav{width: 60% }
#header .region-header{width: 20%;}


#content .section,
.sidebar .section {
  padding: 0 10px;
}
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last {
  margin: 10px 10px 0px;
  width: 280px;
}
#footer-wrapper {
  padding: 20px 5px 10px;
}
.region-footer-firstcolumn,
.region-footer-secondcolumn {
  padding: 0 10px;
  width: 440px;
}
#footer {
  width: 100%;
  min-width: 920px;
}


/* медиа запросы */
@media screen and (min-width:480px) and (max-width:800px) {
  /* Target landscape smartphones, portrait tablets, narrow desktops */
  #sidebar-first, #sidebar-second,
  .two-sidebars #content{width: 100%}

  .region #block-block-8,
  .region #block-block-10,
  #block-uc-catalog-catalog,
  #header .logo a img
  {display: none}

  #header .nav{width: 80%}
  .region-featured-left{width: 30%}
  
div.big{font-size: 18px}
div.sm{font-size: 12px}

  
}

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

.view-name, .view-view{
    float: none;
    text-align: center;
}


a.vbann{
    border-radius: 6px;
    text-align: center;
    padding: 10px;
    display: block;
    overflow: hidden;
    height: 200px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3)
    
}

div.big{font-size: 18px}
div.sm{font-size: 12px}

  
}

@media screen and (max-width:479px) {
  /* Target portrait smartphones */
    .region #block-block-8,
  .region #block-block-10,
  #block-uc-catalog-catalog,
  #header .logo a img
  {display: none}
}

/* Computer */
.grid_1 { width: 6.5%; } 
.grid_2 { width: 15%; } 
.grid_3 { width: 23.5%; } 
.grid_4 { width: 32%; } 
.grid_5 { width: 40.5%; }
.grid_6 { width: 49%; } 
.grid_7 { width: 57.5%; } 
.grid_8 { width: 66%; } 
.grid_9 { width: 74.5%; } 
.grid_10 { width: 83%; } 
.grid_11 { width: 91.5%; } 
.grid_12 { width: 100%; } 

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin: 0 20px 20px 0;
	float: left;
	display: block;
}

.alpha			{margin-left:0;}
.omega			{margin-right:0;}
.gallery-list 	{margin:0 -25px 0 0;padding:0;}

.container{
	width: 100%;
	max-width: 95%;
	margin: auto;
	
}



.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{position:relative;z-index:99;clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}


@media only screen and (min-width: 767px) and (max-width: 1023px) {
	
	#slide1 h1 {font-size:65px;line-height:60px;}
	#slide1 h2 {font-size:30px;line-height:25px;}
	
	.h1_viva {line-height:30px;}
	
	.padding_slide1 {padding:150px 0 30px;}
		
	.gallery-list {margin-left:117px;}
	
	#slide3 p, #slide5 p, #slide7 p {font-size:48px;line-height:45px;}
	
	.foot_block_intouch li {margin-right:12px;}

/* ___________ SERV_BLOCK __________ */
	
	
/* __________ //SERV_BLOCK _________ */

/* _____________ menu ______________ */
	.navigation li {margin-left:20px;}
/* ____________ //menu _____________ */
	
	.container { width: 724px; }
	.container .alpha        { margin-left: 0; margin-right: 5px; }
	.container .omega        { margin-right: 0; }
	.container .respond_pad {padding-right:20px;}
	
	.grid_3			{ width: 166px; }
	.grid_4			{ width: 228px; }
	.grid_5      		{ width: 290px; }
	.grid_6      		{ width: 352px; }
	.grid_7   		{ width: 414px; }
	.grid_8   		{ width: 475px; }
	.grid_9			{ width: 538px; }
	.grid_12		{ width: 724px; }
}

@media only screen and (max-width: 766px) {
	.menu {height:116px;}
	
	img.about_img {float:none;margin:0 0 10px 0;}

	.navigation li span {display:none;}
	
	#slide6 .effect_2 {display:none;}

}

@media only screen and (min-width: 480px) and (max-width: 766px) {
	.menu {height:116px;position:fixed;}
	#undefined-sticky-wrapper {height:0 !important;}
	
	#logo {text-align:center;}
	
	.left_bord, .right_bord {width:60px;}
	
	.padding_slide1 {padding:188px 0 100px;}
	.mac_block img {display:none;}

	#slide1 h1 {font-size:40px;line-height:30px;}
	#slide1 h2 {font-size:18px;line-height:16px;}
	
	h1 {float:none;border-right:none;margin:40px 0 5px;}
	.h1_viva {line-height:30px;}
	
	.gallery-list .grid_3 {margin-left:94px;}
	
	#slide3 p, #slide5 p, #slide7 p {font-size:30px;line-height:30px;}
		

/* ___________ SERV_BLOCK __________ */
	.serv_block p {padding-bottom:20px;}
/* __________ //SERV_BLOCK _________ */

/* _____________ menu ______________ */
	#nav {margin:0;}
	.navigation li {padding:7px 13px 8px;}
	ul.navigation {float:none;margin:0;}
/* ____________ //menu _____________ */	

	.container { width: 420px; }
	
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {width:420px;}
	
	.fright{float:none;}
	.fleft{float:none;}
	
}

@media screen and (max-width : 479px) {	
	.menu {height:130px;position:fixed;}
	
	#logo {text-align:center;}
	
	.padding_slide1 {padding:155px 0 30px;}
	
	.left_bord, .right_bord {display:none;}
	
	#logo {text-align:center;}
	
	.padding_slide1 {padding:188px 0 60px;}

	#slide1 h1 {font-size:47px;line-height:40px;}
	#slide1 h2 {font-size:24px;line-height:28px;}
	
	h1 {float:none;border-right:none;margin-top:30px;margin-bottom:5px;font-size:40px;line-height:40px;}
	.h1_viva {line-height:20px;}
	h4 {font-size:24px;}
	
	#slide3 p, #slide5 p, #slide7 p {font-size:30px;line-height:30px;}	
	
	.gallery-list .grid_3 {margin-left:32px;}
	
	.contact_form input[type="text"], .contact_form textarea {width:88%;}
	

/* ___________ SERV_BLOCK __________ */
		
/* __________ //SERV_BLOCK _________ */
/* _____________ menu ______________ */
	#nav {margin:0;}
	.navigation li {padding:7px 5px 8px;font-size:14px;}
/* ____________ //menu _____________ */	
	.container { width: 300px; }

	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
		width:300px;
	}
	
	.fright{float:none;}
	.fleft{float:none;}

}