@import 'elements.less';



@color_blue:#252c52;
@color_grey:#d2d2d2;



/* Your Custom code here */

h3{
    
    font-family: roboto !important;
}



.h2{
           font-size: 25px;
    font-family: roboto;
    width: 100%;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #252c52;
    }

    h2{
        
        font-size: 25px!important;
    font-family: roboto!important;
    width: 100%!important;
    text-align: left!important;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
    color: #252c52!important;  
    } 
    
li{
    
}

ul {font-size: 14px;
    color: #7c7b7b;
}
a{
&.prog {
    line-height: 15px;
    padding-top: 8px;
    display: inherit;
}
&.obrz{
    line-height: 15px;
    margin-top: -14px;
    display: inherit;
}

&.btn {
  background: #313774;
        background-color: #10175e;
    border-color: #0d124b;
    border-top-color: rgb(13, 18, 75);
    border-right-color: rgb(13, 18, 75);
    border-bottom-color: rgb(13, 18, 75);
    border-left-color: rgb(13, 18, 75);                 
                     
                     
 /* background-image: -webkit-linear-gradient(top, #313774, #202766);
  background-image: -moz-linear-gradient(top, #313774, #202766);
  background-image: -ms-linear-gradient(top, #313774, #202766);
  background-image: -o-linear-gradient(top, #313774, #202766);
  background-image: linear-gradient(to bottom, #313774, #202766);*/
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: roboto;
  color: #ffffff;
  font-size: 12px;
padding-bottom: 6px;
    padding-top: 6px;
    text-decoration: none;
    padding-left: 6px;
    padding-right: 6px;
                  
                     
 
&:hover {
  background: #202766;
  background-image: -webkit-linear-gradient(top, #202766, #202766);
  background-image: -moz-linear-gradient(top, #202766, #202766);
  background-image: -ms-linear-gradient(top, #202766, #202766);
  background-image: -o-linear-gradient(top, #202766, #202766);
  background-image: linear-gradient(to bottom, #202766, #202766);
  text-decoration: none;
   
                     
                     
                     
    }}  }

#player
{
    .html5-video-player unstarted-mode ytp-hide-controls
 {   .ytp-cued-thumbnail-overlay{
    
    
.ytp-cued-thumbnail-overlay-image{
    
    background-image: url("http://c-nav.ru/wp-content/uploads/2017/11/999.jpg") !important;
}


}}}

/*
Photo gallery
*/

.photo_banner{
    padding: 15px;
}


.pt-cv-title{
    
    font-family: roboto!important;
}

/*
Widget
*/

.widget-date-post{
        font-size: 16px !important;
       font-family: Roboto;
    color: #252C52;
    margin-bottom: 10px;
        margin-top: 10px!important;
}

.recent-news-items {

.news_li{
        border-bottom: none !important;
    padding-top: 0px!important;
    padding-right: 0px!important;
    padding-bottom: 0px!important;
    padding-left: 0px!important;
    
    
    a.newspost-title{
     font-size: 14px !important;  
         font-family: Roboto;
    color: grey !important;
         text-decoration: none !important;  
        font-weight: lighter !important; 
 
        
}
      a.newspost-more{
     font-size: 12px !important;  
         font-family: Roboto;
    color:  #00ADCB;
        
       padding-top: 3px;
    /* height: 135px; */
    display: inline-block;
        
}
    }}

#text-6 {
    
       margin-left: 40px; 
    
  
               font-size: 17px;
        color: #00ADCB;
        font-family: Roboto;
        line-height: 28px;
        a{
             text-decoration: underline;   
                    color: #00ADCB;
                  font-family: Roboto;
        }
   
    
    
    p.caption{
        
        font-size: 22px;
    font-style: normal;
    color: #252C52;
    font-family: Roboto;
 font-weight: bold;
    }
}



h4.widget-title {
    
        font-size: 22px;
    font-style: normal;
    color: #252C52;
    font-family: Roboto;
    margin-left: 40px;
    
    margin-bottom: -13px;
}

.body

{
    
    font-size:14px;
    
    font-family: roboto;
    
   
}




.wrapper {
width:96%;
max-width:1030px;
margin: 0 auto;
    
    
    p  {
        
            font-size: 15px;
    font-family: roboto;
    color: #7c7b7b;
    }
}


/*
Header
*/
.top_header {
height: 180px;
position:relative;

}
    
.top_navigation
{
        left: -9px;
  /* position: absolute;*/
    display: inline-block;
    top:100%;
    left: 0;
    width: 100%;
    height: 50px;
   /* background-color: @color_grey;*/
    z-index: 99;
    
  
    .ale_headermenu {
            width: 1031px;
            margin-left: -40px;
        line-height: 25px;
            font-family: roboto;
           #menu-item-127{
             background-image: url(./img/b_back_na.gif);
               
                   &::after{
                
   content: '';
background-color: #fcbe14;
                        width: 100%;
                        display: block;
                        height: 3px;
                            
                
                }
            &.current_page_item {
                 background-image: url(./img/b_back.gif);
                
              
                
            }
            
           
            
            a {
                
             line-height: 37px;
              /*  margin-top: 7px;*/
                text-decoration: none;
    text-align: center;
                color: white;
               /* margin-left:25px;*/
                
                 &:hover {
                    
                      background-image: url(./img/b_back.gif) ;
                    .transition(all 300ms ease-in-out);
                    
                }
            }
            
        }
        
        
                #menu-item-128{
             background-image: url(./img/b_back_na.gif);
                    
                                    &::after{
                
   content: '';
background-color: #00adcb;
                        width: 100%;
                        display: block;
                        height: 3px;
                            
                
                    }
                    
            &.current_page_item {
                 background-image: url(./img/b_back.gif);
                
                 &:hover {
                    
                      background-image: url(./img/b_back.gif);
                    .transition(all 300ms ease-in-out);
                    
                }
            }
                     &.current-menu-parent 
    {         
        
        background-image: url(./img/b_back.gif);}
           
            
            a {
                
                line-height: 18px;
               /*  margin-top: 7px;*/
                text-decoration: none;
    text-align: center;
                color: white;
               /* margin-left:25px;*/
                
                 &:hover {
                    
                      background-image: url(./img/b_back.gif);
                    .transition(all 300ms ease-in-out);
                    
                }
            }
            
        }
        
        
        
        
                  #menu-item-4426{
             background-image: url(./img/b_back_na.gif);
                    
                     &::after{
                
   content: '';
background-color: #95c020;
                        width: 100%;
                        display: block;
                        height: 3px;
                            
                
                }
                   
                    
                    
         /*   &.current_page_item {
                 background-image: url(./img/b_back.gif);
            }*/
            
           
            
            a {
                
                line-height: 18px;
             /*  margin-top: 7px;*/
                text-decoration: none;
    text-align: center;
                color: white;
               /* margin-left:25px;*/
                
                 &:hover {
                    
                      background-image: url(./img/b_back.gif);
                    .transition(all 300ms ease-in-out);
                    
                }
            }
            
        }
        
        
        
        
                #menu-item-125{
             background-image: url(./img/b_back_na.gif);
                    
                     &::after{
                
   content: '';
background-color: #95c020;
                        width: 100%;
                        display: block;
                        height: 3px;
                            
                
                }
                   
                    
                    
            &.current_page_item {
                 background-image: url(./img/b_back.gif);
            }
            
           
            
            a {
                
                line-height: 18px;
             /*  margin-top: 7px;*/
                text-decoration: none;
    text-align: center;
                color: white;
               /* margin-left:25px;*/
                
                 &:hover {
                    
                      background-image: url(./img/b_back.gif);
                    .transition(all 300ms ease-in-out);
                    
                }
            }
            
        }
            #menu-item-123{
             background-image: url(./img/b_back_na.gif);
                &::after{
                
   content: '';
background-color: #fcbe14;
                        width: 100%;
                        display: block;
                        height: 3px;
                            
                
                }
                  
                
                
            &.current_page_item {
                 background-image: url(./img/b_back.gif);
                
               
            }
                     &.current-menu-parent 
    {         
        
        background-image: url(./img/b_back.gif);}
           
            
            a {
                
                line-height: 18px;
              /*  margin-top: 7px;*/
                text-decoration: none;
    text-align: center;
                color: white;
               /* margin-left:25px;*/
                
                  &:hover {
                    
                      background-image: url(./img/b_back.gif);
                    .transition(all 300ms ease-in-out);
                    
                }
            }
            
        }
        
       
              #menu-item-1075{
             background-image: url(./img/b_back_na.gif);
                       &::after{
                
   content: '';
background-color: #00adcb;
                        width: 100%;
                        display: block;
                        height: 3px;
                            
                
                }
                  
                  
                  
                  
            &.current_page_item {
                 background-image: url(./img/b_back.gif);
            }
            
             &.current-menu-parent 
    {         
        
        background-image: url(./img/b_back.gif);}
         
            
            
            
            a {
                
                line-height: 37px;
                text-decoration: none;
    text-align: center;
                color: white;
               /* margin-left:25px;*/ 
                &:hover {
                    
                      background-image: url(./img/b_back.gif);
                    .transition(all 300ms ease-in-out);
                    
                }
            }
            
        }
        
        
        
        #menu-item-4128{
             background-image: url(./img/b_back_na.gif);
           
                        &::after{
                
   content: '';
background-color: #95c020;
                        width: 100%;
                        display: block;
                        height: 3px;
                            
                
                }
            
           &.current_page_item  {
                 background-image: url(./img/b_back.gif);
               
            }
               
               
             &.current-menu-parent 
    {         
        
        background-image: url(./img/b_back.gif);}
         
            
            }
            
           
            
            a {
                
                line-height: 37px;
                text-decoration: none;
    text-align: center;
                color: white;
                padding-left:20px;
                
    
                &:hover {
                    
                      background-image: url(./img/b_back.gif);
                    .transition(all 300ms ease-in-out);
                    
                }
            }
            
        }
   
     li {
             /* margin-right: 1px;*/
         text-align:center;
         line-height: 15px;
               width: 171px;
        display: inline-block;
        float:left;
        height: 39px;
        font-size: 14px;
        color: @color_blue;
         margin-left: 0.05em;
        /* background-image: url(./img/b_back.gif);*/
          &:hover {
             .sub-menu{
                 display: block;
             }
             
         }
         
         .sub-menu{
             position: relative;
             background-color: white;
             color: @color_grey;
             width: 170px;
            /* margin-left: -40px;*/
             padding-top: 25px;
            
                 padding-bottom: 25px;
             padding-left: 0;
            display: none;
             z-index: 99;
             
             &::before { 
                 content:'';
                 position:absolute;
                 top:0;
                 left:50%;
                 margin-left: -3px;
                 margin-top: -6px;
                 display: inline-block;
                 width: 0;
                 height: 0;
                 
                 border-style:solid !important;
                 border-width: 0 3.5px 4px, 3.5px!important;
                 border-color: transparent transparent white transparent;
             }
            
            
             
              #menu-item-1073,#menu-item-1074{
                 
                 
              
                    a{
                      color: @color_blue;   
                           &:hover {
                    color: grey;
                               background: none;
                     }
                 
             }
             
             }
             
  
             
             li{
                 display:block;
               
                 height: 40px;
                 float:none;
                 width: 100%;
                    padding-top: 10px;
                 
               
                 
                 &.menu-item-has-children {
                     &::after{
                         
                         content: "\f054";
                         font: normal normal normal 6px/1 FontAwesome;
                         position: absolute;
                         top: 25%;
                         left: 88%;
                         margin-top: 3px;
                         
                         
                     }
                     
                 }
                      &:hover {
                           .sub-menu{
                               display:block;
                          }}
                 
                 
                 a{
                     color:@color_blue !important;
                     padding: 0;
                     margin-left: 25px;
                     margin-right: 25px;
                     
                     display:block;
                       border-bottom: 1px solid grey;
                     padding-left: 0 !important;
                     
                       &:hover {
                           .sub-menu{
                               display:block;
                           }
                           background-image: initial;
                           color:initial;
                    color: grey !important;
                               background: none !important;
                          
                           
                     }
                 }
                 
                 
                 
    .sub-menu{
     display: none;  
    position: relative;
    left: 100%;
    top: -76px;
        
        &::before {
            display: none;
        }
                     
                 }
                 
&:last-child {
 border-bottom: 0;}
             
            
             
                 
                 }
             
             
            
                 
                 
             }
         
         
       
         
        /* &:first-child {
             
             a{
                
                 text-align: center;
                padding-left: 0px;
             }
         }*/
         
         
         
         a {
             
             color: @color_blue;
             padding: 0 25px 0 25px;
             display: block;
             height: 100%;
             
             &:hover {
                 
                 color:grey;
                 .transition(all 300ms ease-in-out);
             }
         }
     
    }
         }
     
     
     
    



