Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save Mazday21/216da3cc5da1a55c85c3cad055dba935 to your computer and use it in GitHub Desktop.
Save Mazday21/216da3cc5da1a55c85c3cad055dba935 to your computer and use it in GitHub Desktop.
css
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap");html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::after,*::before{-webkit-box-sizing:inherit;box-sizing:inherit}body{font-family:"Montserrat", sans-serif;font-weight:400;background-color:#fff}button,button:active,button:focus{outline:none}.btn{color:#fff;text-decoration:none;font-style:normal;font-weight:normal;font-size:18px;line-height:22px;text-transform:uppercase;display:inline-block;width:210px;height:50px;background-color:#005890;border-radius:25px;text-align:center;padding-top:15px;-webkit-transition:all 0.3s;transition:all 0.3s}.btn:hover{background-color:#0780cd}.container{max-width:1470px;margin:0 auto;padding:0 15px}.header__topline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.header__topline .main-menu__items{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;list-style-type:none}.header__topline .main-menu__items-item{margin-right:30px}.header__topline .main-menu__items-item a{font-weight:600;font-size:18px;text-decoration:none;text-transform:uppercase;color:#005890;-webkit-transition:all 0.3s;transition:all 0.3s}.header__topline .main-menu__items-item a:hover{color:#0780cd;position:relative;padding-bottom:5px}.header__topline .main-menu__items-item a:hover:after{content:"";position:absolute;height:2px;width:100%;left:0;bottom:0;background-color:#0780cd}.header__topline .main-menu__items .active a{color:#005890;position:relative;padding-bottom:5px}.header__topline .main-menu__items .active a:after{content:"";position:absolute;height:2px;width:100%;left:0;bottom:0;background-color:#005890}.header__topline .main-menu__items-item:last-child{margin-right:0}.header__topline .lang-menu__items{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;list-style-type:none}.header__topline .lang-menu__items-item{margin-right:10px}.header__topline .lang-menu__items-item a{font-weight:600;font-size:18px;text-decoration:none;text-transform:uppercase;color:#005890;-webkit-transition:all 0.3s;transition:all 0.3s}.header__topline .lang-menu__items-item a:hover{color:#0780cd}.header__topline .lang-menu__items-item:last-child{margin-right:0}.header__topline .mobile-menu{display:none}.header__topline .menu-button{display:none}.banner{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0.6))),url(../images/banner_bg.jpg);background-image:linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)),url(../images/banner_bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;height:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner__items .company_name{color:#fff;text-transform:uppercase;font-style:normal;font-weight:500;font-size:24px;text-align:center}.banner__items .slogan{color:#fff;font-weight:800;font-size:64px;text-align:center;text-transform:uppercase;line-height:78px}.services{margin-top:100px;margin-bottom:70px}.services__header{font-style:normal;font-weight:bold;font-size:36px;line-height:44px;text-align:center;margin-bottom:70px}.services__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.services__items .services__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;width:100%;margin-right:15px}.services__items .services__item img{margin-right:10px;width:350px;height:350px}.services__items .services__item p{font-style:normal;font-weight:normal;font-size:16px;line-height:20px}.services__items .services__item:last-child{margin-right:0}.services .line{margin-top:50px;border-color:#005890}.about{background-color:#f6f6f8;padding:50px 0}.about__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.about__items .about__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:25px}.about__items .about__text .about__slogan{font-style:normal;font-weight:bold;font-size:36px;line-height:44px;padding:0;margin:0}.about__items .about__text .about__desc{font-style:normal;font-weight:normal;font-size:16px;line-height:26px}.about__items .about__image img{width:500px;border-radius:25px;-o-object-fit:cover;object-fit:cover}.works{padding:50px 0;position:relative}.works__bg{background-color:#0cf;min-height:400px;width:100%;position:absolute;left:0;top:0;z-index:-1}.works__topline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:50px}.works__topline h2{color:#fff;font-style:normal;font-weight:bold;font-size:36px;line-height:44px}.works__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.works__items--item{width:100%;text-align:center;padding:15px}.works__items--item .item--image{width:350px;height:350px;border-radius:25px;-o-object-fit:cover;object-fit:cover;margin-bottom:25px}.works__items--item h3{font-style:normal;font-weight:normal;font-size:16px;line-height:26px;text-align:center;margin-bottom:10px}.works__items--item h3 span{color:#005890}.works__items--item p{font-style:normal;font-weight:normal;font-size:16px;line-height:26px;text-align:justify;color:#999}.works .line{margin-top:50px;border-color:#005890}.news{background-color:#f6f6f8;padding:50px 0}.news h2{font-style:normal;font-weight:bold;font-size:36px;line-height:44px;text-align:center;margin-bottom:40px}.news__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:50px}.news__items--item{padding-right:20px}.news__items--item .news__image{width:100%;height:150px;-o-object-fit:cover;object-fit:cover;border-radius:15px}.news__items--item .news__date{margin:0;color:white;background-color:#005890;padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.news__items--item .news__date span{font-size:24px;margin:0 5px}.news__items--item .news__text{font-style:normal;font-weight:normal;font-size:16px;line-height:25px;margin:0;padding:15px;border:1px solid #999}.news__items--item .news__link{display:block;text-align:right;text-decoration:none;border:1px solid #999;border-top:none;padding:15px;color:#005890;-webkit-transition:all 0.3s;transition:all 0.3s}.news__items--item .news__link:hover{color:#0780cd}.news__items--item:last-child{padding-right:0}.news__btn{display:block;margin:0 auto}.advs{padding:50px 0}.advs__title{font-style:normal;font-weight:bold;font-size:36px;line-height:44px;text-align:center;margin-bottom:50px}.advs__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.advs__items--item{text-align:center;width:350px}.advs__items--item .advs__image{width:100px;height:100px}.advs__items--item .advs__header{margin:20px 0}.advs__items--item .advs__text{font-style:normal;font-weight:normal;font-size:18px;line-height:22px;text-align:center}.advs .line{margin-top:50px;border-color:#005890}.footer{background-color:#f6f6f8;padding:50px 0 30px 0}.footer__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer__items--item h3{font-style:normal;font-weight:600;font-size:18px;line-height:22px;margin-bottom:35px}.footer__items--item .contacts{list-style-type:none;color:#999}.footer__items--item .contacts li{margin-bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer__items--item .contacts img{margin-right:15px}.footer__items--item .contacts a{text-decoration:none;color:#999}.footer__items--item .links{color:#999;list-style-type:none}.footer__items--item .links li{margin-bottom:30px}.footer__items--item .links img{margin-right:15px}.footer__items--item .links a{text-decoration:none;color:#999}.footer .line{border-color:#005890}.footer .copyright{margin-top:30px;text-align:center;color:#999}.footer .copyright a{text-decoration:none;font-weight:bold;color:#999}.servicesdetail__items--item{padding:25px 0}.servicesdetail__items--item h2{text-align:center;font-style:normal;font-weight:500;font-size:36px;line-height:30px}.servicesdetail__items--item h2 span{color:#005890}.servicesdetail__items--item img{width:400px;height:400px;-o-object-fit:cover;object-fit:cover;border-radius:25px}.servicesdetail__items--item p{margin:0;padding:15px 0;font-style:normal;font-weight:normal;font-size:20px;line-height:30px;text-align:justify}.servicesdetail__items .left{background-color:#f6f6f8}.servicesdetail__items .left .item-text{padding-left:50px}.servicesdetail__items .right .item-text{padding-right:50px}.servicesdetail .line{margin:50px 0;border-color:#005890}.newsdetail__items h2{text-align:center;font-style:normal;font-weight:bold;font-size:36px;line-height:44px;background-color:#f6f6f8;margin:0;padding-top:25px}.newsdetail__items--item{padding:50px 0}.newsdetail__items--item .nd-date{background-color:#005890;color:white;padding:15px;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.newsdetail__items--item .nd-date span{font-size:24px;margin:0 5px}.newsdetail__items--item .nd-text{border:1px solid #999;padding:15px;margin:0;font-style:normal;font-weight:normal;font-size:16px;line-height:25px}.newsdetail__items--item .nd-link{display:block;text-decoration:none;text-align:right;border:1px solid #999;border-top:none;padding:15px;color:#005890;-webkit-transition:all 0.3s;transition:all 0.3s}.newsdetail__items--item .nd-link:hover{color:#0780cd}.newsdetail__items .left{background-color:#f6f6f8}.newsdetail .line{margin:50px 0;border-color:#005890}.aboutdetail__items{background-color:#f6f6f8;padding:25px 0;margin:0}.aboutdetail__items h2{text-align:center;font-style:normal;font-weight:bold;font-size:36px;line-height:44px;margin:0}.aboutdetail__items--item p{font-style:normal;font-weight:normal;font-size:16px;line-height:25px}.aboutdetail .cert-block{margin:50px 0}.aboutdetail .cert-block .cert-slider .img-slide{width:250px;-o-object-fit:cover;object-fit:cover;margin:auto}.aboutdetail .cert-block .cert-slider .slick-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:5;cursor:pointer;background-color:transparent;border:none}.aboutdetail .cert-block .cert-slider .slick-prev{left:0}.aboutdetail .cert-block .cert-slider .slick-next{right:0}.aboutdetail .line{margin:50px 0;border-color:#005890}.contactsdetail__items h2{text-align:center;font-style:normal;font-weight:bold;font-size:36px;line-height:44px;margin:0;background-color:#f6f6f8;padding-top:25px}.contactsdetail__items--item{background-color:#f6f6f8;padding:25px 0}.contactsdetail__items--item p{text-align:center}.contactsdetail__items--item .contact-form{margin:auto;max-width:800px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.contactsdetail__items--item .contact-form .cf-name,.contactsdetail__items--item .contact-form .cf-mail,.contactsdetail__items--item .contact-form .cf-phone,.contactsdetail__items--item .contact-form .cf-send{margin-bottom:15px;height:45px;border-radius:5px;padding:0 15px;border:1px solid #999}.contactsdetail__items--item .contact-form .cf-mes{margin-bottom:15px;border-radius:5px;padding:15px;border:1px solid #999}.contactsdetail__items--item .contact-form .cf-send{border:none;background-color:#005890;color:white;text-transform:uppercase}.contactsdetail .line{margin:50px 0;border-color:#005890}@media (max-width: 1250px){.news__items{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.news__items--item{margin:15px;padding:0}}@media (max-width: 1200px){.works__items--item .item--image{width:300px;height:300px}}@media (max-width: 1150px){.works__items--item .item--image{width:250px;height:250px}}@media (max-width: 1100px){.header__topline .main-menu__items-item a{font-size:16px}.header__topline .lang-menu__items-item a{font-size:16px}.works__topline h2{font-size:28px}}@media (max-width: 900px){.header__topline img{width:100px}.header__topline .main-menu__items-item{margin-right:15px}.header__topline .main-menu__items-item:last-child{margin-right:0}.header__topline .lang-menu__items-item{margin-right:5px}.header__topline .lang-menu__items-item:last-child{margin-right:0}.services .services__items{-ms-flex-wrap:wrap;flex-wrap:wrap}.about .about__items{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.about .about__items .about__text{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;padding:0;margin-bottom:25px}.about .about__items .about__text .about__slogan{font-size:28px;line-height:30px}.about .about__items .about__image{text-align:center}.about .about__items .about__image img{width:75%}.works__topline{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.works__topline h2{font-size:28px;line-height:30px}.works__items{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.works__items--item{height:100%}.works__items--item .item--image{width:600px;height:600px}.news h2{font-size:28px;line-height:30px}.advs h2{font-size:28px;line-height:30px}.servicesdetail__items--item h2{font-size:28px}.servicesdetail__items--item .inner-item img{width:300px;height:300px}.servicesdetail__items--item .inner-item .item-text{font-size:16px;line-height:20px;padding-left:25px}.servicesdetail__items--item .inner-item p{font-size:16px;line-height:20px;padding:10px 0}}@media (max-width: 800px){.header__topline .main-menu{display:none}.header__topline .lang-menu{display:none}.header__topline .menu-button{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;display:block;width:40px;height:40px;border-radius:3px;background-color:#005890;border:none;position:relative}.header__topline .menu-button::after{content:"";position:absolute;width:10px;height:2px;background-color:#fff;top:15px;left:15px;-webkit-box-shadow:0 4px 0 0 #fff, 0 8px 0 0 #fff;box-shadow:0 4px 0 0 #fff, 0 8px 0 0 #fff}.header__topline .mobile-menu{z-index:1;background-color:#f6f6f8;position:absolute;top:0;right:0;height:100vh;width:50%;font-weight:500;font-size:16px;line-height:30px;text-transform:uppercase}.header__topline .mobile-menu__items{list-style-type:none;text-align:center;padding:0;margin-top:150px}.header__topline .mobile-menu__items-item{margin-bottom:10px}.header__topline .mobile-menu__items-item a{text-decoration:none;color:#005890}.header__topline .mobile-menu-lang__items{margin-top:250px;list-style-type:none;padding-left:15px;position:absolute;right:25px;bottom:0}.header__topline .mobile-menu-lang__items-item{display:inline-block}.header__topline .mobile-menu-lang__items-item a{text-decoration:none;color:#005890}.header__topline .mobile-menu .close-btn{width:40px;height:40px;background-image:url(../images/close.svg);background-repeat:no-repeat;background-position:center;position:absolute;right:10px;top:10px;cursor:pointer}.header__topline .active{display:block}.banner .banner__items .company_name{font-size:20px}.banner .banner__items .slogan{font-size:40px;line-height:48px}.services{margin-top:50px}.services .services__header{font-size:28px;line-height:30px;margin-bottom:40px}.advs__items{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media (max-width: 650px){.works__items--item .item--image{width:400px;height:400px}.news{padding:20px 0 40px}.advs{padding:20px 0}.footer{padding:20px 0}.footer__items{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.footer__items--item{width:100%}.footer__items--item .contacts{padding:0;margin:0;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer__items--item .links{padding:0;margin:0}.servicesdetail__items--item{padding:15px 0}.servicesdetail__items--item h2{font-size:24px;line-height:24px}.servicesdetail__items--item .inner-item{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.servicesdetail__items--item .inner-item img{width:400px;height:400px}.servicesdetail__items--item .inner-item .item-text{padding:25px 0;font-size:14px}.servicesdetail__items--item .inner-item p{padding:5px 0;font-size:14px}.servicesdetail__items .right .inner-item{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (max-width: 450px){.works__items--item .item--image{width:200px;height:200px}.news__items--item .news__text{font-size:14px}.servicesdetail__items--item .inner-item img{width:250px;height:250px}}
/*# sourceMappingURL=style.min.css.map */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment