article .prod{
    padding: 2rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
            align-items: center;
            background-image: url('/static/theme/img/bkg.webp');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
}
article .head{
    background-color: #0F4260;
    position: relative;
    padding: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
article .head h1{
    color: #ffffff;
    margin: 0;
    padding: 2rem;
    width: 100%;
    font-size: 1.714rem;
    line-height: 2.143rem;
}
aside {
    position: fixed;
    top: 50%;
    bottom: 50%;
    right: 0;
    margin-top: 0;
    box-shadow: 0 4px 4px 0 rgba(15, 66, 96, 0.05);
    z-index: 9;
    }
    aside a {
        padding: 1rem;
        background-color: #ffffff;
        float: left;
        margin: 0;
        align-items: center;
        justify-content: space-around;
        }
        aside a img {
            width: 2rem;
            height: 2rem;
            float: left;
            }
            aside:hover a img{
                animation-name:inpulsate;
                -webkit-animation-iteration-count: infinite;
   -moz-animation-iteration-count: infinite;
     -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 2.0s;
   -moz-animation-duration: 2.0s;
     -o-animation-duration: 2.0s;
        animation-duration: 2.0s;
}
aside a b{
    margin: 0 0 0 1rem;
    font-size: 1rem;
    line-height: 1rem;
    display: none;
}
aside a:hover b{
    display: inline-block;
}
#gallery{
    width: 40%;
    padding: 1rem;
}
#gallery a:hover{
    color: #269ADE;
}
#gallery .swiper-slide{
    cursor: pointer;
}
#gallery .thumbs .swiper-slide{
    border:1px solid rgba(15, 66, 96, 0.3);
    aspect-ratio: 16/15;
    overflow: hidden;
}
#gallery .thumbs .swiper-slide.swiper-slide-thumb-active{
    border:1px solid rgba(15, 66, 96, 1);
}
#gallery .swiper{
    margin-top: 1.5rem;
}
#gallery .swiper.screen img{
    aspect-ratio: 16/16;
}
#gallery .swiper-slide.swiper-slide-next, #gallery .swiper-slide.swiper-slide-prev{
    opacity: 0!important;
}
#review{
    width: 60%;
    padding-left: 6rem;
    padding-top: 0;
}
#cost{
    padding-top: 3rem;
}
#cost .buttons{
    margin-top: 3rem;
    border-top:1px solid rgba(15, 66, 96, 0.3);
    padding: 1rem 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
#cost .buttons a, #cost .buttons button{
    margin: 0 1rem 0 0;
}
#cost h4{
    margin-top: 2rem;
}
#alltext p, #alltext h1, #alltext h2, #alltext h3, #alltext h4, #alltext h5, #alltext h6{
    margin-left: 0!important;
}
#alltext{
    width: 100%;
    margin-top: 3rem;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
            padding: 2rem;
}
#alltext h2{
    margin-top: 3rem;
}
#allservices{
    padding: 5rem 2rem;
}
#allservices h3 {
    margin-bottom: 2rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#allservices h3 svg {
    vertical-align: middle;
    height: 1.714rem;
}
#allservices h3 svg{
    vertical-align: middle;
    height: 1.714rem;
}
#allservices h3 svg rect{
    height: 1.714rem;
    width: 1px;
    fill:rgba(15, 66, 96, 0.3);
}
#allservices h3 svg path{
    stroke: rgba(15, 66, 96, 0.3);
    height: 1.714rem;
}
#allservices .image{
    aspect-ratio: 16/11;
    width: 100%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    z-index: 1;
    position: relative;
}
#allservices h6{
    width: 100%;
    text-align: center;
    padding: 1rem;
    z-index: 1;
    position: relative;
}
#allservices .swiper{
    padding-bottom: 2rem;
}
#allservices .swiper-slide span {
    position: relative;
    float: left;
    padding: 5rem 0;
    width: 100%;
    margin-bottom: 0;
    cursor: pointer;
}
#allservices .swiper-slide span svg{
    fill: none;
    width: auto;
    height: 100%;
    position: absolute;
    display: none;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
}
#allservices .swiper-slide span:hover svg{
    display: block;
}
#allservices .swiper-slide span svg path{
    stroke:rgba(15, 66, 96, 0.3);
}
#allservices .swiper-button-next, #allservices .swiper-button-prev {
    top: initial;
    bottom: 0;
}
#order form{
    width: 80%;
    margin: auto;
}
@media screen and (max-width: 1400px){
    #allservices .swiper-slide span {
        padding: 3rem 0;
    }
    #allservices .swiper-slide span svg{
        bottom: auto;
        height: auto;
    }
}
@media screen and (max-width: 1200px){
    #gallery, #cost{
        width: 50%;
    }
    #cost{
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
           -moz-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    #review {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
           -moz-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        padding-left: 0;
    }
}
@media screen and (max-width: 800px){
    #gallery {
    width: 100%;
  }
  #cost {
    width: 100%;
    padding-left: 0;
  }
  #review .buttons a, #review .buttons button {
    margin: 0 0 1rem;
    width: 100%;
  }
  #cost .dop{
    display: none;
  }
  #order form{
    min-width: 90%;
}
}