.header_third {

width: 50%;
float: left;
max-height: 130px;

&.logo_section {
text-align: center;
line-height:130px;
.transition (all 300ms easy-in-out);

&:hover {
.opacity(0.6);
.transition (all 300ms easy-in-out);}
}

&.enter_section {
text-align:right;
line-height: 25px;
    font-family: roboto;
    margin-top: 10px;
      font-size: 1.38em;


    i{
margin-right: 10px;
color:@color_blue;

}
a {
    text-decoration: unset;
	color:@color_blue;


}
 

}

}
.search-block{
        display: inline-block;
    float: right;
       color:@color_blue;
    width: 33%;
        
    .phone {
        width: 81%;
        height: 25px;
        float: right;
        background-image: url(./img/phone.png);
            margin-top: 10px;
    }
    
    #searchform {
        &::before{
              content: "\f002"; 
            font-family :FontAwesome;
            margin-right:7px;
            
        } 
        
    }
    
     #searchsubmit
    {
    display: none;
        content: "\f002";
        font-family :FontAwesome;
    }

    
input.searchinput
    {
        border:none;
            float: right;
    width: 137px;
     height: 22px;
    background-color: @color_grey;
            font-family: roboto;
        
        &::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: @color_blue;
            font-size: 12px;
}
&::-moz-placeholder { /* Firefox 19+ */
  color: @color_blue;
    font-size: 12px;
}
&:-ms-input-placeholder { /* IE 10+ */
  color: @color_blue;
    font-size: 12px;
}
&:-moz-placeholder { /* Firefox 18- */
  color: @color_blue;
    font-size: 12px;
}       
        
        
        
 
        
        
        
        
    }
    
   
    
 
    i{
      float: left;  
        
        
    }
    }  



