@import url(http://fonts.googleapis.com/css?family=PT+Sans&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=cyrillic);

@font-face {
 font-family: Gabriola, 'Myriad Pro';
 src: url(Gabriola.eot) /* EOT file for IE */
 src: local(Gabriola), url(Gabriola.ttf) /* TTF file for CSS3 browsers */
}
 

body{
    background: #fff;
    max-width: 1920px;
    font-family: 'Myriad Pro','PT Sans', sans-serif;
}

h1 {
    font-size: 27px;
}
h2 {
    font-size: 30px;
	color: #b89171;
}

h3 {
    font-size: 19px;
	color: #1a3219;
}

sup {
    vertical-align: super;
    font-size: 0.8em;
}

sub{
   font-size: 0.6em;
}

.yelow{
    color: #dfdc66;
}

#wrapper {
    width: 100%;
    margin: auto;
    min-width: 640px;
}

#top_slider {
    width: 100%;
    height: 953px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image:url(images/marata23/slide1.jpg);
    position: relative;
    overflow: hidden;
}

    #top_slider a{
        color: #fff;
        text-decoration: none;
    }
    
    #top_slider a.active, #top_slider a:hover{
        text-decoration: underline;
    }
    
    #top_slider .lang{
        color: #fff;
        font-size: 22px;
        position: absolute;
        right:60px;
		font-size: 25px;
		font-family: 'Gabriola', 'Myriad Pro', Arial, sans-serif;
        top:47px;
    }

       
    #top_slider .shadow{
    width: 100%;
    height: 100%;
    background: transparent url(../images/shadow-top-slider.png) repeat-x;
    }
    
        #top_slider .inner{
            padding: 40px 0px 40px 60px;
            position: relative;
        }
    
            #top_slider .info{
                font-size: 27px;
                color: #fff;
                background: transparent url(../images/marata23.png) no-repeat top left;
                padding-left: 100px;
                min-height: 90px;
            }
                
                #top_slider .text{
                   width: 800px; 
                   position: relative;
				   font-size: 33px;
				   font-family: 'Gabriola', 'Myriad Pro', Arial, sans-serif;
                }
                    #top_slider .phone{
                        font-size: 30px;
						padding-left: 10px;
                    }
                    
                    
                    
        .angle{
            margin-top: 160px;
			margin-left: 48%;
			text-align: center;
            z-index: 20;
			display: inline-block;
			cursor: pointer;
			position: relative;
            
        } 
        
        
        
        
        .cursors{
            position: absolute;
            bottom: 45px;
            width: 104px;
        }
        
        .cursors .prev, .cursors .next{
            display: inline-block;
            width: 35px;
            height: 64px;
            background: transparent url(../images/icon-next-prev.png) no-repeat top left;
            margin: 0 0px;
            cursor: pointer;
            position: relative;
            z-index: 20;
        }
        
         .cursors .next{
             background-position: 0px -64px;
             
             top:1px;
             margin-left: 30px;
        }
        
        #top_slider .menu{
            color: #fff;
            margin-bottom: 40px;
            width: 465px;
        }
        
        #top_slider .menu span{
            display: inline-block;
            margin-left: 40px;
            font-size: 1.2em;
        }
        
        #top_slider .menu span:before{
            content: '\2022';
            color: #e6e362;
            font-size: 2.8em;
            position: relative;
            top:8px;
            right:20px;
            display: inline-block;
        }
        
        
        #top_slider .center{
            width: 100%;
            text-align: center;
            position: relative;
            top:-80px;
        }
        
        #top_slider .center .container{
            position: relative;
            display: inline-block;
            width: 455px;
            background: transparent url(../images/logo-on-slider.png) no-repeat top center; 
            padding-top: 420px
        }
        
        #top_slider .social{
            padding-left: 10px;
        }
        
        .social span{
            display: inline-block;
            width: 70px;
            height: 63px;
            background: transparent url(../images/social-icon.png) no-repeat top center;
            cursor: pointer;
            color: #fff;
            font-size: 2.2em;
            font-weight: bold;
            text-align: center;
            line-height: 65px;
            margin-right: 20px;
        }
        
        .social span.ig:after{
            content: '';
            display: block;
            background: transparent url(../images/social-icon.png) no-repeat bottom center;
            width: 70px;
            height: 35px;
            position: relative;
            top: -52px;
        }
        
        .copyright{
            color: #fff;
            font-size: 1.2em;    
            padding-top: 30px;        
        }
        
        .slider .count{
            position: absolute;
            bottom: 70px;
            left:85px;
        }
        
        .slider .count div{
            display: inline-block;
            width: 23px;
            height: 22px;
            background: transparent url(../images/paginate-slider.png) no-repeat top center;
            margin-right: 10px;
            cursor: pointer;
        }
        
        .slider .count div.active{
           background-position: 0 -22px; 
        }
        
        .slider .count div:hover{
           background-position: 0 -44px; 
        }
		
