body,html{font-family:sans-serif;min-width:320px;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;color:#262626}*,:after,:before{box-sizing:inherit}h2{font-weight:500}.fr{float:right}.btn{border-radius:4px;color:#fff;text-align:center;padding:10px 25px;border:none;text-decoration:none;background:#262626;display:block}.btn:hover{background:#464646;transition:.3s;cursor:pointer}.tarc{text-align:right}.btn-header{border-radius:4px;color:#fff;width:250px;text-align:center;border:none;text-decoration:none;display:inline-block;margin:5px 0 5px 50%;transform:translateX(-50%);padding:14px 60px;background:#324b94}.btn-header:hover{transition:.3s;cursor:pointer}.tac{text-align:center}.tar{text-align:right}.clear{clear:both}.left{float:left;width:49%}.right{float:right;width:49%}.intext-img-left{float:left;width:49%;margin:0 15px 15px 0}.intext-img-right{float:right;width:49%;margin:0 0 15px 15px}.displayNone{display:none!important}.content-area{width:1000px;margin:auto}.top-alert{background:#262626;padding:10px;width:100%;display:inline-block;color:#fff}.top-alert p{margin:0;font-size:14px}#alertMessage{padding: 0 30px;border-radius: 7px;background: #d9edf7;color: #31708f;border: 1px solid #bce8f1;border-top: none;left: 50%;transform: translate(-50%);position: fixed;z-index: 100000;top: 50%;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}.logo-header{width:100%;padding:15px 0;display:inline-block}.header-social{width:30px;margin-right:20px}.header-social:hover{transition:.3s;cursor:pointer;opacity:.3}.nav-bar-background{background:#fff;border-top:1px solid #b3b3b3}.topnav{margin:auto}.container{display:inline-block;cursor:pointer}.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#fff;margin:6px 0;transition:.4s}.change .bar1{transform:rotate(-45deg) translate(-9px,6px)}.change .bar2{opacity:0}.change .bar3{transform:rotate(45deg) translate(-8px,-8px)}ul.topnav{overflow:hidden;list-style-type:none;margin:0;padding:0}ul.topnav li{float:left}ul.topnav li a{text-align:center;display:inline-block;min-width:75px;line-height:20px;color:#333;font-size:14px;padding:15px 43px;text-decoration:none;transition:color .3s ease;font-weight:700;border-bottom:4px solid transparent}.active-nav,ul.topnav li:hover{color:#0070ba;border-bottom:4px solid #0070ba;transition:.3s;cursor:pointer}.alignmentTwo{margin:auto;width:1100px}ul.topnav li.icon{display:none}@media screen and (max-width:1075px){.faq-section{width:100%}ul.topnav li:not(first-child){display:none}ul.topnav li.icon{float:right;display:inline-block}.alignmentTwo{background-color:#111;width:100%}ul.topnav li a{background-color:#111;color:#fff}ul.topnav.responsive{position:relative}ul.topnav.responsive li.icon{position:absolute;right:0;top:0}ul.topnav.responsive li{float:none;display:inline}ul.topnav.responsive li a{display:block;text-align:left}ul.topnav li a:hover,ul.topnav li.icon:hover{border-bottom:4px solid #111;color:gray}}.social-bar-container{width:170px}.nav-bar-hr{width:100%;border:1px solid #262626}.contact-hr{background:#e0dede80;margin-top:20px;display:inline-block;height:1.5px;width:100%}.banner-img-txt{color:#fff}.banner-image-container{background-image:url(images/conservatory-roofing.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;padding:100px 0}.yt-background-img{background-image:url(images/warm-conservatory.jpg)!important}.banner-form{background:#262626;height:100%;padding:20px}.thirds-section{float:left;width:330px;padding:0 25px 25px 25px}.thirds-section img{margin:auto;display:block;width:200px}.newsletter-section{background:#262626;padding:15px;width:100%;color:#fff;text-align:center;display:inline-block}.newsletter-section h3{margin:0;font-weight:500}.newsletter-form{width:600px;display:block;margin:auto}.newsletter-input{border:none;padding:10px 15px;border-radius:5px;width:79%;float:left}.newsletter-submit{float:right;width:19%}.newsletter-submit:hover{cursor:pointer;transition:.3s;background:#b6b4b4}#myImg{border-radius:5px;cursor:pointer;transition:.3s}#myImg:hover{opacity:.7}.modal{position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.9)}.modal-content{margin:auto;display:block;width:80%;max-width:700px}#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}#caption,.modal-content{animation-name:zoom;animation-duration:.6s}@-webkit-keyframes zoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.close:focus,.close:hover{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.modal-content{width:100%}}.inset-img{float:left;width:49%;margin:0 15px 15px 0}.youtube-banner{background-image:url(images/warm-conservatory.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;padding:50px 0;display:inline-block;width:100%;color:#fff}.youtube-video-wrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.youtube-video-wrapper-2{position:relative;padding-bottom:29%;padding-top:25px;height:0;float:left;width:50%}.youtube-btn{width:160px;margin:auto}.yt-720{width:720px;display:block;margin:auto}.youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;background:#000;margin:5px}.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;cursor:pointer;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.youtube-player img:hover{-webkit-filter:brightness(75%)}.youtube-player .play{height:72px;width:72px;left:50%;top:50%;margin-left:-36px;margin-top:-36px;position:absolute;background:url(//i.imgur.com/TxzC70f.png) no-repeat;cursor:pointer}.quote-input{border:2px solid #262626;padding:10px 15px;margin-bottom:15px;border-radius:5px;width:100%}.quote-btn{width:160px;margin:auto}.disabled_quote{background:#868585ba;pointer-events:none}#conservatoryMeasurements{display:none}#measurementsKnown:checked~#conservatoryMeasurements{display:block;transition:.4s}[type=radio]{position:absolute;opacity:0;width:0;height:0}[type=radio]+img{cursor:pointer}[type=radio]:checked+img{outline:2px solid #464646}.con-type img{width:100px;float:left;margin:0 10px 5px 0;height:75px}.reviews-banner{padding:30px 50px;display:inline-block;width:100%;color:#333}.reviews-banner-background{background-image:url(images/insulated-roofing.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;color:#fff!important}.review-thirds-outer{width:990px;margin:auto}.review-img{width:20px!important;display:inline!important}.stars-section{width:175px;margin:auto}.review-stars{width:20%;float:left}.review-stars img{width:20px;margin:auto;display:block}.reviews-btn{background:#fff;color:#6d665e;width:160px;display:block;margin:auto}.reviews-btn:hover{background:#b5b5b5!important}.get-quote-btn{background:#0070ba}.get-quote-btn:hover{background:#1e3065}.testimonials-btn{background:#fff;border:2px solid #0070ba;color:#0070ba}.testimonials-btn:hover{border-color:#1e3065;color:#1e3065}.faq-section{width:100%;margin:auto}.question{padding:10px 20px;font-size:20px;border:1px solid #dedede;border-radius:5px;background:#f5f5f5;color:#2c2d27}.question:hover{background:#e2e2e2;cursor:pointer;transition:.3s}.borderRadius{border-radius:5px 5px 0 0}.answer{padding:20px;border:1px solid #dedede;border-radius:0 0 5px 5px;font-size:18px}.profile-img{width:100px;float:left;margin:0 10px 10px 0}.contact-section{font-size:22px;background:#262626;padding:15px;width:100%;color:#fff;text-align:center;display:inline-block}.contact-banner-btn{background:#fff;color:#262626;width:175px;display:block;margin:auto}.contact-banner-btn:hover{background:#b5b5b5}.gallery-container{width:100%}.gallery-item{width:33%;float:left}.gallery-item img:hover{opacity:.4;transition:.3s;cursor:pointer}.gallery-item img{padding:10px;width:100%}.gallery-btn{width:160px;margin:auto}.gallery-txt h3{margin:0;padding:0 10px}.gallery-txt a{text-decoration:none;color:#000}.gallery-txt a:hover{cursor:pointer;transition:.3s;color:gray}.gallery-txt p{margin:10px 0;padding:0 10px}.footer-container{background-color:#292c2f;box-shadow:0 1px 1px 0 rgba(0,0,0,.12);box-sizing:border-box;width:100%;text-align:left;font:normal 16px sans-serif;padding:40px 20px}.footer-right a:hover{color:#0b5c82!important;transition:.3s}.footer-left{width:907px;margin:auto}.footer-container .footer-right{float:right;max-width:400px}.footer-container .footer-left p{color:#8f9296;font-size:14px;margin:0}.footer-container p.footer-links{font-size:15px;color:#fff}.footer-container p.footer-links a{display:inline-block;line-height:1.8;text-decoration:none;color:inherit}.footer-container .footer-right .footer-left{float:right;max-width:400px}.footer-container .footer-right a{display:inline-block;width:50px;font-size:20px;color:#fff;text-align:center}.footer-txt-links{margin:0 20px}.footer-txt-links:hover{color:#464646!important;transition:.3s}.site-tos{text-align:center}.site-tos a{color:#fff;padding:0 10px}.site-tos a:hover{color:#777;transition:.3s}.search-text{background-color:#1b1e21;box-sizing:border-box;width:100%;text-align:left;padding:20px}.input-search{width:319px;margin:0 auto;padding:10px 15px}.newsletter-btn{width:104px}.form{width:428px;margin:auto}.form p{text-align:center;color:#fff}.footer-newsletter-btn{width:104px;color:#fff;font-weight:500;font-size:18px;border:2px solid #262626;padding:12px;border-radius:4px;margin:5px auto;cursor:pointer;display:inline-block;transition:.3s;background:#262626}.footer-newsletter-btn:hover{background:#464646;border-color:#464646;transition:.3s;cursor:pointer}.contact-input{width:310px;margin:0 auto;color:#333;font-weight:500;font-size:18px;border-radius:5px;line-height:22px;background-color:#fff;border:2px solid #262626;transition:all .3s;padding:13px;margin-bottom:15px;box-sizing:border-box;outline:0}@media (max-width:800px){.footer-container .footer-left,.footer-container .footer-right{text-align:center;margin:auto}.footer-container .footer-right{float:none;margin:0 auto 20px}.footer-container .footer-left p.footer-links{line-height:1.8}.footer-left{width:100%}}@media (max-width:475px){.contact-input,.footer-newsletter-btn{width:100%}.form{width:95%;margin:auto}}#registerForm{width:305px;margin:auto}.input{width:305px;height:35px;margin:4px 0;padding:10px 15px;background-color:#fff;border:2px solid #262626;border-radius:5px;outline:0;transition:325ms all ease}.password{margin-top:-39px;display:none}input{box-shadow:none}.button{margin-top:-15px;display:none}.fake-button{margin-top:4px;text-align:center;cursor:pointer;float:left;display:block;margin-left:50%;transform:translateX(-50%)}.email{margin-left:calc(50% + -1px);transform:translateX(-50%);z-index:100;position:relative}.password-anim{animation:move-password-box .35s ease-in-out;animation-fill-mode:forwards;animation-delay:.3s;display:block;opacity:0;z-index:25}.button-anim{animation:move-button .25s ease-in-out;animation-fill-mode:forwards;animation-delay:.7s;display:block;opacity:0;z-index:20}.password-anim-reverse{animation:move-password-box-reverse .35s ease-in-out;animation-fill-mode:forwards}.button-anim-reverse{animation:move-button-reverse .25s ease-in-out;animation-fill-mode:forwards}.email-revert{animation:revert-email-box .4s ease-in-out;animation-fill-mode:forwards;animation-delay:.3s;background-color:#fff;border:0}.button{width:100%;height:35px;background-color:#262626;color:#fff;border:none;border-radius:4px;float:left;cursor:pointer;margin-top:10px}.button:hover{background-color:#464646;transition:.3s;cursor:pointer}@keyframes move-password-box{from{transform:translateY(0);opacity:1}to{transform:translateY(43px);opacity:1}}@keyframes move-button{from{transform:translateY(0);opacity:1}to{transform:translateY(43px);opacity:1}}@keyframes move-password-box-reverse{to{transform:translateY(0);opacity:0}99%{opacity:1}from{transform:translateY(43px);opacity:1}}@keyframes move-button-reverse{to{transform:translateY(-43px);opacity:0}20%{transform:translateY(-43px);opacity:0}99%{opacity:1}from{transform:translateY(43px);opacity:1}}@keyframes revert-email-box{0%{width:305px;background-color:#fff}100%{width:30px;opacity:0;border-radius:100px;background-color:#333}}.loadingCircle{position:absolute;background-color:#262626;border-radius:180px}#loadingCircles{display:none;position:absolute;width:30px;height:30px;top:4px;margin-left:50%;transform:translateX(-50%)}#loadingCircle1{width:30px;height:30px;background-color:#262626;border-radius:180px;opacity:.5;animation:loading-circle 1.5s;animation-iteration-count:infinite}#loadingCircle2{width:20px;height:20px;background-color:#262626;border-radius:180px;opacity:.3;top:5px;left:5px;animation-iteration-count:infinite;animation-delay:.75s}@keyframes loading-circle{0%{transform:scale(1)}50%{transform:scale(.66)}100%{transform:scale(1)}}@keyframes loading-circle2{0%{transform:scale(1)}50%{transform:scale(0)}100%{transform:scale(1)}}@media screen and (max-width:1100px){.review-thirds-outer{width:100%}.thirds-section{width:50%}#third_testimonial{width:100%!important}}@media screen and (max-width:1050px){.content-area{width:720px}}@media screen and (max-width:750px){.content-area{width:95%}.tarc{text-align:center}.left,.right{width:100%}.thirds-section{width:100%}.gallery-item{width:49%}.logo-padding{margin-left:50%;transform:translateX(-50%)}.youtube-video-wrapper-2{width:100%}}@media screen and (max-width:650px){.newsletter-form{width:100%}.inset-img{width:100%}}@media screen and (max-width:480px){.reviews-banner{padding:30px 20px}.gallery-item{width:100%}#newsletter_email,.newsletter-submit{width:100%;margin:0 0 15px 0}}.logo-padding{padding:15px 0}
.types-outer {
display: block;
background: white;
height: 182px;
padding: 15px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 1px 0 0 rgba(0, 0, 0, 0.04);
border-radius: 4px;
border: 2px solid black;
}
.quote-price-outer {
background: white;
color: black;
padding: 10px;
margin-top: 20px;
border-radius: 4px;
border: 2px solid black;
}
.quote-price-outer p {
margin-top: 0;
font-weight: 600;
display: inline;
margin-right: 25px;
}
.quote-price-outer span {
font-weight: bold;
font-size: 45px;
color: #0070ba;
}