* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	font: 14px/20px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
    background: #f1f1f1;
    color: #333333;
}
a {
	color: #07465a;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}


   textarea {
    resize: none; /* Запрещаем изменять размер */
   } 


.wrapper {
	width: 970px;
	margin: 0 auto;
	min-height: 100%;
	min-width: 320px;
	height: auto !important;
	height: 100%;
}


.clr {
clear: both;
height: 0px;
overflow: hidden;
}




table {
    *border-collapse: collapse; /* Для IE7 и старше */
    border-spacing: 0;
    width: 100%;    
}

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}





h1.title_h{
color: #08485B;
font-family: "Tenor Sans", sans-serif;
font-size: 28px;
line-height: 36px;
margin-bottom: 10px;
}




/* Header
-----------------------------------------------------------------------------*/
.slogan_line{
  height: 60px;
   width: 970px;
   margin: 0 auto;
}


.slogan_line span{
float: right;
text-align: left;
display: block;
margin-top: 10px;
font-weight: bold;
}


#header {
	height: 288px;
    width: 970px;
	margin: 0 auto 60px;	
	
}

#header.header_main{
	height: 553px;  
}




.zsr{
 	height: 200px;
}


 .logo{
 	height: 140px;
    width: 188px;
    position: absolute;
    background: url(../image/logo_top.png) transparent no-repeat center center;
    margin: -52px 0px 0px 30px;
 }


.sliderik{
  border-top: #07465a solid 6px;
 background: url(../image/slider_bg.png) center center;   
 height: 265px;
 width: 100%;
}



.sliderik  .new_work{
  left: 50%;
  margin: -25px 0 0 -155px;
  position: absolute;
  border: 1px solid #000000;
   background: #08485b;
   background: -webkit-gradient(linear, left top, left bottom, from(#47a3c2), to(#08485b));
   background: -webkit-linear-gradient(top, #47a3c2, #08485b);
   background: -moz-linear-gradient(top, #47a3c2, #08485b);
   background: -ms-linear-gradient(top, #47a3c2, #08485b);
   background: -o-linear-gradient(top, #47a3c2, #08485b);
   background-image: -ms-linear-gradient(top, #47a3c2 0%, #08485b 100%);
   -webkit-border-radius: 20px;
     border-radius: 20px;          
    -moz-box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 1);
    -webkit-box-shadow:  1px 1px 0px 1px rgba(0, 0, 0, 1);
    box-shadow:  1px 1px 0px 1px rgba(0, 0, 0, 1);
     width: 310px;
    padding: 9px 0;
    vertical-align: middle;
    text-align: center;
    behavior: url(PIE.htc);
}


.sliderik  .new_work span{
   font: 19px "MS Sans Serif", sans-serif;
    color: #ffffff;
    text-transform: uppercase;
   }


.sliderik  .new_work span i{
  font-style: normal;
  border-bottom: 2px solid #88aab5;
}







#header_bg, #header_bg_wraper, #header_bg_line, #top_menu_bg,
#header_bg_main, #header_bg_wraper_main, #header_bg_line_main, #top_menu_bg_main{
position: absolute;
width: 100%;
height: 276px;
margin-top: -350px;
}


#header_bg, #header_bg_main{
  background: url(../image/hider_backgraund.jpg) transparent no-repeat top center;
  z-index: -4;
}


#header_bg_wraper, #header_bg_wraper_main{
  background: url(../image/hider_backgraund_wrap.jpg) transparent repeat-x center top;
  z-index: -5;
  }


#header_bg_line, #header_bg_line_main{
  background: #f1f1f1;
  height: 3px;
 margin-top: -345px;
   z-index: -3;
}


#top_menu_bg, #top_menu_bg_main{
  background:  url(../image/top_menu_bg.png) repeat-x center top;
  height: 53px;
  margin-top: -120px;
  z-index: -3;
}



#header_bg_main, #header_bg_wraper_main, #header_bg_line_main, #top_menu_bg_main{
height: 553px;
margin-top: -613px;
}

#top_menu_bg_main{
  margin-top: -114px;
}