#link_menu{
    height: 100px;
}


#top_nav{
   top: 953px; /** фиксация меню **/
   position: fixed;
   z-index: 1000;
	width: 100%;
	background: #fff;
}
#top_menu{
    text-align: center;
    height: 100px;
    border-top: 5px solid #decb49;
	border-bottom: 1px solid #decb49;
}
    #top_menu ul{
        display: inline-block;
        padding-top: 38px;   
             
    }        
        #top_menu ul li{
            display: inline-block; 
            position: relative;           
        }
            #top_menu ul li a{
                font-size: 22px;
                color: #525252;
                text-transform: uppercase;
                text-decoration: none;
                padding: 15px 30px 15px 30px;
            }
            
            #top_menu ul li a:hover{
                background: #ecf0f1;
                border-radius: 25px 25px 25px 25px;
                -moz-border-radius: 25px 25px 25px 25px;
                -webkit-border-radius: 25px 25px 25px 25px;
                
            }
            
            #top_menu ul li.active a:before{
                content: '';
                display: block;
                background: url(../images/active-item-menu.jpg) no-repeat top center;
                width: 100%;
                height: 13px;
                position: absolute;
                top: -38px;
            }
            

#second_slider{
    width: 100%;
    height: 500px;
    background-position: 50% 50%;
	background-size: 100%;
    background-repeat: no-repeat;
    background-image:url(images/slider-mesto/slide1.jpg);
    position: relative;
    overflow: hidden;
}  

    /*#second_slider .shadow{
        width: 100%;
        height: 100%;

        opacity: 0.35; 
        filter: alpha(Opacity=35); 
        position: absolute;
        z-index: 10;
    } */
    
    #second_slider .cursors{
        right: 45px;
    }
    
    #second_slider .prev, #second_slider .next{
        z-index: 40;
    } 
    
    
    #second_slider .count{
        z-index: 30;
    }
    
        

    
.wrapp_blog{
    width: 100%;
    background: url(../images/wrapp.jpg);
}


#blog {
    margin: auto;
	padding: 35px;
    max-width: 1000px;
}
.wrapp_menu_blud{
    width: 100%;
    background: #ecf0f1;
}
      .menu_blud{
        background: #ecf0f1;
        position: relative;
		margin: auto;
		padding: 35px;
		max-width: 950px;
    }   
	
         
    #blog .item{
        background: #fff;
        position: relative;
        border-bottom: 1px solid #f0f0f0;
        border-top: 1px solid #dadada;
        padding-bottom: 42px;
    } 
    
    #blog .item:first-child{
        border-top:0;
    }
    
    #blog .item:last-child{
        border-bottom:0;
    }
    
        #blog .item .head_info{
            display: table-row;
        } 
        
        #blog .item .head_info h3{
            display: table-cell;
            font-size: 30px;
            color: #525252;
            vertical-align: bottom;
            padding:0px 0 37px 42px;
        }  
        
        #blog .item img{ 
            max-width: 100%;
        } 
    #blog .date{
        height: 100px;
        width: 180px;
        background: #f5f5f5;
        color: #bbbbbb;
        font-size: 20px;
        padding: 40px 0 0 30px;
        display: table-cell;
        
    } 
    
    #blog .date span{
        display: inline-block;
    } 
    
    #blog .date span:first-child{
        display: block;
        margin-bottom: 25px;
    } 
    
    #blog .date span.views, #blog .date span.comments{
       margin-left: 40px; 
       position: relative;
       font-size: 25px;
    }
    
        #blog .date span.views > span, #blog .date span.comments > span{
            display: block;   
            width: 36px;
            height: 28px;  
            background: url(../images/blog-icon.jpg) no-repeat top; 
            position: absolute;  
            left: -40px;
            top:-3px;
        } 
    
    #blog .date span.comments{
        margin-left: 60px;
    }
    
        #blog .date span.comments > span{
            background-position: 0 -26px;
        }
        
        #blog .text{
            padding: 45px;
            display: inline-block;
            color: #525252;
            font-size: 20px;
            line-height: 25px;
            font-family: 'Open Sans Condensed', 'Myriad Pro',  Arial, sans-serif;
            
        }  
        
        #blog .readmore{
            display: block;
            margin: auto;
            text-align: center;
            
        }  
        
            #blog .readmore a{
                background: #ecf0f1;
                border-radius: 30px 30px 30px 30px;
                -moz-border-radius: 30px 30px 30px 30px;
                -webkit-border-radius: 30px 30px 30px 30px;
                display: inline-block;
                padding: 22px 45px 20px 45px;
                font-size: 22px;
                text-decoration: none;
                text-transform: uppercase;
                color: #525252;
            }

