html {
    position: relative;
    min-height: 100%;
}
body{
    font-family: 'Roboto', sans-serif;
    background: #F5F5F5;
    color: #4B4B4B;
    margin-bottom:105px;
    color:#000;
}
.caption{
    text-align: center;
    text-transform:uppercase;
    color: #0C589C;
    font-weight: 100;
    font-size: 35px;
    margin-bottom: 20px;
}
.no-padding{
    padding-left:0 !important;
    padding-right:0 !important;
}
.no-margin{
    margin-left:0 !important;
    margin-right:0 !important;
}

/*.saber{
    background: url(/themes/template/assets/img/src/contact.jpg)no-repeat 50% 100%;
    background-size: cover;
}*/

.bvi-body #logo-block {
    height: auto;
}
.bvi-body footer {
    position: relative;
}

.bvi-body #navbar {
    height: auto !important;
}

.bvi-body #navbar .navbar-nav{
    float: left !important;
}

.bvi-body .widget-post{
    height: 440px;
}

.bvi-body .widget-post h2 {
    height: auto;
}

.bvi-body .widget-post > p{
    height: auto;
}

.bvi-panel-open, .bvi-panel-close {
    display: block;
    position: absolute;
    padding: 10px;
    color: #000;
    top: 0;
}
.bvi-panel-open:hover {
        text-decoration: underline;
    }
a:hover,
a:focus{
    text-decoration:none;
}
a, button {
    outline:none !important;
}

.page-post-attr, .page-attr{
    display: none;
}

#clock-widget{
    position: fixed;
    bottom: 25px;
    transform: scale(0.8);
}

.site_button{
    color: #fff;
    background: #0C589C;
    padding: 10px 15px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border:none;
    box-shadow:none;
}
.site_button:hover,
.site_button:focus{
    background:#4F91CC;
    color:#fff;
}
/*------form-------*/
form{
    margin: 15px 0px;
    overflow: hidden;
}
form .light-platinum{
    padding: 10px 0px;
}
form label{
    font-size: 0.896em;
}
form input.form-control,
form select.form-control{
    height: 36px;
    border-radius: 0;
    line-height: 36px;
}
.missing {
    background-color: #FFEEEE !important;
    border: 1px solid #FF0000 !important;
    color: #FF9999 !important;
}
.fa-spin {
    -webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
}
.form-message {
    display: none;
}
/*------form-------*/

/*------modal-------*/
.modal-dialog{
    margin-top: 55px;
}
.modal-content > form{
    margin:0;
}
.modal-header{
    background:#0C589C;
    color:#fff;
}
/*------modal-------*/

header .top-block{
    background: #F5F5F5;
    height: 30px;
    border-top: 4px solid #0c589c;
}
header .top-block img{
    margin-top: -4px;
}

#logo-block{
    background: url('/themes/template/assets/img/src/header.png')no-repeat 50% 100%;
    background-size: cover;
    height: 440px;
}

/*logo start*/
#logo-block img{
    max-width: 100%;
    max-height: 100%;
}
#logo-block .text{
    font-family: 'Merriweather', serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    font-size: 15px;
    line-height: 25px;
    padding-top: 25px;
}
#logo-block .phone{
    color: #B2B2B2;
    font-size: 1.7em;
    font-weight: 300;
    padding-top: 15px;
}
#logo-block .phone span{
    color: #B30004;
    font-weight: 600;
}
#logo-block .phone small{
    display: inline-block;
    width: 37px;
    height: 37px;
    background: url('/themes/template/assets/img/src/icons.png');
    background-position: -1px -1px;
    position: relative;
    top: 7px;
}

#logo-block .address{
    color: #B2B2B2;
    font-size: 1.3em;
    font-weight: 300;
    padding-top: 15px;
}
#logo-block .address span{
    color: #B30004;
    font-weight: 600;
}
#logo-block .address small{
    display: inline-block;
    width: 37px;
    height: 37px;
    background: url('/themes/template/assets/img/src/icons.png');
    background-position: 128px -1px;
    position: relative;
    top: 7px;
}