#header_bg_line_main{
  margin-top: -610px;
  height: 3px;
}

















	#header	.menu { 
	   height: 47px;
    margin-top: 27px;
			display: block; 
			background-image:url(../image/darksep.png);
	background-position: left;
	background-repeat: no-repeat;	
		}

	#header	.menu ul {
			list-style: none;
			padding: 0;
			margin: 0 auto;
			width: 990px;  
			position: absolute; 
      z-index: 10;  

		}

	#header	.menu ul li {  		
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	line-height: 45px;       
  background-image:url(../image/darksep.png);
	background-position: right;
	background-repeat: no-repeat;		
	cursor: pointer;
		}
		
		
#header	.menu ul li:nth-child(1) {  	

		}
		

#header	.menu ul li a {
      position: relative;
			display: block;
			width: 110px;
			height: 47px;
			line-height: 53px;   	
			font-size: 13px; 	
			text-decoration: none;
			cursor: pointer;
			color: #fff;
			font-weight: 700;  					    
      overflow: hidden;
		}


#header	.menu ul li a span.two{
   color: #00D9FF;
   cursor:pointer;
   display: block;
   width: 110px;
	 height: 47px;
	 text-align: center;
	line-height: 45px;  
	margin-top: 4px;
	z-index: 5;
}






#header .menu ul .lavalamp-object{
  background-repeat: no-repeat;
	background-position: center;     
}



#header .menu ul .lavalamp-object {
	background-image:url(../image/darkblue3.png);    	 	
	margin-top: -1px;
}







.zsr_booton{    
position: absolute;   
cursor: pointer;  
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}





.zsr_booton.order{    
  margin: 105px 0 0 34px; 
}


.zsr_booton.see{  
margin: 55px 0 0 230px;   
}


.zsr_booton.raskrutka{   
  margin: 105px 0 0 410px; 
}




.zsr_booton a img{
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}


.zsr_booton a:hover img{  
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;	
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1); 
}










.our_telefoni{
height: 223px;
width: 531px;
background: url(../image/top_tel_bg.png) transparent no-repeat top center;
float: right;
}



 .telefon{
margin-top: 30px;
color: #07465a;
font-weight: 700;
font-size: 16px;
width: 220px;
 }


 .telefon .namber{
 font-size: 29px;
 line-height: 33px;
text-align: left;
width: 209px;
background: url(../image/rus_namb_bg.png) transparent no-repeat center center;
 }

 .telefon .namber span{
  font-size: 16px;
  top: -8px;
  position: relative;
 }

 .telefon .place{
margin-top: -14px;
height: 47px;
background-position: center right;
background-repeat: no-repeat;
text-indent: -99999px;
 }




.telefon.tel_rus .place{
   background-image: url(../image/pl_rus.png);
 }


.telefon.tel_ukr .place{
   background-image: url(../image/pl_ukr.png);
 }



.tel_rus{
float: left;

}

.tel_ukr{
 float: right;

}


.telefon.tel_ukr .namber{
  margin-left: 10px;
}






.speedbar{
margin-top: -40px;
position: absolute;
z-index: 10;
}

.speedbar a{
  text-decoration: none; 
}









/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 207px;
	height: 1%;
	position: relative;
}
#middle:after {
	content: '';
	clear: both;
	display: table;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content{
	padding: 0;
}

#content_main{
	padding: 0 537px 0 0;
}


#content_main h2{
font: 18px/24px Arial, Tahoma, Verdana, sans-serif;
margin: 15px 0 10px 0;
font-weight: 700;
}



.title_news{
 font-size: 28px;
  color: #08485B;
  line-height: 36px;
  margin-bottom: 10px;
font-family: 'Tenor Sans', sans-serif;
}




 



.text_news{
  text-align: justify;
}







/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {
	float: left;
	margin-right: -3px;
	width: 500px;
	margin-left: -500px;
	position: relative;

}


.last_work_side{
  display: block;
  background: url(../image/last_work_side_bg.jpg) transparent no-repeat top center;
  padding: 21px 13px 13px 13px;
  margin-bottom: 53px;
}