.enter-search-block {
    
    display: inline-block;
        width: 100%;
    margin-bottom: 10px;
}

/*
About-block
*/

.about_block
{
    width: 69%;
    float:left;
    
      .home-title{
      font-size:25px;
        font-family: roboto;
        width: 100%;
        text-align: left;
            margin-top: 20px;
    margin-bottom: 20px;
    color: @color_blue;    
        
    }
    
    
    span{
        
        font-size:15px;
        font-family: roboto;  
        color:#7c7b7b;
        a{
            color:#4e4d4d;
            margin-left: 15px;
        }
    }
}

/*
Anons
*/
.contener-home{
    width: 100%;
    display: inline-block;
.home-anons {
              border-left: solid #252c52;
    float: right;
    width: 25%;
    padding-left: 35px;
    margin-top: 20px;
    max-height: 155px;
    .anons_data {
        
       
            float:none;
             font-size:25px;
        font-family: roboto;  
        color: @color_blue;    
        
        
        
        .day{
              font-weight: bold;
             font-size:46px;
        font-family: roboto;  
        color: @color_blue;    
            
        }
        
        .mouth
        
        {
                font-weight: bold;
    font-size: 15px;
    font-family: roboto;
    color: #252c52;
    line-height: 20px;
    margin-bottom: 7px;   
            
            
        }
    }
    
     .anons_title{
       font-weight: bold;
    width: 80%;
    float: none;
    font-size: 0.8em;
    font-family: roboto;
    color: #252c52;
    }
   
    
    
    a{
        
        text-decoration: unset;
    } 
    
 
&:after {  
    content: '';
    /* font-size: 0pt; */
    /* text-align: center; */
    /* line-height: 42px; */
    float: right;
    position: relative;
    bottom: 108px;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-right: 40px solid #252c52;
    /* display: block; */
    /* height: 0px; */
    width: 69px;
}  
}
     
}
/*
founders
*/