#map{
    max-width: 100%;
}    
    #map img{
        max-width: 100%;
    }             

#social_bottom{
   width: 100%; 
}

#social_bottom .social{
    width: 285px;
    margin: auto;
}

    #social_bottom .social span{
        background: transparent url(../images/social-icon2.png) no-repeat top center;
        color: #808080;
    }
    
    #social_bottom .social span:last-child{
        margin: 0;
    }
    
    #social_bottom .social span.ig:after{
        background: transparent url(../images/social-icon2.png) no-repeat bottom center;
    }
    
    #social_bottom p{
      color: #525252;
      margin: 35px 0 36px 30px;
      font-size: 22px;  
    }
    
#friends {
    width: 100%;
    background: #ecf0f1;    
} 

    #friends .text{
       max-width: 860px; 
       text-align: center;
       margin: auto;
       position: relative;
       font-size: 20px;
       line-height: 40px;
       color: #525252;
       font-family:  'Myriad Pro',  Arial, sans-serif;
    }   
#onas {
    width: 100%;
    background: #fff;    
} 

    #onas .text{
       max-width: 860px; 
       text-align: center;
       margin: auto;
       position: relative;
       line-height: 40px;
       color: #525252;
		font-size: 30px;
		font-family: 'Gabriola', 'Myriad Pro', Arial, sans-serif;
    } 

#partners{
    width: 100%;
    margin: auto;

    
}

    #partners table td{
        vertical-align: middle;
		align: center;
		align
    }

#footer{
    width: 100%;
    height: 115px;
	    border-top: 1px solid #d6d5d3;
}

    #footer .copyright{
        color: #7d7d7d;
        text-align: center;
        margin-top: 20px;
    }
    

#itemListLeading .itemContainer{
    background-color: white;
}    


#itemListLeading .itemContainer .catItemTitle{
    font-family: 'Myriad Pro', Arial;
    font-size: 27px;
}

#itemListLeading .itemContainer .catItemTitle a{
    color: #525252;
    text-decoration: none;
}

#itemListLeading .itemContainer .catItemTitle a:hover{
    text-decoration: underline;
}

#itemListLeading .itemContainer .catItemHeader .catItemDateCreated{
    color: #ababab;
    font-size: 18px;
    float: left;
    padding-bottom: 10px;
}

#itemListLeading .itemContainer .catItemIntroPanel{
    width: 100%;
    height: 44px;
    background: url('../images/blog_panel_bg.jpg') no-repeat #ecf0f1;
    position: relative;
}

#itemListLeading .itemContainer .catItemImage a{
    
}

#itemListLeading .itemContainer .catItemIntroPanel .catItemHits{
    left: 65px;
    position: absolute;
    top: 11px;
    color: #1ca100;
    font-size: 17px;
    font-family: 'Myriad Pro';    
/*    text-decoration: underline;*/
}

#itemListLeading .itemContainer .catItemIntroPanel .catItemCommentsNum{
    left: 138px;
    position: absolute;
    top: 11px;
    color: #1ca100;
    font-size: 17px;
    font-family: 'Myriad Pro';    
    text-decoration: underline;
}

#itemListLeading .itemContainer .catItemIntroPanel .catItemTags{
    left: 199px;
    position: absolute;
    top: 11px;
    color: #909292;
    font-size: 17px;
    font-family: 'Myriad Pro';    
  
}

#itemListLeading .itemContainer .catItemIntroPanel .catItemTags a{
    color: #1ca100;    
}


#itemListLeading .itemContainer .catItemHeader{
    padding: 0 32px;
}


#itemListLeading .itemContainer .catItemIntroText{
    padding: 32px;
    color: #464646;
    font-size: 19px;
    font-family: 'Myriad Pro', Arial;   
    line-height: 1.4;
}

#itemListLeading .itemContainer .catItemReadMore{
    width: 100%;
    height: 45px;
    float: left;
}

