/*! We Are Duo main.css */ /* p.social-feed-text{margin-top:25px;color:#ebebeb;text-align:left;font-size:1em}.social-feed-element{color:#8a8a8a;text-align:left;font-size:1.6em}.social-feed-element a{color:#8a8a8a;margin-right:5px}.social-feed-element a:hover{color:#56a4c9}.social-feed-links{width:100%;margin-top:35px;margin-bottom:0px;border-bottom:1px solid #56a4c9;display:inline-block;padding-bottom:20px}.social-feed-element img:hover{opacity:0.7}.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent;height:300px}.slick-list{width:90%;margin:0 auto;position:relative;overflow:hidden;display:block;padding:0}.slick-list:focus{outline:none}.slick-loading .slick-list{background:#fff url("ajax-loader.gif") center center no-repeat}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block;zoom:1}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{text-align:center;float:left;height:300px;min-height:1px;display:none}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:inline-block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}@font-face{font-family:"slick";src:url("fonts/slick.eot");src:url("fonts/slick.eot?#iefix") format("embedded-opentype"),url("fonts/slick.woff") format("woff"),url("fonts/slick.ttf") format("truetype"),url("fonts/slick.svg#slick") format("svg");font-weight:normal;font-style:normal}.rangeCarousel .slick-prev,.rangeCarousel .slick-next{position:absolute;display:block;height:300px;width:5%;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;top:0;margin-top:0;padding:0;border:none;outline:none}.rangeCarousel .slick-prev:focus,.rangeCarousel .slick-next:focus{outline:none}.rangeCarousel .slick-prev.slick-disabled:before,.rangeCarousel .slick-next.slick-disabled:before{opacity:0.25}.rangeCarousel .slick-prev:before,.rangeCarousel .slick-next:before{font-family:"FontAwesome";font-size:20px;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#53a2c8}.rangeCarousel .slick-prev{left:0}.rangeCarousel .slick-prev:before{content:'\f053'}.rangeCarousel .slick-next{right:0}.rangeCarousel .slick-next:before{content:'\f054'}.slick-slider{margin-top:4em}.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0px;width:100%}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0px 5px;padding:0px;cursor:pointer}.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}.slick-dots li button:focus{outline:none}.slick-dots li button:before{position:absolute;top:0;left:0;content:"\2022";width:20px;height:20px;font-family:"slick";font-size:6px;line-height:20px;text-align:center;color:black;opacity:0.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:0.75}@media only screen and (max-width: 568px){.rangeCarousel .slick-prev,.rangeCarousel .slick-next{width:10%}.slick-list{width:80%}}body{font-family:"proxima-nova";font-size:62.5%}h1,h2,h3,h4,h5{font-family:"proxima-nova"}h1{font-size:3.6em;line-height:1.2;margin-bottom:0.3em;color:#0b6295}h2{font-size:3em;font-weight:800;color:#56a4c9;text-transform:uppercase}h3{font-size:2.4em;color:#0b6295;margin-bottom:1em}h4{font-size:1.8em;color:#53a2c8}h5{font-weight:800;font-size:1.4em;font-family:"proxima-nova";margin-bottom:0.5em}h6{font-weight:800;font-size:1.2em;font-family:"proxima-nova";margin-bottom:0.5em}.subheading{color:#7e7e7e;font-size:3em;font-weight:300;line-height:1.5}.subheadinglarge{font-family:"proxima-nova";color:#7e7e7e;font-size:4em;font-weight:300;line-height:1}p{font-size:1.6em;margin-bottom:0.5em;line-height:1.6em;font-weight:400;color:#555}.title p{font-size:5.5em;color:#363636;font-weight:900;line-height:0.85em;margin-top:40px;margin-bottom:0px;background:#ebebeb;padding:10px 0}a{text-decoration:none;color:#0b6295}a:hover{color:#1987C7}.blog-entry li{position:relative;font-size:1.6em;color:#555}.blog-entry li p{position:relative;font-size:1em}.content ul{margin-left:40px}.content ul li{list-style-type:disc;margin-bottom:0.5em;line-height:1.8em;font-weight:400;color:#555}.ticks,.ticks li,.arrows,.arrows li,.carets,.carets li{list-style:none !important;padding-left:20px}.ticks li:before,.arrows li:before,.carets li:before{font-family:FontAwesome;margin-top:-6px;color:#0E6294;padding-right:20px;position:relative;display:inline-block}.standard{padding-left:40px}.standard li{list-style-type:disc}.ticks li:before{content:'\f00c'}.arrows li:before{content:'\f061'}.carets li:before{content:'\f0da'}*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-sizing:border-box}html,body{height:100%}body{background:#ebebeb}#siteWrap,#footer,.wrap{max-width:1400px;margin:0 auto}a img{border:none}img{max-width:100%;height:auto}.lightBlueBg{background-color:#53a2c8}.darkBlueBg{background-color:#0b6295}.whiteBg{background-color:#fff}.paleGreyBg{background-color:#f3f3f3}.midGreyBg{background-color:#f0f0f0}.greyBg{background-color:#f4f2f2}.darkGreyBg{background:#000;background:-moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(54,54,54,0.25) 65%, rgba(54,54,54,0.25) 65%, rgba(0,0,0,0.25) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(54,54,54,0.25) 65%, rgba(54,54,54,0.25) 65%, rgba(0,0,0,0.25) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(54,54,54,0.25) 65%, rgba(54,54,54,0.25) 65%, rgba(0,0,0,0.25) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 )}.white{color:#fff !important}.lightBlue{color:#53a2c8 !important}.darkBlue{color:#0b6295 !important}.paleGrey{color:#b0b0b0 !important}.lightGrey{color:#737373 !important}.darkGrey{color:#3b3b3b !important}.button-banner,.button-link{width:100%;max-width:310px;color:#56a4c9;background:transparent;position:relative;line-height:1;overflow:hidden;font-weight:500;font-size:1.6em;text-transform:uppercase;border:none;cursor:pointer;border:1px solid #56a4c9;margin-top:80px;display:inline-block}.button-banner:hover,.button-link:hover{color:#fff;background:#56a4c9}.button-banner-text{padding:1.2em 1.2em 0 1.2em;float:left}.button-banner .fa,.button-link .fa{max-width:50px;float:right;border-left:1px solid #56a4c9;height:100%;margin:0 auto;padding:1.2em}.button-banner:hover .button-banner .fa{border-left:1px solid #fff}.button{padding:1.5em;padding-right:20%;color:#fff;border-radius:3px;position:relative;line-height:1;overflow:hidden;font-weight:700;font-size:1.6em;text-transform:uppercase;border:none;cursor:pointer}.open{font-size:26em;color:#d9d9d9;font-weight:700;margin-bottom:0px;height:160px}.close{font-size:26em;color:#d9d9d9;font-weight:700;margin-top:-70px;height:160px;line-height:0;float:right;margin-right:20px}.rating{display:inline-block;width:100%;font-size:2em;color:#56a4c9;margin-top:20px}.auth p{color:#56a4c9;margin-top:10px;font-weight:600}.text{margin-left:75px}.unit .button{margin:2em 0}.button:hover{color:#fff !important}.button:before{content:'\f054';font-family:FontAwesome;font-size:1.2em;position:absolute;height:100%;width:20%;left:auto;right:0;top:0;bottom:0;line-height:3.5;text-align:center;z-index:2}.button:after{content:'';width:50%;height:200%;background:#2b7497;z-index:1;right:-35%;bottom:-50%;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(17deg);-moz-transform-origin:0 0;-moz-transform:rotate(17deg);-ms-transform-origin:0 0;-ms-transform:rotate(17deg);transform-origin:0 0;transform:rotate(17deg);position:absolute;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.button:hover:after{width:45%}.button.small{padding:1em;padding-right:5em;font-size:1.2em}.button.small:before{line-height:2.6}.button.small:hover:after{width:54%}.ccm-gallery tbody tr td img{padding:10px 10px 0 10px !important}#lightbox-container-image-box{height:auto !important;width:100% !important;max-width:60% !important}#lightbox-container-image-data-box{max-width:60% !important}.contact-form,.review-form{width:80%;margin:0 auto}.contact-form .unit,.review-form .unit{margin-bottom:30px}.mini-quote-form .unit{width:100%;margin-bottom:10px}.contact-form label,.mini-quote label,.review-form label{display:none}.contact-form .check{margin:30px auto;text-align:center}.review-form .check{margin:30px auto;text-align:left}.contact-form .check input,.review-form .check input{width:auto;display:inline;margin-right:10px}.contact-form .check label,.review-form .check label{display:inline;display:inline;font-weight:600;font-size:1.4em;color:#535353}.mini-quote-form{background:#f5f5f5;padding:30px;border-radius:3px;clear:both}button{border:none;display:block}section input,#sidebarRight input,section textarea,section select{background:transparent;border:3px solid #d7d7d7;border-radius:3px;padding:15px;color:#252525;width:100%;font-weight:400;font-size:1.6em;font-family:"proxima-nova"}section textarea{height:150px;font-family:"proxima-nova";font-weight:400}.textarea-center{margin:0 auto !important}.styled-select{width:100%;overflow:hidden;background:url(/themes/theme_windowmate//assets/img/selectBg.png) no-repeat right center}.styled-select select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:"proxima-nova"}section select option{color:#979797}.center{margin:0 auto}.left{float:left}.right{float:right}.noPaddingBtm{padding-bottom:0}.noPaddingTop{padding-top:0}.noPadding{padding:0}.borderBtm{border-bottom:1px solid #ebebeb}.marginBtm{margin-bottom:5% !important}.marginTop{margin-top:5% !important}.table{display:table;width:100%}.tableCell{display:table-cell;vertical-align:middle;position:relative}section{padding:6em 0;position:relative}section.narrow{padding:4em 0}section.social{background-color:#363636;display:inline-block;width:100%;margin-top:0px;padding:100px;top:0}#suppliers{background-color:#fff;padding:90px 0 50px 0;background-image:url(/assets/img/product-bg.png);background-repeat:no-repeat;background-position:22% 100px;display:inline-block;width:100%}.supplier{margin-top:70px;margin-bottom:40px;border-left:1px solid #56a4c9}.supplier:first-child{border-left:none}#products{padding:125px 0 50px 0;background:url(/assets/img/product-bg.png);background-repeat:no-repeat;background-position:0px 132px}.productBox{margin-bottom:1%;background:#56a4c9;overflow:hidden;display:block;margin-right:1%;-webkit-box-shadow:0px 0px 3px 5px rgba(0,0,0,0.075);-moz-box-shadow:0px 0px 3px 5px rgba(0,0,0,0.075);box-shadow:0px 0px 3px 5px rgba(0,0,0,0.075)}.productBox.fullThird{width:32.6666%}.productBox a{background:rgba(86,164,201,0.8);display:block;height:100%;top:0px;position:relative;z-index:999999;padding-top:30%;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.productBox a:hover{background:rgba(86,164,201,0.95);display:block;height:100%;top:0px;position:relative;z-index:999999;padding-top:30%}.productBox a h3{text-align:center;opacity:1 !important;color:#fff;text-transform:uppercase;border:1px solid #fff;max-width:310px;margin:0 auto;padding:15px 0;position:relative}.productBoxOverlay{position:absolute;width:33.333%;height:330px;background:#56a4c9;opacity:0.5;overflow:hidden}.fullWrapper{position:relative;margin-bottom:4em;}#sidebar{width:20%;height:100%;float:left;margin:5% 5% 0 0}#sidebarRight{width:20%;height:100%;float:right;margin:5% 5% 0 0}section.sideSection{width:75%;float:left;padding-top:5%;padding-right:5%}section.sideSection .wrap{padding-right:0}section.sideSection.left{padding-right:0;padding-left:5% !important}section.sideSection.left.blogPost{padding-right:5%;float:left !important}.sideSection.left .wrap{padding-right:10%;padding-left:0}.twoColumns{column-count:2;-moz-column-count:2;-webkit-column-count:2}.ccm-image-block{width:100%;height:auto;margin-bottom:20px}.blog-entry .ccm-image-block{max-width:none}.blogPost ul{margin:0;padding-left:15px}.blogPost ul li{list-style:square;margin-bottom:0.5em;line-height:1.6em;font-weight:400;color:#555}.mainImage .ccm-image-block{max-width:none}hr{border:none;height:1px;background:#ebebeb;margin:5% 0}.row{clear:both;width:100%}.unit{float:left}.half{width:48%;margin-right:4%}.half:nth-child(even){margin-right:0;float:right;clear:right}.fullHalf{width:50%}.third{width:30.3333%;margin-right:4%}.fullThird{width:33.3333%}.twoThirds{width:64.6666%;margin-right:5%}.threeQuarters{width:72%;margin-right:4%}.quarter{width:22%;margin-right:4%}.fullQuarter{width:25%}.last{margin-right:0}.wrap{position:relative}.title{width:50%}.title.center{text-align:center;margin:0 auto}.title.center p.subheading{font-size:2em}.pageBreadcrumb{float:right;width:50%;text-align:right;font-size:1.2em;line-height:45px}.pageBreadcrumb,.pageBreadcrumb a{font-weight:700;text-transform:uppercase;color:#c9c9c9}.pageBreadcrumb span{color:#53a2c8;padding:0 10px}#header ul li,#subHeader ul li{list-style:none;display:inline-block;position:relative}#header{border-bottom:1px solid #ebebeb;padding:30px 0;background:#fff}a#logo{float:left;max-width:300px}a#logo img{width:100%}#header ul{float:right;position:absolute;right:8px;top:50%;line-height:30px;margin-top:-15px}#header ul li{font-size:14px !important}#header ul li:after{content:'';position:absolute;left:0;top:-50%;margin-top:-10px;width:1px;height:250%;background-color:#eee;-webkit-transform:skewX(-17deg);-moz-transform:skewX(-17deg);-ms-transform:skewX(-17deg);-o-transform:skewX(-17deg);transform:skewX(-17deg)}#header ul li:first-child:after{display:none}#header ul li:last-child{margin-right:-2em !important}#header ul li ul{display:none}#header ul li a{cursor:pointer;font-weight:700;text-transform:uppercase;padding:0 2em}#header,#header a{color:#494949}#header ul li a.nav-path-selected,#header ul li ul.submenu li a.nav-path-selected{color:#53a2c8}#header ul li:hover a,#header ul li:hover:before{color:#53a2c8}#header ul li:hover>ul{display:block}#header ul li.nav-dropdown{margin-right:2em}#header ul li.nav-dropdown:before{font-family:FontAwesome;content:'\f078';font-size:1em;position:absolute;right:5px;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear}#header ul li.nav-dropdown.nav-path-selected:before{color:#53a2c8}#header ul li.nav-dropdown ul li:after{display:none !important}#header ul li ul.submenu{position:absolute;left:0;top:auto;background:#fff;z-index:999;min-width:250px;margin-top:0;box-shadow:4px 4px 8px rgba(0,0,0,0.06);-webkit-box-shadow:4px 4px 8px rgba(0,0,0,0.06);-moz-box-shadow:4px 4px 8px rgba(0,0,0,0.06)}#header ul li ul.submenu li{width:100%}#header ul li ul.submenu li.nav-dropdown:before{line-height:4;content:'\f105'}#header ul li ul.submenu li a{width:100%;display:block;padding:1em 3em;border-bottom:1px solid #efefef;font-weight:400;color:#494949;line-height:1.4}#header ul li ul.submenu li:last-child a{border-bottom:none}#header ul li ul.submenu li:hover:before{right:15px;color:#fff;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear}#header ul li ul.submenu li a:hover{color:#fff;background:#53a2c8;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear}#header ul li ul.submenu li ul.submenu{left:250px;top:0;padding-top:0}#header ul li ul.submenu li ul.submenu li ul.submenu{left:-250px;width:250px;background:#f9f9f9}.cut-left{background:#e1e1e1;float:left;padding:45px 20px 0 10px;display:inline-block;color:#fff;-webkit-transform:skewX(-17deg);-moz-transform:skewX(-17deg);-ms-transform:skewX(-17deg);-o-transform:skewX(-17deg);transform:skewX(-17deg);height:100%;z-index:9;position:absolute}.topNav{background:#e1e1e1;height:45px;text-transform:uppercase;margin-left:20px}#subHeader>*{color:#56a4c9;font-family:"proxima-nova"}#subHeader{height:45px}#subHeader ul{float:right;font-weight:400;font-size:16px !important}.bold{font-weight:700}#subHeader ul li:after{content:'';position:absolute;left:0;width:1px;height:100%;max-height:45px;background-color:#b2b2b2;-webkit-transform:skewX(-17deg);-moz-transform:skewX(-17deg);-ms-transform:skewX(-17deg);-o-transform:skewX(-17deg);transform:skewX(-17deg)}#subHeader ul li{font-size:16px !important;font-weight:300;line-height:0}#subHeader ul li a{color:#363636;padding:25px 3em;display:inline-block}#subHeader ul li a:hover{color:#3d8eb4}#subHeader ul li:last-child a{padding-right:0}#subHeader ul li:first-child:after{display:none}#subHeader .number{font-weight:700;font-size:14px;padding:15px 0;display:inline-block;padding-left:10px}.number span{color:#363636}#subHeader ul li.search:after{width:0;height:0;background:transparent}#subHeader ul li.search>span{background:#b2b2b2;height:45px;margin-right:-8px;padding:16px 20px;display:inline-block;cursor:pointer;color:#fff;-webkit-transform:skewX(-17deg);-moz-transform:skewX(-17deg);-ms-transform:skewX(-17deg);-o-transform:skewX(-17deg);transform:skewX(-17deg);border-right:1px solid #919191}#subHeader ul li.search>span:hover{background:#3d8eb4}#subHeader ul li.search>span .fa-search{-webkit-transform:skewX(17deg);-moz-transform:skewX(17deg);-ms-transform:skewX(17deg);-o-transform:skewX(17deg);transform:skewX(17deg)}form#searchform{display:none;position:absolute;width:400px;right:-6px;z-index:55;height:70px;padding:0 20px}form#searchform span{position:absolute;width:100%;height:100%;display:block;background:#3d8eb4;top:0;left:-15px;z-index:-1;-webkit-transform:skewX(-17deg);-moz-transform:skewX(-17deg);-ms-transform:skewX(-17deg);-o-transform:skewX(-17deg);transform:skewX(-17deg)}#searchform input[type="text"]{width:90%;height:100%;padding:10px 0;background:transparent;border:none;font-family:"proxima-nova";color:#fff;font-size:2em;font-weight:100}#searchform input[type="text"]:focus{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border:none;outline:none}#searchform input[type="submit"]{background:none;border:none;font-family:FontAwesome;font-size:1.5em;color:#fff;cursor:pointer}#searchform ::-webkit-input-placeholder{color:#266886;font-family:"proxima-nova";font-weight:100}#searchform :-moz-placeholder{color:#266886;font-family:"proxima-nova";font-weight:100}#searchform ::-moz-placeholder{color:#266886;font-family:"proxima-nova";font-weight:100}#searchform :-ms-input-placeholder{color:#266886;font-family:"proxima-nova";font-weight:100}#searchformMobile{margin-top:2em}#searchformMobile input[type="text"]{width:100%;font-size:2em;padding:15px 20px 15px 10px;border:3px solid #DBDBDB;border-radius:3px;position:relative}#searchformMobile input[type="submit"]{background:none;border:none;font-family:FontAwesome;font-size:2em;color:#0b6295;position:absolute;right:20px;top:50%;margin-top:-10px}#showMobileNav{display:none;float:right;cursor:pointer;position:relative;width:25px;height:20px;border-top:4px solid #308CC2;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;cursor:pointer}#showMobileNav:before,#showMobileNav:after{width:25px;height:4px;background-color:#308CC2;content:'';position:absolute;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease}#showMobileNav:before{top:4px}#showMobileNav:after{top:12px}#showMobileNav.active{border-top:none;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease}#showMobileNav.active:before{transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform-origin:12.5px 0;-ms-transform-origin:12.5px 0;-moz-transform-origin:12.5px 0;-webkit-transform-origin:12.5px 0;transition:all 0.2s ease;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease}#showMobileNav.active:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform-origin:1.5px 0;-ms-transform-origin:1.5px 0;-moz-transform-origin:1.5px 0;-webkit-transform-origin:1.5px 0;transition:all 0.2s ease;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease}#sidebar ul{width:100%;list-style:none}#sidebar ul li{position:relative}#sidebar ul.product-range li a:after{font-family:'FontAwesome';content:'\f054';position:absolute;font-weight:300;right:2em;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;top:50%;margin-top:-8px}#sidebar ul.product-range li a{display:block;width:100%;background:#0e6294;padding:1.5em 2em;color:#53a2c8;font-weight:700;font-size:1.6em;line-height:1;transition:background 0.2s linear;-webkit-transition:background 0.2s linear;-moz-transition:background 0.2s linear}#sidebar ul.product-range li:nth-child(even) a{background:#176da0}#sidebar ul.product-range li a.nav-path-selected{color:#fff;position:relative}#sidebar ul.product-range li a.nav-path-selected:after{content:''}#sidebar ul.product-range li a span{width:85%;display:block}#sidebar ul.product-range li a.nav-path-selected span.viewing{font-size:0.8em;display:block;text-transform:none;font-weight:400;color:#2BB2DD}#sidebar ul.product-range li a:hover{background:#1D7CB4;color:#fff;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear}#sidebar ul.product-range li a:hover:after{right:1.5em;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear}#sidebar ul.product-range li.nav-path-selected ul.submenu{display:block}#sidebar ul.product-range li ul.submenu{display:none}#sidebar ul.product-range li ul.submenu li a{padding:1.5em 1em 1.5em 2em;background:#F3F3F3;color:#252525 !important;font-weight:400 !important;border-bottom:1px solid #E6E6E6;font-size:1.4em !important;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear}#sidebar ul.product-range li ul.submenu li a:after{font-family:'FontAwesome';content:'\f105';position:absolute;font-weight:300;right:2em}#sidebar ul.product-range li ul.submenu li a:hover{background:#E4E4E4;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear}#sidebar ul.product-range li ul.submenu li a:hover:after{right:1.5em;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear}#sidebarRight h4{margin:0 0 2em 0;color:#CFCFCF}#sidebarRight .main-content-thumb{margin-bottom:20px}#sidebarRight .main-content-thumb .image-link{float:left;width:80px;max-width:none;min-width:inherit;margin:0 20px 0 0}#sidebarRight .main-content-thumb .image-link img{width:100%;height:auto}#sidebarRight .main-content-thumb .info h3{font-family:"proxima-nova";font-size:1.6em;font-weight:600;margin-bottom:0}#sidebarRight .main-content-thumb .info h3 a{color:#53a2c8}#sidebarRight .main-content-thumb .info h4{font-size:1.4em;font-family:"proxima-nova";font-weight:400;margin:0;color:#666}#sidebarRight .ccm-tag-list li{padding:0;margin:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;height:auto;line-height:auto}#sidebarRight .ccm-tag-list li a{padding:8px;margin-right:10px;margin-bottom:10px;border:2px solid #ccc;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;display:block;color:#858585;font-weight:700;text-transform:uppercase}#sidebarRight .ccm-tag-list li a:hover{color:#53a2c8;border-color:#53a2c8;transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear}#sidebarRight .ccm-search-block-form input[type="submit"]{display:none}span#videoOverlay{position:absolute;background:rgba(0,0,0,0.6);left:0;right:0;top:0;bottom:0;display:block;z-index:1}#videoContainer{display:block;width:100%;max-height:500px;overflow:hidden;position:relative}#videoContainer video,#videoContainer object{display:block;width:100%;position:absolute;top:-25%}video,canvas{width:100%;max-width:100%;height:auto;left:0}video{background:url(/mov/dessian-products-fallback.jpg) no-repeat;background-size:cover;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;background-size:cover}.textOverlay{position:absolute;z-index:2;top:0;bottom:0;margin:auto;height:50%;width:100%}.textOverlay .title h1{color:#53a2c8;font-weight:400}.textOverlay .title p.subheading{color:#fff;font-family:"proxima-nova"}#sliders{position:relative}.show #trade{display:none}#dualSliders ul{display:none;text-align:center;position:relative;z-index:999;margin-top:-25px}#dualSliders ul.show{display:block}#dualSliders ul li{position:relative;display:inline-block;margin:0 10px;padding:0 30px 5px 30px;border-radius:60px;background:#0E6498;font-family:"proxima-nova";color:#fff;font-size:2em !important;font-weight:300;line-height:45px;width:200px;cursor:pointer}#dualSliders ul li.homeowners{background:#388EB5;color:#fff}#dualSliders ul li.active:before{content:'';position:absolute;left:50%;top:-7.5px;width:15px;height:15px;margin-left:-7.5px;border-radius:3px;transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);background:#388EB5}#dualSliders ul li.trade.active:before{background:#0E6498}.powerSliderShell{width:100%;z-index:0}.powerSliderContainer{height:1000px}.powerSlide{display:block;text-decoration:none;position:relative;width:100% !important;height:1000px}.powerSlide::after{-khtml-opacity:.50;-moz-opacity:.50;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);opacity:.50}.powerSlide img{min-height:400px;min-width:40%;float:right;max-width:50%;min-width:50%}.powerSlide .largeText{color:#4fa3c8;font-family:"proxima-nova";font-size:7em;font-weight:700;display:block;margin-bottom:20px;max-width:595px;line-height:0.9em}.powerSlide .smallText{font-family:"proxima-nova";font-size:2.0em;font-weight:00;color:#363636;display:block;max-width:420px}.powerSliderPagination a{background:#000;background:rgba(0,0,0,0.7);color:#fff;display:inline-block;*display:inline;padding:3px 6px}.powerSliderPagination a:hover,.powerSliderPagination a.activeSlide{text-decoration:underline}.prev-next{width:100%;max-width:1400px;margin:0 auto;position:relative}.powerSliderNext,.powerSliderPrev{width:50px;cursor:pointer;background:#56a4c9;color:#fff;font-size:1.6em;text-align:center;padding:40px 0;position:absolute;margin-top:-45%}.powerSliderNext:hover,.powerSliderPrev:hover{background:#000}.powerSliderPrev{float:left}.powerSliderNext{float:right;right:0px}.slideText{position:relative;z-index:9999;top:0;bottom:0;margin:auto;height:1000px;width:100%;float:left}.leftStyle .slideText{background:#07507c}.leftStyle .slideText:after{background:url(/assets/img/slideTextBg.png) no-repeat}.overlay{background:#fff;background-size:50% auto;position:absolute;top:0;bottom:0;height:1000px;width:50%;float:left;z-index:9999}.overlay:after{background:url(/assets/img/slideTextBgRight.png) no-repeat;background-position:0px 0px;background-size:100% 1000px;position:absolute;content:'';width:270px;height:1000px;position:absolute;right:-270px;top:0;z-index:-1}.rightStyle .slideText{background-size:50% auto}.rightStyle .slideText:after{background:url(/assets/img/slideTextBgRight.png) no-repeat;background-position:0px 0px;background-size:100% auto;position:absolute;height:100%}.rightStyle .powerSlide .largeText{color:#07507c}.centred .slideText{position:absolute;z-index:2;top:0;bottom:0;right:0;left:0;text-align:center;margin:auto;width:70%;height:50%}.centred .powerSlide{background:#333}.centred .powerSlide img{opacity:0.3}.centred .powerSliderNext,.centred .powerSliderPrev{width:60px;height:60px;cursor:pointer;top:50%;margin-top:-30px;border:2px solid #fff;border-radius:100%;color:#fff;font-size:1.6em;line-height:55px;text-align:center;transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}.centred .powerSliderNext:hover,.centred .powerSliderPrev:hover{color:#4fa2c8;border-color:#4fa2c8;transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}.centred .powerSliderNext{right:5%}.centred .powerSliderPrev{left:5%}.inner{max-width:55%}#callToAction{width:100%;display:inline-block;background:#56a4c9;padding:0px;margin-top:80px}.callToAction{text-align:center;background-color:#0b6295;color:#fff;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden;transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;height:325px}.callToAction.one{background-image:url(/assets/img/appointment.jpg)}.callToAction.two{background-image:url(/assets/img/callback.jpg)}.callToAction.three{background-image:url(/assets/img/contact.jpg)}.callToAction:nth-child(2){background-color:#176da0}.callToAction:hover{background-color:#2379AC;transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease}.callToAction a{color:#fff;padding:15% 12%;display:block}.callToAction h2,.callToAction h4{transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease}.callToAction h2{font-weight:600;line-height:1;color:#fff;position:relative;z-index:1;font-size:2.1em;letter-spacing:1px}.callToAction.one h2:before{content:'';position:relative;display:block;width:70px;height:83px;background-size:cover;z-index:0;left:50%;margin-left:-25px;margin-bottom:25px;transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease}.callToAction.two h2:before{content:'';position:relative;display:block;width:70px;height:67px;background-size:cover;z-index:0;left:50%;margin-left:-25px;margin-bottom:25px;transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease}.callToAction.three h2:before{content:'';position:relative;display:block;width:70px;height:70px;background-size:cover;z-index:0;left:50%;margin-left:-25px;margin-bottom:25px;transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease}.callToAction.one h2:before{background-image:url(/assets/img/appointment.png)}.callToAction.two h2:before{background-image:url(/assets/img/callback.png)}.callToAction.three h2:before{background-image:url(/assets/img/contact.png)}.callToAction:hover h2:before{transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}.callToAction h4{color:#1c679b;font-family:"proxima-nova";font-weight:400;font-size:1.6em;margin-top:8px}.callToAction:hover h2{color:#1c679b;transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease}.callToAction:hover h4{color:#fff;transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease}.rangeBox{overflow:hidden;position:relative}.rangeBox:nth-child(even){background:#4194C5}.rangeBox:nth-child(odd){background:#0b6295}.rangeBox a>*{transition:all 0.3s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear}.rangeBox a:hover>*{transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear}.rangeBox .table{height:100%}.rangeBox .rangeIcon{font-size:15.0em;color:#ddd}.rangeBox .overlayImg{position:absolute;top:-50%;left:-50%}.rangeBox a:hover .rangeIcon{color:#3491be;font-size:10em}.rangeBox a h2{color:#fff;font-weight:400;line-height:1;opacity:1}.rangeBox a:hover h2{color:#056381;opacity:0}.rangeBox span{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;font-family:"FontAwesome";background:#fff;width:80px;height:80px;border-radius:80px;opacity:0;z-index:2}.rangeBox span:before{content:'\f061';color:#53a2c8;font-size:2.5em;line-height:80px;text-align:center}.rangeBox a:hover span{opacity:1}.rangeBox a:hover p{opacity:1}.rangeBox img{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;z-index:1;opacity:0.2;max-width:100%;margin:0 !important}.rangeBox a:hover img{opacity:1}.homeCarousel .wrap .title{display:none}.resources .wrap{padding:0}.resources .wrap .half{width:50%;padding:5%}#brochure{text-align:right}#brochure .button-banner{margin-top:40px}#brochure .title{padding:0px 0 80px 0;background:url(/assets/img/product-bg.png);background-repeat:no-repeat;background-position:34% 6px}.brochure{background:url(/assets/img/brochure-img.png) no-repeat;background-size:100%;height:405px;float:left}.brochure .title{width:100%}.brochure .title p.subheading{color:#353535}#blog{padding-right:80px}#blog .title{width:100%}.blog{float:none !important;padding-left:5%;background:#fff}.blog span{position:absolute;left:-50px;top:0;bottom:0;background:#fff;width:100px;height:100%;-webkit-transform:skewX(-10deg);-moz-transform:skewX(-10deg);-ms-transform:skewX(-10deg);-o-transform:skewX(-10deg);transform:skewX(-10deg)}.blog .title{width:100%;float:right;text-align:right;margin-bottom:50px}.blog .title h3{margin-bottom:0}.blog .post{clear:both;width:80%;position:relative}h3.ccm-page-list-title{font-size:1.8em;margin-bottom:0.5em}h3.ccm-page-list-title a{color:#ebebeb;padding-top:50px;display:block;font-size:2.6em;line-height:0.8em}.ccm-page-list-description{font-size:1.6em;color:#ebebeb}.bookAppointment{display:none}.closeForm{text-align:center;font-size:3em;color:#53a2c8;cursor:pointer;margin-bottom:1em}.closeForm i{transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear}.closeForm:hover i{transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear}.success{text-align:center;color:#7e7e7e;font-size:2.4em;font-weight:300}.mini-quote-form .success{text-align:left}.errors{text-align:center}.mini-quote-form .errors{text-align:left}.error-header{color:#7e7e7e;font-size:1.8em;font-weight:300;margin-bottom:10px;display:block}.error-header i{margin-right:10px}ul.error-items{margin-bottom:30px}ul.error-items li{display:inline-block;background:#E7512D;padding:4px 8px;border-radius:3px;color:#fff;font-size:1.2em !important;font-weight:600;margin:5px}ul.error-items li span{font-weight:400}.processing{margin:0 auto;text-align:center;font-size:1.4em;margin-top:1em}.follow{background:#4d4d4d;margin-top:0px;padding:40px 0;margin-top:-3px}.follow p{max-width:460px;color:#fff;line-height:1.2em}.socialIcons span a{font-size:3em;color:#4d4d4d;background:#fff;padding:10px;border-radius:50%;width:50px;height:50px;position:relative;transition:color 0.2s linear;-o-transition:color 0.2s linear;-ms-transition:color 0.2s linear;-moz-transition:color 0.2s linear;-webkit-transition:color 0.2s linear;display:inline-block;text-align:center;margin-left:30px}.line-spacer{float:left;position:relative;width:1px;height:80px;background-color:#eee;transform:skewX(-17deg);-o-transform:skewX(-17deg);-ms-transform:skewX(-17deg);-moz-transform:skewX(-17deg);-webkit-transform:skewX(-17deg);margin:0 40px}.line-spacer-dark{float:left;position:absolute;width:1px;height:469px;background-color:#acacac;transform:skewX(-17deg);-o-transform:skewX(-17deg);-ms-transform:skewX(-17deg);-moz-transform:skewX(-17deg);-webkit-transform:skewX(-17deg);margin:-20px 40px 0 -20px}.socialIcons span:first-child a:after{background:transparent}.socialIcons span a:hover{transition:color 0.2s linear;-o-transition:color 0.2s linear;-ms-transition:color 0.2s linear;-moz-transition:color 0.2s linear;-webkit-transition:color 0.2s linear}.socialIcons span a.twitter:hover{color:#39b9e3}.socialIcons span a.facebook:hover{color:#4d6db2}.socialIcons span a.pinterest:hover{color:#ab171e}.socialIcons span a.youtube:hover{color:#cc181e}#socialBox{margin-top:5%;padding-bottom:5%}#twitter-widget-0{width:100% !important}.fb_iframe_widget{width:100% !important}#socialBox .socialCell{padding:2%;position:relative;z-index:10}#socialBox .socialHeader{position:absolute;top:5%;left:5%;width:90%;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:5%}#socialBox .socialHeader .fa{color:#fff;font-size:2.4em;float:left}#socialBox .socialHeader h4{float:right;text-align:right}#socialBox .twitter .socialHeader h4 a{color:#A0DDFA}#socialBox .facebook .socialHeader h4 a{color:#799ADF}#socialBox .youtube .socialHeader h4 a{color:#DF797D}#socialBox .twitter{background:#55acee}#socialBox .twitter .skewBg{display:block;position:absolute;width:120%;height:100%;background:#55acee;top:0;left:0;-webkit-transform:skewX(-10deg);-moz-transform:skewX(-10deg);-ms-transform:skewX(-10deg);-o-transform:skewX(-10deg);transform:skewX(-10deg);z-index:-1;left:-10%}#socialBox .facebook{background:#4d6db2}#socialBox .facebook .skewBg{display:block;position:absolute;width:120%;height:100%;background:#4d6db2;top:0;left:0;-webkit-transform:skewX(-10deg);-moz-transform:skewX(-10deg);-ms-transform:skewX(-10deg);-o-transform:skewX(-10deg);transform:skewX(-10deg);z-index:-1;left:-3%}.like-list,.comment-list{display:none}#socialBox .youtube{background:#cc181e}#socialBox .youtube .skewBg{display:block;position:absolute;width:120%;height:100%;background:#cc181e;top:0;left:0;-webkit-transform:skewX(-10deg);-moz-transform:skewX(-10deg);-ms-transform:skewX(-10deg);-o-transform:skewX(-10deg);transform:skewX(-10deg);z-index:-1;left:-3%}#socialBox .socialContent{color:#fff}#twitter{padding:0 80px;border-left:1px solid #636363;border-right:1px solid #636363}#twitter_feed ul{color:#ebebeb;list-style:none}#twitter_feed ul li{color:#ebebeb;list-style:none;border-bottom:1px solid #56a4c9;padding-top:55px}#twitter_feed ul li:last-child{border-bottom:none}#twitter_feed p{color:#ebebeb}#twitter_feed img,.user{display:none}#twitter_feed a{color:#56a4c9}#twitter_feed a:hover{color:#8a8a8a}#twitter_feed a .fa,#twitter_feed .timePosted a{color:#8a8a8a}#twitter_feed a:hover .fa,#twitter_feed .timePosted a:hover{color:#56a4c9}#videos li a img{float:left;margin:0 2em 0 0}#videos li a .vid-title{color:#fff}#videos li a .vid-descr{color:#fff;font-weight:400;font-size:1.4em}#facebook{padding:0 80px}.range{position:relative;margin-bottom:4%;float:left !important}.range a{display:block}.range a span{display:block;overflow:hidden;max-height:250px}.range a h3{font-weight:100;border-right:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;color:#252525;padding:1em;width:100%;line-height:1;transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease}.range a h3 .fa,.products a h3 .fa{padding-left:10px}.range a img{min-width:100%;max-width:100%;min-height:100%}.range a:hover h3{background:#1D7CB4;color:#fff !important;border-right:1px solid #1d7cb4;border-left:1px solid #1d7cb4;border-bottom:1px solid #1d7cb4;transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease}.products{position:relative;background:#0b6295;height:350px;overflow:hidden}.products a{max-height:350px;height:100%;overflow:hidden;position:relative}.products a img{position:absolute;float:left;width:auto;max-width:100%;min-width:100%;opacity:0.3;transition:all 0.2s ease;z-index:1}.products .title{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:53px;text-align:center;z-index:2;opacity:1;transition:all 0.2s ease}.products .title h3{color:#fff;margin-bottom:0;font-size:3.4em;line-height:1}.products .title p{text-transform:uppercase;color:#81D6FF;font-family:"proxima-nova"}.productRanges .products .title p{display:none}.products .description{color:#fff;text-align:center;padding:0 40px;opacity:0;font-family:"proxima-nova"}.products:hover .title{opacity:0;transition:all 0.2s ease}.products:hover .description{opacity:1}.products:hover img{opacity:0;transition:all 0.2s ease}.blog-entry{max-width:1000px}.blog-entry h1{font-weight:300;color:#7e7e7e;margin-bottom:0}.blog-entry h4{margin-bottom:2em}#main-content-post-author{margin-top:4em;padding-top:4em;border-top:1px solid #ebebeb}.main-content-thumb{max-width:1000px;margin-bottom:5%;padding-bottom:5%}.main-content-thumb h3{color:#7e7e7e;font-size:4em;font-weight:300;line-height:1;margin-bottom:0}.main-content-thumb h3 a{color:#7e7e7e}.main-content-thumb h3 a:hover{color:#0b6295}.main-content-thumb .image-link{max-width:100%;min-width:60%;margin:50px 0;position:relative}.main-content-thumb-offer{margin-bottom:5%;padding-bottom:5%;display:inline-block}.third.main-content-thumb-offer:nth-child(3n){margin-right:0}.image-link-offer{max-width:100%;min-width:60%;margin:20px 0 10px 0;position:relative;height:230px;overflow:hidden}.main-content-thumb .image-link a{display:block}.main-content-thumb .image-link img{max-width:100%;height:auto;display:block}.main-content-thumb p{font-size:1.8em}.mapBox{position:relative}.mapBox a.mapLink{display:block;background:#0b6295;transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear}.mapBox a.mapLink p{font-family:"proxima-nova";padding:40px;margin-bottom:0;color:#fff;text-align:center;background:url(/assets/img/bigMarker.png) no-repeat;line-height:1}.mapBox a.mapLink p span{font-family:"proxima-nova";font-size:0.6em;text-transform:uppercase;display:block;font-weight:400;color:#98d3f0}.mapBox:hover a.mapLink{background:#53a2c8;transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear}.row.team{padding:0 5%;margin-top:2%}.teamWrap{max-width:1000px;margin:0 auto;padding:0;text-align:center}.teamWrap h1{margin:5% 0}.employee{text-align:center;margin-bottom:50px;display:inline-block}.employee:nth-of-type(3n){margin-right:0}.employeeImage{width:70%;height:0;padding-bottom:70%;overflow:hidden;border-radius:100%;margin:0 auto;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}.employee:hover .employeeImage{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}.employee h3{color:#53a2c8;font-size:3em;font-weight:300;line-height:1;margin-bottom:0;margin-top:1em;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}.employee:hover h3{color:#0b6295;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}.employee h4{font-weight:400;color:#ACACAC;font-family:"proxima-nova"}#google-business{margin-top:30px}#google-business a{color:#fff}.whyChoose .tableCell.twoThirds{padding-right:5%}.whyChoose .tableCell.third{padding:5%}.quote{background:url(/assets/img/quoteBg.jpg) no-repeat;background-size:cover;min-height:500px;padding:100px 50px}.quote h2{text-align:right;font-weight:300;position:relative;font-size:2.6em;color:#fff}.quote h2:before{content:'\f10e';font-family:FontAwesome;position:absolute;color:rgba(255,255,255,0.5);font-size:1.5em;top:-1em;right:0}.quote cite{text-align:right;clear:both;float:right;font-style:normal;text-transform:uppercase;font-size:1.2em;margin-top:1em;color:#C0C0C0}.testimonial-list{width:103.125%;margin-left:-1.562%}.item.unit.third{width:30.303%;margin:0 1.515% 1.875em}.item.unit.third:nth-child(3n+1){clear:left}.item blockquote p:before{content:'\f10d';font-family:FontAwesome;position:absolute;color:#53a2c8;font-size:1.5em;left:5%;text-indent:0}.item blockquote p{border:1px solid #e7e7e7;padding:5%;position:relative;text-indent:2em;background:#fff}.item blockquote p:after{content:'';position:absolute;left:30px;bottom:-10px;border-left:10px solid #fff;border-right:10px solid transparent;border-bottom:10px solid transparent}.item small{text-transform:uppercase;font-size:1.2em}#footer{margin-top:60px}.footer-bg{background:#ebebeb;padding-top:30px}#footerContent{margin-top:30px}#footerContent #infoLogos img{margin-right:20px}#footerContent #copyright p{color:#c0bfbf;margin-bottom:0}#footerContent #copyright p,#footerContent #copyright a{font-weight:600;font-size:1.2em;margin-top:2em}#footerContent h5{color:#a3a3a3}#footerContent p{font-size:1.6em;color:#515151;font-weight:400;word-break:break-all}h2.footerTitleMobile{display:none;color:#515151;margin-bottom:1em}.bottom-sec{min-height:80px;background:#fff}.bottom-sec .line-spacer{float:left;position:absolute;width:1px;height:30px;background-color:#acacac;transform:skewX(-17deg);-o-transform:skewX(-17deg);-ms-transform:skewX(-17deg);-moz-transform:skewX(-17deg);-webkit-transform:skewX(-17deg);margin:0px 0px 0px 60px}.bottom-sec .line-spacer-right{float:right;position:absolute;width:1px;height:30px;background-color:#acacac;transform:skewX(-17deg);-o-transform:skewX(-17deg);-ms-transform:skewX(-17deg);-moz-transform:skewX(-17deg);-webkit-transform:skewX(-17deg);margin:0px 0px 0px 0px;right:55%}.gallery{width:auto;margin:0 auto}.gallery ul,.gallery ul li{list-style:none !important;list-style-type:none !important}.galleryItem{width:24%;float:left;margin-bottom:15px}.galleryItem a{display:block}.galleryItem a:after{opacity:0;font-family:"FontAwesome";content:'\f002';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;color:#53a2c8;font-size:2.5em;height:1em;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;width:25px}.galleryItem img{max-width:100%;min-width:100%;height:auto;display:block}.galleryItem a:hover:after{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;opacity:1}.galleryItem a:hover img{opacity:0.1;-moz-opacity:0.1;-webkit-opacity:0.1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";transition:all 0.2s linear;-ms-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear}@media only screen and (max-width: 768px){.galleryItem{width:46.876%}.powerSlide img{max-width:none;min-width:100%;height:100%}.powerSlide .smallText{font-size:2em}.centred .slideText{width:55%}.centred .powerSliderNext,.centred .powerSliderPrev{width:50px;height:50px;line-height:45px}.leftStyle .slideText,.rightStyle .slideText{width:100%;padding:5% 5% 10% 5%;height:auto;top:auto}.leftStyle .slideText:after,.rightStyle .slideText:after{background:none}}@media only screen and (max-width: 568px){.powerSliderPrev{top:0 !important;margin-top:0 !important}.powerSliderNext{top:50px !important}}@media only screen and (max-width: 480px){.gallery{width:100%;margin-left:0}.galleryItem{width:100%;margin-left:0;margin-right:0}}#imagelightbox-loading,#imagelightbox-overlay,#imagelightbox-close,#imagelightbox-caption,#imagelightbox-nav,.imagelightbox-arrow{-webkit-animation:fade-in .25s linear;animation:fade-in .25s linear}#imagelightbox{position:fixed;z-index:9999;cursor:pointer;-ms-touch-action:none;touch-action:none;-webkit-box-shadow:0 0 3.125em rgba(0,0,0,0.5);box-shadow:0 0 3.125em rgba(0,0,0,0.5)}#imagelightbox-loading,#imagelightbox-loading div{border-radius:50%}#imagelightbox-loading{width:2.5em;height:2.5em;background-color:#444;background-color:rgba(0,0,0,0.5);position:fixed;z-index:10003;top:50%;left:50%;padding:0.625em;margin:-1.25em 0 0 -1.25em;-webkit-box-shadow:0 0 2.5em rgba(0,0,0,0.75);box-shadow:0 0 2.5em rgba(0,0,0,0.75)}#imagelightbox-loading div{width:1.25em;height:1.25em;background-color:#fff;-webkit-animation:imagelightbox-loading .5s ease infinite;animation:imagelightbox-loading .5s ease infinite}@-webkit-keyframes imagelightbox-loading{from{opacity:.5;-webkit-transform:scale(0.75)}50%{opacity:1;-webkit-transform:scale(1)}to{opacity:.5;-webkit-transform:scale(0.75)}}@keyframes imagelightbox-loading{from{opacity:.5;transform:scale(0.75)}50%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(0.75)}}#imagelightbox-overlay{background-color:#fff;background-color:rgba(255,255,255,0.9);position:fixed;z-index:9998;top:0;right:0;bottom:0;left:0}#imagelightbox-close{width:2.5em;height:2.5em;text-align:left;background-color:#53a2c8;position:fixed;z-index:10002;top:2.5em;right:2.5em;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}#imagelightbox-close:hover,#imagelightbox-close:focus{background-color:#0b6295}#imagelightbox-close:before,#imagelightbox-close:after{width:3px;background-color:#fff;content:'';position:absolute;top:20%;bottom:20%;left:50%;margin-left:-1px}#imagelightbox-close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#imagelightbox-close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#imagelightbox-caption{text-align:center;color:#fff;background-color:#53a2c8;position:fixed;z-index:10001;left:0;right:0;bottom:0;padding:0.625em;font-size:1.5em}.imagelightbox-arrow{width:5em;height:5em;background-color:#53a2c8;vertical-align:middle;display:none;position:fixed;z-index:10001;top:50%;margin-top:-3.75em;cursor:pointer;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease}.imagelightbox-arrow:hover,.imagelightbox-arrow:focus{background-color:#0b6295;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease}.imagelightbox-arrow:active{background-color:#53a2c8}.imagelightbox-arrow-left{left:2.5em}.imagelightbox-arrow-right{right:2.5em}.imagelightbox-arrow:before{font-family:"FontAwesome";font-size:20px;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}.imagelightbox-arrow-left:before{content:'\f053'}.imagelightbox-arrow-right:before{content:'\f054'}#imagelightbox-loading,#imagelightbox-overlay,#imagelightbox-close,#imagelightbox-caption,#imagelightbox-nav,.imagelightbox-arrow{-webkit-animation:fade-in .25s linear;animation:fade-in .25s linear}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@media only screen and (max-width: 41.25em){#imagelightbox-close{top:1.25em;right:1.25em}#imagelightbox-nav{bottom:1.25em}.imagelightbox-arrow{width:2.5em;height:3.75em;margin-top:-2.75em}.imagelightbox-arrow-left{left:1.25em}.imagelightbox-arrow-right{right:1.25em}}@media only screen and (max-width: 20em){.imagelightbox-arrow-left{left:0}.imagelightbox-arrow-right{right:0}}body:after{content:url(/assets/img/close.png) url(/assets/img/loading.gif) url(/assets/img/prev.png) url(/assets/img/next.png);display:none}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:black;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:normal}.lightbox .lb-image{display:block;height:auto;max-width:inherit}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:white;*zoom:1;width:250px;height:250px;margin:0 auto}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/assets/img/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:none;background-image:url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")}.lb-prev,.lb-next{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/assets/img/prev.png) left 48% no-repeat;width:55px;height:100%}.lb-nav a.lb-prev:before{font-family:"FontAwesome";content:'\f053';font-size:20px;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#53a2c8;width:55px;position:absolute;left:0;top:50%;margin-top:-27.5px;padding:20px 0;background:#fff}.lb-nav a.lb-next{width:64%;right:0;float:right;width:55px;height:100%}.lb-nav a.lb-next:before{font-family:"FontAwesome";content:'\f054';font-size:20px;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#53a2c8;width:55px;position:absolute;right:0;top:50%;margin-top:-27.5px;padding:20px 0;background:#fff}.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:bold;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background-image:url(/assets/img/close.png) top right no-repeat;text-align:right;outline:none}.slick-slider,.homeCarousel{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent;height:auto}.slick-list,.homeCarousel .slick-list{width:100%;margin:0 auto;position:relative;overflow:hidden;display:block;padding:0}.slick-list:focus,.homeCarousel .slick-list:focus{outline:none}.slick-loading .slick-list{background:#fff url("/assets/img/ajax-loader.gif") center center no-repeat}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track,.homeCarousel .slick-track{position:relative;top:0;display:block;zoom:1}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide,.homeCarousel .slick-slide{background:#fff;text-align:center;float:none;max-height:300px;min-height:1px;display:none;border:none;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;overflow:hidden}a.slick-slide:after,a.homeCarousel .slick-slide:after{opacity:0;font-family:"FontAwesome";content:'\f002';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;color:#53a2c8;font-size:2.5em;height:1em;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear}.slick-slide img,.homeCarousel .slick-slide img{margin:10px}a.slick-slide:hover{border:none}a.slick-slide:hover img,a.homeCarousel .slick-slide:hover img{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;opacity:0.1}a.slick-slide:hover:after,a.homeCarousel .slick-slide:hover:after{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;opacity:1}.slick-slide h2{color:#53a2c8}.slick-slide img{display:block;max-width:150%;min-width:100%;min-height:300px}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:inline-block;vertical-align:middle}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}@font-face{font-family:"slick";src:url("fonts/slick.eot");src:url("fonts/slick.eot?#iefix") format("embedded-opentype"),url("fonts/slick.woff") format("woff"),url("fonts/slick.ttf") format("truetype"),url("fonts/slick.svg#slick") format("svg");font-weight:normal;font-style:normal}.slick-prev,.slick-next,.homeCarousel .slick-prev,.homeCarousel .slick-next{position:absolute;display:block;height:55px;width:55px;line-height:0;font-size:0;cursor:pointer;background:#fff;color:transparent;top:50%;margin-top:-15.5px;padding:0;border:none;outline:none}.slick-prev:focus,.slick-next:focus,.homeCarousel .slick-prev:focus,.homeCarousel .slick-next:focus{outline:none}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before,.homeCarousel .slick-prev.slick-disabled:before,.homeCarousel .slick-next.click-disabled:before{opacity:0.25}.slick-prev:before,.slick-next:before,.homeCarousel .slick-prev:before,.homeCarousel .slick-next:before{font-family:"FontAwesome";font-size:20px;line-height:1;opacity:0.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#53a2c8}.slick-prev,.homeCarousel .slick-prev{left:0}.slick-prev:before,.homeCarousel .slick-prev:before{content:'\f053'}.slick-next,.homeCarousel .slick-next{right:0}.slick-next:before,.homeCarousel .slick-next:before{content:'\f054'}.slick-slider{margin-top:3%}.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0px;width:100%}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0px 5px;padding:0px;cursor:pointer}.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}.slick-dots li button:focus{outline:none}.slick-dots li button:before{position:absolute;top:0;left:0;content:"\2022";width:20px;height:20px;font-family:"slick";font-size:6px;line-height:20px;text-align:center;color:black;opacity:0.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:0.75}html.smackbox{overflow:hidden !important}#smackbox-overlay img{border:none !important}#smackbox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999 !important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}#smackbox-slider{height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none}#smackbox-slider .slide{background:url(/assets/img/loader-ffffff.gif) no-repeat center center;height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#smackbox-slider .slide:before{content:no-open-quote;display:inline-block;height:50%;width:1px;margin-right:-1px}#smackbox-slider .slide img,#smackbox-slider .slide .smackbox-video-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#smackbox-slider .slide .smackbox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#smackbox-slider .slide .smackbox-video-container .smackbox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#smackbox-slider .slide .smackbox-video-container .smackbox-video iframe{width:100% !important;height:100% !important;position:absolute;top:0;left:0}#smackbox-action,#smackbox-caption{position:absolute;left:0;z-index:999;height:50px;width:100%}#smackbox-action{bottom:-50px}#smackbox-action.visible-bars{bottom:0}#smackbox-action.force-visible-bars{bottom:0 !important}#smackbox-caption{top:-50px;text-align:center}#smackbox-caption.visible-bars{top:0}#smackbox-caption.force-visible-bars{top:0 !important}#smackbox-action #smackbox-prev,#smackbox-action #smackbox-next,#smackbox-action #smackbox-close{background-image:url(/assets/img/icons-ffffff.png);background-repeat:no-repeat;border:none !important;text-decoration:none !important;cursor:pointer;position:absolute;width:50px;height:50px;top:0}#smackbox-action #smackbox-close{background-position:15px 12px;left:40px}#smackbox-action #smackbox-prev{background-position:-32px 13px;right:100px}#smackbox-action #smackbox-next{background-position:-78px 13px;right:40px}#smackbox-action #smackbox-prev.disabled,#smackbox-action #smackbox-next.disabled{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}#smackbox-slider.rightSpring{-moz-animation:rightSpring 0.3s;-webkit-animation:rightSpring 0.3s}#smackbox-slider.leftSpring{-moz-animation:leftSpring 0.3s;-webkit-animation:leftSpring 0.3s}@-moz-keyframes rightSpring{0%{margin-left:0px}50%{margin-left:-30px}100%{margin-left:0px}}@-moz-keyframes leftSpring{0%{margin-left:0px}50%{margin-left:30px}100%{margin-left:0px}}@-webkit-keyframes rightSpring{0%{margin-left:0px}50%{margin-left:-30px}100%{margin-left:0px}}@-webkit-keyframes leftSpring{0%{margin-left:0px}50%{margin-left:30px}100%{margin-left:0px}}@media screen and (max-width: 800px){#smackbox-action #smackbox-close{left:0}#smackbox-action #smackbox-prev{right:60px}#smackbox-action #smackbox-next{right:0}}#smackbox-caption{font-size:15px;line-height:43px;font-family:"proxima-nova";color:#fff !important}.smackbox-content,.smackbox-content *{margin:0 !important;padding:0 !important;line-height:0 !important;text-decoration:none !important}.smackbox-content a.smackbox{display:inline-block;width:100px;height:100px;position:relative;margin:3px !important}.smackbox-content a.smackbox img{width:100px;height:100px;max-width:none;max-height:none;min-width:none;min-height:none;position:absolute;z-index:1;top:0;left:0;-webkit-transition:width 0.1s ease-in-out, height 0.1s ease-in-out, top 0.1s ease-in-out, left 0.1s ease-in-out;-moz-transition:width 0.1s ease-in-out, height 0.1s ease-in-out, top 0.1s ease-in-out, left 0.1s ease-in-out;-o-transition:width 0.1s ease-in-out, height 0.1s ease-in-out, top 0.1s ease-in-out, left 0.1s ease-in-out;transition:width 0.1s ease-in-out, height 0.1s ease-in-out, top 0.1s ease-in-out, left 0.1s ease-in-out}.smackbox-content a.smackbox:hover img{width:160px;height:160px;z-index:2;top:-30px;left:-30px}.sortable_responsive_gallery_container{width:100%;float:none;margin:0 auto;padding:0}.sortable_responsive_gallery_image{margin:0 auto;float:left;text-align:center}.sortable_responsive_gallery_image img{max-width:98%;min-width:98%;margin:auto;height:auto}@media screen and (max-width: 800px){.sortable_responsive_gallery_image{margin:auto;float:left;text-align:center;width:50% !important}}@media screen and (max-width: 520px){.sortable_responsive_gallery_image{margin:auto;float:none;text-align:center;width:auto !important}.sortable_responsive_gallery_image img{max-width:100%;margin:auto;height:auto}}a:active,a:focus{outline:expression(hideFocus='true')}p{margin-bottom:20px}#wrapper{width:960px;margin:0 auto;margin-top:100px}#tabs ul{margin-bottom:4em;list-style:none}#tabs li,#tabs2 li,#tabs3 li,#tabs4 li,#tabs5 li{float:left;margin-right:5px;margin-bottom:5px}#tabs li a,#tabs2 li a,#tabs3 li a,#tabs4 li a,#tabs5 li a{display:block;padding:14px 30px;background:#e2e2e2;text-decoration:none;color:#909090;font-weight:600;text-transform:uppercase;font-size:1.2em}#tabs li a:hover,#tabs2 li a:hover,#tabs3 li a:hover,#tabs4 li a:hover,#tabs5 li a:hover{background:#0b6295;color:#fff}#tabs_container{width:100%;overflow:hidden;position:relative}#tabs_container div{width:100%;top:0 !important}.transition{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}.make_transist{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.hidescale{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);filter:alpha(opacity=0);opacity:0}.showscale{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}.hideleft{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.showleft{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}.hidescaleup{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.showscaleup{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}.hideflip{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transform:rotatey(-90deg) scale(1.1);-moz-transform:rotatey(-90deg) scale(1.1);-o-transform:rotatey(-90deg) scale(1.1);-ms-transform:rotatey(-90deg) scale(1.1);transform:rotatey(-90deg) scale(1.1);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.showflip{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s;-webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);-o-transform:rotatey(0deg) scale(1);-ms-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.tabulous_active{background:#0b6295 url(/assets/img/tabMarker.png) no-repeat center top !important;color:#fff !important}.tabulousclear{display:block;clear:both}.file{padding:10px;color:#696969;font-weight:100;background:#f7f7f7;border:1px solid #e9e9e9;border-bottom:none}.file:last-child{border-bottom:1px solid #e9e9e9}.file img,.file a{float:left}.file img{margin-right:10px}.file a{width:100%;line-height:1;font-size:1.4em;font-weight:600;color:#636363}.file a i{float:right;line-height:40px;color:#ccc}.stocklist{font-family:"proxima-nova";font-size:3em;color:white;font-weight:300;background:url(/assets/img/download.png) no-repeat 95% center;background-color:#0b6295;padding:5%}.stocklist span{width:60%}.ccm-search-block-form{margin-bottom:2em}#magazine,#magazine2,#magazine3,#magazine4, #magazine5 {margin:0 auto;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);-o-box-shadow:0 0 20px rgba(0,0,0,0.2);box-shadow:0 0 20px rgba(0,0,0,0.2)}#magazine3 {height: 1190px!important;}#magazine img,#magazine2 img{width:100%;height:100%}#magazine .turn-page,#magazine2 .turn-page{background-color:#fff}#magazine2{height:1000px !important}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}.spacer{clear:both;height:50px}@font-face{font-family:'icomoon';src:url("icoFont/icomoon.eot?-wsptee");src:url("icoFont/icomoon.eot?#iefix-wsptee") format("embedded-opentype"),url("icoFont/icomoon.woff?-wsptee") format("woff"),url("icoFont/icomoon.ttf?-wsptee") format("truetype"),url("icoFont/icomoon.svg?-wsptee#icomoon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-glassIcon:before{content:"\e600"}.icon-accessIcon:before{content:"\e601"}.icon-ancilliariesIcon:before{content:"\e602"}.icon-conservIcon:before{content:"\e603"}.icon-doorsIcon:before{content:"\e604"}.icon-rooflineIcon:before{content:"\e605"}.icon-windowsIcon:before{content:"\e606"}.fa.fa-minus{display:block}@media only screen and (min-width: 1475px){.contact-form,.review-form{width:60%}.brochure{background-position:150% center}}@media only screen and (min-width: 1200px){#subNavMobile{display:none}.toggleDrop{display:none}}@media only screen and (max-width: 1475px){.wrap{padding:0 100px !important}#socialBox .wrap{padding:0 0px !important}.socialIcons span a{margin-bottom:10px}.title p{font-size:4.5em}#header,#header a{color:#494949;padding-right:100px}h2{font-size:2.8em}h3{font-size:2em}.productBox div{height:280px !important}#products{background-position:75px 56px}#brochure{margin-top:60px}#brochure .title{background-position:0px 6px}#suppliers{background-position:80px 100px}.button-banner,.button-link{font-size:1.5em;margin-top:30px}#blog{padding-right:30px}#twitter{padding:0 30px}#facebook{padding:0 30px}#subHeader ul li{font-size:14px !important}#subHeader ul li.search>span{padding:17px 20px}.powerSlide .largeText{font-size:5em}.powerSliderShell{height:800px !important;overflow:hidden !important}#products{padding-top:50px !important}}@media only screen and (max-width: 1224px){.powerSlide .largeText{font-size:5em}.productBox{margin-right:0}.title.twoThirds{width:49%;margin-right:1%}.productBox.fullThird{width:49%;float:left}.productBox.fullThird:nth-child(odd){margin-right:1%}}@media only screen and (max-width: 1200px){.powerSlide .largeText{font-size:5em}#navigation,#subHeader{display:none}#subNavMobile{display:inherit}.brochure{background-position:left top}.brochure .title{width:100%}#showMobileNav{display:block}#navigation.active{float:left;width:100%;margin-top:5%}#navigation,#navigation #subNavMobile{clear:both}#header{border-bottom:none}#header ul{position:relative;float:none;right:auto;top:auto;line-height:normal;margin-top:auto}#header ul li{display:block;position:relative;width:100%}#header ul li:after{display:none}#header ul li.nav-dropdown{margin-right:0}#header ul li.nav-dropdown:before{content:''}#header ul li.nav-dropdown span.toggleDrop{font-size:1.2em;position:absolute;right:0;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;color:#252525;padding:15px 20px;height:49px;cursor:pointer;background:#d5d5d5}#header ul li.nav-dropdown ul.submenu span.toggleDrop{background:#e9e9e9}span.toggleDrop .fa-chevron-down{transition:all 0.2s ease;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease}span.toggleDrop.active .fa-chevron-down{transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transition:all 0.2s ease;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease}#header ul li.nav-selected>span.toggleDrop,#header ul li.nav-path-selected>span.toggleDrop{background:#308CC2;color:#fff}#header ul li:hover>ul{display:none}#header ul li a{border-bottom:1px solid #eee;display:block;padding:15px 3em 15px 10px}#header ul li a:hover{background:#0b6295}#header ul li a.nav-path-selected{color:#fff;background:#0b6295}#header ul li ul.submenu li a.nav-path-selected{color:#fff;background:#1776AD}#header ul li ul.submenu{position:static}#header ul li ul.submenu li a{padding:15px 10px 15px 2em}#header ul li ul.submenu li.nav-dropdown:before{content:''}#header ul li ul.submenu li ul.submenu li a{padding:10px 10px 10px 3em}#header ul li ul.submenu li ul.submenu li ul.submenu li a{padding:10px 10px 10px 4em}.title{width:80%}.rangeBox a:hover .rangeIcon{font-size:15em}.rangeBox a:hover h2{color:#53a2c8}.rangeBox a:hover p{display:none}.products a img{min-height:100%;min-width:100%;max-width:100%}.pageBreadcrumb{float:none;clear:left;width:100%;text-align:left}.contact-form,.review-form{width:100%}#sidebar.pr{display:none}.sideSection.pr{width:100%;padding-right:0}#socialBox .socialCell{padding:5%}section.sideSection .wrap{padding-right:5%}.powerSliderShell{height:1000px !important;overflow:hidden !important}.productBox a{padding:30% 20px 30% 20px}}@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait){#videoContainer{display:none}.textOverlay{background:url(mov/dessian-products-fallback.jpg) no-repeat;background-size:cover}.textOverlay .title p.subheading.white{color:#fff !important}}@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape){#videoContainer{display:none}.textOverlay{background:url(mov/dessian-products-fallback.jpg) no-repeat;background-size:cover;position:relative;padding:5%}.textOverlay .title p.subheading.white{color:#fff !important}}@media only screen and (max-width: 768px){.wrap{padding:0 20px !important}#socialBox .wrap{padding:0 20px !important}.unit{float:none;width:100% !important}.products{float:left}.products .description{height:100%;padding:40px;text-align:left}.products a img{max-width:100%;min-width:100%}.half,.third,.fullThird,.twoThirds,.quarter,.fullQuarter{width:100% !important;margin-bottom:2em}.table{display:block}.tableCell{display:block}.rangeBox .table{display:table}.rangeBox .tableCell{display:table-cell}.right{float:left}.marginBtm{margin-bottom:10% !important}.title{width:100%}#sidebarRight{width:100%;height:auto;margin:5% 0 5% 0;padding:0 5%}section.sideSection{width:100%;padding-bottom:0}section.sideSection .wrap{padding-right:5%}#videoContainer{position:relative}.textOverlay{position:static;padding:5%}.textOverlay p.subheading.white{color:#7e7e7e !important}span#videoOverlay{display:none}.callToAction{margin-bottom:0}.callToAction a{padding:5%}#socialBox .socialHeader{padding-bottom:10%}#socialBox .socialHeader{position:static;width:100%}#socialBox .socialCell{width:100%;display:block}#socialBox .socialContent{margin-top:3%}.resources{padding-top:5%}.whyChoose .tableCell.third{padding:20% 10%}#footerTitle{display:none}h2.footerTitleMobile{display:block}#tabs ul{margin-bottom:0}#tabs_container div{top:0 !important;padding:0}.overlay{width:100%}.text{margin-left:0px}.inner{max-width:100%}.powerSlide .largeText{font-size:4em}.close{display:none}.button-banner,.button-link{font-size:1.4em}#header{width:100%;padding:20px}.prev-next{display:none}#sliders{height:800px;overflow:hidden}.title p{font-size:3em;margin-top:10px}.productBox a,.productBox a:hover{padding-top:20%}.brochure{width:100%;height:240px}#brochure .button-banner{margin-top:40px;background:#ebebeb}#brochure .button-banner:hover{background:#56a4c9}.subheading.right{float:left}#callToAction .wrap{padding:0 0px !important}.callToAction{height:210px}#suppliers .fullThird{width:33.3333% !important}.supplier div{height:50px !important}section.social{padding:0px}#facebook{padding:0px}#twitter{padding:0px;border:none}#twitter,#blog{margin-top:60px;padding-bottom:40px;border-bottom:1px solid #636363}.socialIcons{display:inline-block}.socialIcons span a{margin-left:10px}#products{padding-top:40px !important}}@media only screen and (max-width: 568px){section.sideSection.left{padding-left:10% !important}#sidebarRight{padding:0 10%}.resources .wrap .half{padding:10%}.twoColumns{column-count:1;-moz-column-count:1;-webkit-column-count:1}.textOverlay{padding:10%}#footer .wrap{padding:5% 10%}#tabs li a,#tabs2 li a,#tabs3 li a,#tabs4 li a,#tabs5 li a{padding:14px 20px !important}.button{width:100%;font-size:1.4em}.callToAction h2{font-size:2em}.callToAction h2:before{margin-bottom:15px}.productBox a,.productBox a:hover{padding-top:27.5%}}@media only screen and (max-width: 480px){a#logo{max-width:250px}}@media only screen and (max-width: 320px){a#logo{max-width:200px}}.videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.videoWrapper object,.videoWrapper embed{position:absolute;top:0;left:0;width:100%}.timeline-Viewport{background-color:red} */ /*! We Are Duo new.css */ #subHeader ul li a { font-size: 11px; padding: 25px 15px; } #subHeader ul li:after { top: -2px; } #subHeader .social-header { /*display: none !important;*/ } #subHeader .social-header a { padding: 16px 15px; font-size: 14px; } /** ACCORDIAN **/ .content .accordian { list-style-type: none; margin: 0; padding: 0; border-top: 0; } .content .accordian li { list-style-type: none; } .content .accordian header { display: block; margin: 0; padding: 17px; font-size: 16px; background: #f5f5f5; border-top: 1px solid #ddd; cursor: pointer; transition: all 0.2s ease-in-out; } .content .accordian .fa { font-size: 30px; float: right; line-height: 18px; color: #0b6295; } .content .accordian header.active, .content .accordian header:hover { background-color: #0b6295; color: white; } .content .accordian header.active:hover .fa, .content .accordian header:hover .fa { color: white; } .content .accordian header.active .fa:before { content: "\f106"; } .content .accordian section { display: none; padding: 17px; background: #fff; border-top: 1px solid #ddd; } .content .accordian section h4 { margin-bottom: 7px; } .content .accordian section.active { display: block; } .content .accordian section p:last-child { margin: 0; } .spacing { margin-bottom: 1.5em; } .intro p { color: #5684a9; font-size: 3em; font-weight: 300; line-height: 1.5; } .intro p:first-child { font-family: "proxima-nova"; color: #7e7e7e; font-size: 4em; font-weight: 300; line-height: 1; } @media only screen and (min-width: 768px) { .intro .bodycontainer p:first-child { color: #074063; max-width: 530px; } .intro .bodycontainer p:last-child { color: #5681a6; float: right; font-weight: bold; } .intro .bodycontainer { padding: 50px 0; } .intro .bodycontainer { max-width: 1100px; margin: 0 auto } } html> /**/ body ul.ccm-search-block-tag-cloud { list-style-type: none; margin: 0px; padding: 0px } html> /**/ body ul.ccm-search-block-tag-cloud li { float: left; padding: 0; margin: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; height: auto; line-height: auto; } html> /**/ body ul.ccm-search-block-tag-cloud li a { padding: 8px; margin-right: 10px; margin-bottom: 10px; border: 2px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; color: #858585; font-weight: 700; text-transform: uppercase; } html> /**/ body ul.ccm-search-block-tag-cloud li a:hover { color: #53a2c8; border-color: #53a2c8; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } html> /**/ body ul.ccm-search-block-tag-cloud li span { display: none; } :first-child+html ul.ccm-search-block-tag-cloud li { float: left; margin-right: 20px; white-space: nowrap; padding: 0px; margin-left: 0px } * html ul.ccm-search-block-tag-cloud li { float: left; margin-right: 20px; white-space: nowrap; padding: 0px; margin-left: 0px } #google-business { background-image: url('../img/tour.jpg'); background-repeat: no-repeat; padding: 40px 40px 40px 40px; } .googleMapCanvas { width: 100%; border: 0px none; height: 500px; } .googleMapCanvas img { max-width: none !important; } .googleMapCanvas.mini { height: 300px; } #blockStyle1697Main26 { background-repeat: no-repeat; .ccm-gallery tbody tr td img { padding: 20px!important; } } .ccm-gallery tbody tr td p { text-align: center; } .ccm-gallery { margin-top: 12px; border: 2px solid #dedede; padding: 12px 0px 0px 0px; } .ccm-gallery tbody tr td { vertical-align: middle; text-align: center; } .ccm-gallery tbody tr td img { display: block; margin: auto; margin-bottom: 10px; cursor: pointer; } .callToAction h4 { color: white; } .content ul li { font-size: 1.6em; } small { font-size: 11px; } .number span:first-of-type { margin-right: 2px; } .footer__wrapper .line-spacer-dark { height: 429px; } .footer-bg, .footer__wrapper { background-color: white; } .footer__wrapper { padding-bottom: 70px; } .content .product__overview ul li p { font-size: inherit; } #footerContent #infoLogos img { margin-right: 1%; width: 32.5%; display: inline-block; float: left; } #footerContent #infoLogos img:last-child { margin-right: 0; } #infoLogos:before, #infoLogos:after { content: ''; clear: both; display: table; } .offer-wrapper:before { content: ''; } .offer-wrapper:after { content: ''; display: block; clear: both; } .offer-wrapper { margin: 1% 0 0 0; padding: 2px; opacity: 1; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .offer-wrapper:hover { opacity: 0.5; background-color: #ebebee; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .brochure-block { margin-top: 20px; } .brochure-block h3 { width: 95%; } .brochure-img-block { margin-bottom: 0; } .buyingGuide { width: 100%; } .last { margin-bottom: 2em; } .button-banner.whiterb { color: #333; border: 1px solid #333; } .button-banner.whiterb:hover { color: #333; border: 1px solid #56a4c9; } .button-banner.whiterb i { border-left: 1px solid #333; } .button-banner.whiterb:hover i { border-left: 1px solid #56a4c9; } @media (min-width: 1230px){ .button-banner.whiterb { color: white; border: 1px solid white; } .button-banner.whiterb:hover { color: white; border: 1px solid #56a4c9; } .button-banner.whiterb i { border-left: 1px solid white; } .button-banner.whiterb:hover i { border-left: 1px solid #56a4c9; } } #productsnav { padding-top: 100px; } section.narrow.productheader { padding: 6em 0; z-index: 1; } @media (min-width: 768px){ section.narrow.productheader { padding: 6em 0 12em; } } section.maincontent { padding: 0 0; } .productheader.white { background-color: #fff; } .productheader.grey { background-color: #ebebeb!important; } @media (min-width: 1230px){ .grey { background-color: #ebebeb!important; } } .two__col, .two__colnom { width: 100%; } .productBox.alt a h3{ padding: 15px 15px; } .productBox.alt a { padding-top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 24em; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1200px){ .productBox.alt a { padding: 0% 0px 0% 0px; } } .two__col .productBox { -webkit-box-shadow: none; box-shadow: none; } .two__col .productBox a:hover { background: transparent!important; } .two__col .productBox a:hover h3 { border: 1px solid white; background-color: #56a2c7; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; t } .two__col .content p { padding-right: 20px; } .two__col .content { width: 100%; position: relative; z-index: 1; background-color: #ebebeb; } .lastpara { position: relative; margin-top: 80px; background-color: #ebebeb; } .toppara { position: relative; margin-top: 0px; } .toppara p { position: relative; z-index: 1; float: right; font-weight: bolder; text-align: right; } .toppara .line-spacer-dark { top: -20%; right: 125px; height: 120%!important; margin: 0 0 0 0!important; z-index: 0; } .toppara.ol p { font-size: 24px; } .toppara p { color: #333; } @media (min-width: 1230px){ .toppara p { color: white; } } .features .wrap { padding: 30px 0; z-index: 2; } .two__col .line-spacer-dark { top: -10%; left: 125px; height: 120%!important; margin: 0 0 0 0!important; z-index: -1; } .productheader .line-spacer-dark { top: 30px; left: 270px; max-height: 150%; z-index: 0; } @media (min-width: 768px) { .productheader .line-spacer-dark { left: 300px; } } .whyChooseUs .line-spacer-dark { top: 0px; left: 300px; max-height: 110%; z-index: 0; } @media (min-width: 768px) { .whyChooseUs .line-spacer-dark { top: 30px; left: 360px; } } .productheader h1 { position: relative; color: #56a2c7; margin-bottom: 0; min-height: 50px; font-size: 20px; text-transform: uppercase; } @media (max-width: 1475px) { .whyChooseUs h1 { background-color: white; z-index: 1; } } .productheader h2 { position: relative; font-size: 37px; color: #363636; max-width: 570px; min-height: 56px; z-index: 1; text-transform: none; } .productheader.white h2 { background-color: #fff; } .productheader h3 { position: relative; font-size: 37px; color: #56a2c7; background-color: #fff; z-index: 1; } .productheader.grey h2 { background-color: #ebebeb; } .two__colnom .button-banner { width: 100%; margin-top: 25px; font-size: 12px; } .bodycontainer .two__colnom h2 { text-transform: none!important; font-size: 30px; color: white; } @media (min-width: 768px) { .two__colnom .button-banner { width: 80%; } .bodycontainer .two__colnom h2 { padding-right: 100px; } } @media (min-width: 1200px) { .two__colnom .button-banner { width: 40%; } .bodycontainer .two__colnom h2 { padding-right: 300px; } } .bodycontainer .button-banner { max-width: 100%; margin-top: 20px; } .contentwrap h3, .maincontent h3 { color: #56a4c9 } @media (min-width: 768px) { .contentwrap .half:last-child { max-width: 320px; } .toppara p { max-width: 240px; } .two__col { position: relative; float: left; width: 50%; overflow: none; } .two__colnom { float: left; width: 50%; } } @media (min-width: 768px){ .two__col { width: 100%; } } @media (min-width: 1200px){ .two__col { width: 50%; } } .contentwrap ul { margin-bottom: 50px; font-weight: 400; color: #555; list-style: circle!important; padding-left: 20px; } .contentwrap ul li { font-size: 20px; margin-bottom: 20px; list-style-type: disc; } .contentwrap .half .button-banner { max-width: 100%; font-size: 12px; margin-top: 40px; } .arrangequote { position: relative; padding: 0; } .arrangequote .line-spacer-dark{ top: 0; left: 280px; max-height: 90px; } @media (min-width: 768px){ .arrangequote .line-spacer-dark{ left: 330px; } } .arrangequote .fa{ position: absolute; top: 0px; right: 5px; color: white; font-size: 50px; transition: all 1s; z-index: 5; } @media (min-width: 768px){ .arrangequote .fa{ right: 50px; } } .arrangequote .fa{ } .arrangequote .fa:hover{ color: #56a4c9; } .arrangequote .fa::after{ position: absolute; bottom: 0; } .arrangequote .bodycontainer.blackcontent { min-height: 150px; background-color: #4d4d4d; } .arrangequote .button-banner.right:hover .fa { color: white; border-left: 1px solid #56a4c9; } .videos { position: relative; padding: 0; } .videos .bodycontainer { background-color: black; } .videos .line-spacer-dark{ top: 0; left: 280px; max-height: 90px; } .videos .fa{ position: absolute; top: 0; right: 0; color: white; font-size: 50px; transition: all 1s; } .videos .bodycontainer.blackcontent { min-height: 150px; background-color: #4d4d4d; } .videos .subheading { color: white; } .videoSection { position: relative; } .videoSection blockquote { position: relative; color: #333; font-size: 3em; line-height: 1.2; transition: all 1s; padding: 10px 76px 0px 10px; margin-top: 85px; } .videoSection blockquote::before { position: absolute; left: -20px; top: 45px; color: rgba(86,132,169,0.4); content: open-quote; font-size: 4em; line-height: 0.1em; vertical-align: -0.4em; margin-right: -20px; } .videoSection blockquote::after { position: absolute; bottom: -20px; right: 100px; z-index: 0; color: rgba(86,132,169,0.4); content: close-quote; font-size: 4em; line-height: 0.1em; vertical-align: -0.4em; } .videoSection .subheading { color: #333; } .videoSection .line-spacer-dark { position: absolute; top: 0px; left: 250px; height: 100px; width: 2px; transition: all 1s; } .selected { color: #56a4c9!important; } .selectedone { color: #56a4c9!important; transform: rotate(90deg); } .subheading { transition: all 1s; } .line-spacer-dark { transition: all 1s; } .changecolourblue { color: #56a4c9!important; transition: all 1s; } .changelinecolour { background-color: #56a4c9; transition: all 1s; } .arrangeaquoteform { display: none; transition: all 1s; } .videoEvent { display: none; transition: all 1s; } .testimonialsv2 { display: none; } .display { display: block; transition: all 1s; } .arrangeaquoteform .mini-quote-form { background: transparent; } .arrangeaquoteform .mini-quote-form input{ background: transparent; border: 3px solid #fff; padding: 15px; color: #fff; width: 100%; font-weight: 400; font-size: 1.6em; font-family: "proxima-nova"; } .arrangeaquoteform .mini-quote-form ::-webkit-input-placeholder { color: white; } .maincontent { background-color: white; padding: 50px 0; } .maincontent.cf .third:nth-child(2) { display: none; } .arrangeaquoteform .mini-quote-form { padding: 0; } @media only screen and (min-width: 900px) { .arrangeaquoteform .mini-quote-form input{ width: 30%; } .arrangeaquoteform .button-banner { width: 30% } .arrangeaquoteform .mini-quote-form { padding: 30px; } .formcontainer { margin-left: 25%; display: block; } .pdfcon { margin-top: 75px; } .bodycontainer .unit.third img { max-height: 400px; } .bodycontainer .unit.twoThirds.cf p{ max-width: 500px; font-size: 20px; font-weight: 100; } .maincontent.cf .smackbox-content a.smackbox img { width: 125px; height: 125px; } .maincontent.cf .smackbox-content a.smackbox { display: inline-block; width: 125px; height: 125px; position: relative; margin: 0px 20px 10px 0px !important; } .maincontent.cf .smackbox-content a.smackbox:hover img{ width: 125px; height: 125px; z-index:2; top:0px; left:0px; } .maincontent.cf .rollover { margin: 10px 20px 10px 0px; } .maincontent.cf .line-spacer-dark { margin-top: 65px; margin-left: 45%; height: 395px; } .maincontent.cf .third:nth-child(2) { display: block; } } @media (min-width: 1350px){ .arrangeaquoteform .button-banner { width: 20% } } .arrangeaquoteform .fa.fa-chevron-right { position: relative; font-size: 17px; color: #56a4c9; } .arrangequote .third { margin-right: 0; } .arrangequote .subtitle { position: relative; } .arrangequote .subtitle p { z-index: 1; } .arrangequote .subtitle blockquote { position: relative; color: white; font-size: 3em; line-height: 1.2; transition: all 1s; } @media (min-width: 900px) { .arrangequote .subtitle blockquote { padding: 40px 330px 0px 0px; } .arrangequote .subtitle blockquote:before { position: absolute; top: 105px; left: 80px; z-index: 0; } .arrangequote .subtitle blockquote:after { position: absolute; bottom: -30px; right: 130px; z-index: 0; } } .testimonialsv2 blockquote p { color: black!important; margin-bottom: 20px; } .testimonialsv2 blockquote small { color: white; } section.image-text.wrapper .bodycontainer img { display: block; width: 100%; } .main-content { background-color: white; } .subheadingcontainer { padding-bottom: 6em; } .subheadingcontainer h2 { text-transform: none; color: #363636; font-size: 37px; } .subheadingcontainer del { text-decoration: none; color: #56a2c7; } .main-content p { font-size: 20px; } @media (min-width: 768px) { .subheadingcontainer h2 { max-width: 920px; } .subheadingcontainer h2 { font-size: 50px; } .main-content .twoThirds p { max-width: 480px; } } .whyChooseUs .unit.half.last { padding-right: 50px; } .BrochuresVideos .unit.half.last { max-width: 100%; } .BrochuresVideos .contentwrap .half .button-banner { margin-top: 0; margin-bottom: 20px; } .BrochuresVideos .button-banner { color:white; } .BrochuresVideos .button-banner-text { padding: 1.2em 1.2em 1.2em 1.2em; } .BrochuresVideos .contentwrap .half:last-child { max-width: 100%; } @media (min-width: 1200px) { .BrochuresVideos .contentwrap .half { width: 45%; } } @media (max-width: 768px){ .BrochuresVideos .bodycontainer{ padding: 20px 0!important; } } .maincontent p, .features p{ font-size: 20px; } .angledoverlay { position: relative; display: block; background-color: #8b8b8b; background-blend-mode: multiply; min-height: 400px; background-size: 100%; background-position: right; background-repeat: no-repeat; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; z-index: 1; padding: 0; overflow: hidden; } @media (min-width: 1500px){ .angledoverlay { background-size: 70%; } } .angledimage { padding: 0; } .angledimage::before { position: absolute; content: ''; left: 0; top:0; width: 100%; height: 100%; background-color: #ebebeb; z-index: 1; } @media (min-width: 1230px){ .angledimage::before { position: absolute; content: ''; left: 0; top:0; width: 50%; height: 100%; background-color: #ebebeb; z-index: 1; } .angledimage::after { position: absolute; content: ''; left: 0%; top: 0; width: 100%; height: 100%; background-color: #ebebeb; transform: skewY(98deg); -webkit-transform: skewY(98deg); -moz-transform: skewY(98deg); -ms-transform: skewY(98deg); -o-transform: skewY(98deg); z-index: 1; } } @media (max-width: 1230px){ .angleimage } .pages .item blockquote p:before { display: none; } .pages .item.unit.third { position: relative; } .pages .item blockquote p{ text-indent: 1em!important; } .startQuote { position: absolute; background-image: url(../assets/img/SVG/Quotes.svg); left: 5px; top: 15px; background-repeat: no-repeat; background-size: 35px; height: 100%; width: 10%; z-index: 55; } .endquote { position: absolute; background-image: url(../assets/img/SVG/EndQuotes.svg); background-repeat: no-repeat; background-size: 35px; height: 100%; width: 10%; z-index: 55; } .arrangequote.pages .fa { font-size: inherit; } .arrangequote.pages .button-banner { width: 50%; } .arrangequote.pages .button-banner-text { padding: 20px; } .arrangequote.pages .descriptivecontent { } .fullWrapper.cf .line-spacer-dark { height: 120%; margin: 38px 22px 40px 250px; left: -60px; top: -60px; z-index: -1; } .bodycontainer { position: relative; padding: 60px 0 50px 0; font-size: 11px; background-color: #ebebeb; } .bodycontainer h3 { color: #56a2c7; margin-bottom: 20px } .bodycontainer p { margin-bottom: 0; line-height: 1.8; padding-bottom: 10px; } .bodycontainer.black { background-color: #333; overflow: hidden; } .bodycontainer.blackcontent { background-color: #333; clear: both; } .bodycontainer.blackcontent ul { list-style-type: square; color: #fff; margin-left: 40px; margin-bottom: 10px; max-width: 1000px; } .bodycontainer.black p, .bodycontainer.blackcontent p { color: #fff; } .contentwrap { margin: 0 auto; overflow: hidden; } .darkblue { color: #074063; } .lightblue { color: #5684a9; } .subheading.head { font-weight: 600; line-height: 1; font-size: 4em; margin-bottom: 20px; max-width: 900px; } .subheading.header { font-weight: 500; line-height: 1; font-size: 2.98em; margin-bottom: 100px; } .bodycontainer .contentwrap strong { color: #5699be; } .unit.third.last .responsiveimage { float: right; } @media only screen and (max-width: 1200px) { .toprow.cf, .bottomrow.cf, section.maincontent { padding: 20px!important; } } @media only screen and (max-width: 1200px) { .arrangequote.pages .bodycontainer { padding: 60px 20px 60px 0px!important; } } .toprow .unit.third.last.cf { float: right; } section.image-text.wrapper .bodycontainer.black { padding: 0; } section.image-text.wrapper ul { margin-left: 0; } section.image-text.wrapper ul li { list-style: none; } section.image-text.wrapper ul li:before { content: '✓'; margin-right: 10px; } @media only screen and (min-width: 768px) { .toprow.cf { padding: 60px 0 100px 0; } } @media only screen and (min-width: 1100px) { section.image-text.wrapper .bodycontainer::after { content: ""; position: absolute; background: rgb(235, 235, 235); top: 0px; left: 40%; height: 70vh; width: 16%; -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -ms-transform: skew(-15deg); transform: skew(-15deg); z-index: 0; } section.image-text.wrapper .bodycontainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } section.image-text.wrapper .bodycontainer .half:first-child { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 1; } .whyChoose .content { margin-top: -210px; padding-left: 100px; } } @media only screen and (min-width: 900px) { .wrap.content.whyChoose.cf .unit.third { float: right; } .testimonals-link, .maincontent-container { max-width: 770px; } } @media only screen and (max-width: 900px) { .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ccm-image-block { width: 50%; } } .numberhide { position: relative; bottom: 0; left: 0; display: block; z-index: 99; padding: 0 5%; margin-top: 50px; } .number small { font-weight: bold; text-transform: uppercase; color: #56a4c9; } @media (min-width:1200px){ .numberhide { display: none; } } .testimonals-link { background-color: white; padding: 5em; margin: 0 0 30px 0; } .testimonals-link span.half.last { text-align: right; } .testimonals-link h2 { color: #074063; font-weight: bold; text-transform: capitalize; font-size: 3.4em; } .testimonals-link blockquote { quotes: "\201C""\201D""\2018""\2019"; font-size: 24px; max-width: 250px; } .testimonals-link blockquote:before { color: #5684a9; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } .testimonals-link blockquote:after { color: #5684a9; content: close-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } .testimonals-link p { color: black!important; display: inline; line-height: 1; font-size: 1em; } .filecontainer a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .filecontainer.cf{ width: 100%; } .filecontainer h3 { font-size: 1.3em; } .maincontent.cf .file h3 { color: #0b6295; margin-bottom: 0; } .maincontent.cf .file.cf { margin-bottom: 25px; } .maincontent.cf .file.cf img { margin-right: 30px; } .maincontent.cf .fa.fa-cloud-download { color: #a6a6a6; } .maincontent.cf .unit.half.cf .mini-quote-form { position: relative; margin-bottom: 30px; } .maincontent.cf .unit.half.cf { width: 45.5%; } .maincontent.cf .mini-quote-form { padding: 40px 40px; } .maincontent.cf .mini-quote-form h4 { font-size: 2.4em; padding-bottom: 40px; z-index: 2; } .maincontent.cf .mini-quote-form p { max-width: 350px; } .maincontent.cf button.small.left.button.lightBlueBg { float: right; } .maincontent .half:nth-child(even) { float: left!important; } .twocol.cf { position: relative; padding: 30px 0; } .twocol.cf .unit.half.cf h3:last-of-type { padding-top: 1em; } @media only screen and (min-width: 900px) { .unit.half.cf.altered { position: absolute; right: 0; bottom: 0; } .unit.half.cf.altered .mini-quote-form { margin-bottom: 30px!important; } } section.EnergyRatings { padding: 0 0; position: relative; } section.EnergyRatings .bodycontainer.blackcontent{ padding: 50px 0; } section.EnergyRatings .bodycontainer.blackcontent h3{ color: white; } section.EnergyRatings .bodycontainer.blackcontent .subheading.head { color: #56a2c7; } section.EnergyRatings .bodycontainer.blackcontent .ccm-image-block { width: auto; } .productselect { position: relative; background: #56a2c7; height: 350px; margin: 0 0 55px; overflow: hidden; } .productselect a { max-height: 350px; height: 100%; overflow: hidden; position: relative } .productselect a::after { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background-color: #56a2c7; opacity: 0.5; z-index: 1; } .productselect:hover a:after { background-color: transparent; } .productselect a img { position: absolute; float: left; width: auto; max-width: 100%; min-width: 100%; opacity: 0.7; transition: all 0.2s ease; z-index: 1 } .productselect .title { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 53px; text-align: center; z-index: 2; opacity: 1; transition: all 0.2s ease } .productselect .title h3 { margin-bottom: 0; font-size: 3em; line-height: 1; border: 1px solid white; background-color: #56a2c7; padding: 10px; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; color: white; } .productselect .title p { text-transform: uppercase; color: #81D6FF; font-family: "proxima-nova"; } .productRanges .productselect .title p { display: none } .productselect .description { color: #fff; text-align: center; padding: 0 40px; opacity: 0; font-family: "proxima-nova" } .productselect:hover .title { opacity: 0; transition: all 0.2s ease } .productselect:hover .description { opacity: 1; font-size: 24px; } .productselect:hover img { opacity: 0.2; transition: all 0.2s ease } @media only screen and (max-width: 1475px) { #productselect { background-position: 75px 56px } #productselect { padding-top: 50px !important } } @media only screen and (max-width: 1200px) { .products a img { min-height: 100%; min-width: 100%; max-width: 100% } } .slick-slide { background-color: transparent; max-height: 800px; } .inner{ margin-top: 12%; } @supports not (mix-blend-mode: multiply) { .angledoverlay::after { content: ''; background-color: rgba(139, 139, 139, 0.48); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 0; } } .number-mobile { padding: 5px 0; text-align: center; } @media only screen and (min-width: 768px) { .number-mobile { display: none; } } @media only screen and (min-width: 600px) { .numberhide-mobile { display: none; } } @media all and (-ms-high-contrast:none) { .angledoverlay{ position: relative; } .angledoverlay:before{ content: ''; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-color: rgba(139, 139, 139, 0.48); } } .powerSliderShell { height: 610px !important; } .btn-slavery { max-width: 380px; } /*! * jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/) * Author: boniface pereira * Website: www.craftpip.com * Contact: hey@craftpip.com * * Copyright 2013-2019 jquery-confirm * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE) */ @-webkit-keyframes jconfirm-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes jconfirm-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } body[class*=jconfirm-no-scroll-] { overflow: hidden !important; } .jconfirm { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999; font-family: inherit; overflow: hidden; } .jconfirm .jconfirm-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: opacity .4s; transition: opacity .4s; } .jconfirm .jconfirm-bg.jconfirm-bg-h { opacity: 0 !important; } .jconfirm .jconfirm-scrollpane { -webkit-perspective: 500px; perspective: 500px; -webkit-perspective-origin: center; perspective-origin: center; display: table; width: 100%; height: 100%; } .jconfirm .jconfirm-row { display: table-row; width: 100%; } .jconfirm .jconfirm-cell { display: table-cell; vertical-align: middle; } .jconfirm .jconfirm-holder { max-height: 100%; padding: 50px 10px; } .jconfirm .jconfirm-box-container { -webkit-transition: -webkit-transform; transition: -webkit-transform; transition: transform; transition: transform, -webkit-transform; max-width: 500px; margin: 0 auto; } .jconfirm .jconfirm-box-container.jconfirm-no-transition { -webkit-transition: none !important; transition: none !important; } .jconfirm .jconfirm-box { background: white; border-radius: 4px; position: relative; outline: none; padding: 15px 15px 0; overflow: hidden; margin-left: auto; margin-right: auto; } @-webkit-keyframes type-blue { 1%, 100% { border-color: #3498db; } 50% { border-color: #5faee3; } } @keyframes type-blue { 1%, 100% { border-color: #3498db; } 50% { border-color: #5faee3; } } @-webkit-keyframes type-green { 1%, 100% { border-color: #2ecc71; } 50% { border-color: #54d98c; } } @keyframes type-green { 1%, 100% { border-color: #2ecc71; } 50% { border-color: #54d98c; } } @-webkit-keyframes type-red { 1%, 100% { border-color: #e74c3c; } 50% { border-color: #ed7669; } } @keyframes type-red { 1%, 100% { border-color: #e74c3c; } 50% { border-color: #ed7669; } } @-webkit-keyframes type-orange { 1%, 100% { border-color: #f1c40f; } 50% { border-color: #f4d03f; } } @keyframes type-orange { 1%, 100% { border-color: #f1c40f; } 50% { border-color: #f4d03f; } } @-webkit-keyframes type-purple { 1%, 100% { border-color: #9b59b6; } 50% { border-color: #b07cc6; } } @keyframes type-purple { 1%, 100% { border-color: #9b59b6; } 50% { border-color: #b07cc6; } } @-webkit-keyframes type-dark { 1%, 100% { border-color: #34495e; } 50% { border-color: #46627f; } } @keyframes type-dark { 1%, 100% { border-color: #34495e; } 50% { border-color: #46627f; } } .jconfirm .jconfirm-box.jconfirm-type-animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .jconfirm .jconfirm-box.jconfirm-type-blue { border-top: solid 7px #3498db; -webkit-animation-name: type-blue; animation-name: type-blue; } .jconfirm .jconfirm-box.jconfirm-type-green { border-top: solid 7px #2ecc71; -webkit-animation-name: type-green; animation-name: type-green; } .jconfirm .jconfirm-box.jconfirm-type-red { border-top: solid 7px #e74c3c; -webkit-animation-name: type-red; animation-name: type-red; } .jconfirm .jconfirm-box.jconfirm-type-orange { border-top: solid 7px #f1c40f; -webkit-animation-name: type-orange; animation-name: type-orange; } .jconfirm .jconfirm-box.jconfirm-type-purple { border-top: solid 7px #9b59b6; -webkit-animation-name: type-purple; animation-name: type-purple; } .jconfirm .jconfirm-box.jconfirm-type-dark { border-top: solid 7px #34495e; -webkit-animation-name: type-dark; animation-name: type-dark; } .jconfirm .jconfirm-box.loading { height: 120px; } .jconfirm .jconfirm-box.loading:before { content: ''; position: absolute; left: 0; background: white; right: 0; top: 0; bottom: 0; border-radius: 10px; z-index: 1; } .jconfirm .jconfirm-box.loading:after { opacity: 0.6; content: ''; height: 30px; width: 30px; border: solid 3px transparent; position: absolute; left: 50%; margin-left: -15px; border-radius: 50%; -webkit-animation: jconfirm-spin 1s infinite linear; animation: jconfirm-spin 1s infinite linear; border-bottom-color: dodgerblue; top: 50%; margin-top: -15px; z-index: 2; } .jconfirm .jconfirm-box div.jconfirm-closeIcon { height: 20px; width: 20px; position: absolute; top: 10px; right: 10px; cursor: pointer; opacity: .6; text-align: center; font-size: 27px !important; line-height: 14px !important; display: none; z-index: 1; } .jconfirm .jconfirm-box div.jconfirm-closeIcon:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .fa { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon:hover { opacity: 1; } .jconfirm .jconfirm-box div.jconfirm-title-c { display: block; font-size: 22px; line-height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; padding-bottom: 15px; } .jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand { cursor: move; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { font-size: inherit; display: inline-block; vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i { vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: inherit; font-family: inherit; display: inline-block; vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-content-pane { margin-bottom: 15px; height: auto; -webkit-transition: height 0.4s ease-in; transition: height 0.4s ease-in; display: inline-block; width: 100%; position: relative; overflow-x: hidden; overflow-y: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll { overflow-y: hidden; } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar { width: 3px; } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb { background: #666; border-radius: 3px; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content { overflow: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img { max-width: 100%; height: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty { display: none; } .jconfirm .jconfirm-box .jconfirm-buttons { padding-bottom: 11px; } .jconfirm .jconfirm-box .jconfirm-buttons > button { margin-bottom: 4px; margin-left: 2px; margin-right: 2px; } .jconfirm .jconfirm-box .jconfirm-buttons button { display: inline-block; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 4px; min-height: 1em; -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease; transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; -webkit-tap-highlight-color: transparent; border: none; background-image: none; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue { background-color: #3498db; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background .2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover { background-color: #2980b9; color: #FFF; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green { background-color: #2ecc71; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background .2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover { background-color: #27ae60; color: #FFF; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red { background-color: #e74c3c; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background .2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover { background-color: #c0392b; color: #FFF; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange { background-color: #f1c40f; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background .2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover { background-color: #f39c12; color: #FFF; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default { background-color: #ecf0f1; color: #000; text-shadow: none; -webkit-transition: background .2s; transition: background .2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover { background-color: #bdc3c7; color: #000; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple { background-color: #9b59b6; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background .2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover { background-color: #8e44ad; color: #FFF; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark { background-color: #34495e; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background .2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover { background-color: #2c3e50; color: #FFF; } .jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c { color: #e74c3c !important; } .jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c { color: #3498db !important; } .jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c { color: #2ecc71 !important; } .jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c { color: #9b59b6 !important; } .jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c { color: #f1c40f !important; } .jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c { color: #34495e !important; } .jconfirm .jconfirm-clear { clear: both; } .jconfirm.jconfirm-rtl { direction: rtl; } .jconfirm.jconfirm-rtl div.jconfirm-closeIcon { left: 5px; right: auto; } .jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg { background-color: #444; opacity: .2; } .jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); border-radius: 5px; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons { float: right; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button { text-transform: uppercase; font-size: 14px; font-weight: bold; text-shadow: none; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default { -webkit-box-shadow: none; box-shadow: none; color: #333; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover { background: #ddd; } .jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm.jconfirm-black .jconfirm-bg, .jconfirm.jconfirm-dark .jconfirm-bg { background-color: darkslategray; opacity: .4; } .jconfirm.jconfirm-black .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); background: #444; border-radius: 5px; color: white; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons { float: right; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button { border: none; background-image: none; text-transform: uppercase; font-size: 14px; font-weight: bold; text-shadow: none; -webkit-transition: background .1s; transition: background .1s; color: white; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default { -webkit-box-shadow: none; box-shadow: none; color: #fff; background: none; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover { background: #666; } .jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake { -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow { -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-webkit-keyframes shake { 10%, 90% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-8px, 0, 0); transform: translate3d(-8px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(8px, 0, 0); transform: translate3d(8px, 0, 0); } } @keyframes shake { 10%, 90% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-8px, 0, 0); transform: translate3d(-8px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(8px, 0, 0); transform: translate3d(8px, 0, 0); } } @-webkit-keyframes glow { 0%, 100% { -webkit-box-shadow: 0 0 0px red; box-shadow: 0 0 0px red; } 50% { -webkit-box-shadow: 0 0 30px red; box-shadow: 0 0 30px red; } } @keyframes glow { 0%, 100% { -webkit-box-shadow: 0 0 0px red; box-shadow: 0 0 0px red; } 50% { -webkit-box-shadow: 0 0 30px red; box-shadow: 0 0 30px red; } } /*Transition rules*/ .jconfirm { -webkit-perspective: 400px; perspective: 400px; } .jconfirm .jconfirm-box { opacity: 1; -webkit-transition-property: all; transition-property: all; } .jconfirm .jconfirm-box.jconfirm-animation-top, .jconfirm .jconfirm-box.jconfirm-animation-left, .jconfirm .jconfirm-box.jconfirm-animation-right, .jconfirm .jconfirm-box.jconfirm-animation-bottom, .jconfirm .jconfirm-box.jconfirm-animation-opacity, .jconfirm .jconfirm-box.jconfirm-animation-zoom, .jconfirm .jconfirm-box.jconfirm-animation-scale, .jconfirm .jconfirm-box.jconfirm-animation-none, .jconfirm .jconfirm-box.jconfirm-animation-rotate, .jconfirm .jconfirm-box.jconfirm-animation-rotatex, .jconfirm .jconfirm-box.jconfirm-animation-rotatey, .jconfirm .jconfirm-box.jconfirm-animation-scaley, .jconfirm .jconfirm-box.jconfirm-animation-scalex { opacity: 0; } .jconfirm .jconfirm-box.jconfirm-animation-rotate { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .jconfirm .jconfirm-box.jconfirm-animation-rotatex { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotatexr { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotatey { -webkit-transform: rotatey(90deg); transform: rotatey(90deg); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotateyr { -webkit-transform: rotatey(-90deg); transform: rotatey(-90deg); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-scaley { -webkit-transform: scaley(1.5); transform: scaley(1.5); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-scalex { -webkit-transform: scalex(1.5); transform: scalex(1.5); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-top { -webkit-transform: translate(0px, -100px); transform: translate(0px, -100px); } .jconfirm .jconfirm-box.jconfirm-animation-left { -webkit-transform: translate(-100px, 0px); transform: translate(-100px, 0px); } .jconfirm .jconfirm-box.jconfirm-animation-right { -webkit-transform: translate(100px, 0px); transform: translate(100px, 0px); } .jconfirm .jconfirm-box.jconfirm-animation-bottom { -webkit-transform: translate(0px, 100px); transform: translate(0px, 100px); } .jconfirm .jconfirm-box.jconfirm-animation-zoom { -webkit-transform: scale(1.2); transform: scale(1.2); } .jconfirm .jconfirm-box.jconfirm-animation-scale { -webkit-transform: scale(0.5); transform: scale(0.5); } .jconfirm .jconfirm-box.jconfirm-animation-none { visibility: hidden; } .jconfirm.jconfirm-supervan .jconfirm-bg { background-color: rgba(54, 70, 93, 0.95); } .jconfirm.jconfirm-supervan .jconfirm-box { background-color: transparent; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark { border: none; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon { color: white; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c { text-align: center; color: white; font-size: 28px; font-weight: normal; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * { padding-bottom: 25px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane { margin-bottom: 25px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content { text-align: center; color: white; } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons { text-align: center; } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button { font-size: 16px; border-radius: 2px; background: #303f53; text-shadow: none; border: none; color: white; padding: 10px; min-width: 100px; } .jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm.jconfirm-material .jconfirm-bg { background-color: rgba(0, 0, 0, 0.67); } .jconfirm.jconfirm-material .jconfirm-box { background-color: white; -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); padding: 30px 25px 10px 25px; } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 22px; font-weight: bold; } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons { text-align: right; } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button { text-transform: uppercase; font-weight: 500; } .jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm.jconfirm-bootstrap .jconfirm-bg { background-color: rgba(0, 0, 0, 0.21); } .jconfirm.jconfirm-bootstrap .jconfirm-box { background-color: white; -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2); border: solid 1px rgba(0, 0, 0, 0.4); padding: 15px 0 0; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 22px; font-weight: bold; padding-left: 15px; padding-right: 15px; } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content { color: rgba(0, 0, 0, 0.87); padding: 0px 15px; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons { text-align: right; padding: 10px; margin: -5px 0 0px; border-top: solid 1px #ddd; overflow: hidden; border-radius: 0 0 4px 4px; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button { font-weight: 500; } .jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm.jconfirm-modern .jconfirm-bg { background-color: slategray; opacity: .6; } .jconfirm.jconfirm-modern .jconfirm-box { background-color: white; -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); padding: 30px 30px 15px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); top: 15px; right: 15px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 10px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; -webkit-transform: scale(0); transform: scale(0); display: block; margin-right: 0px; margin-left: 0px; margin-bottom: 10px; font-size: 69px; color: #aaa; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content { text-align: center; font-size: 15px; color: #777; margin-bottom: 25px; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons { text-align: center; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button { font-weight: bold; text-transform: uppercase; -webkit-transition: background .1s; transition: background .1s; padding: 10px 20px; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button { margin-left: 4px; } .jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { -webkit-transform: scale(1); transform: scale(1); } /*! Green17 NEW Forms */ ul.quote-nav { list-style: none; margin-bottom: 35px; } ul.quote-nav li { margin-bottom: 5px; } ul.quote-nav li a { background: #D1DFEC; color: #064164; font-size: 18px; font-weight: 600; width: 100%; display: inline-block; text-align: center; padding: 20px 15px; transition: background 0.2s ease-in-out; } ul.quote-nav li a:hover, ul.quote-nav li a:focus { background: #B5D6F7; } ul.quote-nav li a.active { color: #fff; background: #064164; } .hidden { display: none; } .btn-primary { display: inline-block; text-transform: uppercase; background: #3C88B5; color: #fff; border-radius: 4px; padding: 20px; font-size: 20px; font-weight: 600; cursor: pointer; transition: background 0.2s ease-in-out; } .btn-primary:hover, .btn-primary:focus { background: #206E9C; } .btn-panel { display: block; background: #B1B1B1; color: #fff; font-size: 28px; font-weight: 600; padding: 15px 0; /*cursor: pointer;*/ transition: background 0.2s ease-in-out, color 0.2s ease-in-out; margin: 3px 0 0; } .btn-panel.first { margin-top: 0; background: #064164; } .btn-panel:hover, .btn-panel:focus { color: #fff; } .btn-panel.active, .btn-panel.visited { background: #064164; } .btn-panel.error { background: red; } .panel { overflow: hidden; height: 0; /*padding: 30px 0px 60px;*/ } .panel.active { height: auto; padding: 30px 0px 60px; } .panel.show { height: auto; padding: 30px 0px 60px; } .panel.start-active { display: block; } .panel .quote-field { display: inline-block; vertical-align: top; width: 100%; margin: 0 0 10px; } .panel .quote-field-postcode { max-width: 400px; } .panel .quote-field label { color: #3C88B5; font-size: 20px; margin: 10px 0 5px; display: block; } .panel .quote-range { text-transform: uppercase; font-size: 14px; margin: 5px 0 10px; font-weight: 600; font-style: italic; color: #3C88B5; } .panel .quote-range span { margin: 0 15px 0 0; } ul.quote-list { list-style: none; margin-right: -10px; margin-left: -10px; } ul.quote-list li { display: inline-block; vertical-align: top; width: 100%; padding-right: 10px; padding-left: 10px; margin: 15px 0; } ul.quote-list li.glaze-option.hidden { display: none; } ul.quote-list li.glaze-option-resi.hidden { display: none; } ul.quote-list li a { display: inline-block; text-align: center; /* width: 100%; */ cursor: pointer; } ul.quote-list li a .img { padding: 5px; } ul.quote-list li a .img img { max-width: 100%; } ul.quote-list li a .info { position: relative; display: block; } ul.quote-list li a .info .title, ul.quote-list li a .info .title2 { width: 100%; color: #3C88B5; font-size: 24px; font-weight: 500; line-height: 28px; } ul.quote-list li a .info .select { border: 2px solid #B5D6EC; background: #D1DFEC; position: absolute; width: 46px; height: 46px; border-radius: 100%; transition: background 0.2s ease-in-out, border 0.2s ease-in-out; } ul.quote-list li a:hover .info .select, ul.quote-list li a:focus .info .select { border: 2px solid #82A6BF; background: #B9CFE6; } ul.quote-list li a.selected .info .select { border: 2px solid #82A6BF; background: #C5D285; } ul.quote-list li a .info .select .tick { background: url('../../img/quote-tick.png'); background-size: 60%; background-repeat: no-repeat; background-position: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: opacity 0.2s ease-in-out; } ul.quote-list li a:hover .info .select .tick, ul.quote-list li a:focus .info .select .tick, ul.quote-list li a.selected .info .select .tick { opacity: 1; } ul.quote-styles li a { border: 2px solid #B5D6EC; border-radius: 4px; background: #D1DFEC; transition: background 0.2s ease-in-out, border 0.2s ease-in-out; } ul.quote-styles li a:hover, ul.quote-styles li a:focus, ul.quote-styles li a.selected { border: 2px solid #82A6BF; background: #B9CFE6; } ul.quote-styles li a .info { background: #fff; padding: 15px 15px 25px; } ul.quote-styles li a .info .select { left: 50%; margin-left: -23px; bottom: -23px; } ul.quote-layouts { display: none; } ul.quote-layouts.show { display: block; } ul.quote-layouts li { margin: 15px 0 30px; } ul.quote-layouts li a .img img { max-width: 100%; height: 180px; } ul.quote-layouts li a .info .title, ul.quote-layouts li a .info .title2 { width: 100%; color: #3C88B5; font-size: 24px; font-weight: 500; line-height: 28px; padding: 0 55px; } ul.quote-layouts li a .info .select { right: 0; bottom: -12px; } ul.quote-colours { display: none; } ul.quote-colours.show { display: block; } ul.quote-colours li { margin: 15px 0 30px; } ul.quote-colours li a .img img { max-width: 100%; height: 130px; } ul.quote-colours li a .info .title, ul.quote-colours li a .info .title2 { padding-top: 20px; } ul.quote-colours li a .info .select { left: 50%; margin-left: -23px; top: -34px; } ul.quote-glazing li { margin: 15px 0 30px; } ul.quote-glazing li.glazing-title, ul.quote-glazing li.glazing-title2 { width: 100%; font-size: 24px; font-weight: 600; margin: 15px 0 0; color: #064164; text-align: center; } ul.quote-glazing li a .img img { max-width: 100%; height: 130px; } ul.quote-glazing li a .img.resi img { max-width: 100%; height: 280px; } ul.quote-glazing li a .info .title, ul.quote-glazing li a .info .title2 { padding-top: 20px; } ul.quote-glazing li a .info .select { left: 50%; margin-left: -23px; top: -34px; } ul.quote-handles { display: none; } ul.quote-handles.show { display: block; } ul.quote-handles li { margin: 15px 0 30px; } ul.quote-handles li a .img img { max-width: 100%; height: 200px; } ul.quote-handles li a .info .title, ul.quote-handles li a .info .title2 { padding-top: 20px; } ul.quote-handles li a .info .select { left: 50%; margin-left: -23px; top: -34px; } ul.quote-vents li a .info .title2 { position: relative; display: inline; } ul.quote-vents li a .info .title2 .select { right: -60px; bottom: -8px; } div span.small { font-size: 16px; display: block; } @media only screen and (min-width: 888px) { div span.small { display: inline; } } input.error { border-color: red; } .field-error ul { list-style: none; color: red; text-align: left; margin: 5px 0 5px; font-size: 14px; font-weight: 500; } .field-error-postcode ul { display: inline-block; } .error-box ul { list-style: none; color: red; border: 2px solid red; padding: 10px; border-radius: 4px; } .error-box ul li { font-size: 18px; font-weight: 500; } .freeform-form-has-errors { padding: 20px 0; font-size: 22px; font-weight: 600; text-align: center; background: red; color: #fff; } .quote-postcode-l { display: none!important; } .quote-postcode-p { font-size: 20px; margin: 10px 0 0; } .tac { text-align: center; } .npb { padding-bottom: 0; } .header-wrap { position: relative; padding: 0px 0px; margin: 0 0 60px; } .header-wrap .line-spacer-dark { max-height: 150%; top: 0; left: 200px; z-index: 1; } .above-h1 { color: #56a2c7; margin-bottom: 0; font-size: 20px; text-transform: uppercase; font-weight: 600; } .quote-h1 { font-size: 37px; color: #363636; text-transform: none; background: #ebebeb; font-weight: 800; z-index: 2; position: relative; } .quote-text { margin-bottom: 30px; } .quote-footer { background: #D1DFEC; color: #3C88B5; font-size: 22px; margin-top: 3px; } section.footer-links .wrap { font-size: 16px; } .alert.alert-danger { color: red; border: 2px solid red; border-radius: 4px; text-align: center; padding: 15px; font-size: 18px; font-weight: 600; } .jconfirm-title-c { text-align: center; } .jconfirm-content { text-align: center; } .jconfirm-content ul { font-size: 14px; font-style: italic; margin-bottom: 10px; } .jconfirm-buttons { width: 100%; text-align: center; } .jconfirm-buttons button { background: #3C88B5!important; color: #fff!important; transition: background 0.2s ease-in-out; } .jconfirm-buttons button:hover, .jconfirm-buttons button:focus { background: #206E9C!important; } .postcode-not-covered{ } @media only screen and (min-width: 480px) { ul.quote-list li { width: 50%; } ul.quote-colours li { width: 33.333333%; } /* ul.composite-glazing{ width: 100%; } ul.composite-glazing li{ width: 20%; }*/ ul.quote-handles li { width: 33.333333%; } .panel .quote-field.sm-6 { width: 50%; } } @media only screen and (min-width: 680px) { ul.quote-nav { margin-bottom: 0; } ul.quote-nav li { display: inline-block; vertical-align: bottom; margin-bottom: 0; width: 33%; transform: skewX(-12deg); } ul.quote-nav li:nth-child(1) { padding-right: 3px; } ul.quote-nav li:nth-child(2) { padding-right: 3px; padding-left: 3px; } ul.quote-nav li:nth-child(3) { padding-left: 3px; } ul.quote-nav li a span { transform: skewX(12deg); display: inline-block; } ul.quote-nav li a.active { padding: 25px 15px; } .quote-text { margin-bottom: 50px; } } @media only screen and (min-width: 992px) { ul.quote-nav li a { font-size: 22px; } ul.quote-list li { width: 25%; } ul.quote-glazing { width: 50%; display: inline-block; } ul.quote-glazing:last-of-type { margin: 0 0 0 20px; } ul.quote-glazing li { width: 50%; } ul.composite-glazing{ width: 100%; } ul.composite-glazing li{ width: 20%; } .panel .quote-field.md-4 { width: 33%; } .panel .quote-field.md-6 { width: 50%; } .panel .qf-md-left { padding-right: 10px; } .panel .qf-md-right { padding-left: 10px; } .header-wrap { width: 40%; display: inline-block; vertical-align: top; margin: 0; padding: 0px 0px 20px 0; } .quote-text { width: 60%; display: inline-block; vertical-align: top; } .quote-postcode-l { display: block!important; } .quote-postcode-p { font-size: 20px; margin: 0; line-height: 56px; } } @media only screen and (min-width: 1200px) { ul.quote-nav li a { font-size: 28px; } ul.quote-list li { width: 24%; } ul.quote-colours li { width: 16.666666%; } ul.quote-glazing li { width: 50%; } ul.composite-glazing{ width: 100%; } ul.composite-glazing li{ width: 16%; } ul.quote-handles li { width: 16.666666%; } .header-wrap { width: 30%; } .quote-text { width: 70%; } } .hidden{ display: none; } .quote-field .checkbox{ margin-top: 39px; margin-bottom: 24px; } .quote-field .checkbox input{ /* width: 51px; */ } .checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } ul#composite-doors-layouts-list li a .img img { height: 340px; } ul#composite-doors-layouts-list li a .info { top: 7px; width: 100%; } ul#composite-doors-layouts-list li a .info .select { right: 42%; top: -54px; } @media only screen and (min-width: 992px) { ul.quote-glazing.upvc-glazing.width { width: 40%; } } @media only screen and (min-width: 1200px) { ul.quote-glazing.upvc-glazing.width { width: 30%; } } @media only screen and (max-width: 768px) { #sliders { height: 100%; } } /*#sliders { height: 640px; }*/ .btn-another-quote:hover { color: #fff!important; } .quote-bar { background-color: #064164; padding: 8px 0; } .btn-quote { font-size: 21px; text-transform: none; background-color: #064164; border: solid 1px #fff; padding: 12px 15px 12px 18px; /*margin-left: 76px;*/ } .btn-quote:hover { background-color: #fff; color: #064164; } .btn-quote span { font-weight: 900; } .quote-bar .quote-line { font-size: 24px; font-weight: 700; color: #fff; display: inline-block; margin-top: 8px; /*margin-left: 23px;*/ } .quote-bar .quote-line span { font-weight: 900; } .quote-container { text-align: center; } .quote-bar br { display: block; } .nav .btn-quote { font-size: 20px; color: #fff!important; text-align: center; text-transform: none; padding: 3px 15px 9px 15px; margin-top: -13px; } .nav .btn-quote:hover { background-color: #fff; color: #064164!important; border: solid 1px #064164; } .nav .btn-quote span.trade { display: block; font-size: 12px; font-weight: 700; line-height: 10px; } #subNavMobile .btn-quote span.trade { display: block; font-size: 12px; font-weight: 700; line-height: 10px; } #subNavMobile .btn-quote:hover { background-color: #fff; color: #064164!important; border: solid 1px #064164; } #subNavMobile .btn-quote { font-size: 20px; color: #fff!important; text-align: center; text-transform: none; padding: 3px 15px 9px 15px; margin-top: 20px; } /*.nav li:last-of-type::after { display: none; }*/ .nav li { vertical-align: top; margin-right: -20px; } .nav a.btn.btn-primary.btn-quote { line-height: 23px; } @media only screen and (min-width: 888px) { .quote-bar br { display: none; } .quote-container { text-align: left; } .quote-bar .btn-quote { margin-left: 76px; } .quote-bar .quote-line { margin-left: 23px; margin-top: 0; } } @media only screen and (min-width: 1286px) { .btn-quote br { display: none; } .nav a.btn.btn-primary.btn-quote { line-height: 30px; } } @media only screen and (min-width: 1200px) { .toggleDrop { display: block; } } @media only screen and (min-width: 1236px) { #subNavMobile .btn-quote { display: inline-block; } .toggleDrop { display: none; } } @media only screen and (max-width: 1236px) { #header ul li:after { display: none; } #showMobileNav { display: block; } #navigation, #subHeader { display: none; } .nav .btn-quote { display: none; } #navigation.active { float: left; width: 100%; margin-top: 5%; } #navigation, #navigation #subNavMobile { clear: both; } #header ul { position: relative; float: none; right: auto; top: auto; line-height: normal; margin-top: auto; } #header ul li { display: block; position: relative; width: 100%; } #header ul li.nav-dropdown span.toggleDrop { font-size: 1.2em; position: absolute; right: 0; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; color: #252525; padding: 15px 20px; height: 49px; cursor: pointer; background: #d5d5d5; } span.toggleDrop .fa-chevron-down { transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } #header ul li a { border-bottom: 1px solid #eee; display: block; padding: 15px 3em 15px 10px!important; } #header ul li.nav-dropdown:before { content: ''; } #header ul li ul.submenu { position: static; } #subNavMobile { display: inherit; } } @media only screen and (min-width: 1473px) { .nav li { margin-right: 2em; } } @media only screen and (min-width: 1476px) { .quote-bar { margin-top: 90px; } } @media only screen and (max-width: 1475px) { #header a { padding-right: 15px; } #header ul li.nav-dropdown, .nav li { margin-right: 0px; } .nav li:last-of-type { margin-right: 15px!important; } #header ul li a { padding: 0 20px; } #header ul li:after { left: 6px; } #header ul li.nav-dropdown:before { right: 0px; } #header ul li.nav-dropdown.sub-drop:before { right: 20px; } } /*.checkbox label:after, .radio label:after { content: ''; display: table; clear: both; } .checkbox .cr, .radio .cr { position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: .25em; width: 1.3em; height: 1.3em; float: left; margin-right: .5em; } .radio .cr { border-radius: 50%; } .checkbox .cr .cr-icon, .radio .cr .cr-icon { position: absolute; font-size: .8em; line-height: 0; top: 50%; left: 20%; } .radio .cr .cr-icon { margin-left: 0.04em; } .checkbox label input[type="checkbox"], .radio label input[type="radio"] { display: none; } .checkbox label input[type="checkbox"] + .cr > .cr-icon, .radio label input[type="radio"] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in; } .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .radio label input[type="radio"]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1; } .checkbox label input[type="checkbox"]:disabled + .cr, .radio label input[type="radio"]:disabled + .cr { opacity: .5; }*/ .text-center { text-align: center; } .mt100 { margin-top: 100px !important; } .mb100 { margin-bottom: 100px !important; }