.last_work_title{
  display: block;
   background: #08485b;
    -webkit-box-shadow:  2px 2px 0px 1px rgba(0, 0, 0, 1);
    box-shadow:  2px 2px 0px 1px rgba(0, 0, 0, 1);
text-align: left;
color: #FFFFFF;
font-size: 19px;
font-weight: bold;
margin: 0px 0px 30px -23px;
padding: 16px 0px 16px 49px;
width: 313px;
}


.last_work_side .img_l{
  padding: 9px 9px 4px;
  background: url(../image/img_l_bg.png) transparent;
  float: left;
  margin: 0px 10px 0px 0px;
  overflow: hidden;
}

.last_work_side .name_l{
font-size: 16px;
color: #07465a;
font-weight: bold;
display: block;
margin-bottom: 26px;
word-wrap: break-word;
}

.last_work_side .discription_l{
  color: #000;
  font-size: 16px;
}



  .see_projekt a{
    float: right;
    display: block;
    font-size: 16px;        
    color: #fff;
   border: 2px solid #fff;
    text-align: center;
width: 156px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  padding: 0px 10px;
	margin: 20px 10px 4px 0;    
	background-color: #49A6C5;
	  text-decoration: none;
  overflow: hidden;
 	height: 43px;
 	behavior: url(PIE.htc);
 	zoom: 1;
 	
  }

   .see_projekt a b{
   font-weight: 700;
   display: block;
   margin: 13px 11px 0px;
   position: absolute;
   }


#animation_bable{      
  margin: 45px 0 0 30px;
  opacity: 0;   
}





.blog_and_news{
  display: block;
   margin-bottom: 53px;
}

.blog_news_r, .blog_news_l{
width: 197px;
}


.blog_news_r{
  float: right;
  border-left: #A4A4A4 1px dashed;
  padding: 0px 21px 0px 29px;
}

.blog_news_l{
  float: left;
  padding: 0px 0 0 25px;
}


.blog_and_news .blog_news_title{
width: 153px;
background: #08485B;
box-shadow: 2px 2px 0px 1px #000000;
color: #FFFFFF;
display: inline;
font-size: 21px;
font-weight: 700;
padding: 10px 18px;
text-align: left;
margin-bottom: 20px;

}


.blog_news_l .blog_news_title{
   float: left;
    margin-left: -36px;

}


.blog_news_r .blog_news_title{
 float: right;
 margin-right: -31px;
}


.blog_news_d_n{
margin-bottom: 10px;
}


.blog_news_date{
  margin: 0 12px 0 -10px;
  width: 43px;
  height: 43px;
  background-color: #49a6c5;
  color: #ffffff;
 padding: 8px 5px 0px;
   -webkit-border-radius: 50px;
   border-radius: 50px;
   font-size: 11px;
   text-align: center;
   float: left;
   behavior: url(PIE.htc);
}

.blog_news_date span{
   display: block;
   font-size: 20px;
   font-weight: 700;
}

 .blog_news_named{
  font-weight: 700;
  color: #166e8b;
 }


.blog_news_content{
 margin: 0px 0px 15px 0px;
 font-size: 12px;
}



a.see_more{
  display: block;
  float: right;
  font-style: italic;
  color: #688909;
  text-decoration: none;
}


a.see_more:hover{
 color: #166E8B;
}


.side_otzivi{
margin-bottom: 53px;
}


.side_otzivi_title{
font-size: 25px; 
 font-style: italic; 
 color: #a4a4a4;
 margin-bottom: 14px
}


.side_otzivi_title:first-letter { 
color: #686868;    
}


.random_otziv{
color: #FFFFFF;
background-color: #6aaec5;
border-color: #6aaec5;
 background-image: url(../image/kavichki.png); 
background-repeat: no-repeat; 
background-position: 0% 0%;    
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
margin: 0px 0px 19px;
padding: 16px 16px 16px 50px ;
position: relative;
-moz-box-shadow: 0px  4px  0px  #07465a;
-webkit-box-shadow: 0px  4px  0px  #07465a;
box-shadow: 0px  4px  0px  #07465a;
behavior: url(PIE.htc);
}


.random_otziv:after {
content: "";
position: absolute;
top: 100%;
left: 20px;
background: url(../image/trigon.png) no-repeat center top;
left: 28px;
width: 26px;
height: 26px;
}