/*logo end*/

/*menu start*/
#menu-block {
    margin-bottom:0;
    position:relative;
    background:#0C589C;
    height: 36px;
    min-height: 0px;
    border-radius: 0;
    border: none;
}
#menu-block a.navbar-brand{
    padding: 5px;
}
#menu-block a.navbar-brand > img{
    max-height:100%;
}
#menu-block.fixed-menu{
    position: fixed;
    z-index: 1800;
    top: 0;
    margin-top: 0;
    width: 100%;
}
#menu-block button.navbar-toggle{
    background: #fff;
}
#menu-block button.navbar-toggle > .icon-bar{
    background: #0C589C;
}
#navbar{
    text-align: center;
    height: 35px !important;
}
#navbar .navbar-nav{
    float: none;
    text-align: center;
    display: inline-block;
}
#navbar .navbar-nav > li{
    
}
#navbar .navbar-nav > li > a{
    color:#fff;
    padding: 0 15px;
    height: 35px;
    line-height: 33px;
}
#navbar .navbar-nav > li > a:hover,
#navbar .navbar-nav > li > a:focus,
#navbar .navbar-nav > li.active > a{
    background: #084379;
}
/*menu end*/

.photo-block{
    height:130px;
    background: url('/themes/template/assets/img/src/photos.png')no-repeat 50% 50%;
    background-size: cover;
}

/*slider start*/

#content-block{ 
    background:#fff url('/themes/template/assets/img/src/slider-back.png')no-repeat 50% 50%;
    background-size: cover;
    height: 403px;
}

#slider-block .glyphicon-chevron-left::before{
    content: "\f100";
    font-family: 'FontAwesome';
}
#slider-block .glyphicon-chevron-right::before{
    content: "\f101";
    font-family: 'FontAwesome';
}

#slider-block .carousel-indicators{
    margin-bottom: 0;
}
#slider-block .carousel-indicators li{
    width: 8px;
    height: 8px;
    background-color: rgba(12, 88, 156, 0.6);
    border: 1px solid rgba(12, 88, 156, 0.6);
    border-radius: 0;
}
#slider-block .carousel-indicators .active{
    background-color: #0C589C;
    border: 1px solid #0C589C;
    position: relative;
    bottom:1px;
}


#slider-block.carousel{
    
}
#slider-block .carousel-control{
    background: none;
    font-size: 3em;
}
#slider-block .carousel-control > span{
    position: absolute;
    left: 15px;
    color: #0C589C;
    font-size: 40px;
    text-shadow: none;
}
#slider-block .carousel-control:last-child > span{
    right:15px;
    left:auto;
}
#slider-block .carousel-caption{
    left: 0px;
    right: auto;
    text-align: left;
    padding-left: 50px;
    bottom: 0;
}
#slider-block .carousel-caption a{
    color:#fff;
}
#slider-block .carousel-caption h3{
    font-size: 45px;
}
#slider-block .carousel-caption p{
    font-size: 25px;
}
#slider-block .carousel-caption p > span{
    display:inline-block;
    padding:5px 15px;
    background:rgba(0,0,0,0.3);
}

#slider-block .carousel-inner > .item{
    text-align: center;
}
#slider-block .carousel-inner > .item > a > img, 
#slider-block .carousel-inner > .item > img{
    height: 403px;
    width: auto;
    display: inline-block;
}
/*slider end*/

.main_info_block{
    padding: 15px 0;
}
.main_info_block .text{
    display: block;
    padding: 5px;
    text-transform: uppercase;
    font-family: 'Merriweather', serif;
}
.main_info_block .phone{
    text-align: center;
    font-size: 20px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
}
.main_info_block .phone a{
    color: #B2B2B2;
}
.main_info_block .phone span{
    color: #B30004;
    font-weight: 600;
}
.main_info_block .address{
    text-align: center;
    font-size: 20px;
    color: #B2B2B2;
    padding-top: 10px;
}
.main_info_block .address span{
    color: #B30004;
    font-weight: 600;
}



