@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
*{
    padding: 0px;
    outline: none;
}
body{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color:#05335c;
    background: url(../../image/body-bg.png) top center no-repeat;
    overflow-x: hidden;
}

@media (min-width: 1170px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1170px!important;
    }
}
a{
    transition: all 0.3s ease-in;
}
header{
    padding: 20px 0px;
    border-bottom: 1px solid #05335c;
}
header .header-logo{
    margin-right: 24px;
}

.header-inner{
    padding: 0px;
}
.header-info__item a,
.header-info__item{
    font-size: 17px;
    color:#05335c;
    text-decoration: none;
}
.header-info__item{
    display: flex;
    align-content: center;
    align-items: center;
    margin-right: 25px;
}

.header-info__item.timework{
    max-width: 170px;
}
.header-info__item.phone{
    max-width: 200px;
}
.header-info__item.phone{align-items: center;align-content: center;}
.header-info__item.phone a{
    width: 100%;display: inline-block;
}


.header-info__item .icon{
    width: 22px;
    height: 23px;
    flex: 0 0 22px;
    background-position: center!important;
    background-repeat: no-repeat!important;
    display: inline-block;
    margin-right: 9px;
}
.header-info__item.location .icon{
    background: url(../../image/icon-location.png);
}

.header-info__item.timework .icon{
    background: url(../../image/icon-timework.png);
}