.otziv_who{
  font-style: italic; 
  text-align: right;
}



.side_our_clients {  
margin-bottom: 53px;
}


.our_clients_title { 
color: #A4A4A4;
font-size: 25px;
margin-bottom: 14px;
}


.our_clients_title:first-letter { 
color: #686868;    
}







.blackandwhite{ 
display: block;
float: left;
margin: 0px 3px 0px 0px;
position: relative;
}


.blackandwhite img{
width: 122px;
}








/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 970px;
	margin: -207px auto 0;
	height: 207px;
	position: relative;
    padding-top: 40px;
}


#footer_bg{
height: 208px;
position: absolute;
margin-top: -208px;
width: 100%;
 background: url(../image/footer_bg.jpg) repeat-x center bottom;
 z-index: -3;
}


#footer .footer_content{
margin-top: 48px;
}



#footer .blok_f{
float: left;
}

#footer .blok_f .label{
float: left;
width: 100px;
color: #49a6c5;
font-weight: 700;
}


.telefon_f,
.emailer,
.icq{
margin-bottom: 12px;
}




.telefon_namber,
.emailer_namber,
.icq_namber{
overflow: hidden;
color: #08485B;
font-weight: 700;
}



.blok_f1{
width: 40%;  
}

.blok_f2{
width: 32%;
}

.blok_f3{
width: 28%;
}


.logo_footer{
 	height: 112px;
    width: 146px;   
    background: url(../image/footer_logo.png) transparent no-repeat center center;
    margin: 0px auto;
}


.copirait_footer{
color: #08485B;
font-weight: 700;
text-align: center;
}




a.help{
cursor: help;
text-decoration: none;
color: #08485B;
font-weight: 700;
}




.tooltipsy {
     padding: 10px;
	 max-width: 200px;
	position: relative;
	background: #6aaec5;
	border: 4px solid #c2e1f5;
	color: #FFFFFF;
	-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
font: 12px/18px "Arial", "Tahoma", "Verdana";
}
.tooltipsy:after, .tooltipsy:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tooltipsy:after {
	border-color: rgba(106, 174, 197, 0);
	border-top-color: #6AAEC5;
	border-width: 10px;
	margin-left: -10px;
}
.tooltipsy:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #c2e1f5;
	border-width: 16px;
	margin-left: -16px;
}




.item_portfolio {
   width: 292px;
   height: 200px;
   margin: 0px 10px 10px 0px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../image/bgimg.jpg) no-repeat center center;
}


.item_portfolio .mask, .item_portfolio .content {
   width: 100%;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}




.item_portfolio img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
display: block;
position: relative;
}

.item_portfolio .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background: url(../image/footer_bg.jpg);
  
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.item_portfolio h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: #08485B;
   margin: 50px 0px 0px;
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.item_portfolio p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}





.item_portfolio:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.item_portfolio a.info {
   display: inline-block;
 
font-weight: 700;
color: #FFFFFF;
background-color: #6aaec5;
border-color: #6aaec5;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;

left: 50%;
margin: 0px 0px 14px -56px;
padding: 7px 16px 7px 16px;

position: absolute;

-moz-box-shadow: 0px  4px  0px  #07465a;
-webkit-box-shadow: 0px  4px  0px  #07465a;
box-shadow: 0px  4px  0px  #07465a;
behavior: url(PIE.htc);

cursor: pointer; 
text-decoration: none;

bottom: 0;
 
 
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   
}


.item_portfolio a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}



.item_portfolio:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.item_portfolio:hover h2,
.item_portfolio:hover p,
.item_portfolio:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.item_portfolio:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.item_portfolio:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

















.fullstory_portfolio{

}

.portfolio_content,
.feedback_content{
float: left;
width: 70%;
}


.portfolio_content h1{
color: #08485B;
font-family: "Tenor Sans", sans-serif;
font-size: 28px;
line-height: 36px;
margin-bottom: 10px;
}


.portfol_opisanie{
margin-bottom: 15px;
}

.portfol_opisanie .title{
color: #08485B;
font-weight: 700;
margin-bottom: 10px;
}

