/* 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: 48.7%; } 
.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;padding:0;}

.container{
	width: 960px;
	max-width: 960px;
	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 (max-width: 1024px) {
	.slide{background-attachment: scroll;background-position:0 0 !important;
	}
}

/* ----NEXT BUMP---- */

@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;}
    
    #slide2 h1, #slide4 h1, #slide8 h1  {
        font-size: 65px;
    }
	
	.h1_viva {line-height:30px;}
	
	.padding_slide1 {padding:45px 0 75px;}
    
    
		
	.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; }
	#slide1 .grid_12		{ width: 724px; }
    .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;}

}

/* ----NEXT BUMP---- */

@media only screen and (min-width: 480px) and (max-width: 766px) {
	.menu {height:35px;position:fixed;}
	#undefined-sticky-wrapper {height:0 !important;}
	
	#logo {display:none;}
    
    .home_logo  {
        background: url(../images/home_logo2.png) 73px 60px no-repeat;
background-size: 55%;
    }
	
	.padding_slide1 {padding:75px 0 80px;}
	.mac_block img {display:none;}
    
    #slide2, #slide4, #slide8   {
        padding: 0;
    }
    
    #slide1 a.button {
        width: 200px;
        font-size: 18px;
        letter-spacing: 5px;
        
    }

	#slide1 h1 {font-size:40px;line-height:40px;}
	#slide1 h2 {font-size:18px;line-height:16px;}
    
    #slide2 h1, #slide4 h1, #slide8 h1  {
        font-size: 60px;
    }
	
	h1 {float:none;border-right:none;margin:40px 0 5px; font-size: 60px;}
	.h1_viva {line-height:30px;}
    
    h4  {font-size: 25px;}
    
    a.cta   {margin: 60px auto 0; display: none;}
    
    a.cta_mobile   {
    display: block;
    }
	
	.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;}
    .navigation_secondary li {padding:7px 13px 8px;}
	ul.navigation {float:none; margin: 0 auto;
width: 256px;}
    ul.navigation_secondary {
    width: 100%;
}
/* ____________ //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;}
	
}

/* ----NEXT BUMP---- */

@media screen and (max-width : 479px) {	
	.menu {height:35px;position:fixed;}
	
	#logo {display:none;}
    
    .home_logo  {
        background: url(../images/home_logo2.png) 62px 60px no-repeat;
background-size: 55%;
    }
	
	.padding_slide1 {padding:40px 0 0px;}
	
	.left_bord, .right_bord {display:none;}
	
	#logo {text-align:center;}
    
    #slide2 h1, #slide4 h1, #slide8 h1  {
        font-size: 45px;
    }
	

	#slide1 h1 {line-height:45px; font-size: 45px;}
	#slide1 h2 {font-size:24px;line-height:28px;}
    
    #slide1 a.button {display: none;}
    
    #undefined-sticky-wrapper.sticky-wrapper    {
        height: 0 !important;
    }
    
    #slide2, #slide4, #slide8   {
        padding: 0;
    }
    

	
	h1 {float:none;border-right:none;margin-top:30px;margin-bottom:20px;font-size:40px;line-height:40px;}
	.h1_viva {line-height:28px; font-size:22px;}
	h4 {font-size:24px; line-height: 28px}
	
	#slide3 p, #slide5 p, #slide7 p {font-size:30px;line-height:30px;}	
    
    a.cta   {
    display: none;
    }
    
    a.cta_mobile   {
    display: block;
    }
	
	.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 10px 8px;font-size:14px;}
    .navigation_secondary li {padding:7px 10px 8px;font-size:14px;}
    ul.navigation {float:none; margin: 0 auto;
width: 216px;}
    ul.navigation_secondary {
    width: 100%;}

/* ____________ //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;}

}

@media screen and (max-width : 399px) {
	.navigation li {font-size:14px;}
	
	
	.gallery-list {width:270px;}
	
	
	#map_block iframe {height:300px !important;}
	
	
	.contact_btn {width:125px;}
	
	
	.container { width: 295px; }

	.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:295px;
	}
	
}