#itemListLeading .itemContainer{
    border-bottom: 2px solid #dadada;
}

#itemListLeading .itemContainer .catItemReadMore a{
    background: url('../images/read_more_bg.png') no-repeat;
    display: block;
    margin: 0 auto; 
    width: 221px;
    height: 45px; 
    text-align: center;
    text-transform: uppercase;
    color: #525252;
    font-size: 18.18px;
    font-family: 'Myriad Pro';   
    text-decoration: none;
    line-height: 2.4;
}

#itemListLeading .itemContainer .catItemReadMore a:hover{
    text-decoration: underline;
}

#itemListLeading .itemContainer .catItemBody{
    padding-bottom: 2px;
}



.itemBody .ItemIntroPanel{
    width: 1000px;
    height: 44px;
    background: url('../images/blog_panel_bg.jpg') no-repeat #ecf0f1;
    position: relative;
}

.itemBody .ItemIntroPanel .ItemHits{
    left: 65px;
    position: absolute;
    top: 11px;
    color: #1ca100;
    font-size: 17px;
    font-family: 'Myriad Pro';    
    text-decoration: underline;
}

.itemBody .ItemIntroPanel .ItemCommentsNum{
    left: 138px;
    position: absolute;
    top: 11px;
    color: #1ca100;
    font-size: 17px;
    font-family: 'Myriad Pro';    
    text-decoration: underline;
}

.itemBody .ItemIntroPanel .ItemTags{
    left: 199px;
    position: absolute;
    top: 11px;
    color: #909292;
    font-size: 17px;
    font-family: 'Myriad Pro';    
  
}

.itemBody .ItemIntroPanel .ItemTags a{
    color: #1ca100;    
}

	div.itemComments ul.itemCommentsList li img {
	   background: url('../images/avatar_user_comment_bg.png') no-repeat;
       height: 56px;
       width: 56px;
       border-left: 1px solid #d7d7d7;
       border-right: 1px solid #d7d7d7;
       border-bottom: 1px solid #d7d7d7;
       display: block;
    float: left;
    margin-right: 7px;  
	}
    
 .itemlist_top{
    min-height: 30px;
	padding-top: 100px;
    width: 100%;
    float: left;
 }
 
 
 .item-page{
    background-color: white;
	padding: 35px;
	line-height: 1.4;
	font-size: 17px;
 }





@media only screen and (max-width: 950px) {
#top_nav{  
      padding-left: 10000px;
	  height: 0px;
    }
#top_menu{
    height: 0px;
}
#link_menu{
    height: 3px;
}

    #top_slider .info{  
        background: none;
        padding-left: 0px;
    }
    
    #top_slider .inner{
		padding: 40px 0px 20px 20px;
    }
    
    #top_slider .lang{
        right: 45px;
    }    
	
  #top_slider .center .container{
            top: 50px;
        }
#paralax-menu { 
	background-size: 950px !important; 
	background: url(../../../images/paralax-menu/slide1.jpg) 50% 0 no-repeat fixed;  
	height: 400px;  
	margin: 0 auto; 
    width: 900; 
    max-width: 1920px; 
    position: relative; 
}
#paralax-onas { 
	background-size: 950px !important; 
}		
}




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

    #top_slider .cursors{
        width: 100%;
    }
    
    #top_slider .cursors .next{
        float: right;
        margin-right: 45px;
    }
    
    #top_slider .cursors .prev{
        float: left;
        margin-left: 45px;
    }
    
    #top_slider .count{
        left:0;
        bottom: 20px;
        width: 100%;
        text-align: center;
    }
  #top_slider .center .container{
            top: 100px;
        }    
    
}

@media only screen and (min-width: 1041px) {
    #top_slider .cursors{
        right: 45px;
    }
    
    #top_slider .center{
        top: 50px;
    }
}

.blog-all a, .buttonSend {
  font-size: 22px;
  color: #525252;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 30px 15px 30px;
    background: #ecf0f1;
  border-radius: 25px 25px 25px 25px;
}

.blog-all a:hover, .buttonSend:hover
{
color: #ffffff;
background: #5f8f39;
cursor: pointer;
border-radius: 25px 25px 25px 25px;
}

.button {
  font-size: 22px;
  color: #525252;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 30px 15px 30px;
    background: #ffffff;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
  border-radius: 25px 25px 25px 25px;
  border: 2px solid #fff;
}

.button:hover
{
color: #ffffff;
background: #5f8f39;
cursor: pointer;
border-radius: 25px 25px 25px 25px;
border: 2px solid #fff;
}