.portfolio_content_wrap{
	width:651px;
	font-size:0;
	line-height:0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	overflow:hidden;
	//zoom:1; 		
	box-shadow: 2px 2px 0px 1px #07465A;
	margin:0 0 30px;
	position:relative;	
}





.portfol_big_skrin_top{
 	height: 71px;
    width: 651px;   
    background: url(../image/portfolio_content_wrap_top.png) transparent no-repeat center center;
	
}

.portfol_big_title{
font-size: 12px;
line-height: 12px;
padding: 18px 0px 0px 83px;
width: 158px;
overflow:hidden;
height: 20px;
color: #8B8B8B;
white-space: nowrap;
}



.portfol_big_title .favicon_image{
vertical-align:middle;
margin-right: 5px;
height: 16px;
width: 16px;
}

.portfol_big_title .portfolio_link{
display: none;
}


.portfolio_link_adressbar{
height: 18px;
overflow: hidden;
padding: 10px 0px 0px 95px;
width: 159px;
}

.portfolio_link_adressbar a{
font-size: 11px;
line-height: 12px;
color: #8B8B8B;
text-decoration: none;
}


.portfolio_link_adressbar a:hover{
color: #000;
}




.portfol_big_skrin_bottom{
 	height: 30px;
    width: 651px;
 background-color: #c8c8c8;	
-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;	

}


.portfolio_sidebar,
.feedback_sidebar{
float: left;
padding: 0px 0px 0px 20px;
width: 267px;
}



.portfolio_date,
.portfolio_adres_site{
margin-bottom: 10px;
}

.portfolio_date span,
.portfolio_adres_site div{
font-weight: 700;
}


.add_soc_botton,
.zakaz_botton{
font-weight: 700;
color: #FFFFFF;
background-color: #6aaec5;
border-color: #6aaec5;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
margin: 0px 0px 14px;
padding: 7px 16px 7px 10px;
position: relative;
-moz-box-shadow: 0px  4px  0px  #07465a;
-webkit-box-shadow: 0px  4px  0px  #07465a;
box-shadow: 0px  4px  0px  #07465a;
behavior: url(PIE.htc);
width: 186px;
cursor: pointer;
}


.add_soc_botton::selection,
.zakaz_botton::selection{
background: #6aaec5;
}


.add_soc_botton::-moz-selection,
.zakaz_botton::-moz-selection{
background: #6aa;
}







.add_soc_botton.active,
.zakaz_botton.active{
-moz-box-shadow: 0px  0px  0px  #07465a;
-webkit-box-shadow: 0px  0px  0px  #07465a;
box-shadow: 0px  0px  0px  #07465a;
margin: 14px 0px 10px;
}




.add_soc_botton span img,
.zakaz_botton span img{ 
	-webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
	vertical-align: middle;
}



.add_soc_botton:hover span img,
.zakaz_botton:hover span img{ 
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    transform:rotate(270deg);
	
	-webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}




.zakaz_botton:hover span img{ 
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}




.add_soc_botton.active span img,
.zakaz_botton.active span img{
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    transform:rotate(270deg);
}






.pluso_soc_botton{
display: none;
margin-bottom: 11px;
}



.portfol_big_skrin img{
width: 100%;
cursor:url(../image/blank.png), url(../image/blank.cur), none; 
}





.contacts { 
margin-top: 10px; 
width:700px;  
height:310px;
font: 14px/18px Arial, Tahoma, Verdana, sans-serif; 
line-height: 22px;
}





 .fo_input{
 border: #cbcccb 1px dashed;  
background-color: #fff;
padding: 4px 4px 4px 10px;
height: 25px; width: 380px;
color: #3b3b3b;
margin-bottom: 15px;
font-size: 13px;
}

.fo_textarea {
height: 160px;
width: 452px;
 border: #cbcccb 1px dashed;  
background-color: #fff;
padding: 4px 4px 4px 10px;
color: #3b3b3b;
margin-bottom: 15px;
font-size: 13px;
}



.feedback_content .label, 
.adres .label{   
color: #08485B;
font-weight: 700;
font-size: 17px;
padding-bottom: 3px; 
display: block;
}