.header-info__item.phone .icon{
    background: url(../../image/icon-phone.png);
}
.header-info .header-info__item:last-child{margin-right: 0px;}
.header-icons{
    display: flex;
    align-items: center;
    align-content: center;
    margin-left: 17px;
}
.header-icons a{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    width: 42px;
    height: 42px;
    border-radius: 90px;
    border: 2px solid #4888cd;
    margin-left: 8px;
}
.header-icons a svg{fill:#4888cd; transition: all 0.3s ease-in;}
.header-icons a:hover{
    background: #4888cd;
}
.header-icons a:hover svg{fill:#fff;}
.header-buttons a{
    color:#ffffff;
    font-size: 18px;
    padding: 17px 19px;
    border-radius: 5px;
    background: #4888cd;
    text-decoration: none;
    border: 2px solid transparent;
}
.header-buttons a:hover{
    border: 2px solid #4888cd;
    color:#4888cd;
    background: transparent;
}
.header-menu a{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    width: 40px;
    height: 40px;
    border-radius: 90px;
    border: 2px solid #4888cd;
    background: #4888cd;
    position: relative;
    z-index: 1;
}
.header-menu a .cls{
    display: none;
}
.header-menu a.open .opn{
    display: none;
}
.header-menu a.open .cls{
    display: block;
}
.header-buttons{margin: 0px 8px;}
.header-menu a:hover{
    border: 2px solid #4888cd;
    background: transparent;
}
.header-menu a svg{
    transition: all 0.3s ease-in;
}

.header-menu a:hover svg{
    fill:#4888cd;
}


.index-section-one{
    padding: 100px 0px;
    background: url(../../image/dvigatel-risynok.jpg) center no-repeat;
    background-size: cover;
}
.iso-title-two,
.iso-title-one{
    font-size: 62px;
    color:#ffffff;
    font-weight: bold;
    line-height: 80px;
    text-align: center;
}
.iso-title-two{
    color:#5b97d9;
}
.iso-text{
    color:#fff;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    margin-top: 26px;
}
.iso-button{
    text-align: center;
    margin-top: 35px;
}
.iso-button a{
    font-size: 19px;
    line-height: 20px;
    color:#fff;
    display: inline-block;
    padding: 14px 28px 14px 59px;
    background: url(../../image/icon-inst-section.png) left 28px center no-repeat #4888cd;
    border-radius: 5px;
    text-decoration: none;
    border: 2px solid transparent;
}
.iso-button a:hover{
    background: url(../../image/icon-inst-section-active.png) left 28px center no-repeat #fff;
    color:#4888cd;
}
.index-section-two{
    background: url(../../image/about-bg.png) top center no-repeat;
    padding: 100px 0px;
}
.page-title{
    font-size: 35px;
    font-weight: 500;
    text-transform: uppercase;
    color:#05335c;
    margin-bottom: 40px;
    line-height: 1;
}
.about-block-inner img{margin-left:40px;margin-top: -75px;}
.about-block-inner p{
    font-size: 20px;
    line-height: 25px;
    color:#05335c;
}
.about-block-inner a{
    font-size: 20px;
    line-height: 25px;
    color:#05335c;
}
.about-block-inner{padding: 0px;}


.index-section-three{
    background: url(../../image/services-bg.jpg) top center no-repeat;
    padding: 100px 0px 0px;
    background-size: cover;
}
.index-section-three .page-title{text-align: center;}
.services-list{padding: 0px 50px;display: flex;}
.services-list .services-item{width: 20%;border:1px solid #91a4b4;background: rgba(255,255,255,0.4);position: relative;-moz-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;}
.services-list .services-item a{position: absolute;left:0px;top:0px;width: 100%;height: 100%;}
.services-list .services-item .si-image{width: 100%;height: 210px;margin-top: 30px;margin-bottom: 40px;transition: all 0.3s ease-in;}
.services-list .services-item .si-title{margin-bottom: 30px;height: 52px;text-align: center;color:#05335c;font-size: 25px;line-height: 30px;-moz-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;}
.services-list .services-item.service-23 .si-image{background: url(../../image/services-1.png) center no-repeat;}
.services-list .services-item.service-28 .si-image{background: url(../../image/services-2.png) center no-repeat;}
.services-list .services-item.service-29 .si-image{background: url(../../image/services-3.png) center no-repeat;}
.services-list .services-item.service-30 .si-image{background: url(../../image/services-4.png) center no-repeat;}
.services-list .services-item.service-31 .si-image{background: url(../../image/services-5.png) center no-repeat;}

.services-list .services-item.service-23:hover .si-image{background: url(../../image/services-1-active.png) center no-repeat;}
.services-list .services-item.service-28:hover .si-image{background: url(../../image/services-2-active.png) center no-repeat;}
.services-list .services-item.service-29:hover .si-image{background: url(../../image/services-3-active.png) center no-repeat;}
.services-list .services-item.service-30:hover .si-image{background: url(../../image/services-4-active.png) center no-repeat;}
.services-list .services-item.service-31:hover .si-image{background: url(../../image/services-5-active.png) center no-repeat;}

.services-list .services-item:hover{background: #05335c;}
.services-list .services-item:hover .si-title{color:#fff;}


.index-section-three .index-section-pricelist{
    background: rgba(5,51,92,0.9);
    width: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    padding: 50px 0px;
    margin-top: 50px;
    justify-content: center;
    color:#fff;
    font-size: 25px;
}

.index-section-three .index-section-pricelist a{
    color:#fff;font-size: 19px;display: flex;
    align-content: center;
    align-items: center;
    padding: 7px 55px 7px 102px;
    background: url(../../image/icon-download.png) left 55px center no-repeat;
    text-decoration: none;
    text-align: center;
    border:2px solid #8299ac;
    border-radius: 5px;
    margin-left: 50px;
}


.index-services-pricelist{
    background: rgba(5,51,92,0.1);
    width: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    padding: 50px 0px;
    margin-top: 100px;
    justify-content: center;
    color:#05335c;
    font-size: 25px;
    margin-bottom: -40px;
}

.index-services-pricelist a{
    color:#fff;font-size: 19px;display: flex;
    align-content: center;
    align-items: center;
    padding: 7px 55px 7px 102px;
    background: url(../../image/icon-download.png) left 55px center no-repeat #05335c;
    text-decoration: none;
    text-align: center;
    border:2px solid #05335c;
    border-radius: 5px;
    margin-left: 50px;
}
.index-services-pricelist a:hover{ background: url(../../image/icon-download.png) left 55px center no-repeat rgba(5,51,92,0.8);}

.index-section-four{
    background: url(../../image/preim-bg.png) top center no-repeat;
    padding: 90px 0px;
}
.index-section-four .page-title{text-align: center;}
.preim-block{
    display: flex;
    list-style: none;
    padding: 0px;
    justify-content: space-between;
}
.preim-block li{width: 33%;text-align: center;}
.preim-block li .preim-block-title{font-size: 25px;color:#05335c;line-height: 20px;margin-top: 28px;margin-bottom: 28px;}
.preim-block li .preim-block-text{font-size: 20px;color:#4888cd;line-height: 25px;}


.index-section-five{
    background: url(../../image/priemka-bg.jpg) top center no-repeat;
    padding: 179px 0px;
    background-size: cover;
}

.priemka-text .pt-title{
    margin-bottom: 20px;
    font-size: 35px;color:#fff;font-weight: 500;line-height: 35px;text-shadow: 0px 0px 3px rgba(0,0,0,0.15);
}

.priemka-text .pt-text{
    font-size: 25px;color:#fff;line-height: 35px;text-shadow: 0px 0px 3px rgba(0,0,0,0.15);
}
.priemka-text{padding: 0px;}

.index-section-six{
    background: url(../../image/index-six-bg.png) top center no-repeat;
    background-size: cover;
    padding: 93px 0px;
    margin-bottom: -40px;
}
.index-section-six .page-title{text-align: center;}


.gallery-index-section{
    display: flex;padding: 0px 50px;
}

.gallery-index-section .gis-left,
.gallery-index-section .gis-right{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.gallery-index-section .gis-left a,
.gallery-index-section .gis-right a{
    width: 50%;
    display: flex;
    overflow: hidden;
    align-content: center;
    align-items: center;
}
.gallery-index-section .gis-left a img,
.gallery-index-section .gis-right a img{

    height: auto;
}
.gallery-index-section{
    padding: 0px;
}
.gis-center{
    position: relative;
}
.gallery-info{
    position: absolute;
    left:0px;
    top:0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.gallery-info .gi-row-1{
    color:#fff;
    font-size: 22px;
    line-height: 1;
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
}
.gallery-info .gi-row-2 img{margin-bottom: 25px;}
.gallery-info .gi-row-2 a{
    color:#fff;
    font-size: 22px;
    line-height: 1;
    text-decoration: none;
}
.gallery-info .gi-row-2{
    color:#fff;
    font-size: 22px;
    line-height: 1;
    width: 100%;
    text-align: center;
    margin-bottom: 55px;
}
.gallery-info .gi-row-3 a{
    display: inline-block;
    color: #fff;
    font-size: 19px;
    padding: 14px 53px;
    text-decoration: none;
    text-align: center;
    border: 2px solid #8299ac;
    border-radius: 5px;
}
.gallery-info .gi-row-3 a:hover{
    background: #fff;
    border-color: #fff;
    color:#05335c;
}

.faq-section{
    margin-top: 100px;
    padding: 0px;
}

.fsq-title{
    font-size: 22px;
    line-height: 50px;
    color:#4888cd;
    padding-left: 65px;
    background: url(../../image/icon-question-title.png) left center no-repeat;
}
.fsq-text{
    color:#05335c;font-size: 20px;line-height: 25px;
    margin-top: 20px;
}

.fs-question.pr{padding-right: 35px;}
.fs-question.pl{padding-left: 35px;}
footer{margin-top: 40px;}
footer .footer-top{
    background: url(../../image/footer-bg.png) top center no-repeat;
    padding: 48px 0px;
    background-size: cover;
}


.footer-menu ul{padding: 0px;list-style: none;text-align: center;}
.footer-menu ul li{
    display: inline-block;
    margin: 0px 5px;
}
.footer-menu ul a{font-size: 18px;line-height: 20px;color:#ffffff;text-transform: uppercase;text-decoration: none;}


.footer-contacts{
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}




.footer-info__item a,
.footer-info__item{
    font-size: 18px;
    color:#fff;
    text-decoration: none;
}
.footer-info__item{
    display: flex;
    align-content: center;
    align-items: center;
    margin-right: 25px;

}
.footer-info__item .icon{
    width: 22px;
    height: 23px;
    background-position: center!important;
    background-repeat: no-repeat!important;
    display: inline-block;
    margin-right: 9px;
}
.footer-info__item.location .icon{
    background: url(../../image/icon-location-footer.png);
}

.footer-info__item.timework .icon{
    background: url(../../image/icon-timework-footer.png);
}

.footer-info__item.phone .icon{
    background: url(../../image/icon-phone-footer.png);
}
.footer-info__item:last-child{margin-right: 0px;}





.footer-icons{
    display: flex;
    align-items: center;
    align-content: center;
    margin-left: 17px;
}
.footer-icons a{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    width: 42px;
    height: 42px;
    border-radius: 90px;
    border: 2px solid #fff;
    margin-left: 8px;
}
.footer-icons a svg{fill:#fff; transition: all 0.3s ease-in;}
.footer-icons a:hover{
    background: #fff;
}
.footer-icons a:hover svg{fill:#0a1c2e;}

.footer-bottom{
    background: #051422;
    padding: 20px 0px;
}
.footer-bottom,
.footer-bottom a{
    color:#fff;
    line-height: 19px;
    font-size: 19px;
    text-decoration: none;
}
.text-right{
    text-align: right;
}
.redline img{margin-left: 10px;height: 22px;}

.alignright{float:right;margin-left: 65px;}
.alignleft {float:left;margin-right: 65px;}
.entry-content h1{margin-bottom: 25px;}
.entry-content p{
    color:#05335c;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 15px;
}

.mt-first{margin-top: -65px;}

article{padding: 0px!important;}


.breadcrumb{margin: 30px 0px;}
.breadcrumb ul{padding: 0px;list-style: none;
    display: flex;}
.breadcrumb,
.breadcrumb a{color:#05335c;font-size: 25px;text-decoration: none;}

.breadcrumb li{margin-right: 7px;}

.cps-top{display: flex;justify-content: space-between;}
.cps-bottom{display: flex;justify-content: space-between;margin-bottom: 60px;}
.cps-top .cps-col{width: 33.33%;border:1px solid #05335c;padding-top: 105px;text-align: center;padding-bottom: 90px;}
.cps-top .cps-col:nth-child(2){border-left: 0px;border-right: 0px;}
.cps-bottom .info{width: 33.33%;border:1px solid #02204c;padding-top: 105px;text-align: center;border-top: 0px;padding-left: 30px;padding-bottom: 50px;padding-right: 30px;}
.cps-bottom .maps{width: calc(100% - 33.33%);border:1px solid #02204c;text-align: center;border-top: 0px;border-left: 0px;}
.contacts-page-section .phone .icon{background:url(../../image/icon-contacts-phone.png);}
.contacts-page-section .location .icon{background:url(../../image/icon-contacts-location.png);}
.contacts-page-section .timework .icon{background:url(../../image/icon-contacts-timework.png);}
.contacts-page-section .info .icon{background:url(../../image/icon-contacts-user.png);}

.contacts-page-section .icon{
    display: inline-block;
    width: 38px;
    height: 38px;
    background-repeat: no-repeat!important;
    background-position: center!important;
    margin-bottom: 27px;
}
.contacts-page-section .title{
    font-size: 23px!important;
    line-height: 30px!important;
    margin-bottom: 25px;
    color:#05335c;
}

.contacts-page-section .cps-row a{display: inline-block;margin-bottom: 15px;}
.contacts-page-section .cps-row a,
.contacts-page-section .cps-row{
    text-decoration: none;
    font-size: 18px;
    line-height: 25px;
    color:#000;
}








@-webkit-keyframes updown {
    0%, 50%, 100% {
        transform: translatey(0);
    }
    20% {
        transform: translatey(5px);
    }
    25% {
        transform: translatey(-20px);
    }
    30% {
        transform: translatey(20px);
    }
    35% {
        transform: translatey(-5px);
    }
}
@keyframes updown {
    0%, 50%, 100% {
        transform: translatey(0);
    }
    20% {
        transform: translatey(5px);
    }
    25% {
        transform: translatey(-20px);
    }
    30% {
        transform: translatey(20px);
    }
    35% {
        transform: translatey(-5px);
    }
}



.sidebar {padding: 130px 0px;
    height: 100vh;
    width: 30%;
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    transform: translatex(100%);
    transition: transform 0.4s ease-in-out;
}
.sidebar.open{
    transform: translatex(0%);
}
.sidebar.open .sidebar__menu a{
    transform: translatex(0%);
}
.sidebar__close::after {
    transform: rotate(90deg);
}
.sidebar__menu {
    display: flex;
    flex: 1;
    justify-content: center;
    font-size: 24px;
    color: #05335c;
    height: 100vh;
    overflow-y: auto;
    padding: 0px 30px;
    overflow-x: hidden;
}
.sidebar__menu ul{list-style: none;padding: 0px;width: 100%;}

.sidebar__menu ul li ul{display: none;padding-left: 20px;}

#services-menu{display: none;}
.sidebar__menu a.has-parent.open:before{
    transform: rotate(180deg);
}
.sidebar__menu a.has-parent:before
{
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M23.245 4l-11.245 14.374-11.219-14.374-.781.619 12 15.381 12-15.391-.755-.609z'/%3E%3C/svg%3E");
    position: absolute;
    width: 18px;
    height: 18px;
    right:0px;
    top:50%;
    margin-top: -9px;
    background-size: contain;
}
.sidebar__menu a {
    position: relative;
    color: #05335c;
    text-decoration: none;
    transform: translatex(80%);
    transition: transform 0.4s ease-in-out;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.sidebar__menu ul li a{
    padding-left: 20px;
    font-size: 18px;
    padding-right: 40px;
}
.sidebar__menu a:hover::before {
    transform: translatex(0);
    opacity: 1;
}
.sidebar__menu a:nth-child(1) {
    transition-delay: 0.05s;
}
.sidebar__menu a:nth-child(2) {
    transition-delay: 0.1s;
}
.sidebar__menu a:nth-child(3) {
    transition-delay: 0.15s;
}
.sidebar__menu a:nth-child(4) {
    transition-delay: 0.2s;
}
.sidebar__menu a:nth-child(5) {
    transition-delay: 0.25s;
}


body.open{
    overflow-y: hidden;
}
@media(max-width: 1170px){
    .header-info__item.location,
    .header-info__item.phone,
    .header-info__item.timework{max-width: 100%;width: 100%;text-align: left;justify-content: flex-start;margin-bottom: 10px;}
    .sidebar{width: 320px;}
    .container, .container-lg, .container-md, .container-sm{width: 100%;max-width:100%!important;padding: 0px 30px!important;}
    .header-info__item{margin-right: 5px;}
    .header-inner{flex-wrap: wrap;justify-content: center;}
    .services-list{padding: 0px 15px;}
    header .header-logo{width: 50%;margin: 0px;text-align: center;margin-bottom: 15px;}
    header .header-info{width: 50%;margin: 0px;flex-wrap: wrap;margin-bottom: 15px;}
    .header-info__item{width: 100%;justify-content: center;}
    .header-buttons,
    .header-icons{margin: 0px;text-align: center;width: 50%;justify-content: center;}
    .header-menu{position: fixed;top:10px;right:10px;z-index: 4;}
    .about-block-inner img{display: block;margin: 10px auto;float: none!important;}
    .page-text-default-style{text-align: left;}
    .services-list{flex-wrap: wrap;}
    .services-list .services-item{width: 100%;margin: 10px 0px;}
    .index-section-three .index-section-pricelist{flex-wrap: wrap;text-align: center;}
    .preim-block li{width: 100%;margin-bottom: 50px;}
    .preim-block{flex-wrap: wrap;}
    .gallery-index-section{flex-wrap: wrap;}
    .index-section-three .index-section-pricelist a{margin: 10px auto;}
    .gallery-index-section .gis-left a, .gallery-index-section .gis-right a{
        justify-content: center;
    }
    .gis-center,
    .gallery-index-section .gis-left, .gallery-index-section .gis-right{width: 100%;text-align: center;}
    .fs-question.pr,
    .fs-question.pl{padding: 0px;}
    .fs-question{margin: 15px 0px;}
    .footer-menu ul li{margin: 10px;}
    .index-section-five{padding: 30px 0px;}
    .fsq-title{display: flex;align-content: center;align-items: center;line-height: 1.2;min-height: 50px;}
    .footer-contacts{flex-wrap: wrap;justify-content: center;}
    .footer-info__item{margin: 10px 0px;width: 100%;}
    .footer-icons{margin: 10px 0px;width: 100%;text-align: center;
        justify-content: center;}
    .footer-icons a{margin: 0px 10px;}
    .alignleft,
    .mt-first{margin: 10px auto;display: inline-block;float: none;}

    .contacts-page-section .cps-col{width: 100%;word-break: break-word;}
    .cps-bottom,
    .cps-top{flex-wrap: wrap;}
    .cps-top .cps-col:nth-child(2){border-left: 1px solid #02204c;border-right: 1px solid #02204c;border-top: 0px;border-bottom: 0px;}
    .cps-bottom .maps{min-height: 400px;border-left: 1px solid #02204c;}
    .index-services-pricelist{flex-wrap: wrap;text-align: center;padding: 50px 10px;}
    .index-services-pricelist a{margin: 10px auto;}
    .breadcrumb, .breadcrumb a{font-size: 14px;line-height: 1.5;}
    .header-icons a{margin: 0px 5px;}
    .page-title{font-size: 30px;margin-bottom: 30px;}

}
@media(max-width: 580px){
    .redline{margin-top: 15px;}
    .header-buttons, .header-icons,
    header .header-info,
    header .header-logo{width: 100%;}
    .header-buttons{display: flex;justify-content: center;margin-top: 15px;}
}
@media(max-width: 992px){
    .iso-title-two, .iso-title-one{font-size: 32px;line-height: 1.5;}
    .iso-text{font-size: 18px;line-height: 1.5;}
}
.btn-primary {
    color: #fff;
    background-color: #4888cd;
    border-color: #4888cd;
}
.btn-primary:hover,
.btn-primary:focus{
    color: #4888cd;
    background-color: #fff;
}

body > section > div > div > div > div > div.fsq-text {text-align: center !important;}
body > section.index-section-five {padding: 100px 0px !important;}
body > section:nth-child(16) {padding: 50px 0px !important;}
body > section:nth-child(15),body > section:nth-child(17) {padding: 50px 0px !important;}


.servis-price {margin-bottom: 40px;margin-top: 50px;}
.servis-zakazat {padding: 20px 55px 20px 102px !important;}

.priznaki-neispravnosti {padding: 0px 0px 90px 0px;}
.img-chlifovanie {padding: 10px 20px;}

#services-menu > a {padding-left: 20px;font-size: 18px;padding-right: 40px;}

@media(max-width: 1170px){
	img.img-o-nas {height: 300px;}
	img.img-inst {height: 375px;}
	.gallery-info .gi-row-1 {font-size: 20px;}
	img.img-chlifovanie {max-width: 100%;padding: 10px 10px;}
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.icon-100px {width: 100px;}

.column-img {
    float: left;
    width: 25%;
    padding: 10px;
}

/* Style the images inside the grid */
.column-img img {
    opacity: 0.8; 
    cursor: pointer; 
}

.column-img img:hover {
    opacity: 1;
}

/* Clear floats after the columns */
.row-img:after {
    content: "";
    display: table;
    clear: both;
}

/* The expanding image container */
.container-img {
    position: relative;
    display: none;
}

/* Expanding image text */
#imgtext {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #000;
    font-size: 20px;
}

/* Closable button inside the expanded image */
.closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #000;
    font-size: 35px;
    cursor: pointer;
}

div.container-img {text-align:center;}