/*about start*/
.words{
    border-bottom: 1px solid rgba(12, 88, 156, 0.3);
    padding: 30px 0 35px;
}


/*about end*/

/*certificates start*/
.certs{
    border-bottom: 1px solid rgba(12, 88, 156, 0.3);
    padding: 15px 0 35px;
}
#certificate{
    padding:15px;
}
#certificate h2{
    margin-bottom: 40px;
}
#certificate a{
    display: inline-block;
    height: 190px;
    line-height: 190px;
}
#certificate a > img{
    max-width: 100%;
    max-height: 170px;
    display: inline-block;
    width: auto;
}

.certs .owl-carousel .owl-dots.disabled, 
.certs .owl-carousel .owl-nav.disabled{
    display: block;
}
.certs .owl-carousel .owl-nav > div{
    color: #0C589C;
    font-size: 40px;
    position: absolute;
    top: 30%;
}
.certs .owl-carousel .owl-nav .owl-prev{
    right: calc(100% + 15px);
}
.certs .owl-carousel .owl-nav .owl-next{
    left: calc(100% + 15px);
}

.certs .owl-dot{
    width: 8px;
    height: 8px;
    background-color: rgba(12, 88, 156, 0.6);
    border: 1px solid rgba(12, 88, 156, 0.6);
    border-radius: 0;
    display: inline-block;
    margin:1px;
}
.certs .owl-dot.active{
    background-color: rgb(12, 88, 156);
    border: 1px solid rgb(12, 88, 156);
}
/*certificates end*/



/*news start*/
.news_blog{
    padding: 25px 0 35px;
}

.news_blog a {
    color: #000;
}

.widget-post{
    margin: 15px 0;
    text-align: center;
    height: 380px;
    overflow: hidden;
}
.widget-post:hover{
}
.widget-post h2{
    font-size: 1em;
    text-transform: uppercase;
    text-align: center;
    color: #1C62A2;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    max-width: 100%;
    padding: 5px;
    margin:0;
    font-weight: 400;
}
.widget-post > .widget-post-img{
    display: block;
    overflow: hidden;
    text-decoration: none;
    height: 170px;
    text-align: center;
    width: 100%;
    line-height: 170px;
}
.widget-post > .widget-post-img > img{
    max-width: 100%;
    max-height: 160px;
    display: inline-block;
}
.widget-post > .widget-post-img > img.img-thumbnail{
    background-color: #BBCEDF;
    border: none;
    border-radius: 0;
}
.widget-post > p{
    color: #6E6E70;
    font-size: 0.95em;
    height: 120px;
    overflow: hidden;
}
.widget-post > ul.widget-post-attr{
    list-style: none;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.widget-post > ul.widget-post-attr > li{
    display: inline-block;
    float: left;
    width: 50%;
    text-align: left;
    font-size: 0.85em;
}
.widget-post > ul.widget-post-attr > li:last-child{
    text-align:right;
}
.widget-post > ul.widget-post-attr > li > i{
    color: #0C589C;
}
.widget-post > ul.widget-post-attr > li > a {
    text-transform: lowercase;
    color: #000;
    text-decoration: underline;
}
.widget-post > ul.widget-post-attr > li > a > i{
    color: #0C589C;
}
/*news end*/

/*gallery start*/
.album-block-img{
    max-width: 100%;
    height: 250px;
    text-align: center;
    line-height:250px;
}
.album-block-img img{
    max-width: 100%;
    max-height: 100%;
}
.album-name{
    padding: 10px 0;
    height: 45px;
    margin-bottom: 25px;
}
.album-name a{
    color: #333;
    font-size: 1.2em;
}

.image-gallery{
    padding:30px 0;
    overflow: hidden;
}
.image-gallery li{
    width: 20%;
    float: left;
    height: 200px;
    overflow: hidden;
    padding: 5px;
}
.image-gallery .image{
    height: 180px;
    line-height: 200px;
    text-align: center;
}
.image-gallery .image img{
    max-width: 100%;
    max-height: 100%;
}
/*gallery end*/

/*footer*/
footer{
    padding:25px 0;
    background:#0C589C;
    color:#fff;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 105px;
}
footer p{
    text-align:center;
}
footer p > a{
    color:#fff;
}
footer .ra-company-data{
    font-size: 0.86em;
    font-weight: 300;
}
footer .name{
    font-family: 'Merriweather', serif;
    font-size: 15px;
}

.social-block{
    text-align: right;
}
.social{
    background: url('/themes/template/assets/img/src/soc-icons.png')no-repeat;
    background-position: -4px 1px;
    height: 50px;
    width: 50px;
    display: inline-block;
}
.social.gis{
    background-position: -61px 1px;
}
.social.ggl {
    background-position: -117px 0px;
}
/*footer end*/



/*-----contacts page-----*/
.ymaps-map{
    height:500px !important;
}
table#contacts{
    width:100%;
}
table#contacts td{
    width:50%;
}