table.tableformos .fieldsubmit, table.tableformos .tableform td {
  padding: 3px 0px;
}



#recaptcha_table img{
 border: none;
}

 
.tel2{ 
padding: 5px 0px; 
line-height: 20px; 
}


.fbutton{
font-weight: 700;
color: #FFFFFF;
background-color: #6aaec5;
border: none;
border-color: #6aaec5;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
margin: 0px 0px 14px;
padding: 7px 10px 7px 10px;
position: relative;
-moz-box-shadow: 0px  4px  0px  #07465a;
-webkit-box-shadow: 0px  4px  0px  #07465a;
box-shadow: 0px  4px  0px  #07465a;
behavior: url(PIE.htc);
width: 186px;
cursor: pointer;
}





/* FAQ-----------------------------------------*/

.tema { 
	color: #666; 
	font-size: 18px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.list { 
	list-style: none; 
	font-size: 14px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.list a { 
	color: #3299BB; 	
	text-decoration: none;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.list a:hover { 
	color: #00befd;
}

.list a:active { 
	color: #000;
}

.list li {
list-style-position: inside;
list-style-type: disc;
	line-height: 18px;
	color: #3299BB;
	padding: 0px 0px 2px 24px;	
}

.vopros {
	background: url("../image/faq-arrow.png") left 2px no-repeat; 
	padding-left: 24px; 
	line-height: 18px; 
	padding-bottom: 5px; 
	font-weight: bold; 
	margin: 5px 0px 0px 0px;
}

.quest {
	padding-left: 24px;
	margin: 5px 0px 10px 0px;
}



a.faq_back{
  
   background: #2289a8;

   padding: 4px 8px;
   -webkit-border-top-left-radius: 6px;
   -moz-border-radius-topleft: 6px;
   border-top-left-radius: 6px;
   
   -webkit-border-bottom-right-radius: 6px;
   -moz-border-radius-bottomright: 6px;
   border-bottom-right-radius: 6px;
  
   color: #ffffff;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
   vertical-align: middle;
   font-weight: bold;   
   float: right;
   position: relative;
   display: none;
   margin: -13px -15px 0px 0px;
   width: 121px;
   text-align: center;
}




a.faq_back:hover { 
	color: #000;
}

a.faq_back:active { 
	color: #000;
}

#faq_quest_submit_status {
	padding: 0px 0px 0px 10px;
}


.quest_inbloat{
 box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
padding:15px 15px 15px;
border: 2px solid #ffff;  
}


.current-faq{
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
border: 2px solid #2289A8;
color: #666666;

background-color: #EBEBEB;
margin-bottom: 18px;
 box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}


.current-faq h4{
color: #666666;
	font-weight: bold;
	
}


/* FAQ-end-----------------------------------------*/


 /* Advice----*/

.adv h1{ 
 font-size: 28px;
  color: #08485B;
  line-height: 36px;
  margin-bottom: 10px;
font-family: 'Tenor Sans', sans-serif;
}



 .advice_comm{
position: relative;
border-color: #6aaec5;  
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
margin: 0px 0px 19px;
padding: 16px 16px 16px 16px;
position: relative;
-moz-box-shadow: 0px  4px  0px  #07465a;
-webkit-box-shadow: 0px  4px  0px  #07465a;
box-shadow: 0px  4px  0px  #07465a;
behavior: url(PIE.htc);
}
 
 
  .advice_comm.even{
 background-color: #fff;
  margin-right: 25px;
 }
 
 
.advice_comm.even:after {
	
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #fff;
	border-width: 20px;
	margin-top: -20px;
}
 
 
 
 .advice_comm.odd{
 color: #FFFFFF;
background-color: #6aaec5;
 margin-left: 25px;
 }
 

 .advice_comm.odd:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);	
	border-right-color: #6aaec5;
	border-width: 20px;
	margin-top: -20px;
} 
 
 
 
 .who_is_who{ 
font-style: italic;
text-align: right;
font-weight: 700;

 }
 
 .comment_advise{
padding: 15px 15px;
 }
 
 .add_advise{
   width: 148px;
 } 
 
 
 

 
.tseo_text{
  margin: 20px; 
   }

