/* Computer */
.grid_1 { width: 6.5%; } 
.grid_2 { width: 15%; } 
.grid_3 { width: 23.5%; } 
.grid_4 { width: 30%; } 
.grid_5 { width: 40.5%; }
.grid_6 { width: 48%; } 
.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;
}
.grid_4 {
	margin: 0 40px 15px 0;
float: left;
display: block;
min-height: 250px;
}
.alpha			{margin-left:0;}
.omega			{margin-right:0;}
.gallery-list 	{margin:0;padding:0;}

.container{
	width: 1000px;
	max-width: 1000px;
	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;
	}
}

@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; }
	.navigation li {
padding: 28px 5px}
}

@media only screen and (min-width: 766px) and (max-width: 766px) 
{
    .container { width: 724px; }
	.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:80px;position:fixed;}
	#undefined-sticky-wrapper {height:0 !important;}
	
	#logo {text-align:center; line-height:75px;}
	
	.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: 0px 0 0 0;
background: #000;}
	.navigation li {padding:7px 18px 8px 18px; min-width:15%}
	ul.navigation {float:none;margin:0;}
/* ____________ //menu _____________ */	

	.container { width: 98%; }
	
	.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:100%;}
	
	.fright{float:none;}
	.fleft{float:none;}
	#nav {margin: 1px -30px 0 -30px;}
		.portfolio-items.col-4 > li {
  width: 33%;
}
}
@media screen and (min-width: 480px) and (max-width: 480px) 
{.container { width: 450px; }
    
    }
@media screen and (max-width : 479px) {	
	.menu {height:80px;position:fixed;}
	
	#logo {text-align:center; line-height:75px;}
	
	.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:93%;}
	.copyright {font-size:11px;}

/* ___________ SERV_BLOCK __________ */
		
/* __________ //SERV_BLOCK _________ */
/* _____________ menu ______________ */
	#nav {margin:1px 0 0 0; background:#000;}
	.navigation li {padding:7px 4px 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;}
		.portfolio-items.col-4 > li {
  width: 100%; margin-left:10px;
}

}

@media screen and (max-width : 399px) {
#nav {margin: 1px -15px 0 -15px;}
	.navigation {text-align:center; float:none;}
	.navigation li {width: 100%; padding: 7px 4px 8px;}
	.navigation li:hover{
	cursor:pointer;
	border-bottom:0px solid #009FFF;
	color: #009FFF;
	transition: border 0.3s ease-in;
	-moz-transition: border 0.3s ease-in;
	-webkit-transition: border 0.3s ease-in;
	-o-transition: border 0.3s ease-in;
	transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-webkit-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
}
.navigation .active {
	cursor:pointer;
	border-bottom:0px solid #009FFF;
	color: #009FFF;
}
	
	.gallery-list {width:270px;}
	
	
	#map_block iframe {height:300px !important;}
	
	
	.contact_btn {width:125px;}
	
	
	.container { width: 100%; margin:auto }

	.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:100%;
	}
	#slide5, #slide7 {background-position: center center !important;}
		#logo {text-align:center; line-height:75px;}
		
	.portfolio-items.col-4 > li {
  width: 100%; margin-left:20px;
}
.portfolio-filter > li, .portfolio-filter > li a {width:100%; margin:0 0 1px 0}
.portfolio-filter {margin-left:30px;}
.copyright {
font-size: 11px;
text-align: center;
width: 100%;
}
#slide2 {
padding: 56px 0 89px;
}
}

@media screen and (max-width : 320px) {

#nav {margin: 1px -15px 0 -15px;}
	.navigation {text-align:center; float:none;}
	.navigation li {width: 100%; padding: 7px 4px 8px;}
	.navigation li:hover{
	cursor:pointer;
	border-bottom:0px solid #009FFF;
	color: #009FFF;
	transition: border 0.3s ease-in;
	-moz-transition: border 0.3s ease-in;
	-webkit-transition: border 0.3s ease-in;
	-o-transition: border 0.3s ease-in;
	transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-webkit-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
}
.navigation .active {
	cursor:pointer;
	border-bottom:0px solid #009FFF;
	color: #009FFF;
}
	
	
	.gallery-list {width:270px;}
	
	
	#map_block iframe {height:300px !important;}
	
	
	.contact_btn {width:125px;}
	
	
	.container { width: 100%; margin:auto }

	.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:100%;
	}
	#slide5, #slide7 {background-position: center center !important;}
		#logo {text-align:center; line-height:75px;}
		#slide2 {
padding: 0 0 30px;
background-size: cover;
}
.slide{width: 100%;
padding: 15px 10px 0 10px !important;
margin: auto;}	
#slide1 .button {padding:21px 68px 20px 23px;}
#slide1 .button span { background-position: 0 -40px;}
#slide1 .button:hover span {background-position:0 -40px; 	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;}
	.padding_slide1 {
padding: 100px 0 60px;
}
.contact_btn {width:105px;
margin: 0 4px 4px 0;
padding: 12px 12px;}
.portfolio-items.col-4 > li {
  width: 100%; margin-left:0px;
}
.portfolio-filter > li, .portfolio-filter > li a {width:100%; margin:0 0 1px 0}
.copyright {
font-size: 11px;
text-align: center;
width: 100%;
}
}

.mdt{color:red; padding:0 0 0 5px; font-size:22px;}
.mdtdiv{color:red; padding:0 0 0 0px; font-size:22px; float:right; height:10px; width:10px}