.contact-info h2{
    font-size: 25px;
}
/*-----contacts page-----*/

/*-----type page-----*/
.page > .page-body{
    text-align: justify;
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 0;
    overflow: hidden;
}
ul.page-attr{
    list-style: none;
    width: 100%;
    overflow: hidden;
    margin: 10px 0;
    padding-left: 0;
}
ul.page-attr > li{
    display: inline-block;
    float: left;
    padding: 5px 0;
    width: 33.33%;
    text-align: center;
}
/*-----type page-----*/

/*------blog list-------*/
.post-block{
    border: 1px solid #e2e2e2;
    margin-bottom: 10px;
    padding: 15px;
}

.post-block a {
    color: #000;
}

.post-block a > h2{
    font-size: 1.7em;
    margin-top: 0;
    font-weight: 300;
}

.news-anons p{
    height: 120px;
}

.post-block-body{
    text-align: justify;
    overflow: hidden;
    height: 140px;
}
.post-block-body > img{
    float: left;
    margin: 0 10px 0 0;
    max-width: 200px;
    max-height: 140px;
}
ul.post-block-footer{
    width: 100%;
    overflow:hidden;
    padding:0;
}
ul.post-block-footer > li{
    display:inline-block;
    float:left;
    width:50%;
    padding: 5px 0;
}
ul.post-block-footer > li > i{
    color:#0C589C;
}
ul.post-block-footer > li > a{
    color:#000;
}
ul.post-block-footer > li > a > i{
    color:#0C589C;
}
/*------blog list-------*/

/*------blog--------*/
.page-post{
    padding-bottom: 25px;
}
.page-post .page-post-body{
    padding: 10px;
    overflow: hidden;
}
.page-post .page-post-body > p{
    margin: 0;
}
.page-post .page-post-body > p > a{}
.page-post .page-post-body > p > a > img{}
ul.page-post-attr{
    list-style: none;
    width: 100%;
    padding:0;
}
ul.page-post-attr > li{
    display: inline-block;
    float: left;
    width: 25%;
    text-align: center;
    padding: 5px 0;
}
ul.page-post-attr.has-link > li {
    width: 20%;
}
ul.page-post-attr > li > i{}
/*------blog--------*/

/*----------similar news-----------*/
.similar-post{
    height: 160px;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    padding: 10px;
    margin-bottom: 15px;
}
.similar-post:hover{
    background: rgba(206, 200, 200, 0.18);
}
.similar-post > img{
    max-width: 150px;
    max-height: 100px;
    float: left;
    margin: 0 5px 0 0;
}
.similar-post > h2{
    line-height: 20px;
    margin: 0 0 5px 0;
    height: 50px;
}
.similar-post > h2 > a{
    color:#696969;
    font-size: 0.7em;
}
.similar-post > p{
    text-align: justify;
    height: 80px;
}
/*----------similar news-----------*/

#contact-map{
    height: 510px;
}
#contact-map > iframe{
    height:500px;
    width: 100%;
}

/*----------modal----------*/
.modal-content{
    border-radius: 0;
}
/*----------modal----------*/