.tseo_text ul{
  margin: 20px 0;
    list-style: circle inside; 
   }


.tseo_text ul li{ 
  margin: 0 0 10px 30px;
}



.razdelitel_otziv{
 display: block; 
margin: 20px 0;
border-bottom: 1px dashed #999999;
}




 /* AdviceEnd----*/









.price_list .bordered{
margin: 0px 0px 25px 0px;
}



.price_list .bordered th {
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}



.adv h2 { 
color: #08485B;
font-family: "Tenor Sans", sans-serif;
font-size: 28px;
line-height: 36px;
margin: 20px 0 10px;
}


.adviceform_comment{
margin-bottom: 15px;
}

#adviceform{

}

#adviceform .field{
	margin: 0px 0px 10px 0px;
}
#adviceform .field-container{
	width: 99.8%;
	height: 40px;
	background-color: #fff;
	border: 1px solid  #C4CCC4;
	padding: 0px;
	margin: 0px;
}


#adviceform .field-container.active{	
	border: 1px solid  #6AAEC5;	
}


#adviceform .field-name{
   font-weight: 700;
	width: 17%;
	height: 100%;
	float: left;
	text-transform: uppercase;
	background-color: #C4CCC4;
	color: #fff;
	text-align: left;
}

#adviceform .field-container.active .field-name{	
	background-color:  #6AAEC5;	
}





#adviceform .field-container.active_fool{	
	border: 1px solid  #07465A;	
}


#adviceform .field-container.active_fool .field-name{	
	background-color:  #07465A;	
}





#adviceform .field-name label{
	position: relative;
	display: block;
	padding: 10px 0px 0px 10px;
}
#adviceform .input-container{
	float: left;
	width: 74%;
	height: 100%;
	text-align: center;
}
#adviceform input{
	height: 100%;
	width: 99%;
	background-color: #fff;
	font-size: 15px;
	padding: 0px 9px;
	border: 0px;
}
#adviceform input:focus {
	outline: none;
}


#adviceform .message-container{
	width: 99.8%;
	border: 1px solid  #C4CCC4;
}
#adviceform .message-container .textarea-name{
	width: 100%;
	height: 40px;
	background-color:  #C4CCC4;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	font-weight: 700;
}
#adviceform .message-container .textarea-name label{
	position: relative;
	display: block;
	padding: 8px 0px 0px 10px;

}
#adviceform .textarea-container{
	width: 100%;
	height: 140px;
	background-color: #fff;
	padding: 0px;
	margin: 0px;
}
#adviceform textarea{
	width: 95%;
	height: 80%;
	border: 0px;
	padding: 10px;
	font-size: 15px;
	font-family: "Segoe UI",Tahoma,Arial,Helvetica,sans-serif;
}
#adviceform textarea:focus {
	outline: none;
}


#adviceform .message-container.active{	
	border: 1px solid  #6AAEC5;	
}


#adviceform .message-container.active .textarea-name{	
	background-color:  #6AAEC5;	
}



#adviceform .message-container.active_fool{	
	border: 1px solid  #07465A;	
}


#adviceform .message-container.active_fool .textarea-name{	
	background-color:  #07465A;	
}






#adviceform textarea[disabled]{
	background-color: #FFFFFF;
}




#adviceform .buttons{
	width: 100%;
	text-align: right;
}
#adviceform .buttons input{
    width: 100%;
	display: inline-block;
	cursor: pointer;
	font-size: 18px;
	background-color: #2D89EF;
	color: #fff;
	padding: 8px 20px 8px 48px;
}
#adviceform .buttons input:hover{
	background-color: #4EA0DB;
}

#adviceform #result{
	width: 100%;
	background-color: #F7C3C3;
	border: 1px dashed #3D0000;
	color: #3D0000;
	text-align: left;
	margin: 5px 0px 0px 0px;
}

#adviceform #result .message{
	padding: 10px 10px 10px 32px;
	font-size: 12px;
}
#adviceform #result .message ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}


input:focus::-webkit-input-placeholder { 
color:transparent; 
}

input:focus:-moz-placeholder {
   color: transparent; 
}

input:focus::-moz-placeholder {
  color: transparent; 
}