-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcommon.min.css
1 lines (1 loc) · 5.85 KB
/
common.min.css
1
body{font-family:'Lato',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:21px;color:#2C3036}*,*::after,*::before{-webkit-box-sizing:border-box;box-sizing:border-box}ul{list-style:none;margin:0;padding:0}h1,h2,h3,p{margin:0}.container{max-width:1400px;margin:0 auto;padding:0 110px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.btn{display:inline-block;padding:11px 10px;width:100%;text-align:center;font-weight:700;font-size:15px;line-height:18px;color:#FFF;background-color:#008752;text-decoration:none;text-transform:uppercase;border:none;-webkit-transition:background-color 0.3s ease;-o-transition:background-color 0.3s ease;transition:background-color 0.3s ease}.btn:hover{background-color:#26CD8B}.btn:active{background-color:#005232}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-top:33px;padding-bottom:33px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-logo{margin-right:25px}.header-logo[href]:hover{opacity:.7;mix-blend-mode:multiply}.header-logo[href]:active{mix-blend-mode:multiply;opacity:.4}.header-phone{margin-right:24px;font-weight:800;font-size:17px;line-height:20px;color:#95459A;text-decoration:none}.header-phone:hover{opacity:.7}.header-btn-wrapper{width:181px}.main-nav{margin-right:auto}.menu-list{display:-webkit-box;display:-ms-flexbox;display:flex}.menu-item{margin-right:15px}.menu-item:last-child{margin-right:0}.menu-list .item-link{font-weight:700;font-size:17px;line-height:20px;color:#333;text-decoration:none}.menu-list .item-link:hover{color:#008752}.menu-list .item-link:active{color:#333}.footer{padding:50px 0;background-color:#00559D}.footer-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer-desc{font-weight:900;font-size:40px;line-height:52px;text-transform:capitalize;color:#FFF}.footer .social-links{display:-webkit-box;display:-ms-flexbox;display:flex}.footer .social-link{margin-left:16px}.social-link a{display:block}.social-link a:hover path{fill:#60A7E3}.social-link a:active path{fill:#17354F}.map{margin-top:80px;padding-top:40px;padding-bottom:133px;background-color:#eee;background-image:url(/image/section-map.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.map-wrapper{padding-top:50px;padding-left:44px;padding-right:44px;padding-bottom:26px;width:380px;background-color:#008752}.map-title{font-weight:900;font-size:30px;line-height:36px;color:#FFF}.map-desc{margin-top:17px;font-weight:400;font-size:15px;line-height:18px;color:#FFF}.map-phone{display:inline-block;vertical-align:middle;margin-top:17px;font-weight:700;font-size:15px;line-height:18px;color:#FFF;text-decoration:none}.map-btn-wrapper{width:181px;margin-top:20px}.map-btn{background-color:#95459A}.map-btn:hover{background-color:#D665DD}.map-btn:active{background-color:#722A77}.popup-contact{display:none;position:fixed;left:50%;top:167px;margin-left:-390px}.popup-contact-open{display:block}.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(149,69,154,.9)}.popup-overlay.show{display:block}.popup-contact-btn{position:absolute;top:15px;right:15px;width:15px;height:14px;background-image:url(/image/cross.svg);background-repeat:no-repeat;border:none;cursor:pointer}.popup-form{margin-left:auto;margin-right:auto;padding:50px 100px;width:780px;background-color:#EEE}.field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.field-gap{margin-top:20px}.label{font-weight:400;font-size:18px;line-height:22px;color:#6B6A6A;margin-bottom:6px}.field input{padding:0 20px;height:50px;background-color:#EEE;border:2px solid rgba(0,0,0,.5)}.field input:focus,.field input:hover{border:2px solid rgba(255,182,18,.5);outline:0}.field input:focus+.label,.field input:hover+.label{color:rgba(255,182,18,.5)}.field textarea{padding:12px 20px;background-color:#EEE;border:2px solid rgba(0,0,0,.5)}.form-top-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}.form-top-wrapper .field{width:280px}.form-top-wrapper .field:first-child{margin-right:20px}.form-fieldset-wrapper{margin-top:20px;margin-bottom:20px;padding:0;border:none}.payment-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:14px}.checkbox-label{position:relative;margin-right:33px;padding-left:28px;font-weight:400;font-size:18px;line-height:22px;color:#6B6A6A}.checkbox-label::before{content:'';position:absolute;left:0;top:0;width:21px;height:21px;background-color:#EEE;border:2px solid rgba(0,0,0,.5)}.checkbox-label::after{content:'';position:absolute;left:3px;top:3px;width:15px;height:15px;background-color:#95459A;opacity:0}.checkbox-input:checked+.checkbox-label::after{opacity:1}.checkbox-input:disabled+.checkbox-label{opacity:.5}.radio-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px}.radio-list__item{margin-right:33px}.radio-button-label{position:relative;padding-left:28px;font-weight:400;font-size:18px;line-height:22px;color:#6B6A6A}.radio-button-label::before{content:'';position:absolute;top:0;left:0;width:20px;height:20px;background:#FFF;border:2px solid rgba(0,0,0,.1);border-radius:50%}.radio-button-label::after{content:'';position:absolute;top:5px;left:5px;width:10px;height:10px;background:#95459A;border-radius:50%;opacity:0}.radio-input:checked+.radio-button-label::after{opacity:1}.form-btn-wrapper{margin-top:20px;width:181px}