/*----------breadcrumbs----------*/
.breadcrumb {
    background-color: transparent;
    margin-top: 20px;
}
.breadcrumb > li {
    display: inline-block;
}
.breadcrumb > li > a {
    color: #0C589C;
}
.breadcrumb > .active {
    color: #777;
}
/*----------breadcrumbs----------*/

/*----------pagination----------*/
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover{
    color:#333;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover{
    background-color: #0C589C;
    border-color: #0C589C;
}
.pagination > li > a,
.pagination > li > span{
    color: #6B6565;
}
/*----------pagination----------*/

/*----------ScrollUp----------*/
#scrollToTop {
    position: fixed;
    bottom: 20px;
    right: 30px;
    font-size: 30px;
    color: #FFF;
    width: 45px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    z-index: 50;
    overflow: hidden;
    background: rgba(8, 67, 121, 0.5);
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
}
#scrollToTop:hover {
    background: #084379;
}
/*----------ScrollUp----------*/

#avega-soft {}
#avega-soft :hover {}

/*media q*/
@media only screen and (min-width: 1367px){}
@media only screen and (min-width: 1281px)and (max-width: 1366px){}
@media only screen and (min-width: 1171px)and (max-width: 1280px){}
@media only screen and (min-width: 992px)and (max-width: 1170px){
    
    #logo-block{
        height: 330px;
    }
    #logo-block > div > div > div img{
        max-width: 100%;
    }
    #logo-block .text {
        padding-left:0;
        padding-right:0;
        font-size: 12px;
        line-height: 20px;
    }
    #logo-block .phone small,
    #logo-block .address small{
        display: none;
    }
    #logo-block .address {
        font-size: 1em;
        padding-top: 5px;
    }
    #logo-block .phone {
        font-size: 1.2em;
        padding-top: 5px;
    }
    
    
    #navbar .navbar-nav > li > a{
        padding: 0 10px;
        font-size: 0.86em;
    }
    
    .photo-block{
        height: 80px;
    }
    
    /*slider start*/
    #content-block{
        height: 210px;
    }
    #slider-block .carousel-inner{
        height: 210px;
    }
    #slider-block .carousel-inner .item{
        text-align: center;
    }
    #slider-block .carousel-inner .item img{
        height: 210px;
        width: auto;
        display: inline-block;
    }
    /*slider end*/
    
    /*news start*/
    .widget-post{
        height: 400px;
    }
    .widget-post > ul.widget-post-attr > li{
        text-align: center !important;
        width: 100%;
    }
    /*news end*/

    /*footer start*/
    footer > div > div > div:nth-child(2) > div{
        font-size: 0.9em;
    }
    /*footer end*/
}
@media only screen and (min-width: 768px)and (max-width: 991px){
    body{
        margin-bottom:115px;
    }
    
    #logo-block{
        height: 330px;
    }
    #logo-block > div > div > div img{
        max-width: 100%;
    }
    #logo-block .text {
        padding-left:0;
        padding-right:0;
        font-size: 12px;
        line-height: 20px;
    }
    #logo-block .phone small,
    #logo-block .address small{
        display: none;
    }
    #logo-block .address {
        font-size: 1em;
        padding-top: 5px;
    }
    #logo-block .phone {
        font-size: 1.2em;
        padding-top: 5px;
    }
    
    
    #navbar .navbar-nav > li > a{
        padding: 0 10px;
        font-size: 0.86em;
    }
    
    .photo-block{
        height: 80px;
    }
    
    /*slider start*/
    #content-block{
        height: 210px;
    }
    
    #slider-block.carousel{
    }
    #slider-block .carousel-inner{
        height: 210px;
    }
    #slider-block .carousel-inner .item{
        text-align: center;
    }
    #slider-block .carousel-inner .item img{
        height: 210px;
        width: auto;
        display: inline-block;
    }
    #slider-block .carousel-caption h3{
        font-size: 30px;
    }
    #slider-block .carousel-caption p{
        font-size: 20px;
    }
    /*slider end*/

    .widget-post{
        border: 1px solid #e2e2e2;
        padding: 10px;
        height: 400px;
    }
    
    .certs .owl-carousel .owl-nav .owl-prev{
        right: auto;
        left:0;
    }
    .certs .owl-carousel .owl-nav .owl-next{
        left: auto;
        right:0;
    }
    
    /*footer*/
    footer{
        height: 115px;
    }
    footer > div > div > div:nth-child(2) > div{
        font-size: 0.9em;
    }
    /*footer end*/

    /*-------blog list--------*/
    .post-block-body{
        height:auto;
    }
    /*-------blog list--------*/

    /*blog*/
    ul.page-post-attr.has-link > li{
        width:33%;
    }
    /*blog*/

    /*----------similar news-----------*/
    .similar-post{
        height: 230px;
        margin-bottom: 10px;
    }
    .similar-post > h2{
        line-height: 20px;
    }
    .similar-post > h2 > a{
        font-size: 0.7em;
    }
    .similar-post > p{
        text-align: justify;
        height: 150px;
    }
    /*----------similar news-----------*/
    
    /*------gallery------*/
    .image-gallery li{
        width: 25%;
    }
    .image-gallery .image{
        height: 190px;
        line-height: 187px;
    }
    .image-gallery .image img{
        max-height: 190px;
    }
    /*------gallery------*/
}
@media only screen and (min-width: 481px)and (max-width: 767px){
    body{
        margin-bottom:auto;
    }
    
    
    .bvi-panel-open, .bvi-panel-close {
        position: relative;
    } 
    
    .bvi-panel {
        position: relative !important;
    }      
    
    
    .saber{
        background:none;
    }
    
    .caption{
        font-size: 25px;
    }
    
    /*nav start*/
    #navbar .dropdown-menu > li > a{
        white-space: normal;
        color: #fff;
    }
    #navbar .dropdown-menu > li > a:hover,
    #navbar .dropdown-menu > li > a:focus{
        color:#000;
    }
    header .top-block{
        display: none;
    }
    
    #menu-block{
        height: auto;
    }
    #navbar{
        height: auto !important;
    }
    #navbar .navbar-nav > li > a{
        height: auto;
        padding: 10px;
        line-height: 18px;
    }
    #logo-block{
        display:none;
    }
    /*nav end*/
   
    /*content*/
    .photo-block{
        height: 75px;
    }
    
    #content-block{
        display: none;       
    }
    
    .page-block > .page-body{
        text-align: center;
    }
    .page-block > .page-body img{
        max-width:100%;
        width: auto !important;
        float:none !important;
        display: inline-block;

    }
    
    .certs .owl-nav{
        display: none;
    }
    /*content*/

    /*about start*/
    #about-com-block h1{
        font-size: 1.4em;
    }
    #about-com-block p{
        margin-bottom: 15px;
        font-size: 1.1em;
    }
    /*about end*/


    /*news start*/
    .news > h2{
        line-height: 35px;
    }
    #news-block .news-block > .text-block > h2{
        display: inline-block;
        width: 100%;
        padding: 15px 0;
    }
    
    .page > .page-body img{
        float: none !important;
        max-width: 100%;
        width: auto !important;
        height: auto !important;
        display: block;
        margin: 0 auto !important;
    }
    /*news end*/

    /*footer start*/
    footer{
        position: relative;
        text-align: center;
        height:auto;
    }
    .social-block {
        text-align: center;
    }
    /*footer end*/

    /*-----content page-----*/
    table#contacts td {
        width: 100%;
        display: inline-block;
    }
    /*-----content page-----*/

    /*-----type page-----*/
    ul.page-attr > li{
        width: 100%;
    }
    /*-----type page-----*/

    /*-------blog list--------*/
    .post-block-body{
        height:auto;
    }
    /*-------blog list--------*/

    /*------blog--------*/
    ul.page-post-attr > li{
        width:50%;
    }
    .page-post .page-post-body > p > a > img {
        max-width: 100%;
        width: auto !important;
        height: auto !important;
    }
    /*
    /*------blog--------*/

    /*-----gallery-----*/
    .image-gallery li{
        width: 50%;
        height: 200px;
    }
    .image-gallery .image {
        height: 190px;
        line-height: 185px;
    }
    .image-gallery .image img {
        max-height: 190px;
    }
    /*-----gallery-----*/
    
    /*----------similar news-----------*/
    .similar-post{
        height: 180px;
        margin-bottom: 10px;
    }
    .similar-post > h2{
        line-height: 20px;
        margin: 0 0 5px 0;
        height: 50px;
    }
    .similar-post > h2 > a{
        font-size: 0.5em;
    }
    .similar-post > p{
        text-align: justify;
        height: 100px;
    }
    /*----------similar news-----------*/


}
@media only screen and (min-width: 361px)and (max-width: 480px){
    body{
        margin-bottom:auto;
    }
    
    
    .bvi-panel-open, .bvi-panel-close {
        position: relative;
    }    
    
    .bvi-panel {
        position: relative !important;
    }      
    
    .saber{
        background:none;
    }
    
    .caption{
        font-size: 25px;
    }
    
    /*nav start*/
    #navbar .dropdown-menu > li > a{
        white-space: normal;
        color: #fff;
    }
    #navbar .dropdown-menu > li > a:hover,
    #navbar .dropdown-menu > li > a:focus{
        color:#000;
    }
    header .top-block{
        display: none;
    }
    
    #menu-block{
        height: auto;
    }
    #navbar{
        height: auto !important;
    }
    #navbar .navbar-nav > li > a{
        height: auto;
        padding: 10px;
        line-height: 18px;
    }
    #logo-block{
        display:none;
    }
    /*nav end*/
   
    /*content*/
    .photo-block{
        height: 75px;
    }
    
    #content-block{
        display: none;       
    }
    
    .page-block > .page-body{
        text-align: center;
    }
    .page-block > .page-body img{
        max-width:100%;
        width: auto !important;
        float:none !important;
        display: inline-block;

    }
    
    
    .certs .owl-nav{
        display: none;
    }
    /*content*/
    
    /*about start*/
    #about-com-block h1{
        font-size: 1.4em;
    }
    #about-com-block p{
        margin-bottom: 15px;
    }
    /*about end*/

   

    /*news start*/
    .widget-post{
        border-bottom: 1px solid #e2e2e2;
    }
    .news_blog > div > div > div:last-child .widget-post{
        border:none;
    }
    
    .page > .page-body img{
        float: none !important;
        max-width: 100%;
        width: auto !important;
        height: auto !important;
        display: block;
        margin: 0 auto !important;
    }
    /*news end*/

    /*-----gallery-----*/
    .image-gallery li{
        width: 100%;
        height: auto;
    }
    .image-gallery .image {
        height: auto;
        line-height: 1;
    }
    /*-----gallery-----*/
    
    /*footer start*/
    footer{
        position: relative;
        text-align: center;
        height:auto;
    }
    .social-block {
        text-align: center;
    }
    /*footer end*/

    /*-----content page-----*/
    table#contacts td {
        width: 100%;
        display: inline-block;
    }
    /*-----content page-----*/

    /*-----type page-----*/
    ul.page-attr > li{
        width: 100%;
    }
    /*-----type page-----*/

    /*-------blog list--------*/
    .post-block-body{
        height:auto;
    }
    
    .news-anons p {
        height: 180px;
    }
    /*-------blog list--------*/

    /*------blog--------*/
    ul.page-post-attr.has-link > li{
        width:100%;
    }
    .page-post .page-post-body > p > a > img {
        max-width: 100%;
        width: auto !important;
        height: auto !important;
    }
    /*
    /*------blog--------*/

    /*----------similar news-----------*/
    .similar-post{
        height: 210px;
        margin-bottom: 10px;
    }
    .similar-post > h2{
        line-height: 20px;
        margin: 0 0 5px 0;
        height: 50px;
    }
    .similar-post > h2 > a{
        font-size: 0.5em;
    }
    .similar-post > p{
        text-align: justify;
        height: 130px;
    }
    /*----------similar news-----------*/
    
    .contact-info h2{
        margin-top: 0;
    }
}
@media only screen and (max-width: 360px){
    body{
        margin-bottom: auto;
    }
    
    .bvi-panel-open, .bvi-panel-close {
        position: relative;
    }    
    
    .bvi-panel {
        position: relative !important;
    }      
    
    .saber{
        background:none;
    }
    
    .caption{
        font-size: 25px;
    }
    
    /*nav start*/
    #navbar .navbar-nav{
        width: 100%;
    }
    
    #navbar .dropdown-menu > li > a{
        white-space: normal;
        color: #fff;
    }
    #navbar .dropdown-menu > li > a:hover,
    #navbar .dropdown-menu > li > a:focus{
        color:#000;
    }
    
    header .top-block{
        display: none;
    }
    
    #menu-block{
        height: auto;
    }
    #navbar{
        height: auto !important;
    }
    #navbar .navbar-nav > li > a{
        height: auto;
        padding: 10px;
        line-height: 18px;
    }
    #logo-block{
        display:none;
    }
    /*nav end*/

    /*content*/
    .photo-block{
        height: 45px;
    }
    
    #content-block{
        display: none;       
    }
    
    .page-block > .page-body{
        text-align: center;
    }
    .page-block > .page-body img{
        max-width:100%;
        width: auto !important;
        float:none !important;
        display: inline-block;

    }
    /*content*/
    
    
    /*about start*/
    #about-com-block h1{
        font-size: 1.4em;
    }
    #about-com-block p{
        margin-bottom: 15px;
    }
    /*about end*/

    .certs .owl-nav{
        display: none;
    }
    
    /*news start*/
    .widget-post{
        border-bottom: 1px solid #e2e2e2;
    }
    .news_blog > div > div > div:last-child .widget-post{
        border:none;
    }
    
    .page > .page-body img{
        float: none !important;
        max-width: 100%;
        width: auto !important;
        height: auto !important;
        display: block;
        margin: 0 auto !important;
    }
    /*news end*/

    /*footer start*/
    footer{
        position: relative;
        text-align: center;
        height:auto;
    }
    footer .name{
        padding: 10px 0;
    }
    .social-block{
        text-align: center;
    }
    /*footer end*/

    /*-----content page-----*/
    table#contacts td {
        width: 100%;
        display: inline-block;
    }
    /*-----content page-----*/

    /*-----type page-----*/
    ul.page-attr > li{
        width: 100%;
    }
    /*-----type page-----*/

    /*-------blog list--------*/
    .post-block-body{
        height: auto;
        text-align: center;
    }
    .post-block > h2{
        font-size: 1.3em;
        line-height: 25px;
    }
    
    .post-block-body > img{
        float: none;
        max-width: 100%;
        max-height: 100%;
    }
    .news-anons p{
        margin-top: 5px;
    }
    ul.post-block-footer > li{
        font-size: 0.9em;
    }
    /*-------blog list--------*/

    /*------blog--------*/
    ul.page-post-attr.has-link > li{
        width:100%;
    }
    .page-post .page-post-body > p > a > img {
        max-width: 100%;
        width: auto !important;
        height: auto !important;
    }
    /*------blog--------*/
    
    /*-----gallery-----*/
    .image-gallery li{
        width: 100%;
        height: auto;
    }
    .image-gallery .image {
        height: auto;
        line-height: 1;
    }
    /*-----gallery-----*/

    /*----------similar news-----------*/
    .similar-post{
        height: 230px;
        margin-bottom: 10px;
    }
    .similar-post > h2{
        line-height: 20px;
        margin: 0 0 5px 0;
        height: 50px;
    }
    .similar-post > h2 > a{
        font-size: 0.5em;
    }
    .similar-post > p{
        text-align: justify;
        height: 150px;
    }
    /*----------similar news-----------*/

    .contact-info h2{
        margin-top: 0;
    }
}