.founders{
    
    width: 100%;
        display: inline-block;
    
    .home-title{
      font-size:25px;
        font-family: roboto;
        width: 100%;
        text-align: left;
            margin-top: 20px;
    margin-bottom: 20px;
    color: @color_blue;    
        
    }
    .f_block{
     max-width: 167px;
        width: 100%;
        float: left;
        background-color:  #f6f6f7;    
    padding-top: 5px;
       margin-right: 2px;
    margin-left: 2px;
        height: 333px;
       
        
        .img_text{
        
        height: 300px;
        
        img{
            
          margin-left: 16px;
    width: 83%;

        }
        
        
        
        
        
        .f_text{
            font-size: 14px;
            font-family: roboto;
            color:@color_blue;
                text-align: center;
            }}
        
        .f_more{
            
            
            
                margin-bottom: 5px;
            
            width: 100%;
            text-align: center;
            margin-right: 3px;
            
            
            
            
                 a.btn {
  background: #313774;
        background-color: #10175e;
    border-color: #0d124b;
    border-top-color: rgb(13, 18, 75);
    border-right-color: rgb(13, 18, 75);
    border-bottom-color: rgb(13, 18, 75);
    border-left-color: rgb(13, 18, 75);                 
                     
                     
 /* background-image: -webkit-linear-gradient(top, #313774, #202766);
  background-image: -moz-linear-gradient(top, #313774, #202766);
  background-image: -ms-linear-gradient(top, #313774, #202766);
  background-image: -o-linear-gradient(top, #313774, #202766);
  background-image: linear-gradient(to bottom, #313774, #202766);*/
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: roboto;
  color: #ffffff;
  font-size: 11px;
  padding-bottom:4px;
                       padding-top:6px;
  text-decoration: none;

                  
                     
 span {
       background: 0 50% url(http://c-nav.ru/wp-content/plugins/shortcodes-ultimate/assets/images/styles/style-glass.png) repeat-x;
    background-image: url(http://c-nav.ru/wp-content/plugins/shortcodes-ultimate/assets/images/styles/style-glass.png);
    background-position-x: 0px;
    background-position-y: 50%;
    background-size: initial;
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial; 
              padding-left: 10px;
   
    padding-right: 10px;

        
    }
&:hover {
  background: #202766;
  background-image: -webkit-linear-gradient(top, #202766, #202766);
  background-image: -moz-linear-gradient(top, #202766, #202766);
  background-image: -ms-linear-gradient(top, #202766, #202766);
  background-image: -o-linear-gradient(top, #202766, #202766);
  background-image: linear-gradient(to bottom, #202766, #202766);
  text-decoration: none;
   
                     
                     
                     
                     }}  
            
            
                     
        }
        
    
            
    
        .f_after{
            
            height: 3px;
            width: 100%;
        } 
            
         
        
        
        
    }
    
}


/*
home-youube
*/

.su-youtube {
    display: inline-block;
}


.home-youtube{
    width: 100%;
    float: none;
    text-align: center;
    .home-title{
        
        font-size:25px;
        font-family: roboto;
        width: 100%;
        text-align: left;
            margin-top: 20px;
    margin-bottom: 20px;
    color: @color_blue;
    }
    
}

/*
Room-block
*/

.block-room{
    width:100%;
        display: inline-block;
    
    .practic{
           margin-right: 16px;
   /* margin-left: 40px; */
        max-width: 507px;
        width:100%;
        float:left;
        height: 500px;
        margin-top: 20px;
        background-color: #95c020;
        
        .header {
            
              width: 55%;
    float: left;
    font-size: 22px;
    font-family: roboto;
    margin-left: 20px;
    text-align: left;
    margin-top: 20px;
    color: white;
    margin-bottom: 10px;
        }
        
        .img_room {
            width:100%;
             float:left;   margin-left: 20px;
            
        }
        
        .body {
             width: 86%;
    float: left;
    font-size: 15px;
    font-family: roboto;
    margin-left: 20px;
    text-align: left;
    margin-top: 20px;
    color: white;
    margin-bottom: 10px;
            
        }
        
        .more{
            font-size: 16px;
    font-family: roboto;
    /* width: 100%; */
    /* top: 44px; */
    /* height: 25px; */
    line-height: 6;
    float: right;
    /* color: white; */
    margin-right: 20px;  
            
            a{
                
                color: white;
            }
        }
        
        
    }
    
     
    .muzday{
         height: 500px;
        max-width: 507px;
        width:100%;
        float:left;
        margin-top: 20px;
        background-color: #00adcb;
        
        .header {
            
              width: 60%;
    float: left;
    font-size: 22px;
    font-family: roboto;
    margin-left: 20px;
    text-align: left;
    margin-top: 20px;
    color: white;
    margin-bottom: 10px;
        }
        
        .img_room {
            width:100%;
             float:left;   margin-left:20px;
            
        }
        
        .body {
             width: 86%;
    float: left;
    font-size: 15px;
    font-family: roboto;
    margin-left: 20px;
    text-align: left;
    margin-top: 20px;
    color: white;
    margin-bottom: 10px;
            
        }
        
        .more{
            font-size: 16px;
    font-family: roboto;
    /* width: 100%; */
    /* top: 44px; */
    /* height: 25px; */
    line-height: 6.0;
    float: right;
    /* color: white; */
    margin-right: 20px;  
            
            a{
                
                color: white;
            }
        }
        
    }
       
     
    .gameroom{
           margin-right: 16px;
   
        height: 540px;
        max-width: 507px;
        width:100%;
        float:left;  
        margin-top: 16px;
        background-color: #fcbe14;
        margin-bottom: 20px;
    .header {
            
              width: 49%;
    float: left;
    font-size: 22px;
    font-family: roboto;
    margin-left: 20px;
    text-align: left;
    margin-top: 20px;
    color: white;
    margin-bottom: 10px;
        }
        
        .img_room {
            width:100%;
             float:left;   margin-left: 20px;
            
        }
        
        .body {
             width: 86%;
    float: left;
    font-size: 15px;
    font-family: roboto;
    margin-left: 20px;
    text-align: left;
  margin-top: 20px;
    color: white;
    margin-bottom: 10px;
            
        }
        
        .more{
            font-size: 16px;
    font-family: roboto;
    /* width: 100%; */
    /* top: 44px; */
    /* height: 25px; */

    line-height: 11.5;
    float: right;
    /* color: white; */
    margin-right: 20px;  
            
            a{
                
                color: white;
            }
        }
    
    
    }   
    
     .mineroom{
         height: 540px;
        max-width: 507px;
        width:100%;
        float:left;  
         margin-top:16px;
         margin-bottom: 20px;
         background-color: #7c7b7b;

   .header {
            
              width: 60%;
    float: left;
    font-size: 22px;
    font-family: roboto;
    margin-left: 20px;
    text-align: left;
    margin-top: 20px;
    color: white;
    margin-bottom: 10px;
        }
        
        .img_room {
            width:100%;
             float:left;   margin-left: 20px;
            
        }
        
        .body {
             width: 86%;
    float: left;
    font-size: 15px;
    font-family: roboto;
    margin-left: 20px;
    text-align: left;
   margin-top: 20px;
    color: white;
    margin-bottom: 10px;
            
        }
        
        .more{
            font-size: 16px;
    font-family: roboto;
    /* width: 100%; */
    /* top: 44px; */
    /* height: 25px; */
  
    float: right;
    /* color: white; */
    margin-right: 20px;  
            
            a{
                
                color: white;
            }
        }
    }  
}




/*
Footer
*/

.wrapper-footer {

max-width:1030px;
margin: 0 auto;
}

footer.main-footer {
    min-height: 260px;
    background-color: @color_blue;
    color:white;
    display: inline-block;
       font-family: roboto;
    
    .webmaster-footer{
        padding-bottom: 5px;
    border-top: 1px white solid;
        display: inline-block;
        width: 100%;
        text-align: center;
        span{
         font-family: roboto;
            font-size:10px;
            color:white;
            
        }
    }
    
    
    .footer-logo{
        
        width: 39%;
float: left;
max-height: 130px;
        
     
        &.logo_section{

.transition (all 300ms easy-in-out);
            margin-top: 30px;
            margin-left: 15px;

&:hover {
.opacity(0.6);
.transition (all 300ms easy-in-out);
            }
}
            
            
        }    
        
   
    .footer-center{
max-width: 250px;
float: left;
max-height: 130px; 
    font-size: 15px;
    text-align: center;    
           margin-top: 133px;
            color: #ffffff;
        
        p{
       
            
            
        
               
                &::before
            {
                content: "\f1f9";
       font-size: 11px;
 
                font-family :FontAwesome;     
        
                
            }
            
        } 
        
        
       
        
    }
    
    .footer-right{
    width: 33%;
    float: right;
    /* max-height: 130px; */
    display: inline-block;
        margin-top: 23px;
    margin-right: 15px;
        
        
         .footer-social
        {
             //   margin-bottom: 20px;
                   width: 100%;
    height: 50px; 
    float: right;
        padding-top: 10px;
            .soc{
                    height: 50px;
                    background-size: 100%;
                background-repeat:             no-repeat;
                margin-left: 3px;
                width: 40px
                
            
            }
            .inst{
                
           
    float: right;
 
        background-image: url(/wp-content/uploads/SVG/ins.svg);
           
              
            }
           
          .vk{
          
    float: right;

       background-image: url(/wp-content/uploads/SVG/vk.svg);
           
              
            }  
            
            
              .youtube{
                  float: right;
 
    
            background-image: url(/wp-content/uploads/SVG/yt.svg);
   
            
            
                
            }
            
            
            
            .twitter{
                  float: right;
   
    
            background-image: url(/wp-content/uploads/SVG/tw.svg);
   
              
             
             
                
            }
            
            
            
            .fb{
                
             
    float: right;
   
    
            background-image: url(/wp-content/uploads/SVG/f.svg);
   
         
             
            }
            
        }   
        
       
        .footer-phone {
            
       
        width: 44%;
        height: 25px;
        float: right;
        background-image: url(./img/phone-footer.png);
              background-repeat: no-repeat;
          margin-right:11px;
             border-bottom: white 1px solid;
    padding-bottom: 7px;
        }
        
        .footer-button {
              width: 100%;
    /* height: 25px; */
    float: right;
    font-size: 30px;
             margin-right:11px;
            
                margin-top: 12px;
    margin-bottom: 12px;
            
            a {
                float: right;
                color: white;
                margin-left:15px;
            }
            
            
             }
        
        
        
            .footer-adress
            {
                            width: 44%;
    /* height: 25px; */
    float: right;
    font-size: 12.5px;
                
      //      margin-bottom: 20px;    
            }
 
        
       
       
        
    }
    
 }


/*
Logosblock
*/

.logos {
    
    width: 100%;
        display: inline-block;
    .home-title{
      font-size:25px;
        font-family: roboto;
        width: 100%;
        text-align: left;
            margin-top: 20px;
    margin-bottom: 20px;
    color: @color_blue;    
          
          
    }
        
    }
    
  /*
Newsblock
*/
.news-short-content{
    font-family: roboto !important;
}



.home-news {
    
    width: 100%; 
    display: inline-block;
   font-family: roboto;
        
    .home-title{
      font-size:25px;
        font-family: roboto;
        width: 100%;
        text-align: left;
            margin-top: 20px;
    margin-bottom: 20px;
    color: @color_blue;    
          
          
    }
}




/*
Young geolog
*/

.page-center{
    
    .banner_cont{
        
        border-bottom: 2px solid black;
            padding-bottom: 10px;
            padding-top: 10px;
        img{
            width: 100%;
            padding-top: 10px;
    padding-bottom: 10px;
        }
        
        
        span{
            
            &.text{
                 display: inline-block;
    font-size: 17px;
    color: grey;   
                
            }
        }
        
        a{
            &.btn{
                    padding: 0px;
                float: right;
            }
        }
    }
    
    
    
    
    
    
    
    a{
        &.link{
            font-size: 17px;
    color: #00b0d7;
    /* padding-bottom: 23px; */
    margin-bottom: 5px;
    display: block;
    margin-top: 17px;

        }
    }
    
    span{
            line-height: 30px;
        &.title{
            
              text-transform: uppercase;
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: grey;  
        }
        
        &.text-indent{
                display: block;
    font-size: 17px;
    color: grey;
          text-indent: 1.5em;
            
            &::before{
    content: '';
    font-size: 0pt;
    /* text-align: center; */
    /* line-height: 42px; */
    /* float: right; */
    position: relative;
    bottom: 6px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 9px solid #fcbe14;
    /* display: block; */
    /* height: 0px; */
    left: -22px;
    /* width: 100px; */
            
            }
        }
    }
}

/*
Page
*/


  .page-center {
        width: 79%;
       display: inline-block; 
          margin-bottom: 20px;
    }
    
    
    .right-side{
        width: 21%;
        float:right;
        
        
        a.newspost-all{
            
                font-size: 17px;
     margin-bottom: 20px;

    display: inline-block;
              text-decoration: underline;   
                    color: #00ADCB;
                  font-family: Roboto;
            margin-left:40px;
        }
    }
    
.left-side{
        display: inline-block;
    width: 79%;
    
    h3.caption{
            font-weight: 200;
         font-size: 25px;
    font-family: Roboto !important;
    width: 100%;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #252c52; 
    }
}


/*
Content
*/
.content{
    
    
    
    
    span {
        
        font-family: roboto !important;
    }
    
    img{
      width: auto;
        height: auto;
    
    
    
    }

    
    
    
    
 .h2{
           font-size: 25px;
    font-family: roboto;
    width: 100%;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #252c52;
    }}




/*
Founders page
*/
.cont_logo{
        margin-bottom: 20px;
    img{
          float: left;
    display: inline-block;
        
        
    }
    p{    display: inline-block;
        
        &.ruk{
         margin-top: -19px;
    margin-left: 20px;
    width: 100%;
        }
    }
    .f_more
{        margin-bottom: 5px;
    width: 100%;
    text-align: left;
    margin-left: 19px;
    
    
    
    
    
                 a.btn {
  background: #313774;
        background-color: #10175e;
    border-color: #0d124b;
    border-top-color: rgb(13, 18, 75);
    border-right-color: rgb(13, 18, 75);
    border-bottom-color: rgb(13, 18, 75);
    border-left-color: rgb(13, 18, 75);                 
                     
                     
 /* background-image: -webkit-linear-gradient(top, #313774, #202766);
  background-image: -moz-linear-gradient(top, #313774, #202766);
  background-image: -ms-linear-gradient(top, #313774, #202766);
  background-image: -o-linear-gradient(top, #313774, #202766);
  background-image: linear-gradient(to bottom, #313774, #202766);*/
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: roboto;
  color: #ffffff;
  font-size: 11px;
  padding-bottom:4px;
                       padding-top:6px;
  text-decoration: none;

                  
                     
 span {
       background: 0 50% url(http://c-nav.ru/wp-content/plugins/shortcodes-ultimate/assets/images/styles/style-glass.png) repeat-x;
    background-image: url(http://c-nav.ru/wp-content/plugins/shortcodes-ultimate/assets/images/styles/style-glass.png);
    background-position-x: 0px;
    background-position-y: 50%;
    background-size: initial;
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial; 
              padding-left: 10px;
   
    padding-right: 10px;

        
    }
&:hover {
  background: #202766;
  background-image: -webkit-linear-gradient(top, #202766, #202766);
  background-image: -moz-linear-gradient(top, #202766, #202766);
  background-image: -ms-linear-gradient(top, #202766, #202766);
  background-image: -o-linear-gradient(top, #202766, #202766);
  background-image: linear-gradient(to bottom, #202766, #202766);
  text-decoration: none;
   
                     
                     
                     
                     }}  
            
    }
                     
        
    
}

/*
About center
*/

.cont_school{

width:30%;

float:left;

text-align:left;

}

.cont_vuz{

width:30%;

float:left;

text-align:left;

}

.cont_prod{

width:30%;

float:left;

text-align:left;

}



.kultcenter {
    width: 100%;
    display: inline-block;
        margin-bottom: 20px;
    
   .header {
        width: auto;
    float: left;
    margin-right: 20px;
    font-size: 22px;
    font-family: roboto;
    margin-left: 20px;
    text-align: left;
    margin-top: 20px;
    color: white;
    margin-bottom: 10px;
            }
            img{
                 margin-left: 20px;
                margin-bottom: 20px;
            }
    
    
        .practic  {
          margin-right: 16px;
    /* margin-left: 40px; */
    max-width: 507px;
    width: 100%;
    float: left;
    height: auto;
    /* display: inherit; */
    margin-top: 20px;
    background-color: #95c020;
            }   
    
            .practic2  {
    /* margin-right: 16px; */
    /* margin-left: 40px; */
    max-width: 507px;
    width: 100%;
    float: right;
    height: auto;
    /* display: inherit; */
    margin-top: 20px;
    background-color: #00ADCB;           
            }   
    
        .practic3  {
          margin-right: 16px;
    /* margin-left: 40px; */
    max-width: 507px;
    width: 100%;
    float: left;
    height: auto;
    /* display: inherit; */
    margin-top: 20px;
    background-color: #7C7B7B;
            }  
          .practic4  {
    /* margin-right: 16px; */
    /* margin-left: 40px; */
    max-width: 507px;
    width: 100%;
    float: right;
    height: auto;
    /* display: inherit; */
    margin-top: 20px;
    background-color: #FCBE14;           
            }   
        
        .practic5  {
          margin-right: 16px;
    /* margin-left: 40px; */
    max-width: 507px;
    width: 100%;
    float: left;
    height: auto;
    /* display: inherit; */
    margin-top: 20px;
    background-color: #00ADCB;
            } 
    
            .practic6  {
    /* margin-right: 16px; */
    /* margin-left: 40px; */
    max-width: 507px;
    width: 100%;
    float: right;
    height: auto;
    /* display: inherit; */
    margin-top: 20px;
    background-color: #95C020;           
            }  
    
}
/*
Structur
*/


.structure_block{
    margin-bottom: 80px;
    .witch{
   
    float: left;
    margin-right: 30px;
    
  /*  &::after{
        content:' ';
    background-color: #95c020;
    width: 100%;
    display: block;
    height: 3px;
          margin-top: -3px;  
    }*/
        
}
    .mal{
   
    float: left;
    margin-right: 30px;
    
     /*  &::after{
        content:' ';
    background-color: #00ADCB;
    width: 100%;
    display: block;
    height: 3px;
          margin-top: -3px;  
    } */
        
}    
 .zmey{
   
    float: left;
    margin-right: 30px;
    
   /* &::after{
        content:' ';
    background-color: #FCBE14;
    width: 100%;
    display: block;
    height: 3px;
          margin-top: -3px;  
    }*/
        
}  
     .andr{
   
    float: left;
    margin-right: 30px;
    
   /* &::after{
        content:' ';
    background-color: #7C7B7B;
    width: 100%;
    display: block;
    height: 3px;
          margin-top: -3px;  
    }*/
        
} 
    name{
      font-weight: bold;
    /* margin-bottom: 40px; */
    height: 45px;
    display: inline-block;
    float: none;
    width: 78%;
    }
    
    
    img{
       
    margin-right: 30px;
    padding-right: -39px;
    margin-right: 0.001em;
        
        
        }
            
       
    }