@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800&font-display:swap'); body .extendedwopts-show{display:none}body .widgetopts-hide_title .widget-title{display:none}body .extendedwopts-md-right{text-align:right}body .extendedwopts-md-left{text-align:left}body .extendedwopts-md-center{text-align:center}body .extendedwopts-md-justify{text-align:justify}@media screen and (min-width:769px){body .extendedwopts-hide.extendedwopts-desktop{display:none}body .extendedwopts-show.extendedwopts-desktop{display:block}body .widget.clearfix-desktop{clear:both}}@media screen and (max-width:768px) and (min-width:737px){body .extendedwopts-hide.extendedwopts-tablet{display:none}body .extendedwopts-show.extendedwopts-tablet{display:block}body .widget.clearfix-desktop{clear:none}body .widget.clearfix-tablet{clear:both}}@media screen and (max-width:736px){body .extendedwopts-hide.extendedwopts-mobile{display:none}body .extendedwopts-show.extendedwopts-mobile{display:block}body .widget.clearfix-desktop,body .widget.clearfix-tablet{clear:none}body .widget.clearfix-mobile{clear:both}}img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}body,h6{line-height:1.6}.container{min-width:320px;position:relative;padding:0 20px;width:100%;margin:0 auto}ol,p,ul{margin-top:0}html{font-size:62.5%}body{font-size:1.5em;font-weight:400;font-family:Raleway,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#222}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:3rem;line-height:1.3}h4{font-size:2.4rem;line-height:1.35}h5{font-size:1.8rem;line-height:1.5}h6{font-size:1.5rem}@media (min-width:550px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}a{color:#1eaedb}a:hover{color:#0fa0ce}h1{font-size:34px;line-height:34x;color:#f35c23;font-weight:700}h2{font-size:24px;line-height:28px;color:#f35c23;font-weight:600}h3{font-size:21px;line-height:24px;color:#f35c23;font-weight:600}h4{font-size:18px;line-height:24px;color:#f35c23;font-weight:600}h5{font-size:15px;font-weight:700;color:#000}.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#333;border-color:#888;outline:0}.button.button-primary,button.button-primary,input[type=button].button-primary,input[type=reset].button-primary,input[type=submit].button-primary{color:#fff;background-color:#33c3f0;border-color:#33c3f0}.button.button-primary:focus,.button.button-primary:hover,button.button-primary:focus,button.button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover{color:#fff;background-color:#1eaedb;border-color:#1eaedb}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #d1d1d1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border:1px solid #33c3f0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:0}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}.button,button,li{margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#f1f1f1;border:1px solid #e1e1e1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}td,th{padding:12px 15px;text-align:left;border-bottom:1px solid #e1e1e1}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #e1e1e1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont3e6e.eot?v=4.7.0);src:url(../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont3e6e.woff2?v=4.7.0) format('woff2'),url(../fonts/fontawesome-webfont3e6e.woff?v=4.7.0) format('woff'),url(../fonts/fontawesome-webfont3e6e.ttf?v=4.7.0) format('truetype'),url(../fonts/fontawesome-webfont3e6e.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal;font-display:swap}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-linkedin:before{content:"\f0e1"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-youtube-play:before{content:"\f16a"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-vimeo-square:before{content:"\f194"}.fa-plus-square-o:before{content:"\f196"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-digg:before{content:"\f1a6"}.fa-vine:before{content:"\f1ca"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-yelp:before{content:"\f1e9"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-tripadvisor:before{content:"\f262"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}.portfolioFilter a{margin-right:10px;color:#666;text-decoration:none}#nggpowertags .portfolioFilter a.current{border:1px solid #018eb9!important}.isotope-item img{margin:5px}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity}body,html{color:#737373}a{color:#1050a4}.video,ul>li{position:relative}body,html{font-family:Arial,Helvetica,sans-serif;min-height:100%;background:#fff;height:100%}body *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:normal}h5,p,ul>li{line-height:20px;font-size:1.4rem}#page{overflow:hidden!important}a{text-decoration:none}a:hover{color:#f35c23}h5,p{font-weight:400;margin:20px 0}ul,ul>li{padding:0;margin:0}h5{font-weight:700}ul{list-style:none}ul>li{font-weight:400}hr{border-top:1px solid #dfe0e1;margin:20px 0}iframe{max-width:100%;display:block;border:none;width:100%}.clear:after,.clearfix:after{overflow:hidden;display:block;content:'';clear:both}.button,.button:visited,.social-buttons>a{display:inline-block;color:#fff;text-align:center}.margin-none{margin:0}.aspect-ratio-2391{padding-bottom:41.841004%}.aspect-ratio-12{padding-bottom:50%}.aspect-ratio-1851{padding-bottom:54.054054%}.aspect-ratio-169{padding-bottom:56.25%}.aspect-ratio-53{padding-bottom:60%}.aspect-ratio-32{padding-bottom:66.666667%}.aspect-ratio-43{padding-bottom:75%}.aspect-ratio-54{padding-bottom:80%}.aspect-ratio-11{padding-bottom:100%}.video{height:0}.video embed,.video iframe,.video object{position:absolute;height:100%;width:100%;left:0;top:0} .fullwidth-container { position: relative; margin: 0 -50vw; width: 100vw; right: 50%; left: 50%; } .button,.button:visited{ background:#1ea1fc; background:-moz-linear-gradient(top,#1ea1fc 0,#1976e4 100%); background:-webkit-linear-gradient(top,#1ea1fc 0,#1976e4 100%); background:linear-gradient(to bottom,#1ea1fc 0,#1976e4 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ea1fc', endColorstr='#1976e4', GradientType=0 ); -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; text-transform:none; line-height:42px; font-size:1.4rem; padding:0 20px; margin:0; height:42px; border:none } .button:active,.button:focus,.button:hover{ -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#1976e4; background:-moz-linear-gradient(top,#1976e4 0,#1ea1fc 100%); background:-webkit-linear-gradient(top,#1976e4 0,#1ea1fc 100%); background:linear-gradient(to bottom,#1976e4 0,#1ea1fc 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1976e4', endColorstr='#1ea1fc', GradientType=0 ); border:none; color:#fff } .social-likes>div{ vertical-align:bottom!important; margin:0 5px!important } .social-buttons>a{ line-height:48px; background:#028db9; font-size:2.4rem; position:relative; height:48px; width:48px } .social-buttons>a:before{ line-height:48px; position:absolute; height:48px; width:48px; left:0; top:0 } .site-header .site-branding .widget-title,.site-header .site-navigation ul.menu{ display:none } .site-header .site-navigation ul.menu>li.menu-item{ position:relative; float:left } .site-header .site-navigation ul.menu>li.menu-item>a{ display:block } .site-header .site-navigation ul.menu>li.menu-item>ul.sub-menu,.site-header .site-navigation ul.menu>li.menu-item>ul.sub-menu>li.menu-item>ul.sub-menu{ min-width:100%; position:absolute; padding:0; z-index:999; display:none; margin:0; left:0; top:100% } .site-header .site-navigation ul.menu>li.menu-item:hover>ul.sub-menu,.site-header .site-navigation ul.menu>li.menu-item>ul.sub-menu>li.menu-item:hover>ul.sub-menu{ display:block } .site-header .site-navigation ul.menu>li.menu-item>ul.sub-menu>li.menu-item>ul.sub-menu{ left: 100%; top: 0; } .site-header .site-navigation ul.menu>li.menu-item>ul.sub-menu>li.menu-item>a,.site-header .site-navigation ul.menu>li.menu-item>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item>a{ text-transform:uppercase; line-height:43px; padding:0 15px; display:block; color:#fff } .site-header .site-navigation .mobile-menu{ position:relative } .site-header .site-navigation .mobile-menu:after{ background:url(images/mobile-menu.png) right center no-repeat; position:absolute; display:block; content:''; height:33px; width:28px; right:0; top:0 } .post-links,.site-content .entry-content{ position:relative } .site-header .site-navigation .mobile-menu>select{ background:#fff; background:-moz-linear-gradient(top,#fff 0,#ebebeb 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#ebebeb)); background:-webkit-linear-gradient(top,#fff 0,#ebebeb 100%); background:-o-linear-gradient(top,#fff 0,#ebebeb 100%); background:-ms-linear-gradient(top,#fff 0,#ebebeb 100%); background:linear-gradient(to bottom,#fff 0,#ebebeb 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 ); -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; line-height:33px; padding:0 8px 1px; border:1px solid #c9c9c9; height:33px; margin:0; width:100% } .site-content{ padding:24px 0 } .site-content .entry-header>.entry-title{ font-weight:600; line-height:24px; font-size:2.4rem; padding:0; margin:0 0 10px; color:#1050a4 } .site-content .blogs .entry-header>.entry-title{ line-height:24px; font-size:2.4rem } .site-content .entry-header>.entry-tagline{ font-weight:600; line-height:20px; font-size:2rem; padding:0; margin:0 0 20px; color:#f35c23 } .site-content .entry-header>.post-thumbnail{ border:3px solid #1050a4 } .site-content .entry-header>.post-thumbnail>img{ display:block; height:auto; width:100% } .site-content .entry-header>.post-meta{ font-size:1.4rem } .site-content .entry-header>.post-meta>ul.post-categories{ float:left } .site-content .entry-header>.post-meta>span{ text-align:center; padding:0 4px } .site-content .entry-content>p:last-child{ margin-bottom:0 } .site-content .entry-content ul>li:before{ font-family:FontAwesome; line-height:20px; font-size:.6rem; position:relative; display:inline-block; content:'\f111'; height:20px; margin:0 6px 0 0; color:#1050a4; left:0; top:-3px } .related-posts.default>ul>li>a:hover,.widget_archive>ul>li>a:hover,.widget_categories>ul>li>a:hover{ color:#1050a4 } .post-links{ border-top:1px solid #1050a4; text-align:center; padding:73px 0 0 } .post-links .button{ margin:0 8px; width:122px } .sharedaddy.sd-sharing-enabled{ text-align:center; position:absolute; bottom:60px; width:100%; left:0 } .sharedaddy .sd-content ul{ margin:0!important } .sharedaddy .sd-content ul>li:before{ display:none!important } .sharedaddy .sd-content ul>li>a.sd-button{ margin:0 3px!important } .flip{ padding-top:100% } .flip>.back,.flip>.front{ position:absolute!important; height:100%!important; width:100%!important; left:0!important; top:0!important } .table{ display:table; height:100%; width:100% } .table>.table-cell{ vertical-align:middle; display:table-cell; height:100%; width:100% } .related-posts.default>ul>li,.widget_archive>ul>li,.widget_categories>ul>li{ border-bottom:1px solid #dfe0e1 } .testimonial-slider .testimonial{ text-align:center } .testimonials>.testimonial{ padding:20px 0 } .testimonials>.testimonial>.content>p:first-child{ margin-top:0 } .testimonials>.testimonial>.content>p:last-child{ margin-bottom:0 } .inside-page .site-content .entry-content .entry .testimonials>.testimonial>.client-name{ line-height:24px; font-weight:600; font-size:1.8rem; margin:12px 0 0 } .testimonials>.testimonial>.client-address{ font-weight:400; margin:0 } .primary-sidebar .widget-title{ line-height:24px; font-weight:600; font-size:2.4rem; position:relative; margin:0 } #sticky .social-buttons>a,#sticky .social-buttons>a:before{ line-height:40px; height:40px; width:40px } .primary-sidebar>.widget-area>.widget{ margin:0 0 12px } #searchform,.primary-sidebar>.widget-area>.widget:last-child{ margin:0 } .related-posts.default>ul>li>a,.widget_archive>ul>li>a,.widget_categories>ul>li>a{ padding:16px 0; display:block } .site-footer>.copyright.default{ text-align:center; background:#000; } .site-footer>.copyright a{ text-decoration:underline } .site-footer>.copyright .widget-title{ display:none } .scroll-top.default{ text-align:center; padding-top: 12px; padding-bottom: 20px; } .scroll-top>a{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; position:relative; display:inline-block; border:3px solid #fff; height:28px; width:28px } .site-footer>.copyright.default .textwidget {color:#fff;font-weight:600;font-size:12.65px;} .site-footer>.copyright a {color:#fff;} .scroll-top>a:after,.scroll-top>a:before{ border-top:2px solid #fff; position:absolute; display:block; content:''; width:9px } .scroll-top>a:before{ -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); right:9px; top:10px } #sticky .contact-us>.handle,#sticky .social-buttons{ right:0; -moz-transition:all .7s ease-in-out 70ms; -ms-transition:all .7s ease-in-out 70ms; -o-transition:all .7s ease-in-out 70ms; position:fixed } .scroll-top>a:after{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); left:9px; top:10px } #sticky,#sticky .widget-title{ display:none } #sticky .social-buttons{ top:300px; width:40px; overflow:hidden; -webkit-transition:all .7s ease-in-out 70ms; transition:all .7s ease-in-out 70ms; z-index:9999 } .front-page #sticky .social-buttons{ top:724px } .front-page #sticky.scroll .social-buttons{ /*top:300px*/ top: 100px; } #sticky .social-buttons.active,.front-page #sticky.scroll .social-buttons.active{ top:826px } #sticky .social-buttons>a{ margin:0 0 5px 0; font-size: 24px; background:rgba(0 ,0 ,0 ,.56) } #sticky .social-buttons>a>.fa-google-plus { font-size: 22px; } #sticky .social-buttons>a:hover{ background:#217aff } #sticky .contact-us>.handle{ -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; background:url(images/contact-us.png) center center no-repeat; top:204px; height:148px; width:43px; -webkit-transition:all .7s ease-in-out 70ms; transition:all .7s ease-in-out 70ms; z-index:99999 } .front-page #sticky .contact-us>.handle{ top:568px } .front-page #sticky.scroll .contact-us>.handle{ top:204px } #sticky .contact-us>.handle.active{ right:600px } #sticky .contact-us>.content{ position:fixed; top:204px; width:600px; right:-600px; background:#0290b8; padding:20px; color:#fff; -webkit-transition:all .7s ease-in-out 70ms; -moz-transition:all .7s ease-in-out 70ms; -ms-transition:all .7s ease-in-out 70ms; -o-transition:all .7s ease-in-out 70ms; transition:all .7s ease-in-out 70ms; z-index:9999 } .front-page #sticky .contact-us>.content{ top:568px } .front-page #sticky.scroll .contact-us>.content{ top:204px } #sticky .contact-us>.content.active{ right:0 } #sticky .contact-us>.content h3{ font-size:2.4rem; line-height:24px; font-weight:600; margin:0 0 15px } #sticky .contact-us>.content .wpcf7{ margin:20px 0 0 } #sticky .contact-us>.content .row>.column>.input-control:last-child,#sticky .contact-us>.content form{ margin:0 } #sticky .contact-us>.content .input-control>.wpcf7-submit{ font-size: 13px; height: auto; background:0 0; border:2px solid #fff } #sticky .contact-us>.content .input-control>.wpcf7-form-control-wrap>textarea{ height:96px } #nggpowertags{ margin:0 -10px } #nggpowertags *{ -webkit-box-sizing:border-box!important; -moz-box-sizing:border-box!important; box-sizing:border-box!important } #nggpowertags>.nggpowertags-menu{ text-align:center } #nggpowertags>.nggpowertags-menu>a{ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#f8f8f8; border:1px solid #e0e1e2; line-height:36px; height:36px; display:inline-block; padding:0 15px; margin:0 5px 10px } #nggpowertags>.nggpowertags-menu>a.current,#nggpowertags>.nggpowertags-menu>a:active,#nggpowertags>.nggpowertags-menu>a:focus,#nggpowertags>.nggpowertags-menu>a:hover{ background:#1050a4; border:1px solid #1050a4 !important; color:#fff } #nggpowertags .ngg-gallery-thumbnail-box{ width:100%; padding:10px; margin:0; height:210px } #nggpowertags .ngg-gallery-thumbnail{ margin:0; width:100%; position:relative; height:100%; padding:4px } #nggpowertags .ngg-gallery-thumbnail>a{ margin:0; height:100% } #nggpowertags .ngg-galleryoverview .ngg-gallery-thumbnail img{ border:none; display:block; width:100%; margin:0; padding:0; height:100% } body,h5,html,p,ul>li{ font-family:'Open Sans',Arial,Helvetica,sans-serif } p, ul>li {font-size:15px;color:#000;font-weight:400;} h5 {font-size:15px;color:#000;font-weight:700;} .button,.button:visited{ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; line-height:45px; background: rgba(255,159,0,1); background: -moz-linear-gradient(top, rgba(255,159,0,1) 0%, rgba(255,71,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,159,0,1)), color-stop(100%, rgba(255,71,0,1))); background: -webkit-linear-gradient(top, rgba(255,159,0,1) 0%, rgba(255,71,0,1) 100%); background: -o-linear-gradient(top, rgba(255,159,0,1) 0%, rgba(255,71,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,159,0,1) 0%, rgba(255,71,0,1) 100%); background: linear-gradient(to bottom, rgba(255,159,0,1) 0%, rgba(255,71,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f00', endColorstr='#ff4700', GradientType=0 ); height:45px; font-size:15.5px; } .button:active,.button:focus,.button:hover{ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background: rgba(255,71,0,1); background: -moz-linear-gradient(top, rgba(255,71,0,1) 0%, rgba(255,159,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,71,0,1)), color-stop(100%, rgba(255,159,0,1))); background: -webkit-linear-gradient(top, rgba(255,71,0,1) 0%, rgba(255,159,0,1) 100%); background: -o-linear-gradient(top, rgba(255,71,0,1) 0%, rgba(255,159,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,71,0,1) 0%, rgba(255,159,0,1) 100%); background: linear-gradient(to bottom, rgba(255,71,0,1) 0%, rgba(255,159,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4700', endColorstr='#ff9f00', GradientType=0 ); } .site-header>.widgets{ background:#1589b2; background:-moz-linear-gradient(top,#1589b2 0,#40bce5 100%); background:-webkit-linear-gradient(top,#1589b2 0,#40bce5 100%); background:linear-gradient(to bottom,#1589b2 0,#40bce5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1589b2', endColorstr='#40bce5', GradientType=0 ); padding:18px 0 } .site-header .site-branding{ text-align:center; padding: 40px 0 15px; background:#fff; position:relative; } .topbar-header-banner { background: rgba(255,248,98,1); background: -moz-linear-gradient(top, rgba(255,248,98,1) 0%, rgba(255,246,47,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,248,98,1)), color-stop(100%, rgba(255,246,47,1))); background: -webkit-linear-gradient(top, rgba(255,248,98,1) 0%, rgba(255,246,47,1) 100%); background: -o-linear-gradient(top, rgba(255,248,98,1) 0%, rgba(255,246,47,1) 100%); background: -ms-linear-gradient(top, rgba(255,248,98,1) 0%, rgba(255,246,47,1) 100%); background: linear-gradient(to bottom, rgba(255,248,98,1) 0%, rgba(255,246,47,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff862', endColorstr='#fff62f', GradientType=0 ); padding: 7px 0; text-align: center; } .topbar-header-banner p { margin: 0; } .topbar-header-banner .button { line-height: 27px; height: 27px; } .site-header .site-branding:before {display:none;content:'';position:absolute;height:27px;width:100%;left:0;top:0;background: rgba(255,248,98,1); background: -moz-linear-gradient(top, rgba(255,248,98,1) 0%, rgba(255,246,47,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,248,98,1)), color-stop(100%, rgba(255,246,47,1))); background: -webkit-linear-gradient(top, rgba(255,248,98,1) 0%, rgba(255,246,47,1) 100%); background: -o-linear-gradient(top, rgba(255,248,98,1) 0%, rgba(255,246,47,1) 100%); background: -ms-linear-gradient(top, rgba(255,248,98,1) 0%, rgba(255,246,47,1) 100%); background: linear-gradient(to bottom, rgba(255,248,98,1) 0%, rgba(255,246,47,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff862', endColorstr='#fff62f', GradientType=0 );} .site-header .site-branding .logo{ display:inline-block; margin:5px 0 } .site-header .site-navigation{ background:#fff url(images/border-bottom-menu.jpg) repeat-x bottom center; background-size:100% 18px; padding:11px 0 } .site-header .site-navigation ul.menu>li.menu-item{ margin:0 0 0 0px } .site-header .site-navigation ul.menu>li.current-menu-item,.site-header .site-navigation ul.menu>li.menu-item:hover,.site-header .site-navigation ul.menu>li.current-menu-ancestor { background: rgba(255,156,0,1); background: -moz-linear-gradient(top, rgba(255,156,0,1) 0%, rgba(255,100,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,156,0,1)), color-stop(100%, rgba(255,100,0,1))); background: -webkit-linear-gradient(top, rgba(255,156,0,1) 0%, rgba(255,100,0,1) 100%); background: -o-linear-gradient(top, rgba(255,156,0,1) 0%, rgba(255,100,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,156,0,1) 0%, rgba(255,100,0,1) 100%); background: linear-gradient(to bottom, rgba(255,156,0,1) 0%, rgba(255,100,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9c00', endColorstr='#ff6400', GradientType=0 ); border-top-left-radius: 8px; border-top-right-radius: 8px; } .site-header .site-navigation ul.menu>li.menu-item>a{ text-transform: uppercase; line-height: 59px; font-size: 16px; padding: 0 9px; font-weight: 600; color: #fff; } .site-header .site-navigation ul.menu>li.home-menu-item{ width:42px } .site-header .site-navigation ul.menu>li.home-menu-item>a{ text-indent:-999999px } .site-header .site-navigation ul.menu>li.home-menu-item>a:after{ background:url(images/icons.png) right center no-repeat; position:absolute; display:block; content:''; margin:-12px; height:24px; width:24px; left:50%; top:50% } .site-header .site-navigation ul.menu>li.menu-item:last-child>ul.sub-menu{ left:auto; right:0 } .site-header .site-navigation ul.menu>li.menu-item>ul.sub-menu,.site-header .site-navigation ul.menu>li.menu-item>ul.sub-menu>li.menu-item>ul.sub-menu{ background: #0193fa; width: 200px; } .site-header .site-navigation ul.menu>li.menu-item>ul.sub-menu>li.menu-item>a:hover,.site-header .site-navigation ul.menu>li.menu-item>ul.sub-menu>li.current-menu-ancestor>a,.site-header .site-navigation ul.menu>li.menu-item>ul.sub-menu>li.menu-item.current_page_item > a,.site-header .site-navigation ul.menu>li.menu-item>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item>a:hover, .site-header .site-navigation ul.menu>li.menu-item>ul.sub-menu>li.menu-item>ul.sub-menu>li.current_page_item>a{ background:#ff6400 } .site-header .site-navigation ul.menu>li.about-menu-item>ul.sub-menu{ width:255px; } .site-header .site-navigation ul.menu>li.menu-service-repair>ul.sub-menu,.site-header .site-navigation ul.menu>li.menu-resources>ul.sub-menu{ width:270px; } .site-navigation ul.menu>li.menu-item>ul.sub-menu>li.menu-item:last-child>ul.sub-menu {right:0;left:-100%;} .site-header .site-navigation ul.menu>li.pools-spas-menu-item>ul.sub-menu{ width:242px; } .site-header .site-branding .buttons{ margin:15px 0 18px } .site-header .site-branding .buttons>.button{ margin:0 10px; width:118px } .site-header .site-branding .buttons>.button:active,.site-header .site-branding .buttons>.button:focus,.site-header .site-branding .buttons>.button:hover{ background:#016a8b } .site-header .site-branding .company-address{ margin:10px 0 20px; color:#028db9; font-size:2.1rem; line-height:21px; font-weight:400 } .site-header .site-branding .company-phone{ display:none; color:#198eb7; font-size:2.4rem; font-weight:400; line-height:24px; margin:14px 0; float:right } .site-header .site-branding .company-phone>span{ font-weight:600 } .site-header>.header-bar{ border-bottom:1px solid #dfe0e1; border-top:1px solid #dfe0e1; background:#f8f8f8; text-align:center; font-size:1.8rem; color:#198eb7 } .site-header>.header-bar .widget-title{ display:none } .site-header>.header-bar .company-address,.site-header>.header-bar .company-phone{ line-height:55px } .site-header>.header-bar .company-phone{ display:none; float:right } #mobile-modal.popup { display: flex; align-items: center; justify-content: center; position: fixed; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 2; visibility: hidden; opacity: 0; overflow: hidden; transition: .64s ease-in-out; max-width: 101%; z-index: 9999999; margin: 0; height: 130%; width: 101%; } #mobile-modal .popup-inner { position: relative; bottom: -100vw; right: -100vh; display: flex; align-items: center; max-width: 800px; max-height: 510px; width: 60%; height: 80%; background-color: transparent; } #mobile-modal .popupphoto { display: flex; justify-content: flex-end; align-items: flex-end; width: 40%; height: 100%; overflow: hidden; } #mobile-modal .popupphoto img { width: auto; height: 100%; } #mobile-modal .popuptext { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; padding: 0; } #mobile-modal .popuptext img{ max-width: 100%; display: block; width: 100%; height: auto; } #mobile-modal.popup:target, #mobile-modal.popup.popup-active { visibility: visible; opacity: 1; } #mobile-modal.popup:target .popup-inner, #mobile-modal.popup.popup-active .popup-inner { bottom: 0; right: 0; transform: rotate(0); } #mobile-modal .closepopup { position: absolute; right: 10px; top: 0px; width: 3rem; height: 3rem; font-weight: 300; border-radius: 100%; background-color: transparent; z-index: 4; color: #fff; line-height: 3rem; text-align: center; cursor: pointer; text-decoration: none; padding: 0; font-size: 20px; } .site-content{ padding:24px 0 39px } .single-post .site-content{ padding:24px 0 32px } .page-template-blog .site-content{ padding:24px 0 46px } .front-page .site-content{ padding:0 } .page-template-contact .site-content{ padding:0 0 43px } #google-map>.ssp-google-map{ height:232px!important } #google-map{ margin:0 0 28px } .input-control>.wpcf7-form-control-wrap>input,.input-control>.wpcf7-form-control-wrap>select{ -webkit-border-radius:7px!important; -moz-border-radius:7px!important; border-radius:7px!important; line-height:46px; border:1px solid #c9c9c9; margin:0; height:46px; width:100%; padding:6px 17px; color:#737373 } .input-control>.wpcf7-form-control-wrap>textarea{ border:1px solid #d3d3d3; margin:0 0 7px; width:100%; height:155px; display:block } .contact-us>.input-control{ margin:0 0 11px } .contact-us>p{ margin:0 } .contact-us>p>label{ font-weight:400; display:block; margin:0 0 11px } .input-control>.wpcf7-form-control-wrap>select{ background:#ebebeb; background:-moz-linear-gradient(top,#ebebeb 0,#fff 78%); background:-webkit-linear-gradient(top,#ebebeb 0,#fff 78%); background:linear-gradient(to bottom,#ebebeb 0,#fff 78%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0 ); font-size:14px; font-family:"Open Sans",sans-serif; border-radius:5px; color:#737373; padding:8px 17px; margin-bottom:0; outline:0; box-shadow:none; background-image:url(images/dropdown_menu.png),url(images/select_menu.png)!important; background-position:right center,left top!important; background-repeat:no-repeat,repeat-x!important; -webkit-appearance:none; -moz-appearance:none; appearance:none; height:auto; line-height:26px; background-color:#ebebeb } .site-footer .footer-testimonials,.what-we-do{ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1589b2', endColorstr='#40bce5', GradientType=0 ) } .input-control>.wpcf7-submit{ line-height:43px; background: rgba(255,159,0,1); background: -moz-linear-gradient(top, rgba(255,159,0,1) 0%, rgba(255,71,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,159,0,1)), color-stop(100%, rgba(255,71,0,1))); background: -webkit-linear-gradient(top, rgba(255,159,0,1) 0%, rgba(255,71,0,1) 100%); background: -o-linear-gradient(top, rgba(255,159,0,1) 0%, rgba(255,71,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,159,0,1) 0%, rgba(255,71,0,1) 100%); background: linear-gradient(to bottom, rgba(255,159,0,1) 0%, rgba(255,71,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f00', endColorstr='#ff4700', GradientType=0 ); height:43px; font-size:16px; border:none; margin:3px 0 0; width:148px; color:#fff } .contact-content{ text-align:center; padding:21px 0 0 } .contact-content>p{ margin:0 } .contact-content a.logo{ display:inline-block; margin:0 0 15px } .contact-content .featured-image{ display:none; width:100% } .contact-content .button{ margin:23px 0 0 } .gglcptch_recaptcha>div>div{ width:100%!important } .home-slider .ls-nav-next,.home-slider .ls-nav-prev{ background:rgba(0 ,0 ,0 ,.58)!important; margin-top:-49px!important; height:54px!important; width:20px!important; display:block!important } .home-slider .ls-nav-next:hover,.home-slider .ls-nav-prev:hover{ background:#000!important } .home-slider .ls-nav-prev{ left:0!important } .home-slider .ls-nav-next{ right:0!important } .home-slider .ls-nav-next:after,.home-slider .ls-nav-prev:after{ background-repeat:no-repeat; background-image:url(images/icon-slider-nav.png); position:absolute; display:block; content:''; margin:-5px -3px; height:11px; width:6px; left:50%; top:50% } .home-slider .ls-nav-prev:after{ background-position:left center } .home-slider .ls-nav-next:after{ background-position:right center } .flip{ position:relative } .section-title{ line-height:68px; text-align:center; font-size:2.8rem; color:#028db9 } .what-we-do .service{ position:relative; margin:0 0 17px } .what-we-do .service>.title{ background:#028db9; color:#fff; font-size:2.3rem; line-height:52px; margin:0 0 2px; text-align:center } .what-we-do .service>.image>img{ display:block; width:100% } .what-we-do .service>.link{ position:absolute; left:0; bottom:0; height:70px; width:100%; background:#028db9; text-align:center; padding:13px 0; display:none } .what-we-do .service:hover>.link{ display:block } .what-we-do .service>.link>.button{ background:0 0; border:1px solid #fff; color:#fff; width:142px } .our-resources,.what-we-do{ border-top:1px solid #dfe0e1 } .our-resources{ padding:41px 0 18px } .what-we-do .section-title{ margin:0 0 10px; color:#fff; font-weight:400 } .home-content{ padding:31px 0 45px; position:relative } .home-content:before{ content:''; display:block; position:absolute; top:0; left:0; width:100%; height:340px } .home-content h1{ line-height:34px; font-size:3.4rem; margin:0 0 15px; color:#1050a4; font-weight:700 } .home-content h2{ line-height:24px; font-size:2.4rem; margin:15px 0 32px; color:#f35c23; font-weight:600 } .home-content img{ display:block; width:100%; border:3px solid #fff } .home-content .button{ width:148px;height:55px;line-height:55px;text-transform:uppercase; } .parallax{ background-position:center center; background-repeat:no-repeat; background-size:cover; border-bottom:solid 1px #dfe0e1; height:569px } .parallax .parallax-content{ padding:8px 20px 23px } .parallax .parallax-content img{ display:block; width:100% } .parallax .parallax-content>h2{ line-height:42px; font-size:3.4rem; margin:0 0 21px; color:#fff } .parallax .parallax-content>p:last-child{ margin-bottom:0 } .parallax .parallax-content>p:first-child{ margin-top:0 } .parallax .parallax-content .button{ background:0 0; border:1px solid #fff } .pool-chemical-services,.why-choose-us{ padding:18px 0 32px } .pool-chemical-services .section-title,.why-choose-us .section-title{ margin:0 0 5px } .pool-chemical-services .section-content>.service.table,.why-choose-us .section-content>.service.table{ margin:14px 0; height:95px } .pool-chemical-services .section-content>.service.table:first-child,.pool-chemical-services .service.table>.table-cell>:first-child,.why-choose-us .section-content>.service.table:first-child{ margin-top:0 } .pool-chemical-services .section-content>.service.table:last-child,.pool-chemical-services .service.table>.table-cell>:last-child{ margin-bottom:0 } .pool-chemical-services .service.table>.table-cell{ position:relative; padding:0 0 0 117px } .pool-chemical-services .service.table>.table-cell>p{ margin:0 } .pool-service-icon{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:url(images/icon-pool-service.png) center center no-repeat; margin-top:-47px; position:absolute; display:block; border:3px solid #028db9; height:94px; width:94px; left:0; top:50% } .pool-chemical-services h4,.why-choose-us h4{ line-height:16px; font-size:1.6rem; margin:0 0 3px; color:#000 } .page-template-blog .post-links{ padding:19px 0 0 } .blogs{ margin:0 0 25px } .blogs>article{ margin:0 0 8px } .blogs>article:last-child{ margin:0 } .entry img { max-width: 100%; height: auto; } .site-content .blogs .entry-header>.entry-title{ border-bottom:1px solid #1050a4; line-height:20px; font-size:2rem; position:relative; padding:13px 0; margin:0; color:#1050a4 } .site-content .blogs .entry-header>.entry-title>a{ color:#1050a4 } .site-content .blogs .entry-header>.entry-title>a:hover{ color:#f35c23 } .site-content .blogs .entry-header>.entry-title:after,.site-content .blogs .entry-header>.entry-title:before{ background:#1050a4; position:absolute; display:block; content:''; height:1px; width:100%; left:0 } .site-content .blogs .entry-header>.entry-title:after{ bottom:-2px } .site-content .blogs .entry-header>.entry-title:before{ bottom:0 } .site-content .entry-header>.post-meta{ margin:27px 0 15px } .site-content .blogs .entry-header>.post-meta{ margin:10px 0 16px } .site-content .post-content>.entry-header>.post-thumbnail{ border:none; margin:0 } .site-content .entry-header>.post-meta>ul.post-categories>li>a{ color:#1050a4 } .pool-equipments{ padding:10px 0 0 } .pool-equipments>.table{ display:none } .pool-equipments .equipment{ margin:0 0 28px } .pool-equipments .equipment>.image>img{ display:block; border:3px solid #1050a4; height:auto; width:100% } .pool-equipments .equipment>.title{ line-height:21px; font-weight:600; font-size:2.1rem; margin:18px 0 14px; color:#1050a4 } .pool-equipments .equipment>.description>.readmore-slider>p:first-child,.pool-equipments .equipment>.description>.readmore-slider>p:last-child,.pool-equipments .equipment>.description>p:first-child,.pool-equipments .equipment>.description>p:last-child{ margin:0 } .readmore-content{ display: none; } .pool-equipments .equipment>.description>.readmore-slider>.readmore-content>p:last-child{ margin-bottom:0 } .pool-equipments .equipment>.description>.readmore-slider .slide-button{ margin:18px 0 0; width:148px } .testimonials{ padding:6px 0 0 } .testimonials>.testimonial{ padding:20px 0 18px; border-top:1px solid #dfe0e1 } .testimonials>.testimonial>.client-address{ color:#1050a4 } .primary-sidebar>.page-sidebar{ padding:12px 0 } .primary-sidebar>.post-sidebar{ padding:16px 0 0 } .primary-sidebar .widget-title{ border-bottom:1px solid #1050a4; padding:13px 0; color:#1050a4 } .primary-sidebar .widget-title:after,.primary-sidebar .widget-title:before{ background:#1050a4; position:absolute; display:block; content:''; height:1px; width:100%; left:0 } .primary-sidebar .widget-title:after{ bottom:-2px } .primary-sidebar .widget-title:before{ bottom:0 } .single-post .primary-sidebar>.widget-area>.widget.widget_search{ margin:0 0 29px } .page-template-blog .primary-sidebar>.widget-area>.widget.widget_search{ margin:6px 0 14px } #searchform>.input-control{ position:relative; padding:0 58px 0 0 } #searchform>.input-control>input[type=text],#searchform>.input-control>input[type=text]:visited{ -webkit-border-radius:6px 0 0 6px; -moz-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px; line-height:46px; padding:0 10px; display:block; margin:0; height:46px; width:100%; color:#737373 } #searchform>.input-control>input[type=text]:active,#searchform>.input-control>input[type=text]:focus{ border:1px solid #198eb7 } #searchform>.input-control>input[type=submit]{ -webkit-border-radius:0 6px 6px 0; -moz-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0; background:url(images/icon-search.png) center center no-repeat #1050a4; position:absolute; padding:0; border:none; height:46px; margin:0; right:0; width:59px; top:0 } #searchform>.input-control>input[type=submit]:active,#searchform>.input-control>input[type=submit]:focus,#searchform>.input-control>input[type=submit]:hover{ background:url(images/icon-search.png) center center no-repeat #f35c23 } .areas-served>ul>li{ border-bottom:1px solid #dfe0e1 } .areas-served>ul>li>a{ padding:16px 0; display:block } .areas-served>ul>li>a:hover{ color:#028db9 } .site-footer .footer-testimonials{ background:#fff; color:#065890; border-top:5px solid #104fa2; border-bottom:5px solid #104fa2; padding:34px 0 33px } .front-page .site-footer .footer-testimonials {border:none;} .site-footer .footer-testimonials .widget-title{ line-height:28px; text-align:center; font-size:2.8rem; margin:0 0 28px; color:#065890; font-weight:400 } .site-footer>.carecraft{ border-top:1px solid #dfe0e1; padding:18px 0 13px } .site-footer>.carecraft .widget-title{ display:none } .site-footer>.carecraft .textwidget{ text-align:center } .site-footer>.carecraft .logo{ display:inline-block; margin:6px 0 } .site-footer>.footer-widgets .best-pools>.widget>.widget-title,.site-footer>.footer-widgets .quick-links>.widget>.widget-title{ display:none } .site-footer>.carecraft .social-likes{ margin:22px 0 18px } .site-footer>.carecraft .social-buttons>a{ line-height:49px; margin:0 1px; height:49px; width:49px } .site-footer>.carecraft .social-buttons>a:before{ display: none !important; line-height:49px; height:49px; width:49px } .site-footer>.footer-widgets{ background:#fff; padding:35px 0 34px; color:#000 } .site-footer>.footer-widgets .quick-links{ padding:20px 10px 0 46px; display:none } .site-footer>.footer-widgets .widget-title{ font-family:'Open Sans',Arial,Helvetica,sans-serif; line-height:24px; font-weight:600; font-size:2.4rem; margin:0 0 10px } .site-footer>.footer-widgets .quick-links>.widget-title{ margin:0 0 30px; text-align:center; text-transform:uppercase; font-size:21px;font-weight:800; background: rgba(45,158,242,1); background: -moz-linear-gradient(top, rgba(45,158,242,1) 0%, rgba(12,66,135,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(45,158,242,1)), color-stop(100%, rgba(12,66,135,1))); background: -webkit-linear-gradient(top, rgba(45,158,242,1) 0%, rgba(12,66,135,1) 100%); background: -o-linear-gradient(top, rgba(45,158,242,1) 0%, rgba(12,66,135,1) 100%); background: -ms-linear-gradient(top, rgba(45,158,242,1) 0%, rgba(12,66,135,1) 100%); background: linear-gradient(to bottom, rgba(45,158,242,1) 0%, rgba(12,66,135,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d9ef2', endColorstr='#0c4287', GradientType=0 ); color:#fff; padding: 17px 10px; border-radius: 10px; } .site-footer>.footer-widgets .quick-links>.widget{ /*margin-left:40px;*/ margin-left: 20px; float:left; margin-right:10px; } .site-footer>.footer-widgets .quick-links>.widget:last-child {margin-right:0px;} .site-footer>.footer-widgets .quick-links .menu>li.menu-item {margin-bottom:10px;} .site-footer>.footer-widgets .quick-links .menu>li.menu-item>a {color:#000;font-size:15px;font-weight:600;} .site-footer>.footer-widgets .quick-links .menu>li.current-menu-item>a {font-weight:700;color:#000;} .site-footer>.footer-widgets .quick-links .menu>li.menu-item:hover>a{ color:#000;text-decoration:underline; } .site-footer>.footer-widgets .best-pools{ max-width:252px; padding:0; margin:0 auto; float:none } .site-footer>.footer-widgets .best-pools .company-address,.site-footer>.footer-widgets .best-pools .company-email,.site-footer>.footer-widgets .best-pools .company-phone{ font-family:'Open Sans',Arial,Helvetica,sans-serif; line-height:28px; font-weight:400; font-size:1.4rem; position:relative } .site-footer>.footer-widgets .best-pools .company-email,.site-footer>.footer-widgets .best-pools .company-phone{ padding:0 0 0 32px } .site-footer>.footer-widgets .best-pools .company-email>span,.site-footer>.footer-widgets .best-pools .company-phone>span{ font-weight:600; color:#028db9 } .site-footer>.footer-widgets .best-pools .company-email:before,.site-footer>.footer-widgets .best-pools .company-phone:before{ position:absolute; display:block; content:''; height:28px; width:24px; left:0; top:0 } .site-footer>.footer-widgets .best-pools .company-phone:before{ background:url(images/icons.png) left center no-repeat } .site-footer>.footer-widgets .best-pools .company-email:before{ background:url(images/icons.png) -24px center no-repeat } .site-footer>.footer-widgets .best-pools .company-address{ margin:0 0 12px } .site-footer>.copyright{ padding:24px 0 0 } .site-footer>.copyright p{ margin:0 } .site-footer>.scroll-top{ padding:15px 0 } .site-footer>.scroll-top>a{ height:29px; width:29px } .footer-resources{ background: #fff; color: #fff; text-align: center; padding: 45px 0 50px; border-top: solid 3px #d5d5d5; } .resource-ebook-wrap { background: #f8f8f8; padding: 20px 20px 25px 30px; text-align: left; } .resource-ebook-wrap.resource-flyer-wrap { padding-left: 50px; padding-right: 50px; } .free-guide-container .resource-ebook-wrap.resource-flyer-wrap{ margin-top: 30px; padding-bottom: 10px; } .free-guide-container .resource-ebook-wrap.resource-flyer-wrap .resouce-flyer img { max-width: 200px; } .free-guide-container .fullwidth-container{ border-top: 1px solid #dfe0e1; margin-top: 30px; } .resource-ebook-wrap:after{ display: block; content: ""; clear: both; } .resource-ebook-wrap img{ max-width: 184px; float: left; margin-right: 22px; } .resource-ebook-wrap .resouce-flyer img{ margin-right: 0; } .free-guide-container .resource-ebook-wrap h2, .resource-ebook-wrap h2 { font-size: 35px; color: #26578c; line-height: 1; margin-bottom: 18px; font-weight: 800; text-transform: uppercase; padding-top: 15px; } .free-guide-container .resource-ebook-wrap h3 , .resource-ebook-wrap h3 { font-size: 32px; color: #26578c; font-weight: normal; line-height: 1.4; margin-bottom: 18px; } .free-guide-container .resource-ebook-wrap h4 , .resource-ebook-wrap h4 { font-size: 26px; color: #26578c; font-weight: normal; line-height: 1.4; margin-bottom: 18px; } .resource-ebook-wrap p.hidden{ display: none; } .resource-ebook-wrap .button{ font-size: 11.5px; text-transform: uppercase; width: 120px; padding: 0; } .resource-ebook-wrap.resource-flyer-wrap .button{ padding: 0 20px; width: auto; } .free-guide-container .resource-ebook-wrap.resource-flyer-wrap .button{ font-size: 14.5px; } .resouce-flyer { float: right; margin-left: 75px; } .footer-resources .widget-title{ line-height: 47px; font-size: 47px; margin: 0 0 40px; color: #065890; text-align: center; font-weight: 800; text-transform: uppercase; } .footer-resources .ebook-row .resource-ebook{ margin-bottom: 15px; } .footer-resources .row.resource-row, .footer-resources .row.ebook-row { margin-left: -7px; margin-right: -7px; } .footer-resources .resource-row .resource-column, .footer-resources .ebook-row .resource-ebook{ padding: 0 7px; position: relative; } .resource-column img { display: block; width: 100%; height: auto; } .resource-column-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .resource-column-wrap h3{ font-size: 29px; color: #26578c; font-weight: normal; line-height: 1; margin-bottom: 10px; } .resource-column-wrap h2{ font-size: 35px; color: #26578c; line-height: 1; margin-bottom: 35px; font-weight: 800; text-transform: uppercase; } .resource-column-wrap p{ margin-bottom: 0; } .resource-column-wrap .button{ font-size: 11.5px; text-transform: uppercase; padding: 0; width: 120px; margin: 0 5px; } .resource-column p.hidden{ display: none; } .resource-column-finance .button{ margin-bottom: 14px; } .resource-column-finance .resource-column-wrap h2{ margin-bottom: 20px; } #sticky .social-buttons>a:before,.footer-resources .icon-resource:before,.site-footer .social-buttons>a:before{ position:absolute; content:'' } .footer-resources .icon-resource:before{ background-repeat:no-repeat; display:block; height:93px; width:93px; background-image:url(images/icon-resources.png); top:50%; left:50%; margin:-46.5px } .footer-resources .icon-resource.icon-latest-news:before{ background-position:left center } .footer-resources .icon-resource.icon-financing:before{ background-position:-93px center } .footer-resources .icon-resource.icon-certifications:before{ background-position:right center } .footer-resources .resources{ padding:52px 0 } .footer-resources .resources .icon-resource:hover{ background:#198eb7 } .footer-resources .resources>h4{ margin:15px 0 5px; font-weight:600; font-size:2.4rem; line-height:24px; color:#198eb7 } .footer-resources .resources>p{ margin:0 } .front-page #sticky .contact-us>.content,.front-page #sticky .contact-us>.handle{ top:700px } .front-page #sticky .social-buttons{ top:1856px } .view-galleries img{ float:left; margin-right:15px; width:100%; height:auto } .view-galleries{ padding-top:30px; padding-bottom:30px } .view-galleries h1{ line-height:34px; font-size:3.4rem; margin:0 0 15px; color:#028db9; font-weight:400 } #sticky .six p,#sticky input,#sticky select{ margin-bottom:7px } .view-galleries h2{ color:#000; line-height:24px; font-size:2.4rem; font-weight:400 } .ls-gpuhack{ background:url(images/bg-banner.png) top center repeat-x } #sticky .six p{ margin-top:0 } #sticky .contact-us>.content{ width:685px; right:-685px } #sticky .contact-us>.handle.active{ right:684px } #sticky .social-buttons>a.fa-facebook:before{ background-position:left center } #sticky .social-buttons>a.fa-google-plus:before{ background-position:-40px center } #sticky .social-buttons>a.fa-youtube:before{ background-position:-80px center } #sticky .social-buttons>a.fa-rss:before{ background-position:-120px center } #sticky .social-buttons>a.fa-share-alt:before{ background-position:-160px center } #sticky .social-buttons>a:before{ display: none !important; background-repeat:no-repeat; background-image:url(images/icon-social-media.png); height:40px; width:40px; left:0; top:0 } #sticky .social-buttons.active,.front-page #sticky.scroll .social-buttons.active{ top:715px } #sticky .contact-us>.content .input-control>.wpcf7-submit:hover{ background:#fff; color:#028db9 } .site-footer .social-buttons>a.fa-facebook:before{ background-position:left center } .site-footer .social-buttons>a.fa-google-plus:before{ background-position:-40px center } .site-footer .social-buttons>a.fa-youtube:before{ background-position:-80px center } .site-footer .social-buttons>a.fa-rss:before{ background-position:-120px center } .site-footer .social-buttons>a.fa-share-alt:before{ background-position:-160px center } .site-footer .social-buttons>a:before{ background-repeat:no-repeat; background-image:url(images/icon-social-media.png); height:48px; width:44px!important; left:0; top:0 } a.blog-readmore{ color:#1050a4; font-weight:600; background:url(images/arrow-blue-v2-min.png) right 4px no-repeat; padding-right:12px } iframe.mapborder {width:100%; border: 3px solid #1050a4 !important;} .store-hours { border: solid 3px #fff; padding: 20px 20px; background: rgba(16,79,162,1); background: -moz-linear-gradient(top, rgba(16,79,162,1) 0%, rgba(1,147,250,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(16,79,162,1)), color-stop(100%, rgba(1,147,250,1))); background: -webkit-linear-gradient(top, rgba(16,79,162,1) 0%, rgba(1,147,250,1) 100%); background: -o-linear-gradient(top, rgba(16,79,162,1) 0%, rgba(1,147,250,1) 100%); background: -ms-linear-gradient(top, rgba(16,79,162,1) 0%, rgba(1,147,250,1) 100%); background: linear-gradient(to bottom, rgba(16,79,162,1) 0%, rgba(1,147,250,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104fa2', endColorstr='#0193fa', GradientType=0 ); margin-top:20px; } a.blog-readmore:hover {color:#f35c23} .home-content .post-video-slider{ width:100%; margin-left:20px; margin-bottom:10px; float:right; position:relative;z-index:1; } .pool-equipments .equipment>.title a{ color:#1050a4 } button.readmore_inline{ border:none; height:auto; text-transform:initial; font-size:14px; color:#1050a4; font-weight:600; padding:0 3px } .inline{ display:inline!important } textarea{ color:#737373 } a.close-btn img{ float:right } li.testimonial a{ color:#065890 } li.testimonial a:hover{ color:#065890 } input:focus::-webkit-input-placeholder{ color:transparent } input:focus:-moz-placeholder{ color:transparent } input:focus::-moz-placeholder{ color:transparent } input:focus:-ms-input-placeholder{ color:transparent } #sticky .input-control>.wpcf7-form-control-wrap>input{ line-height:27px; height:30px } #sticky .input-control>.wpcf7-form-control-wrap>select{ line-height:20px; height:auto; padding-top:3px; padding-bottom:3px } #sticky span.wpcf7-not-valid-tip{ margin-top:-7px; font-size:12px } .testimonial-slider h2.title a{ line-height:47px; font-size:47px; margin:0 0 27px; color:#065890; text-align:center; font-weight:800 } .testimonial-slider h2.title{ text-align:center } .site-footer .footer-testimonials .widget-title{ display:none } .social-likes iframe{ max-width:inherit!important } #sticky .contact-us>.handle{ background:url(images/contact-us.png) center center no-repeat } .contact-content h3{ font-weight:400; font-size:2.4rem; margin:22px 0 17px; color:#000 } .pool-equipments .equipment>.image>a>img{ display:block; border:3px solid #1050a4; height:auto; width:100% } .t-center{ text-align:center } .site-header>.site-navigation .logo{ float:left; width:135px; display:none; padding:10px 0 } .site-header>.site-navigation .logo>img{ width:100% } .site-header.fixed>.site-navigation .logo{ display: block; margin-right: 10px; padding: 3px 0 0px 0px; margin-top: -5px; background: #fff; } .site-header.fixed>.site-navigation{ position:fixed; width:100%; z-index:9999; left:0; margin:0 } .custom-header {padding-top: 18px;width: 740px;float: right;} .custom-header h3 {font-size:25px;color:#000;font-weight:600; float:left;margin-left: 56px;margin-bottom:10px;line-height:20px;} .custom-header h3 br {line-height:0px;} .custom-header h3 strong {font-weight:700;text-transform:uppercase;color:#1050a4;} .custom-header h3:first-child {margin-left:0px;} .site-header .site-navigation .container {background: rgba(16,79,162,1); background: -moz-linear-gradient(top, rgba(16,79,162,1) 0%, rgba(1,147,250,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(16,79,162,1)), color-stop(100%, rgba(1,147,250,1))); background: -webkit-linear-gradient(top, rgba(16,79,162,1) 0%, rgba(1,147,250,1) 100%); background: -o-linear-gradient(top, rgba(16,79,162,1) 0%, rgba(1,147,250,1) 100%); background: -ms-linear-gradient(top, rgba(16,79,162,1) 0%, rgba(1,147,250,1) 100%); background: linear-gradient(to bottom, rgba(16,79,162,1) 0%, rgba(1,147,250,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104fa2', endColorstr='#0193fa', GradientType=0 ); border-top-left-radius: 8px; border-top-right-radius: 8px; padding-top: 5px;padding-left:10px; } .site-header .site-navigation ul.menu:after {clear:both;content:'';} .static-banner img {display:block;width:100%;height:auto;} .static-banner {border-bottom:12px solid #018df3;} .services-photo img {width:100%;height:auto;display:block;} .services-bucket {position:relative;} .hover-content {position:absolute;width:100%;height:100%;top:0;text-align:center;padding-left:10px;padding-right:10px;} .hover-content h3 {font-size:36px;text-transform:uppercase;color:#fff;font-weight:800;text-shadow: 0px 0px 5px #484747;} .services-container .row>.column {padding:7.5px;} .services-container h2.section-title { padding-bottom: 20px; line-height: 43px;font-size:40px;text-transform:uppercase;color:#065890;font-weight:800;border-bottom:8px solid #ff6c00;border-radius:0px;} .parallax { margin-top: 7.5px; } .hover-content a.button {text-transform:uppercase;display:none;width:148px;border-radius:0px;font-weight:600;background:none;border:2px solid #fff;margin:0 auto;} .hover-content:hover {background:rgba(0,115,203,.8);} .hover-content:hover a.button {display:block;} .parallax .circle-gradient {background: rgba(255,156,0,1); background: -moz-linear-gradient(top, rgba(255,156,0,1) 0%, rgba(255,74,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,156,0,1)), color-stop(100%, rgba(255,74,0,1))); background: -webkit-linear-gradient(top, rgba(255,156,0,1) 0%, rgba(255,74,0,1) 100%); background: -o-linear-gradient(top, rgba(255,156,0,1) 0%, rgba(255,74,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,156,0,1) 0%, rgba(255,74,0,1) 100%); background: linear-gradient(to bottom, rgba(255,156,0,1) 0%, rgba(255,74,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9c00', endColorstr='#ff4a00', GradientType=0 ); height:379px;width:379px;border-radius:100%;padding-left: 48px; } .parallax h3 {font-weight:800;color:#fff;font-size:47px;line-height:48px;margin-bottom:0px;} .parallax h3 br {line-height:0px;} .parallax h2 {font-size:79px;font-weight:800;font-style:italic;line-height:81px;color:#fff400;margin-bottom:0px;} .f-contact {float:left;width:476px;} .footer-map {float:right;width:679px;} .site-footer .contact {background:#background: rgba(16,79,162,1); background: -moz-linear-gradient(top, rgba(16,79,162,1) 0%, rgba(2,140,241,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(16,79,162,1)), color-stop(100%, rgba(2,140,241,1))); background: -webkit-linear-gradient(top, rgba(16,79,162,1) 0%, rgba(2,140,241,1) 100%); background: -o-linear-gradient(top, rgba(16,79,162,1) 0%, rgba(2,140,241,1) 100%); background: -ms-linear-gradient(top, rgba(16,79,162,1) 0%, rgba(2,140,241,1) 100%); background: linear-gradient(to bottom, rgba(16,79,162,1) 0%, rgba(2,140,241,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104fa2', endColorstr='#028cf1', GradientType=0 );} .site-footer .contact h2 {text-align:center;font-size:47px;text-transform:uppercase;color:#fff;font-weight:800;margin-bottom:10px;} .site-footer .contact h4 {text-align:center;color:#fff;font-size:29.58px;font-weight:600;line-height:31px;} .site-footer .contact a.call-us.button {font-size:29.58px;font-weight:600;height:57px;line-height:57px;width:200px;} .site-footer>.footer-widgets .best-pools .widget-title {display:none;} /*.footer-address-col h4 {text-transform:uppercase;margin-bottom:0px;color:#1050a4;font-size:25px;font-weight:700;}*/ .footer-address-col h4 { text-transform: uppercase; margin-bottom: 0px; color: #1050a4; font-size: 16px; font-weight: 700; } /*.footer-address-col p {margin:0px;color:#000;font-weight:600;font-size:15px;}*/ .footer-address-col p { margin: 0px; color: #000; font-weight: 600; font-size: 12px; } /*.footer-address-col {padding:15px 24px;background:#f1f1f1;margin-top:7px;}*/ .footer-address-col { padding: 15px 15px; background: #f1f1f1; width: 98%; float: left; flex-grow: 1; } .footer-address-col-wrap {display: flex;flex-wrap: wrap;width: 100%;gap: 10px;margin-top: 7px;} .f-address-left { float: left; width: 66%; } .f-address-right { float: left; width: 34%; text-align: center; margin-top: 0px; } .f-address-right .button { font-size: 12px; border-radius: 15px; line-height: 35px; height: 35px; width: 90px; padding: 0; } /*.f-address-left {float:left;width:60%;} .f-address-right {float:left;width:40%;text-align:center;margin-top:0px;} .f-address-right .button {font-size:17px; border-radius: 15px; line-height: 40px; height: 40px;}*/ .f-address-left p a {color:#000;text-decoration:none;} .entry .ngg-gallery-thumbnail-box {width:25%;} .entry .ngg-gallery-thumbnail {border:none;} .contact .input-control>.wpcf7-form-control-wrap>input, .contact .input-control>.wpcf7-form-control-wrap>select {border-radius:0px !important;} .contact .input-control>.wpcf7-form-control-wrap>textarea {border-radius:0px;} .contact .input-control>.wpcf7-submit {font-size:24px;font-weight:600;color:#fff;text-transform:inherit;background: rgba(255,159,0,1); background: -moz-linear-gradient(top, rgba(255,159,0,1) 0%, rgba(255,71,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,159,0,1)), color-stop(100%, rgba(255,71,0,1))); background: -webkit-linear-gradient(top, rgba(255,159,0,1) 0%, rgba(255,71,0,1) 100%); background: -o-linear-gradient(top, rgba(255,159,0,1) 0%, rgba(255,71,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,159,0,1) 0%, rgba(255,71,0,1) 100%); background: linear-gradient(to bottom, rgba(255,159,0,1) 0%, rgba(255,71,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f00', endColorstr='#ff4700', GradientType=0 ); line-height:47px;height:49px;width: 190px; } .contact .input-control>.wpcf7-submit:hover {background: rgba(255,71,0,1); background: -moz-linear-gradient(top, rgba(255,71,0,1) 0%, rgba(255,159,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,71,0,1)), color-stop(100%, rgba(255,159,0,1))); background: -webkit-linear-gradient(top, rgba(255,71,0,1) 0%, rgba(255,159,0,1) 100%); background: -o-linear-gradient(top, rgba(255,71,0,1) 0%, rgba(255,159,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,71,0,1) 0%, rgba(255,159,0,1) 100%); background: linear-gradient(to bottom, rgba(255,71,0,1) 0%, rgba(255,159,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4700', endColorstr='#ff9f00', GradientType=0 ); } .site-footer .contact .textwidget {padding-bottom:35px;padding-top:35px;} .contact .contact-us>.input-control { margin: 0 0 9px; } .footer-map iframe {height:588px;} .footer-map { box-shadow: 0px 0px 15px #074d8c;} #meet_the_team { margin-top: 40px; } .team_col { margin-bottom: 30px; } .team_image { position: relative; min-height: auto; } .team_image img { display: block; width: 100%; } .team_image .bio_hover { position: absolute; width: 100%; height: 100%; background:rgba(0,115,203,.8); display: none; text-align: center; top: 0; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team_image:hover .bio_hover { display: block; } .team_col h3 { font-size: 18px; color: #fff; font-weight: 600; font-family: "Open Sans", sans-serif; margin-top: 0; margin-bottom: 0; line-height: 30px; } .team-title { font-size: 14px; color: #fff; margin-bottom: 20px; } .btn_transparent { display: inline-block; line-height: 43px; width: 148px; font-size: 14px; color: #fff; text-decoration: none; font-weight: 600; border: solid 2px #ffffff; border-radius: 6px; } .btn_transparent:hover { background:rgba(0,115,203,1); color:#fff; } .overlay { background-color: rgba(0, 0, 0, 0.85); bottom: 0; cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; z-index: 99; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; border: 0; outline: none; z-index: 999999; } .overlay:target { visibility: visible; opacity: 1; } .popup { background-color: #fff; display: inline-block; left: 50%; opacity: 0; padding: 50px; position: fixed; top: 40%; visibility: hidden; z-index: 99; min-width: 890px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition: opacity .5s, top .5s; -moz-transition: opacity .5s, top .5s; -ms-transition: opacity .5s, top .5s; -o-transition: opacity .5s, top .5s; transition: opacity .5s, top .5s; max-width: 520px; z-index: 9999999; } .content .popup h2 { color: #1050a4; font-size: 21px; font-weight: bold; font-family: Arial, sans-serif; } .popup_content { margin: 0 ; overflow-y: auto; max-height: 700px; } .popup_content h3 { font-size: 30px; color: #1050a4; margin-bottom: 20px; } .popup_scroll { min-height: 200px; } .popup_content p { font-size: 15px; font-family: "Open Sans", sans-serif; color: #545454; line-height: 24px; margin-bottom: 30px; } .popup_content ul { margin-left: 15px; } .popup_content ul li { color: #545454; } .overlay:target+.popup, .overlay:hover+.popup { top: 50%; opacity: 1; visibility: visible; } #subcontent .overlay:target+.popup, #subcontent .overlay:hover+.popup { top: 55%; } .bio_img { float: left; margin-right: 35px; margin-top: 5px; margin-bottom: 20px; max-width: 250px; } .bio_img img { display: block; } .close { background: url(images/popclose.png) no-repeat center top; height: 25px; width: 25px; font-size: 0; position: absolute; right: 18px; top: 17px; text-align: center; text-decoration: none; } .hotspring_video_mobile,img.mobileIMG {display:none;} .site-content .entry-content .ui-tabs .ui-tabs-nav li, .site-content .entry-content .r-tabs-nav li { border-radius: 0; border: 0; margin-left: 0px; padding-left: 0; float: left; background: #1050a4; margin-bottom:0px; } .site-content .entry-content .r-tabs-nav li.r-tabs-state-active{ background: #ff6400; outline: none; color: #fff; margin-left: 0; padding-left: 0; } .site-content .entry-content .ui-tabs .ui-tabs-nav .ui-tabs-anchor, .site-content .entry-content .r-tabs-nav li a { padding: 15px 19px 16px; outline: none; text-transform: uppercase; color: #fff; display: block; font-size: 16px; font-weight: 600; font-family: "Open Sans", sans-serif; border: 0; margin-left: -1px; } .site-content .entry-content .r-tabs-nav li.r-tabs-state-active a { color: #fff; background: none; } .mobile-true{ display: none; } #nggpowertags .ngg-gallery-thumbnail{ padding: 0; border: 0; } .input-control > .wpcf7-form-control-wrap > select{ background-position: right -1px center, left top; } .site-content .entry-content ul>li{ padding-left: 12px; margin-left: 10px; margin-bottom:5px; line-height:24px; } .site-content .entry-content ul>li:before{ top: 0; position: absolute; left: 0; } .site-content .entry-content .sd-content ul li{ margin-left: 0; padding-left: 0; } .entry-content p{ line-height: 24px; } .readmore-inline-wrap span{ line-height: 24px; } .what-we-do .service > .image > img{ margin-top: 10px; } .site-content .entry-header > .post-thumbnail{ margin-bottom: 20px; } .inside-page .site-content .entry-content .entry h2, .inside-post .site-content .entry-content .entry h2{ line-height: 24px; font-size: 2.4rem; color: #f35c23; font-weight: 600; font-family: "Open Sans", san-serif; margin: 0px 0px 20px 0px; } .inside-page .site-content .entry-content .entry h3, .inside-post .site-content .entry-content .entry h3{ line-height: 24px; font-size: 20px; color: #f35c23; font-weight: 600; font-family: "Open Sans", san-serif; margin: 0px 0px 20px 0px; } .inside-page .site-content .entry-content .entry h4, .inside-post .site-content .entry-content .entry h4{ line-height: 24px; font-size: 18px; color: #f35c23; font-weight: 600; font-family: "Open Sans", san-serif; margin: 0px 0px 20px 0px; } div.wpcf7-validation-errors , div.wpcf7-spam-blocked{ border:0; margin:0; background:#f35555; color:#fff; border-radius:5px; padding:5px 10px; margin-top: 10px; } div.wpcf7-mail-sent-ok{ border:0; margin:0; background:#1395ae; color:#fff; border-radius:5px; padding:5px 10px; margin-top: 10px; } span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; display: block; } #sticky span.wpcf7-not-valid-tip { display: block; background: #f35555; color: #fff; font-size: 13px; padding: 2px 5px; margin-top: -9px; margin-bottom: 8px; } .input-control>.wpcf7-submit:hover, .input-control>.wpcf7-submit:focus,.input-control>.wpcf7-submit:active{ color: #fff; background: rgba(255,71,0,1); background: -moz-linear-gradient(top, rgba(255,71,0,1) 0%, rgba(255,159,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,71,0,1)), color-stop(100%, rgba(255,159,0,1))); background: -webkit-linear-gradient(top, rgba(255,71,0,1) 0%, rgba(255,159,0,1) 100%); background: -o-linear-gradient(top, rgba(255,71,0,1) 0%, rgba(255,159,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,71,0,1) 0%, rgba(255,159,0,1) 100%); background: linear-gradient(to bottom, rgba(255,71,0,1) 0%, rgba(255,159,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4700', endColorstr='#ff9f00', GradientType=0 ); } .site-content .entry-content ul.r-tabs-nav>li:before {display:none;} .site-content .entry-content .r-tabs .r-tabs-panel p { margin-bottom: 20px; margin-top: 0; } .site-content .entry-content .r-tabs .r-tabs-panel { padding: 20px 0; clear: both; text-align: left; } #spas_model_tabs, .spas_model_tabs { border-top: 1px solid #1050a4; margin-top: -1px; } .r-tabs .r-tabs-panel img { max-width: 100%; height: auto;} img.spas_model_photo_mobile {display:none;margin-bottom:15px;} .back-collection { text-align: right; margin-top: 20px; margin-bottom: 20px; } .description-next-photo-mobile { display: none; } .spas_model_photo_desktop img {max-width:100%;height:auto;} .spec-label, .spec-value { font-size: 14px; color: #555555; padding-left: 9px; line-height: 20px; font-family: "Open Sans", sans-serif; padding: 7px 0 7px 9px; text-align: left; } .spec-label.seat-capacity { background: #f2f2f2 url(images/seatcapacity_.png) no-repeat right center; } .spec-label.water-capacity { background: #f2f2f2 url(images/watercapacity_.png) no-repeat right center; } .spec-label.total-jets { background: #f2f2f2 url(images/totaljets_.png) no-repeat right center; } .spec-label.dimensions { background: #f2f2f2 url(images/dimensions_.png) no-repeat right center; } .cabinet-shell ul li a { display: block; height: 45px; width: 45px; cursor: default; } .site-content .entry-content .cabinet-shell ul li { display: inline-block; width: 55px; height: 55px; background: url(images/color-selector-hl-nxt.png) 0 0; margin: 1px !important; text-indent: -99999px; border-radius: 50%; border: 5px solid #fff; transition: all 0.3s ease-in-out; padding: 0; } .cabinet-shell h5 { visibility: hidden; margin-bottom: 5px; margin-top: 7px; position: absolute; left: 0; width: 100%; text-align: center; color: #1050a4; } .shell {min-height:185px;} .cabinet, .shell {text-align:center;position: relative;} .site-content .entry-content .cabinet-shell h3 { text-align: center; font-size: 22px; text-transform: uppercase; margin-top: 0; margin-bottom: 8px; } .spatabs-specs .cabinet-shell { margin-top: 20px; } .site-content .entry-content .cabinet-shell ul li:hover, .site-content .entry-content .cabinet-shell ul li:focus, .site-content .entry-content .cabinet-shell ul li.selected{border:5px solid #1050a4;} .site-content .entry-content .cabinet-shell ul li.mocha{background-position:0 -1100px;} .site-content .entry-content .cabinet-shell ul li.monterey-gray{background-position:0 -1210px;} .site-content .entry-content .cabinet-shell ul li.teak{background-position:0 -1320px;} .site-content .entry-content .cabinet-shell ul li.alpine-white{background-position:0 0;} .site-content .entry-content .cabinet-shell ul li.creme{background-position:0 -110px;} .site-content .entry-content .cabinet-shell ul li.ice-gray{background-position:0 -220px;} .site-content .entry-content .cabinet-shell ul li.tuscan-sun{background-position:0 -330px;} .site-content .entry-content .cabinet-shell ul li.desert{background-position:0 -440px;} .site-content .entry-content .cabinet-shell ul li.platinum{background-position:0px -1980px;} .site-content .entry-content .cabinet-shell ul li.spa-stone-earth{background-position:0 -1870px;} .site-content .entry-content .cabinet-shell ul li.spa-stone-gray{background-position:0 -1760px;} .site-content .entry-content .cabinet-shell ul li.coastal-gray { background-position: 0 -1430px; } .site-content .entry-content .cabinet-shell ul li.espresso { background-position: 0 -1540px; } .site-content .entry-content .cabinet-shell ul li.pearl { background-position: 0 -660px; } .site-content .entry-content .cabinet-shell ul li.sterling-marble { background-position: 0 -880px; } .site-content .entry-content .cabinet-shell ul.limelight li.teak, .site-content .entry-content .cabinet-shell ul.hotspot li.teak { background: url(images/color-selector.png) 0 0; background-position: 0 -1320px; } .site-content .entry-content .cabinet-shell ul.hotspring li.walnut {background:url(images/Walnut.png) no-repeat center center;background-size:cover;} .site-content .entry-content .cabinet-shell ul.hotspring li.bronze {background:url(images/Bronze.png) no-repeat center center;background-size:cover;} .site-content .entry-content .cabinet-shell ul.hotspring li.sandstone {background:url(images/Sandstone.png) no-repeat center center;background-size:cover;} .site-content .entry-content .cabinet-shell ul.hotspring li.driftwood {background:url(images/Driftwood.png) no-repeat center center;background-size:cover;} .site-content .entry-content .cabinet-shell ul.hotspring li.brushed-nickel {background:url(images/Brushed-Nickel.png) no-repeat center center;background-size:cover;} .site-content .entry-content .cabinet-shell ul.hotspring li.shale {background:url(images/Shale.png) no-repeat center center;background-size:cover;} .site-content .entry-content .cabinet-shell ul.hotspring li.ivory {background:url(images/Ivory.png) no-repeat center center;background-size:cover;} .site-content .entry-content .cabinet-shell ul.limelight li.coastal-gray {background: url(images/l-color-selector.png) 0 0; background-position: 0 -2210px; } .site-content .entry-content .cabinet-shell ul.limelight li.espresso { background: url(images/l-color-selector.png) 0 0; background-position: 0 -2320px; } .site-content .entry-content .cabinet-shell ul.limelight li.sable { background: url(images/l-color-selector.png) 0 0; background-position: 0 -2100px; } .site-content .entry-content .cabinet-shell ul.caldera li.slate { background: url(images/slate-cantabria.jpg) no-repeat center center;background-size:100%; } .site-content .entry-content .cabinet-shell ul.caldera li.brownstone { background: url(images/Brownstone.jpg) no-repeat center center;background-size:100%; } .site-content .entry-content .cabinet-shell ul.caldera li.sand { background: url(images/Sand.jpg) no-repeat center center;background-size:100%; } .site-content .entry-content .cabinet-shell ul.caldera li.arctic-white { background: url(images/ArcticWhite.jpg) no-repeat center center; background-size: 100%; } .site-content .entry-content .cabinet-shell ul.caldera li.platinum { background: url(images/platinum-cantabria.jpg) no-repeat center center; background-size: 100%; } .site-content .entry-content .cabinet-shell ul.caldera li.tuscan-sun { background: url(images/tuscansun-cantabria.jpg) no-repeat center center; background-size: 100%; } .site-content .entry-content .cabinet-shell ul.caldera li.midnight-canyon { background: url(images/swatch-shell-midnight-canyon.jpg) no-repeat center center; background-size: 100%; } .site-content .entry-content .cabinet-shell ul.caldera li.white-pearl { background: url(images/swatch-shell-white-pearl.jpg) no-repeat center center; background-size: cover; } .site-content .entry-content .cabinet-shell ul li.ash { background: url(images/ash.jpg) no-repeat center center; background-size: 100%; } .site-content .entry-content .cabinet-shell ul li.java { background: url(images/java.jpg) no-repeat center center;background-size: 100%; } .site-content .entry-content .cabinet-shell ul li.parchment { background: url(images/parchment.jpg) no-repeat center center;background-size: 100%; } .site-content .entry-content .cabinet-shell ul.caldera.paradise li.tuscan-sun { background: url(images/swatch-shell-tuscan-sun.jpg) no-repeat center center; background-size: cover; } .site-content .entry-content .cabinet-shell ul.caldera.paradise li.desert { background: url(images/desert-swatch.jpg) no-repeat center center; background-size: cover; } .site-content .entry-content .cabinet-shell ul.caldera.paradise li.coastal-gray { background: url(images/swatch-cabinet-coastal-gray.jpg) no-repeat center center; background-size: cover; } .site-content .entry-content .cabinet-shell ul.caldera.paradise li.espresso { background: url(images/swatch-cabinet-espresso.jpg) no-repeat center center; background-size: cover; } .site-content .entry-content .cabinet-shell ul.caldera.paradise li.teak { background: url(images/swatch-cabinet-teak.jpg) no-repeat center center; background-size: cover; } .site-content .entry-content .cabinet-shell ul.caldera.paradise li.sterling-marble { background: url(images/swatch-shell-sterling-marble.jpg) no-repeat center center; background-size: cover; } .cabinet-shell ul li.almond { background:url(images/Almondc619.png?v=1.0) no-repeat center center;background-size:cover } .cabinet-shell ul li.havana { background:url(images/Havanac619.png?v=1.0) no-repeat center center;background-size:cover } .cabinet-shell ul li.storm { background:url(images/Stormc619.png?v=1.0) no-repeat center center;background-size:cover } .cabinet-shell ul li.alpine-white { background:url(images/Alpine-Whitec619.png?v=1.0) no-repeat center center;background-size:cover } .cabinet-shell ul li.pearl { background:url(images/Pearlc619.png?v=1.0) no-repeat center center;background-size:cover } .cabinet-shell ul li.pebble { background:url(images/Pebblec619.png?v=1.0) no-repeat center center;background-size:cover } .cabinet-shell ul li.tuscan-sun { background:url(images/Tuscan-Sunc619.png?v=1.0) no-repeat center center;background-size:cover } .spas_model_photo_desktop {text-align:center;} .site-header.fixed { padding-top: 64px; } .inside-page .site-content .entry-content .entry .store-hours h3, .inside-page .site-content .entry-content .entry .store-hours ul li {color:#fff;} .site-content .entry-content .store-hours ul>li:before {display:none;} .entry-content .store-hours ul>li {margin-left:0px;padding-left:0px;} .vinyl-col .column.three {text-align:center;margin-bottom:15px;} .inside-page .site-content .entry-content .entry .vinyl-col h4 {margin-bottom:0px;margin-top:10px;} .inside-page .site-content .entry-content .entry .vinyl-col p {margin-top:5px;} .vinyl-col img {max-width:100%;height:auto;} .custom-mobile-menu{ display:none; background: rgba(16,79,162,1); background: -moz-linear-gradient(top, rgba(16,79,162,1) 0%, rgba(1,147,250,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(16,79,162,1)), color-stop(100%, rgba(1,147,250,1))); background: -webkit-linear-gradient(top, rgba(16,79,162,1) 0%, rgba(1,147,250,1) 100%); background: -o-linear-gradient(top, rgba(16,79,162,1) 0%, rgba(1,147,250,1) 100%); background: -ms-linear-gradient(top, rgba(16,79,162,1) 0%, rgba(1,147,250,1) 100%); background: linear-gradient(to bottom, rgba(16,79,162,1) 0%, rgba(1,147,250,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104fa2', endColorstr='#0193fa', GradientType=0 ); padding-top:10px; padding-bottom:10px } span.toChild{ position:absolute; right:0; margin-right:0; margin-top:0; cursor:pointer; color:transparent; background:url(images/plusico.png) no-repeat left center; background-size:22px 22px; width:30px; padding:8px 0 } .sidenav{ height:100%; width:0; position:fixed; z-index:9999; top:0; left:0; background:rgba(0,0,0,.9); overflow-x:hidden; transition:.5s; padding-top:60px } .sidenav a{ padding:8px 8px 8px 32px; text-decoration:none; font-size:25px; color:#818181; display:block; transition:.3s } .sidenav a:hover{ color:#f1f1f1 } .sidenav .closebtn{ position:absolute; top:0; right:0; font-size:36px } .sidenav .menus{ width:500px; display:block } .openmenu{ width:500px } .opennav{ float:left; background-image:url(images/menubg.png)!important; background-repeat:no-repeat!important; background-position:left 50%!important; font-size:21px; color:#fff; padding-left:30px; cursor:pointer; margin-top:8px; text-transform:uppercase } .opennav.closemenu{ background-image:url(images/closenav.png)!important; background-position:10%!important } .custom-mobile-menu ul.menus>li>a:hover,.custom-mobile-menu ul.menus>li>ul.sub-menu>li>a:hover,.custom-mobile-menu ul.menus>li>ul>li>ul>li>a:hover{ background:#ff6400; color:#fff } .custom-mobile-menu ul.menus>li.current-menu-item>a,.custom-mobile-menu ul.menus>li>ul>li.current-menu-item>a,.custom-mobile-menu ul.menus>li>ul>li>ul>li.current-menu-item>a{ background:#ff6400; color:#fff } span.toChild.minusico{ background:url(images/minusico.png) no-repeat left center; background-size:22px 22px; width:30px } .custom-mobile-menu ul.menus>li.current-menu-item>span.toChild,.custom-mobile-menu ul.menus>li:hover>span.toChild,.custom-mobile-menu ul.menus>li>ul>li.current-menu-item>span.toChild,.custom-mobile-menu ul.menus>li>ul>li:hover>span.toChild{ background:url(images/plusico.png) no-repeat left center; background-size:22px 22px; width:30px } .custom-mobile-menu ul.menus>li.current-menu-item>span.toChild.minusico,.custom-mobile-menu ul.menus>li:hover>span.toChild.minusico,.custom-mobile-menu ul.menus>li>ul>li.current-menu-item>span.toChild.minusico,.custom-mobile-menu ul.menus>li>ul>li:hover>span.toChild.minusico{ background:url(images/minusico.png) no-repeat left center; background-size:22px 22px; width:30px } .sidenav .menus ul{ margin:0 } .sidenav .menus li{ text-align:right; padding-right:0 } .sidenav .menus li ul li{ padding-right:0 } .sidenav .menus a{ padding:7px 0; font-size:17px; text-transform:uppercase; color:#fff; padding-right:25px; padding-left:25px; text-align:left } .sidenav .menus li ul li a{ margin-left:15px; font-size:16px } #mobile-right{ float:right } #mobile-right .mobile-ico{ display:block; width:50px; height:50px; background:#ff6400; float:left; margin-left:5px; border-radius:8px } .header-mobile-logo{ display:none } #mobile-right span{ color:#fff } .mobile-tel-ico span{ font-size:40px; color:#fff; margin-top:6px; width:100%; text-align:center; margin-top:6px } .mobile-location-ico span{ width:100%; text-align:center; font-size:40px; margin-top:5px } .mobile-tel-ico:before{ width:33px; height:50px; position:absolute; content:''; background:url(images/phone-ico-min.png) no-repeat center; background-size:100%; margin-left:8px } .mobile-contact-ico:before{ width:35px; height:50px; position:absolute; content:''; background:url(images/email-icon.png) no-repeat center; background-size:100%; margin-left:8px } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .mobile-btn-container {background:#fff;max-width:450px;margin:0 auto;padding:20px;padding-top:40px;position:relative;border-radius:8px; min-width: 90%;} .mobile-btn-container a.button {display:block;max-width:300px;margin:0 auto;margin-bottom:10px;} a.popup-modal-dismiss { position: absolute; width: 25px; height: 25px; right: 0px; background: url(images/popclose.png) no-repeat center; background-size: cover; margin-top: 10px; top: 0; margin-right: 10px; } .entry-content .content-tabs .r-tabs-accordion-title a.r-tabs-anchor { padding: .8em 40px .8em 1em; outline: none; text-transform: uppercase; display: block; margin-bottom:10px; color:#fff; font-weight:600; background: #1050a4 url(images/plus-ico.png) no-repeat right 15px center; } .entry-content .content-tabs .r-tabs-accordion-title.r-tabs-state-active a.r-tabs-anchor { background: #ff6400 url(images/minus2.png) no-repeat right 15px center; } .contact-content a.logo img {max-width:100%;height:auto;} .site-footer .social-buttons {text-align:center;display:none;} .site-footer .social-buttons>a {margin:5px;background:#1050a4;} .site-footer .social-buttons>a:before {background-image:none;} .custom-header h3 a {color:#000; line-height: 20px;} select::-ms-expand { display: none; } .site-header .site-navigation ul.menu>li.menu-item>ul.sub-menu>li.disable-link.menu-item>a {pointer-events: none;} .areas-served {margin-top:20px;} .areas-served li { text-align: left; } .column.six.rightimg {float:right;} .column.col-centered { float: none; margin: 0 auto; } .entry .ngg-gallery-thumbnail img {width:100%;} #post-2838 .post-video-slider { margin-left: 38px; margin-bottom: 10px; float: right; position: relative; z-index: 1; width: 51.933%; } .alignright { float: right; margin-left: 20px; margin-bottom: 20px; } img.alignright {max-width:100%;} .site-content .post-2826 .entry-content .r-tabs-nav li a { height: 75px; } .site-content .post-2826 .entry-content .r-tabs-nav li:nth-child(1) a, /*.site-content .post-2826 .entry-content .r-tabs-nav li:nth-child(7) a,*/ .site-content .post-2826 .entry-content .r-tabs-nav li:nth-child(8) a, .site-content .post-2826 .entry-content .r-tabs-nav li:nth-child(9) a, .site-content .post-2826 .entry-content .r-tabs-nav li:nth-child(10) a, .site-content .post-2826 .entry-content .r-tabs-nav li:nth-child(11) a { line-height: 40px; } .faq-answer{ display: none; } .faq-container .faq-question { position: relative; outline: 0; background: 0 0; border: 0; border-bottom: solid 1px #1050a4; border-radius: 0; font-size: 18px; padding-left: 0; color: #1050a4; padding: 12px 25px 12px 0; margin-bottom: 0; cursor: pointer; position: relative; } .faq-container .faq-question:hover, .faq-question.faq-question-active{ color: #f35c23; } .faq-container .faq-question:before{ content: ""; display: block; width: 22px; height: 22px; background: url(images/faqplus-min77ae.png?ver=2) no-repeat center top; position: absolute; right: 0; top: 17px; } .faq-container .faq-question.faq-question-active:before{ background: url(images/faqminus-ico-min68b3.png?ver=1) no-repeat center top; } .faq-answer{ padding: 20px 0; border: 0; border-bottom: solid 1px #00bdff; } .faq-answer p:last-child{ margin-bottom: 0; } .faq-answer+p.hidden{ display: none; } .post-2795 .pool-equipments .equipment>.title { min-height: 42px; } .hover-content a.button:hover { background: #000; } .site-footer .bestpools.social-buttons { display: block; text-align: center; } .site-footer .bestpools.social-buttons a i { font-size: 24px; } .site-footer .bestpools.social-buttons a { margin-left: 0; margin-bottom: 0; font-size: 1rem; height: 40px; width: 40px; } .site-footer .bestpools.social-buttons a:before { content: ''; width: 40px!important; height: 40px; } .free-guide-container { text-align: left; padding-top: 35px; padding-bottom: 35px; background: #f8f8f8; border-top: 1px solid #dfe0e1; } .free-guide-container div{ min-height: 0 !important; } .free-guide-container img.ebook-graphic { max-width: 200px; width:100%; } .free-guide-container .container { width:95%; max-width:1390px; } .free-guide-container h2 { font-size: 24px; color: #2367a3; display: block; max-width: 900px; line-height: 34px; padding-top: 0px; font-weight:600; } .ebook-graphic { float: none; margin-right: 0px; } /*body.page-id-579 .free-guide-container img.ebook-graphic , body.page-id-581 .free-guide-container img.ebook-graphic , body.page-id-629 .free-guide-container img.ebook-graphic , body.page-id-630 .free-guide-container img.ebook-graphic , body.page-id-631 .free-guide-container img.ebook-graphic , body.page-id-632 .free-guide-container img.ebook-graphic , body.page-id-633 .free-guide-container img.ebook-graphic , body.page-id-634 .free-guide-container img.ebook-graphic , body.page-id-635 .free-guide-container img.ebook-graphic , body.page-id-636 .free-guide-container img.ebook-graphic , body.page-id-685 .free-guide-container img.ebook-graphic , body.page-id-2739 .free-guide-container img.ebook-graphic , body.page-id-2746 .free-guide-container img.ebook-graphic , body.page-id-2812 .free-guide-container img.ebook-graphic , body.page-id-2814 .free-guide-container img.ebook-graphic , body.page-id-2818 .free-guide-container img.ebook-graphic , body.page-id-3767 .free-guide-container img.ebook-graphic, body.page-id-9225 .free-guide-container img.ebook-graphic, body.page-id-9252 .free-guide-container img.ebook-graphic, body.page-id-9263 .free-guide-container img.ebook-graphic, body.page-id-9269 .free-guide-container img.ebook-graphic, body.page-id-9307 .free-guide-container img.ebook-graphic, body.page-id-9319 .free-guide-container img.ebook-graphic { margin-right : 0px; margin-left : 0px; max-width : 200px; width:100%; }*/ #gas-inserts-form { background : #fff; max-width : 500px; position : relative; padding : 40px 20px 1px 20px; margin : 0px auto; width : auto; } .site-header.fixed .site-navigation ul.menu>li.menu-item>a { font-size: 15px; } .static-listing {text-align:center;} .testi-content p {color: #065890; font-size: 20px; font-weight: 600; line-height: 25px;margin-top:0px;} .static-testimonial h4 { line-height: 24px; font-weight: 800; font-size: 21px; color: #065890; margin: 0; text-transform: uppercase;} .testi-content {position:relative;max-width:1024px;margin:0 auto;background: url(images/orange-star.png) no-repeat top center; padding-top: 55px;} .testi-content:after { margin-right: -45px; margin-top: 62px; top: 0; right: 0; content: ''; position: absolute; width: 32px; height: 25px; background: url(images/right-qoute.png) no-repeat center; background-size: cover;} .testi-content:before { margin-left: -45px; margin-top: 62px; top: 0; left: 0; content: ''; position: absolute; width: 32px; height: 25px; background: url(images/left-qoute.png) no-repeat center; background-size: cover;} .static-testimonial h2 { line-height: 47px; font-size: 47px; margin: 0 0 27px; color: #065890; text-align: center; font-weight: 800; } .static-testimonial h2 a {color: #065890; line-height: 47px;} #faq-container{margin-top:30px;} .faq-container{margin-bottom:50px;} .faq-container .ui-accordion h3{line-height:28px;font-weight:400;cursor:pointer;outline:none;position:relative;background:none;border:0;border-radius:0;font-size:21px;padding-left:0;color:#225282;padding:12px 40px 12px 15px;background:#fafafa;margin-bottom:0px;} .faq-container .ui-accordion h3:hover, .faq-container .ui-accordion h3.ui-state-active{color:#fff;background:#1050a4;} .faq-container .ui-accordion .ui-icon{width:22px;height:22px;background:url(images/faqplus2-min.png) no-repeat center top;position:absolute;right: 12px; top: 30%;} .faq-container .ui-accordion h3.ui-state-active .ui-icon{background:url(images/faqminus2-min.png) no-repeat center top;} .faq-container .ui-accordion .ui-accordion-content{padding:20px 0;border:0;} .faq-container .ui-widget.ui-widget-content{border-radius:0;border:0;} .ui-accordion-content p {margin-top:0px;} .faq-list {margin-bottom:3px;} .shape-build-row.row { margin-bottom: 20px; } .shape-build-column{ line-height: 82px; background: #1050a4; color: #fff; font-size: 25.4px; font-weight: 600; float: left; width: 49%; margin-bottom: 23px; } .shape-build-row img, .row.row-thumbnails .column img {max-width:100%;height:auto;} .shape-build-column:nth-child(2), .shape-build-column:nth-child(4){ float: right; } .shape-build-column a{ color: #fff !important; } .shape-build-column:hover{ background: #f35c23; } .inside-page .site-content .entry-content .shape-build-column img { display: block; float: left; max-width: 88px; margin-right: 20px; } .shape-build-column:after{ display: block; content: ""; clear: both; } .inside-page .site-content .entry-content h2.areas-heading{ font-size: 34px; font-weight: 600; line-height: 40px; padding-bottom: 20px; border-bottom: solid 3px #f35c23; margin-bottom: 20px; color:#1050a4; } .row.row-thumbnails { margin: 0 -5px 25px; } .row.row-thumbnails .column{ padding: 0 5px; margin-bottom: 10px; } .row.row-thumbnails .column img{ display: block; } .areas-form {max-width:800px;margin:0 auto;} .af-container {background: #1985ff;padding-top: 35px; padding-bottom: 25px;padding-left:20px;padding-right:20px;} .af-container .input-control > .wpcf7-submit { background: #00bbfe;} .inside-page .site-content .entry-content .areas-form h2 {text-align:center;font-size: 34px; font-weight: 600; line-height: 40px;color:#fff;} .inside-page .site-content .entry-content .areas-we-served h2 {text-align:center;font-size: 34px; font-weight: 600; line-height: 40px;color:#fff;} .areas-we-served {background:#1050a4;text-align:center;padding:50px 10px;} .areas-served-col {max-width:700px;margin:0 auto;} .areas-we-served a {margin-top:10px;font-size:16px;display:block;color:#fff;padding-top:10px;padding-bottom:10px;background: #2689fc;border-radius:5px;} .areas-we-served a:hover {background:#091e58;} .site-content .entry-content .areas-customer-reviews ul>li:before {display:none;} .areas-customer-reviews{ background: #1050a4; padding-top: 40px; padding-bottom: 40px; margin-top: 35px;} .areas-customer-reviews .testimonial-slider h2.title a {color:#fff;} .areas-customer-reviews .testimonial p {color:#fff;} .areas-customer-reviews .testimonial-slider.theme-1 .testimonial>.client-name, .areas-customer-reviews .testimonial p a {color:#fff;} /*-------------------------------------------------------------- # Popup --------------------------------------------------------------*/ #popup.popup { display: flex; align-items: center; justify-content: center; position: fixed; width: 100vw; height: 120vh; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 2; visibility: hidden; opacity: 0; overflow: hidden; transition: 0s ease-in-out; max-width: 100%; z-index: 9999999; margin: 0; min-width: 90%; } #popup .popup-inner { position: relative; bottom: -100vw; right: -120vh; display: flex; align-items: center; max-height: none; height: auto; text-align: center; border-radius: 20px; padding: 0; /*box-sizing: border-box;*/ background: transparent; box-shadow: 0 5px 10px rgba(0,0,0,.8); width: 100%; max-width: 750px; overflow: hidden; } #popup .popup-header { /*margin-bottom: 25px;*/ text-align: left; } #popup .popup-header p { padding: 0 0; } #popup .popup-row{ margin: 0 -12.5px 15px; } #popup .popup-row .popup-column { float: left; width: 50%; padding: 0 12.5px; box-sizing: border-box; } #popup .popup-row .popup-column .popup-column-contents { background: #f6f6f6; padding: 24px 20px 20px 20px; min-height: 205px; min-height: 0; background: none; padding: 0; } #popup .popup-row .popup-column .popup-column-contents h3{ color: #009cff; margin-bottom: 8px; } #popup .popup-row .popup-column .popup-column-contents p { font-size: 15px; margin-bottom: 5px; text-transform: uppercase; font-weight: bold; line-height: 1.4; color: #e7000a; text-align: center; } #popup .popup-row .popup-column .popup-column-contents .button:before{ display: none; } #popup .popup-inner h2 { line-height: 34px; font-size: 3.4rem; margin: 0 0 15px; color: #1050a4; font-weight: 700; } #popup .popup-inner h3 { line-height: 1.2; font-size: 3.4rem; font-size: 30px; margin: 0 0 15px; color: #1050a4; font-weight: 700; } #popup .popup-inner p { line-height: 24px; font-size: 14px; color: #000; font-weight: 400; font-weight: normal; font-family: "Open Sans", sans-serif; text-align: left; margin: 0 0 15px 0; } #popup .popup-inner p strong, #popup .popup-inner li strong{ color: #ed7d31; } #popup .popup-inner ul{ margin-bottom: 25px; } #popup .popup-inner ul li { font-family: 'Open Sans', sans-serif; font-weight: normal; line-height: 25px; font-size: 15px; color: #000; margin-bottom: 0; text-align: left; list-style-type: square; list-style-position: outside; margin-left: 15px; } #popup .popuptext p:last-child{ margin-bottom: 0 !important; } #popup .popup-inner .button{ text-transform: uppercase; font-weight: bold; display: inline-block; width: auto; min-width: 0; background: #0052ff; background: -moz-linear-gradient(top, #0052ff 0%, #0035a4 100%); background: -webkit-linear-gradient(top, #0052ff 0%,#0035a4 100%); background: linear-gradient(to bottom, #0052ff 0%,#0035a4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0052ff', endColorstr='#0035a4',GradientType=0 ); color: #fff; padding: 0 28px; font-size: 18px; height: auto; line-height: 50px; border-radius: 4px; width: 100%; } #popup .popup-inner .button:before{ content: ""; display: inline-block; width: 45px; height: 38px; /* background: url(images/icon-cart.svg) no-repeat center; */ vertical-align: middle; margin-right: 10px; } #popup .popup-inner h4 { margin-bottom: 10px; } #popup .popup-inner .button:hover{ background: #0035a4; background: -moz-linear-gradient(top, #0035a4 0%, #0052ff 100%); background: -webkit-linear-gradient(top, #0035a4 0%,#0052ff 100%); background: linear-gradient(to bottom, #0035a4 0%,#0052ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0035a4', endColorstr='#0052ff',GradientType=0 ); } #popup .popupphoto { display: flex; justify-content: flex-end; align-items: flex-end; width: 40%; height: 100%; overflow: hidden; } #popup .popupphoto img { width: auto; height: 100%; } #popup .popuptext { display: block; flex-direction: column; justify-content: center; width: 100%; height: 100%; padding: 0; } #popup .popuptext img{ max-width: 100%; display: block; width: 100%; height: auto; border-radius: 10px; } #popup.popup:target, #popup.popup.popup-active { visibility: visible; opacity: 1; } #popup.popup:target .popup-inner, #popup.popup.popup-active .popup-inner { bottom: auto; top: 50px; right: 0; transform: rotate(0); } #popup .closepopup { position: absolute; right: 15px; top: 15px; font-weight: 300; border-radius: 100%; background-color: transparent; z-index: 4; color: #fff; line-height: 3rem; text-align: center; cursor: pointer; text-decoration: none; padding: 0; font-size: 20px; background: url(images/close-white.webp) no-repeat center; background-size: 100%; width: 25px; height: 25px; } #coupon-thank-you { text-align: center; padding-top: 40px; } #coupon-thank-you h2{ font-size: 54px; color: #25509e; font-weight: bold; margin-bottom: 50px; line-height: 1; } #coupon-thank-you p{ font-size: 34px; line-height: 1.2; margin-bottom: 70px; } .page-id-10356 .entry-header, .page-id-10356 .footer-testimonials, .page-id-10356 .contact{ display: none; } .page-id-10356 .site-footer>.footer-widgets{ border-top: solid 5px #4485d0; margin-top: 50px; } @media only screen and (min-width: 1024px) and (max-width: 1440px) { #popup .popup-inner h3{ font-size: 26px;} #popup .popup-inner p{font-size: 13px; margin-top: 0; margin-bottom: 8px; line-height: 1.6;} } @media only screen and (max-width: 1366px) { /*#popup .popuptext {max-height: 400px; overflow-y: scroll;}*/ } @media only screen and (min-width: 600px) and (max-width: 800px) { #popup .popup-inner{ width: 100%;} #popup.popup:target .popup-inner, #popup.popup.popup-active .popup-inner{ bottom: auto; top: 50px;} #popup .popup-row .popup-column .popup-column-contents p {font-size: 14px;} #popup .popup-inner .button{font-size: 14px;} #popup .popup-inner h3{ font-size: 30px;} /*#popup .popuptext{max-height: 500px; overflow-y: scroll;}*/ } @media only screen and (min-width: 768px) and (max-width: 1023px) { #popup .popup-inner{ width: 100%;} #popup.popup:target .popup-inner, #popup.popup.popup-active .popup-inner{ bottom: auto; top: 50px;} #popup .popup-row .popup-column .popup-column-contents p {font-size: 14px;} #popup .popup-inner .button{font-size: 14px;} #popup .popup-inner h3{ font-size: 30px;} #coupon-thank-you h2 {font-size: 42px; margin-bottom: 30px;} #coupon-thank-you p {font-size: 24px;line-height: 1.4;margin-bottom: 50px;} } @media only screen and (max-width: 767px) { #popup.popup:target .popup-inner, #popup.popup.popup-active .popup-inner {bottom: auto; top: 100px;} #popup .popup-inner{width: 100%;} /*#popup .popuptext{ max-height: 445px; overflow-y: scroll;}*/ #popup .popup-inner h2 { font-size: 32px; line-height: 1;} #popup .popup-inner h3 { font-size: 22px;} #popup .popup-inner p {font-size: 14px;line-height: 1.5;font-weight: normal; padding: 0;} #popup .popup-row{margin-bottom: 10px;margin-left:0; margin-right: 0;} #popup .popup-row .popup-column {float: none;width: 100%; margin-bottom: 10px; padding:0;} #popup .popup-row .popup-column .popup-column-contents{min-height: 0; padding-bottom: 10px;} #popup .popup-row .popup-column .popup-column-contents p {margin-bottom: 5px;font-size: 13px;} #popup .closepopup{ right: -10px; top: -10px; background-color: #fff;} #coupon-thank-you h2 {font-size: 45px; margin-bottom: 30px;} #coupon-thank-you p {font-size: 26px;line-height: 1.4;margin-bottom: 50px;} } @media only screen and (max-width: 380px) { /*#popup .popuptext {max-height: 445px;}*/ } @media only screen and (max-width: 320px) { #popup .closepopup{ right: 5px; top: 5px;} #popup .popup-inner h2 {font-size: 30px;} /*#popup .popuptext {max-height: 445px;}*/ #popup .popup-inner h3{ font-size: 26px;} } .truck-load-vertical { background: #ff6400; color: #fff; text-align: center; padding: 20px 0; } .truck-load-vertical p { color: #fff; margin: 0; font-size: 16px; font-weight: 600; } .truck-load-vertical p a{ color: #fff; text-decoration: underline; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } @media (min-width :340px){ .site-content .primary-sidebar{ margin:0 auto; width:300px } } @media (min-width :375px){ .post-links .button{ width:148px } } @media (min-width :420px){ .site-footer>.copyright .textdefault br{ display:none } } @media (min-width :480px){ .site-content .entry-header>.entry-title{ line-height:34px; font-size:3.4rem; margin:0 0 14px } .site-content .entry-header>.entry-tagline{ line-height:24px; font-size:2.4rem; margin:0 0 26px } .page-template-blog .site-content .entry-header>.entry-tagline{ margin:0 0 13px } #nggpowertags .ngg-gallery-thumbnail-box{ width:50%; padding:10px; margin:0; height:157px } } @media (min-width :640px){ .container{ padding:0 40px } .row{ margin:0 -10px } .column{ padding:0 10px; display:block; float:left } .column.twelve{ width:100% } .column.eleven{ width:91.66666667% } .column.ten{ width:83.33333333% } .column.nine{ width:75% } .column.eight{ width:66.66666667% } .column.seven{ width:58.33333333% } .column.six{ width:50% } .column.five{ width:41.66666667% } .column.four{ width:33.33333333% } .column.three{ width:25% } .column.two{ width:16.66666667% } .column.one{ width:8.33333333% } .site-content .content-area.column.eight{ width:100%; float:none } .site-content .primary-sidebar{ margin:0 auto; width:320px; float:none } } @media (min-width :700px){ .sharedaddy.sd-sharing-enabled{ text-align:left; bottom:1px } .sharedaddy .sd-content ul>li:first-child>a.sd-button{ margin-left:0!important } .post-links{ text-align:right; padding:19px 0 0 } .post-links a{ z-index:999 } .post-links .button:last-child{ margin-right:0 } #nggpowertags .ngg-gallery-thumbnail-box{ width:33.333333%; padding:10px; margin:0; height:170px } } @media (min-width :1024px){ .container{ padding:0; width:940px } .site-header .site-navigation ul.menu{ display:block } .site-header .site-navigation .mobile-menu{ display:none } .site-content{ padding:47px 0 } .site-content .content-area.column.eight{ padding:0 10px; width:640px; float:left } .site-content .primary-sidebar{ padding:0 10px; width:320px; float:left } .site-content .entry-header>.entry-tagline{ margin:0 0 31px } .site-content .entry-header>.post-thumbnail{ margin:34px 0 0;margin-bottom:15px; } #sticky{ display:block } #nggpowertags .ngg-gallery-thumbnail-box{ width:25%; height:170px } } @media (min-width :1280px){ .container{ width:1190px } .row{ margin:0 -19px } .row>.column{ padding:0 19px } .site-content .content-area.column.eight{ padding:0 19px; width:796px } .site-content .primary-sidebar{ padding:0 19px; width:432px } #nggpowertags>.ngg-galleryoverview{ margin:0 -11px } #nggpowertags .ngg-gallery-thumbnail-box{ padding:8px 11px!important } } @media (min-width :340px){ .pool-equipments{ margin:0 auto; width:300px } .our-resources .flip,.what-we-do .flip{ width:300px } } @media (min-width :344px){ .gglcptch_recaptcha>div>div{ width:304px!important } } @media (min-width :355px){ .site-footer .footer-testimonials .widget-title{ line-height:33px; font-size:3.3rem } .section-title{ line-height:68px; font-size:3.4rem } } @media (min-width :375px){ .inside-post .site-content .primary-sidebar,.page-template-blog .site-content .primary-sidebar{ width:315px } } @media (min-width :376px){ .inside-post .site-content .primary-sidebar,.page-template-blog .site-content .primary-sidebar{ width:316px } } @media (min-width :385px){ .site-footer>.carecraft .social-buttons>a{ margin:0 2px } } @media (min-width :388px){ .site-header .site-branding .buttons>.button{ margin:0 12px; width:148px } } @media (min-width :405px){ .contact-content br{ display:none } } @media (min-width :480px){ .wpcf7-form>.contact-us{ width:380px; margin:0 auto } .home-slider .ls-nav-next,.home-slider .ls-nav-prev{ height:70px!important; width:30px!important } .site-content .blogs .entry-header>.entry-title{ line-height:24px; font-size:2.4rem } } @media (min-width :515px){ .site-footer>.copyright .textwidget br{ display:none } } @media (max-width :540px){ .home-slider .ls-l>h2{ font-size:16px; line-height:50px } .home-content .post-video-slider{ width:95%; float:none; margin-left:0 } } @media (min-width :640px){ .home-slider .ls-nav-next,.home-slider .ls-nav-prev{ height:99px!important; width:44px!important } .pool-equipments{ padding:6px 0 0; width:100% } .pool-equipments>.tablet{ display:block } .pool-equipments>.mobile-desktop{ display:none } .inside-post .site-content .primary-sidebar,.page-template-blog .site-content .primary-sidebar{ padding:0 } .section-title{ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px } .parallax .parallax-content{ margin:0 40px } .pool-chemical-services .section-title{ position:relative; margin:0 40px } .our-resources{ padding:46px 0 37px } .our-resources .section-title{ margin:0 0 35px } .what-we-do{ padding:18px 0 25px } .our-resources .row>.column,.what-we-do .row>.column{ width:33.33333333%; float:left } .home-content{ padding:36px 0 32px } .wpcf7-form>.contact-us{ width:100% } .contact-content{ padding:0 } .contact-content br{ display:block } .gglcptch_recaptcha>div>div{ width:100%!important } #google-map>.ssp-google-map{ height:435px!important } #google-map{ margin:0 0 38px } .page-template-contact .site-content{ padding:0 0 28px } } @media (min-width :700px){ .sharedaddy.sd-sharing-enabled{ width:300px; z-index:99 } .inside-post .site-content .primary-sidebar,.page-template-blog .site-content .primary-sidebar{ padding:0 10px; width:320px } .pool-chemical-services,.why-choose-us{ padding:35px 0 } .pool-chemical-services .section-title{ margin:0 0 14px } .pool-chemical-services .section-content>.service.table{ margin:5px 0; float:left; width:50% } .pool-chemical-services .service.table>.table-cell{ padding:0 25px 0 105px } .home-content img{ margin-left:15px; width:auto; float:right } .home-slider>.mobile{ display:none } .home-slider>.tablet{ display:block } .home-slider .ls-l>h2{ line-height:104px; font-size:4rem } .home-slider .ls-l>h3{ line-height:26px; font-size:2.6rem } } @media (min-width :708px){ .gglcptch_recaptcha>div>div{ width:304!important } } @media (max-width :800px){ .home-content .post-video-slider{ float:none; margin-left:0 } } @media (min-width :800px){ .site-footer .footer-testimonials{ padding:32px 0 45px } .front-page .site-footer .footer-testimonials{ padding:44px 0 45px } .site-footer .footer-testimonials .widget-title{ line-height:34px; font-size:3.4rem; margin:0 0 27px } .parallax{ height:500px; margin-top:7.5px; } .parallax .parallax-content img,.view-galleries img{ width:60%; float:left; margin:0 25px 0 0 } .parallax .parallax-content>h2{ font-size:3.2rem } } @media (min-width :825px){ .contact-content br{ display:block } .contact-content .featured-image{ display:block; margin:0 0 34px } } @media (min-width :900px){ .parallax .parallax-content img,.view-galleries img{ width:auto } .parallax .parallax-content>h2{ font-size:3.4rem } .our-resources .flip,.what-we-do .flip{ width:100% } } @media (min-width :960px){ .pool-equipments>.tablet{ display:none } .pool-equipments>.mobile-desktop{ display:block } } @media (min-width :1024px){ .site-header>.widgets{ padding:0 } .site-header .site-branding{ padding: 40px 0 15px; } .site-header .site-branding .logo{ float:left; margin:5px 48px 0 0 } .site-header .site-branding .company-address{ float:left; width:200px; margin:8px 0; text-align:left } .site-header .site-branding .company-phone{ display:block } .site-header .site-navigation{ padding:0 } .site-header .site-branding .buttons{ display:none } .site-header>.header-bar{ font-size:2.4rem } .site-header>.header-bar .company-address{ float:left } .site-header>.header-bar .company-phone{ display:block } .site-content{ padding:45px 0 43px } .page-template-blog .site-content{ padding:45px 0 46px } .page-template-blog .site-content .entry-header>.entry-title{ margin:0 0 15px } .page-template-blog .primary-sidebar>.widget-area>.widget.widget_search{ margin:0 0 14px } .page-template-blog .primary-sidebar>.post-sidebar{ padding:19px 0 0 } .page-template-blog .site-content .entry-header>.entry-title{ padding:13px 0 5px } .single-post .site-content{ padding:50px 0 47px } .single-post .site-content .content-area>.site-main{ padding:3px 0 0 } .single-post .primary-sidebar>.widget-area>.widget.widget_search{ margin:0 0 47px } .site-content .entry-header>.post-meta{ margin:41px 0 14px } .testimonials{ padding:0 } .testimonials>.testimonial{ padding:19px 0 23px } .testimonials>.testimonial>.client-name{ margin:13px 0 0 } .inside-post .site-content .primary-sidebar{ width:320px } .primary-sidebar>.page-sidebar{ padding:57px 0 0 } .site-footer>.carecraft{ padding:26px 0 17px } .site-footer>.carecraft .social-buttons{ display:none } .site-footer>.footer-widgets{ padding:40px 0 52px } .site-footer>.footer-widgets .quick-links{ display:block; padding-left: 26px; } .site-footer>.footer-widgets .best-pools{ max-width:none; padding:0 10px; float:left } .site-footer>.copyright{ padding:25px 0 0 } .site-footer>.scroll-top{ padding:12px 0 } .home-slider{ position:relative } .parallax{ background-attachment:fixed; background-position:top center; background-repeat:no-repeat; background-size:cover } .parallax .parallax-content{ width:940px; margin:0 auto } .home-content .post-video-slider{ width:460px } .site-header.fixed .site-navigation ul.menu>li.menu-item>a{ padding:0 5px } } @media (min-width :1280px){ .site-header .site-navigation ul.menu>li.menu-item>a{ padding: 0 9px; } .inside-post .site-content .primary-sidebar,.page-template-blog .site-content .primary-sidebar,.site-content .primary-sidebar{ padding:0 19px; width:432px } #nggpowertags{ margin:0 -11px } #nggpowertags>.ngg-galleryoverview{ margin:0 } .home-content .post-video-slider{ width:568px; margin-left:38px } .site-header.fixed .site-navigation ul.menu>li.menu-item>a{ padding: 0 7px; } } @media only screen and (min-width:1024px) and (max-width:1280px){ #sticky .contact-us > .handle, #sticky .contact-us > .content{ top: 160px; } #sticky .social-buttons{ top: 320px; } .front-page #sticky.scroll .contact-us > .handle , .front-page #sticky.scroll .contact-us > .content, #sticky.scroll .contact-us > .handle , #sticky.scroll .contact-us > .content{ top: 100px; } .front-page #sticky.scroll .social-buttons, #sticky.scroll .social-buttons { top: 260px; } .front-page #sticky.scroll .social-buttons.active, #sticky.scroll .social-buttons.active{ top: 620px; } #sticky .input-control > .wpcf7-form-control-wrap > input, #sticky .input-control > .wpcf7-form-control-wrap > select { line-height: 20px; padding: 0px 10px; height: 28px; font-size: 13px; } #sticky .input-control > .wpcf7-form-control-wrap > textarea{ font-size: 13px; } #sticky .contact-us > .content .input-control > .wpcf7-submit{ line-height: 30px; height: 35px; font-size: 13px; } .contact-us .input-control { margin: 0px 0px 6px 0px; } .site-header.fixed > .site-navigation .logo { width: 120px; margin-top: -2px; } } @media only screen and (min-width:1024px) and (max-width:1279px){ .free-guide-container h2 { font-size:24px; line-height:28px; } .inside-page .site-content .entry-content .shape-build-column { margin-bottom: 12px; font-size: 18px; } .f-address-right .button {font-size:12px;line-height:35px;height:35px;} .site-header .site-navigation ul.menu>li.menu-item>a { font-size: 15px; padding: 0 5px; text-transform: capitalize; } .site-header .site-branding .logo img {width:290px;} .site-header .site-branding .logo {margin-right:30px;} .custom-header h3 {margin-left:40px;font-size:21px;} .custom-header {width:600px;} .footer-map {width:57%;} .f-contact {width:40%;} .site-footer>.footer-widgets .quick-links .menu>li.menu-item { margin-bottom: 16px;} .site-footer>.footer-widgets .quick-links>.widget { /*margin-left: 20px;*/ margin-left: 7px; margin-right: 5px; } .f-address-left { width: 100%; } .footer-address-col p { min-height: 80px; } .site-footer>.footer-widgets .quick-links .menu>li.menu-item>a {font-size:13px;} .site-header .site-navigation .container {padding-left:5px;} .site-header.fixed .site-navigation ul.menu>li.menu-item>a { padding: 0 6px; text-transform: capitalize; font-size: 13px; font-weight: normal; } .resource-column-wrap h3 {font-size: 24px;} .resource-column-wrap h2 {font-size: 30px;} .resource-ebook-wrap img {max-width: 150px;} .resource-ebook-wrap h2{margin-bottom: 8px;} .resource-ebook-wrap h3 {font-size: 24px; line-height: 1.2;} } @media only screen and (max-width: 1023px) { .free-guide-container h2 { font-size:21px; line-height:24px; } .testi-content {max-width:80%;} #nggpowertags .ngg-galleryoverview {margin-top:10px;} #nggpowertags .ngg-gallery-thumbnail-box {width:33%;} .site-footer .social-buttons {display:block;} #meet_the_team .column.three {width:33.33%;} .sharedaddy.sd-sharing-enabled {z-index:99;} .inside-post .site-content .primary-sidebar, .page-template-blog .site-content .primary-sidebar, .site-content .primary-sidebar { width: 98%; } .site-header .site-branding .logo img {width:270px;} .home-content .post-video-slider {width:50%;} .custom-mobile-menu {display:block;} .custom-header, .site-header .site-navigation {display:none;} .footer-map {width:57%;} .f-contact {width:40%;} .site-footer>.footer-widgets .best-pools {max-width:100%;width:100%;} .footer-address-col {max-width:430px;margin:0 auto;margin-top:15px; text-align: center;} .site-footer>.footer-widgets .best-pools img {margin:0 auto;display:block;} } @media only screen and (min-width: 768px) and (max-width: 1023px) { .inside-page .site-content .entry-content .shape-build-column img{ float: none; max-width: 100%; margin-right: 0; width: 100%;} .inside-page .site-content .entry-content .shape-build-column{margin-bottom: 10px; text-align: center; font-size: 20px; line-height: 50px;} .popup {min-width:90%;padding:30px;} .hover-content h3 {font-size:24px;line-height:26px;margin-bottom:10px;} .resource-column-wrap h2 {font-size: 20px;} .resource-column-wrap h2{margin-bottom: 20px;} .resource-column-wrap h3{margin-bottom: 5px; font-size: 18px;} .static-testimonial h2, .footer-resources .widget-title, .site-footer .contact h2{ font-size: 34px; margin-bottom: 20px;} .site-footer .contact h4{ line-height: 31px; font-size: 20px;} .site-footer .contact a.call-us.button{ font-size: 20px; line-height: 40px; height: auto; width: auto;} .footer-resources{ padding: 25px 0 40px;} .resource-ebook-wrap img {max-width: 100%;float: none;margin-right: 0;} .resource-ebook-wrap h3 {font-size: 26px; line-height: 1.2;} .resource-column-wrap .button, .resource-ebook-wrap .button{width: 100px; margin: 0 2px; line-height: 40px; height: 40px;} .resource-ebook-wrap.resource-flyer-wrap {padding-left: 20px;padding-right: 20px;} .resouce-flyer{margin-left: 20px;} .footer-address-col-wrap { margin-bottom: 20px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .entry .ngg-gallery-thumbnail-box {width:33%;} .site-header.fixed>.widgets{ position: relative !important; } } @media only screen and (max-width: 767px) { .column.six.ebook-left, .column.six.ebook-right { width:100%; margin-bottom:15px; text-align:center; } .free-guide-container img.ebook-graphic { margin-bottom:10px; } .entry .ngg-gallery-thumbnail-box {width:50%;} .parallax {background-image:url(images/parallax-photo-mobile-v2-min.jpg) !important;} .grecaptcha-badge {display:none !important;} #meet_the_team .column.three {width:50%;float:left; padding: 0 10px;} .parallax .circle-gradient {width:250px;height:250px;padding-left:28px;} .parallax h3 { font-size: 34px;line-height: 35px;} .parallax h2 {font-size:53px;line-height:53px;} .site-header.fixed>.widgets{ position: relative !important; } .home-slider .ls-v5 .ls-nav-prev, .home-slider .ls-v5 .ls-nav-next{ top: 65%; } .post-2826 .entry-content .content-tabs .r-tabs-accordion-title a.r-tabs-anchor br { display: none; } .hover-content{ background: rgba(0,115,203,.4);} .hover-content a.button{display: block;} .static-testimonial h2, .footer-resources .widget-title{ font-size: 34px; line-height: 38px;} .static-testimonial h2 a{ line-height: 38px;} .footer-resources .resource-row .resource-column{margin-bottom: 20px;} .testi-content p{font-size: 16px;} .resource-ebook-wrap{text-align: center;} .resource-ebook-wrap img {max-width: 100%;float: none; margin-right: 0;} .resource-ebook-wrap h3{font-size: 26px; padding-left: 10px; padding-right: 10px;} .resource-column-wrap .button, .resource-ebook-wrap .button{width: 115px; margin: 0 2px; line-height: 40px; height: 40px;} .resource-column-wrap h3 { font-size: 24px;} .resource-column-wrap h2{font-size: 30px;margin-bottom: 20px;} .resource-ebook-wrap.resource-flyer-wrap {padding-left: 20px;padding-right: 20px;} .resouce-flyer{margin-left: 0px; float: none;} } @media only screen and (min-width: 768px) and (max-width: 959px) { .alignright.model-logo {float: none;text-align: center; margin-left: 0;} .home-content .post-video-slider{ width: 50%; margin-top: 5px; } .parallax{ height: 400px; } .inside-post .site-content .primary-sidebar, .page-template-blog .site-content .primary-sidebar, body.archive .site-content .primary-sidebar, body.search .site-content .primary-sidebar{ width: 95%; } } @media only screen and (max-width: 800px) { .home-content .post-video-slider {width:100%;} } @media only screen and (max-width: 767px) { .footer-address-col-wrap { margin-bottom: 20px; } .inside-page .site-content .entry-content .shape-build-column img{ float: none; max-width: 100%; margin-right: 0; width: 100%;} .inside-page .site-content .entry-content .shape-build-column{margin-bottom: 10px; text-align: center; font-size: 20px; line-height: 50px;} .description-next-photo-desktop {display: none;} .description-next-photo-mobile {display: block; margin-bottom: 20px;} .alignright.model-logo {float: none;text-align: center; margin-left: 0;} .popup {min-width:90%;padding: 10px 20px;} .popup_content {max-height:98%;} .services-container h2.section-title {font-size:34px;line-height:35px;} .site-footer>.footer-widgets .best-pools img {max-width:100%;} .site-footer .contact h2 {line-height: 37px; font-size: 35px;} .testimonial-slider h2.title a { line-height: 36px; font-size: 34px;} .site-footer .contact a.call-us.button { font-size: 18px; font-weight: 600; height: 43px; line-height: 43px; width: 140px; } .f-contact {float:none;width:100%;} .footer-map iframe { height: 370px; } .footer-map {float:none;width:100%;} .site-header.fixed > .widgets{ position: relative; top: 0 !important; } .what-we-do .row > .column, .our-resources .row > .column, .new-what-we-do .row > .column { width: 100%; float: none; } .parallax{ height: 320px; } .home-content:before{ height: auto; } .pool-equipments > .tablet ,.pool-equipments > .mobile-desktop{ display: none; } .mobile-true{ display: block; } .site-header.fixed > .header-bar { padding-top: 0; } .site-header.fixed>.site-navigation{ position: relative; } } @media only screen and (max-width: 700px) { #nggpowertags .ngg-gallery-thumbnail-box { width: 48%; } } @media only screen and (min-width: 640px) and (max-width: 767px) { .hover-content a.button { text-transform: uppercase; display: none; width: 120px; border-radius: 0px; font-weight: 600; font-size: 13px; line-height: 40px; height: 43px; padding: 0px; } .hover-content h3 { font-size: 20px; line-height: 22px; margin-bottom: 10px; } } @media only screen and (max-width: 640px) { .popup_scroll { overflow: auto; } .popup_content { height: 330px; } .pool-equipments{ width: 100%; } .openmenu { width: 100%; } .sidenav .menus { width: 100%; } } @media only screen and (max-width: 639px) { img.spas_model_photo_mobile {display:block;} .spas_model_photo_desktop {display:none;} .hover-content h3 {font-size:24px;line-height:26px;margin-bottom:10px;} .hotspring_video_mobile,img.mobileIMG { display: block; margin-bottom: 10px; } .additional_content .alignright{ float: none; margin-left: auto; margin-bottom: 20px; margin-right: auto; display: block; } } @media only screen and (max-width: 500px) { .site-header .site-branding .logo img { width: 240px; } .bio_img {float:none;margin-right:0px;} .bio_img img {max-width:100%;} .popup_content { height: 450px; } .mobile-btn-container {max-width:85%;} .f-address-right {float:none;width:auto;text-align:center;margin-top:15px;} .f-address-left { float: none; width: 100%; } .site-footer .bestpools.social-buttons {text-align:center;} #meet_the_team .column.three {width:100%;float:none; padding: 0 0px;} } .fa-file-pdf-o:before { content: "\f1c1"; } a.pdfbtn.button {display:inline-block;width:80%;margin-bottom:10px;} .pre-delivery {text-align:center;} .r-tabs .r-tabs-nav { margin: 0; padding: 0; } .r-tabs .r-tabs-tab { display: inline-block; margin: 0; list-style: none; } .r-tabs .r-tabs-panel { padding: 15px; display: none; } .r-tabs .r-tabs-accordion-title { display: none; } .r-tabs .r-tabs-panel.r-tabs-state-active { display: block; } .back-to-collections { float: right; } /* Accordion responsive breakpoint */ @media only screen and (max-width: 768px) { a.pdfbtn.button {width:100%;} .spatabs-specs .column.six {width:100%;} .shell {min-height:auto;} .column.six.cabinet, .column.six.shell {margin-bottom:40px;} .r-tabs .r-tabs-nav { display: none; } .r-tabs .r-tabs-accordion-title { display: block; } #spas_model_tabs, .spas_model_tabs {border:none;} #site-content, #site-footer {overflow:hidden;} p a {word-break: break-all;} } @media only screen and (max-width: 380px) { .f-address-left {width:100%;} } @media only screen and (max-width: 470px) {#nggpowertags .ngg-gallery-thumbnail-box {height:160px;} } @media only screen and (max-width: 460px) {#nggpowertags .ngg-gallery-thumbnail-box {height:155px;} } @media only screen and (max-width: 450px) {#nggpowertags .ngg-gallery-thumbnail-box {height:150px;} } @media only screen and (max-width: 440px) {#nggpowertags .ngg-gallery-thumbnail-box {height:145px;} } @media only screen and (max-width: 430px) {#nggpowertags .ngg-gallery-thumbnail-box {height:140px;} } @media only screen and (max-width: 420px) {#nggpowertags .ngg-gallery-thumbnail-box {height:135px;} } @media only screen and (max-width: 410px) {#nggpowertags .ngg-gallery-thumbnail-box {height:120px;} } @media only screen and (max-width: 380px) {#nggpowertags .ngg-gallery-thumbnail-box {height:110px;} } @media only screen and (max-width: 360px) {#nggpowertags .ngg-gallery-thumbnail-box {height:100px;} } /*selector*/ .shellImages, .shellcontainer { display: block; } .shellImages ~ .shellImages, .shellcontainer ~ .shellcontainer{ display: none; } .shell-photo {display:none;} .shell-photo.active {display:block;} .cabinet-container {display:none;} .cabinet-container.active {display:block;} .productStyles span { display: block; width: 45px; height: 45px; margin: 0 auto; border-radius: 100%; background-size: cover; } .productStyles h3 {margin-bottom:10px;} .productStyles {text-align:center;} .productStyles .swatch {display: inline-block; width: 85px; padding: 0; margin: 2px; margin-top: 10px; border-bottom: 2px solid transparent; outline: 0; cursor:pointer; vertical-align: top; } .productStyles .swatch.active, .productStyles .swatch:hover { border-bottom: 2px solid #00b2ff; } .swatch p {margin-bottom:0px !important;font-size:12px; line-height: 15px; padding-bottom: 4px;} .colorwalnut span { background: url(images/Walnut.png) no-repeat center center; } .colorbronze span { background: url(images/Bronze.png) no-repeat center center; } .colorsandstone span{ background: url(images/Sandstone.png) no-repeat center center; } .colordriftwood span{ background: url(images/Driftwood.png) no-repeat center center; } .colorbrushed-nickel span{ background: url(images/colorselector/brushed-nickel-color.webp) no-repeat center center; } .colorshale span{ background: url(images/Shale.png) no-repeat center center; } .colorcoastal-gray span{ background: url(images/Coastial-Gray.png) no-repeat center center; } .colorsable span{ background: url(images/Sable.png) no-repeat center center; } .colorespresso span{ background: url(images/Espresso.png) no-repeat center center; } .colorslate span{ background: url(images/slate-cantabria.jpg) no-repeat center center; } .colorbrownstone span{ background: url(images/Brownstone.jpg) no-repeat center center; } .colorsand span{ background: url(images/Sand.jpg) no-repeat center center; } .colorash span{ background: url(images/ash.jpg) no-repeat center center; } .colorjava span{ background: url(images/java.jpg) no-repeat center center; } .colorparchment span{ background: url(images/parchment.jpg) no-repeat center center; } .shellbtn-ivory span { background: url(images/Ivory.png) no-repeat center center; } .shellbtn-alpine-white span { background: url(images/Alpine-White.png) no-repeat center center; } .shellbtn-ice-gray span { background: url(images/Ice-Gray.png) no-repeat center center; } .shellbtn-tuscan-sun span { background: url(images/Tuscan-Sun.png) no-repeat center center; } .shellbtn-desert span { background: url(images/Desert.png) no-repeat center center; } .shellbtn-platinum span { background: url(images/Platinum.png) no-repeat center center; } .shellbtn-arctic-white span { background: url(images/ArcticWhite.jpg) no-repeat center center; } .shellbtn-white-pearl span { background: url(images/swatch-shell-white-pearl.jpg) no-repeat center center; } .shellbtn-midnight-canyon span { background: url(images/swatch-shell-midnight-canyon.jpg) no-repeat center center; } .colorblackwood span{ background: url(images/colorselector/swatch-Blackwood.webp) no-repeat center center; } .colorcharcoal span{ background: url(images/colorselector/swatch-Charcoal.webp) no-repeat center center; } .selector-highlife .colorjava span{ background: url(images/colorselector/swatch-Java.webp) no-repeat center center; } .colorlinen span{ background: url(images/colorselector/swatch-Linen.webp) no-repeat center center; } .cabinetcantabria.colorparchment span, .cabinetgeneva.colorparchment span, .cabinetniagara.colorparchment span, .cabinettahitian.colorparchment span, .cabinetflorence.colorparchment span, .cabinetravello.colorparchment span { background: url(images/caldera-spas-utopia-parchment-swatch.png) no-repeat center center; } .cabinetcantabria.colorash span, .cabinetgeneva.colorash span, .cabinetniagara.colorash span, .cabinettahitian.colorash span, .cabinetflorence.colorash span, .cabinetravello.colorash span { background: url(images/caldera-spas-utopia-ash-swatch.png) no-repeat center center; } .cabinetcantabria.colorjava span, .cabinetgeneva.colorjava span, .cabinetniagara.colorjava span, .cabinettahitian.colorjava span, .cabinetflorence.colorjava span, .cabinetravello.colorjava span { background: url(images/caldera-spas-utopia-java-swatch.png) no-repeat center center; } .cabinet-shell-selector { max-width:630px; margin:0 auto; text-align:center; margin-bottom:20px; } .shell-color-container { position:relative; z-index:1; } .selector-highlife .cabinet-color-container { padding-top: 37%; margin-top: -3% } .selector-highlife .model-aria .cabinet-color-container { padding-top: 24.7%; margin-top: -1% } .selector-highlife .shell-color-container { padding-top: 45% } .selector-highlife .cabinet-walnut { background: url(images/grandee-cabinet-walnut.png) no-repeat center top; background-size: cover } .selector-highlife .cabinet-bronze { background: url(images/grandee-cabinet-bronze.png) no-repeat center top; background-size: cover } .selector-highlife .cabinet-sandstone { background: url(images/grandee-cabinet-sandstone.png) no-repeat center top; background-size: cover } .selector-highlife .cabinet-driftwood { background: url(images/grandee-cabinet-driftwood.png) no-repeat center top; background-size: cover } .selector-highlife .cabinet-shale { background: url(images/grandee-cabinet-shale.png) no-repeat center top; background-size: cover } .selector-highlife .model-grandee .cabinet-blackwood { background: url(images/colorselector/grandee-cabinet-blackwood.webp) no-repeat center top; background-size: contain } .selector-highlife .model-grandee .cabinet-brushed-nickel { background: url(images/colorselector/grandee-cabinet-brushed-nickel.webp) no-repeat center top; background-size: contain } .selector-highlife .model-grandee .cabinet-java { background: url(images/colorselector/grandee-cabinet-java.webp) no-repeat center top; background-size: contain } .selector-highlife .model-grandee .cabinet-charcoal { background: url(images/colorselector/grandee-cabinet-charcoal.webp) no-repeat center top; background-size: contain } .selector-highlife .model-grandee .cabinet-linen { background: url(images/colorselector/grandee-cabinet-linen.webp) no-repeat center top; background-size: contain } .selector-highlife .model-grandee .shell-alpine-white { background: url(images/colorselector/grandee-shell-alpine-white.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-grandee .shell-pebble { background: url(images/colorselector/grandee-shell-pebble.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-grandee .shell-ivory { background: url(images/colorselector/grandee-shell-ivory.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-grandee .shell-ice-gray { background: url(images/colorselector/grandee-ice-gray.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-grandee .shell-tuscan-sun { background: url(images/colorselector/grandee-shell-tuscan-sun.webp) no-repeat center bottom; background-size: contain } .selector-highlife .shell-desert { background: url(images/grandee-shell-desert.png) no-repeat center bottom; background-size: cover } .selector-highlife .model-grandee .shell-platinum { background: url(images/colorselector/grandee-shell-platinum.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-grandee .cabinet-color-container { padding-top: 22%; margin-top: -1%; } .selector-highlife .model-vanguard .cabinet-color-container { padding-top: 24.7%; margin-top: -1%; } .selector-highlife .model-vanguard .cabinet-blackwood { background: url(images/colorselector/vanguard-cabinet-blackwood.webp) no-repeat center top; background-size: contain } .selector-highlife .model-vanguard .cabinet-java { background: url(images/colorselector/vanguard-cabinet-java.webp) no-repeat center top; background-size: contain } .selector-highlife .model-vanguard .cabinet-linen { background: url(images/colorselector/vanguard-cabinet-linen.webp) no-repeat center top; background-size: contain } .selector-highlife .model-vanguard .cabinet-brushed-nickel { background: url(images/colorselector/vanguard-cabinet-brushed-nickel.webp) no-repeat center top; background-size: contain } .selector-highlife .model-vanguard .cabinet-charcoal { background: url(images/colorselector/vanguard-cabinet-charcoal.webp) no-repeat center top; background-size: contain } .selector-highlife .model-vanguard .cabinet-shale { background: url(images/vanguard-cabinet-shale.png) no-repeat center top; background-size: cover } .selector-highlife .model-vanguard .shell-alpine-white { background: url(images/colorselector/vanguard-shell-alpine-white.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-vanguard .shell-ivory { background: url(images/colorselector/vanguard-shell-ivory.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-vanguard .shell-ice-gray { background: url(images/colorselector/vanguard-shell-ice-gray.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-vanguard .shell-tuscan-sun { background: url(images/colorselector/vanguard-shell-tuscan-sun.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-vanguard .shell-desert { background: url(images/vanguard-shell-desert.png) no-repeat center bottom; background-size: cover } .selector-highlife .model-vanguard .shell-platinum { background: url(images/colorselector/vanguard-shell-platinum.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-vanguard .shell-pebble { background: url(images/colorselector/vanguard-shell-pebble.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-sovereign .cabinet-blackwood { background: url(images/colorselector/sovereign-cabinet-blackwood.webp) no-repeat center top; background-size: contain } .selector-highlife .model-sovereign .cabinet-charcoal { background: url(images/colorselector/sovereign-cabinet-charcoal.webp) no-repeat center top; background-size: contain } .selector-highlife .model-sovereign .cabinet-java { background: url(images/colorselector/sovereign-shell-java.webp) no-repeat center top; background-size: contain } .selector-highlife .model-sovereign .cabinet-brushed-nickel { background: url(images/colorselector/sovereign-cabinet-brushed-nickel.webp) no-repeat center top; background-size: contain } .selector-highlife .model-sovereign .cabinet-linen { background: url(images/colorselector/sovereign-cabinet-linen.webp) no-repeat center top; background-size: contain } .selector-highlife .model-sovereign .shell-alpine-white { background: url(images/colorselector/sovereign-shell-alpine-white.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-sovereign .shell-ivory { background: url(images/colorselector/sovereign-shell-ivory.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-sovereign .shell-ice-gray { background: url(images/colorselector/sovereign-shell-ice-gray.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-sovereign .shell-tuscan-sun { background: url(images/colorselector/sovereign-shell-tuscan-sun.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-sovereign .shell-pebble { background: url(images/colorselector/sovereign-shell-pebble.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-sovereign .shell-platinum { background: url(images/colorselector/sovereign-shell-platinum.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-sovereign .cabinet-color-container { padding-top: 24%; margin-top: -1%; } .selector-highlife .model-sovereign .shell-color-container { padding-top: 52%; } .swatchsovereign .colorbrushed-nickel span, .swatchjetsetter-lx .colorbrushed-nickel span, .swatchjetsetter .colorbrushed-nickel span { background: url(images/Brushed-Nickel.png) no-repeat center center; } .selector-highlife .model-envoy .cabinet-blackwood { background: url(images/colorselector/envoy-cabinet-blackwood.webp) no-repeat center top; background-size: contain } .selector-highlife .model-envoy .cabinet-charcoal { background: url(images/colorselector/envoy-cabinet-charcoal.webp) no-repeat center top; background-size: contain } .selector-highlife .model-envoy .cabinet-java { background: url(images/colorselector/envoy-java.webp) no-repeat center top; background-size: contain } .selector-highlife .model-envoy .cabinet-brushed-nickel { background: url(images/colorselector/envoy-cabinet-brushed-nickel.webp) no-repeat center top; background-size: contain } .selector-highlife .model-envoy .cabinet-linen { background: url(images/colorselector/envoy-cabinet-linen.webp) no-repeat center top; background-size: contain } .selector-highlife .model-envoy .shell-alpine-white { background: url(images/colorselector/envoy-shell-alpine-white.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-envoy .shell-ivory { background: url(images/colorselector/envoy-shell-ivory.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-envoy .shell-ice-gray { background: url(images/colorselector/envoy-shell-ice-gray.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-envoy .shell-tuscan-sun { background: url(images/colorselector/envoy-shell-tuscan-sun.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-envoy .shell-pebble { background: url(images/colorselector/envoy-shell-pebble.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-envoy .shell-platinum { background: url(images/colorselector/envoy-shell-platinum.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-envoy .cabinet-color-container { padding-top: 22%; margin-top: -1%; } .selector-highlife .model-aria .cabinet-walnut { background: url(images/aria-cabinet-walnut.jpg) no-repeat center top; background-size: cover } .selector-highlife .model-aria .cabinet-bronze { background: url(images/aria-cabinet-bronze.jpg) no-repeat center top; background-size: cover } .selector-highlife .model-aria .cabinet-sandstone { background: url(images/aria-cabinet-sandstone.jpg) no-repeat center top; background-size: cover } .selector-highlife .model-aria .cabinet-brushed-nickel { background: url(images/colorselector/aria-cabinet-brushed-nickel.webp) no-repeat center top; background-size: contain } .selector-highlife .model-aria .cabinet-blackwood { background: url(images/colorselector/aria-cabinet-blackwood.webp) no-repeat center top; background-size: contain } .selector-highlife .model-aria .cabinet-java { background: url(images/colorselector/aria-cabinet-java.webp) no-repeat center top; background-size: contain } .selector-highlife .model-aria .cabinet-linen { background: url(images/colorselector/aria-shell-linen.webp) no-repeat center top; background-size: contain } .selector-highlife .model-aria .cabinet-charcoal { background: url(images/colorselector/aria-cabinet-charcoal.webp) no-repeat center top; background-size: contain } .selector-highlife .model-aria .cabinet-driftwood { background: url(images/aria-cabinet-driftwood.jpg) no-repeat center top; background-size: cover } .selector-highlife .model-aria .cabinet-shale { background: url(images/aria-cabinet-shale.jpg) no-repeat center top; background-size: cover } .selector-highlife .model-aria .shell-alpine-white { background: url(images/colorselector/aria-shell-alpine-white.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-aria .shell-pebble { background: url(images/colorselector/aria-shell-pebble.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-aria .shell-ivory { background: url(images/colorselector/aria-shell-ivory.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-aria .shell-ice-gray { background: url(images/colorselector/aria-shell-ice-gray.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-aria .shell-tuscan-sun { background: url(images/colorselector/aria-shell-tuscan-sun.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-aria .shell-desert { background: url(images/aria-shell-desert.png) no-repeat center bottom; background-size: cover } .selector-highlife .model-aria .shell-platinum { background: url(images/colorselector/aria-shell-platinum.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-prodigy .cabinet-blackwood { background: url(images/colorselector/prodigy-cabinet-blackwood.webp) no-repeat center top; background-size: contain } .selector-highlife .model-prodigy .cabinet-charcoal { background: url(images/colorselector/prodigy-shell-charcoal.webp) no-repeat center top; background-size: contain } .selector-highlife .model-prodigy .cabinet-java { background: url(images/colorselector/prodigy-cabinet-java.webp) no-repeat center top; background-size: contain } .selector-highlife .model-prodigy .cabinet-brushed-nickel { background: url(images/colorselector/prodigy-cabinet-brushed-nickel.webp) no-repeat center top; background-size: contain } .selector-highlife .model-prodigy .cabinet-linen { background: url(images/colorselector/prodigy-cabinet-linen.webp) no-repeat center top; background-size: contain } .selector-highlife .model-prodigy .shell-alpine-white { background: url(images/colorselector/prodigy-shell-alpine-white.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-prodigy .shell-ivory { background: url(images/colorselector/prodigy-shell-ivory.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-prodigy .shell-ice-gray { background: url(images/colorselector/prodigy-shell-ice-gray.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-prodigy .shell-tuscan-sun { background: url(images/colorselector/prodigy-shell-tuscan-sun.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-prodigy .shell-pebble { background: url(images/colorselector/prodigy-shell-pebble.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-prodigy .shell-platinum { background: url(images/colorselector/prodigy-shell-platinum.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-prodigy .cabinet-color-container { padding-top: 24%; margin-top: -1%; } .selector-highlife .model-triumph .cabinet-walnut { background: url(images/triumph-cabinet-walnut.png) no-repeat center top; background-size: cover } .selector-highlife .model-triumph .cabinet-bronze { background: url(images/triumph-cabinet-bronze.png) no-repeat center top; background-size: cover } .selector-highlife .model-triumph .cabinet-sandstone { background: url(images/triumph-cabinet-sandstone.png) no-repeat center top; background-size: cover } .selector-highlife .model-triumph .cabinet-brushed-nickel { background: url(images/triumph-cabinet-brushed-nickel.png) no-repeat center top; background-size: cover } .selector-highlife .model-triumph .cabinet-driftwood { background: url(images/triumph-cabinet-driftwood.png) no-repeat center top; background-size: cover } .selector-highlife .model-triumph .cabinet-shale { background: url(images/triumph-cabinet-shale.png) no-repeat center top; background-size: cover } .selector-highlife .model-triumph .shell-alpine-white { background: url(images/triumph-shell-alpine-white.png) no-repeat center bottom; background-size: cover } .selector-highlife .model-triumph .shell-ivory { background: url(images/triumph-shell-ivory.png) no-repeat center bottom; background-size: cover } .selector-highlife .model-triumph .shell-ice-gray { background: url(images/triumph-shell-ice-gray.png) no-repeat center bottom; background-size: cover } .selector-highlife .model-triumph .shell-tuscan-sun { background: url(images/triumph-shell-tuscan-sun.png) no-repeat center bottom; background-size: cover } .selector-highlife .model-triumph .shell-desert { background: url(images/triumph-shell-desert.png) no-repeat center bottom; background-size: cover } .selector-highlife .model-triumph .shell-platinum { background: url(images/triumph-shell-platinum.png) no-repeat center bottom; background-size: cover } .selector-highlife .model-jetsetter-lx .cabinet-blackwood { background: url(images/colorselector/jetsetterlx-cabinet-blackwood.webp) no-repeat center top; background-size: contain } .selector-highlife .model-jetsetter-lx .cabinet-charcoal { background: url(images/colorselector/jetsetterlx-cabinet-charcoal.webp) no-repeat center top; background-size: contain } .selector-highlife .model-jetsetter-lx .cabinet-java { background: url(images/colorselector/jetsetterlx-cabinet-java.webp) no-repeat center top; background-size: contain } .selector-highlife .model-jetsetter-lx .cabinet-brushed-nickel { background: url(images/colorselector/jetsetterlx-cabinet-brushed-nickel.webp) no-repeat center top; background-size: contain } .selector-highlife .model-jetsetter-lx .cabinet-linen { background: url(images/colorselector/jetsetterlx-cabinet-linen.webp) no-repeat center top; background-size: contain } .selector-highlife .model-jetsetter-lx .shell-alpine-white { background: url(images/colorselector/jetsetterlx-shell-alpine-white.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-jetsetter-lx .shell-ivory { background: url(images/colorselector/jetsetterlx-shell-ivory.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-jetsetter-lx .shell-ice-gray { background: url(images/colorselector/jetsetterlx-shell-ice-gray.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-jetsetter-lx .shell-tuscan-sun { background: url(images/colorselector/jetsetterlx-shell-tuscan-sun.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-jetsetter-lx .shell-pebble { background: url(images/colorselector/jetsetterlx-shell-pebble.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-jetsetter-lx .shell-platinum { background: url(images/colorselector/jetsetterlx-shell-platinum.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-jetsetter-lx .cabinet-color-container { padding-top: 24%; margin-top: -1%; } .selector-highlife .model-jetsetter .cabinet-blackwood { background: url(images/colorselector/jetsetter-cabinet-blackwood.webp) no-repeat center top; background-size: contain } .selector-highlife .model-jetsetter .cabinet-charcoal { background: url(images/colorselector/jetsetter-cabinet-charcoal.webp) no-repeat center top; background-size: contain } .selector-highlife .model-jetsetter .cabinet-linen { background: url(images/colorselector/jetsetter-cabinet-linen.webp) no-repeat center top; background-size: contain } .selector-highlife .model-jetsetter .cabinet-brushed-nickel { background: url(images/colorselector/jetsetter-cabinet-brushed-nickel.webp) no-repeat center top; background-size: contain } .selector-highlife .model-jetsetter .cabinet-java { background: url(images/colorselector/jetsetter-cabinet-java.webp) no-repeat center top; background-size: contain } .selector-highlife .model-jetsetter .shell-alpine-white { background: url(images/colorselector/jetsetter-shell-alpine-white.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-jetsetter .shell-ivory { background: url(images/colorselector/jetsetter-shell-ivory.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-jetsetter .shell-ice-gray { background: url(images/colorselector/jetsetter-shell-ice-gray.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-jetsetter .shell-tuscan-sun { background: url(images/colorselector/jetsetter-shell-tuscan-sun.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-jetsetter .shell-pebble { background: url(images/colorselector/jetsetter-shell-pebble.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-jetsetter .shell-platinum { background: url(images/colorselector/jetsetter-shell-platinum.webp) no-repeat center bottom; background-size: contain } .selector-highlife .model-jetsetter .cabinet-color-container { padding-top: 24.1%; margin-top: -1%; } .selector-limelight .cabinet-color-container { padding-top: 22%; margin-top: -1.2%; margin-bottom:15px; } .selector-limelight .shell-color-container { padding-top:42%; } .selector-limelight .model-prism .cabinet-coastal-gray { background: url(images/prism-cabinet-coastal-gray.jpg) no-repeat center top; background-size: 100% } .selector-limelight .model-prism .cabinet-espresso { background: url(images/prism-cabinet-espresso.jpg) no-repeat center top; background-size: 100% } .selector-limelight .model-prism .cabinet-sable { background: url(images/prism-cabinet-sable.jpg) no-repeat center top; background-size: 100% } .selector-limelight .model-prism .shell-alpine-white { background: url(images/prism-shell-alpine-white.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-prism .shell-ice-gray { background: url(images/prism-shell-ice-gray.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-prism .shell-platinum { background: url(images/prism-shell-platinum.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-prism .shell-tuscan-sun { background: url(images/prism-shell-tuscan-sun.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-prism .shell-desert { background: url(images/prism-shell-desert.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-pulse .cabinet-coastal-gray { background: url(images/pulse-cabinet-coastal-gray.jpg) no-repeat center top; background-size: 100% } .selector-limelight .model-pulse .cabinet-espresso { background: url(images/pulse-cabinet-espresso.jpg) no-repeat center top; background-size: 100% } .selector-limelight .model-pulse .cabinet-sable { background: url(images/pulse-cabinet-sable.jpg) no-repeat center top; background-size: 100% } .selector-limelight .model-pulse .shell-alpine-white { background: url(images/pulse-shell-alpine-white.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-pulse .shell-ice-gray { background: url(images/pulse-shell-ice-gray.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-pulse .shell-platinum { background: url(images/pulse-shell-platinum.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-pulse .shell-tuscan-sun { background: url(images/pulse-shell-tuscan-sun.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-pulse .shell-desert { background: url(images/pulse-shell-desert.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-flash .cabinet-coastal-gray { background: url(images/pulse-cabinet-coastal-gray.jpg) no-repeat center top; background-size: 100% } .selector-limelight .model-flash .cabinet-espresso { background: url(images/flash-cabinet-espresso.jpg) no-repeat center top; background-size: 100% } .selector-limelight .model-flash .cabinet-sable { background: url(images/flash-cabinet-sable.jpg) no-repeat center top; background-size: 100% } .selector-limelight .model-flash .shell-alpine-white { background: url(images/flash-shell-alpine-white.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-flash .shell-ice-gray { background: url(images/flash-shell-ice-gray.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-flash .shell-platinum { background: url(images/flash-shell-platinum.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-flash .shell-tuscan-sun { background: url(images/flash-shell-tuscan-sun.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-flash .shell-desert { background: url(images/flash-shell-desert.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-flair .cabinet-coastal-gray { background: url(images/flair-cabinet-coastal-gray.jpg) no-repeat center top; background-size: 100% } .selector-limelight .model-flair .cabinet-espresso { background: url(images/flair-cabinet-espresso.jpg) no-repeat center top; background-size: 100% } .selector-limelight .model-flair .cabinet-sable { background: url(images/flair-cabinet-sable.jpg) no-repeat center top; background-size: 100% } .selector-limelight .model-flair .shell-alpine-white { background: url(images/flair-shell-alpine-white.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-flair .shell-ice-gray { background: url(images/flair-shell-ice-gray.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-flair .shell-platinum { background: url(images/flair-shell-platinum.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-flair .shell-tuscan-sun { background: url(images/flair-shell-tuscan-sun.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-flair .shell-desert { background: url(images/flair-shell-desert.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-beam .cabinet-color-container {margin-top:-1.9%;} .selector-limelight .model-beam .cabinet-coastal-gray { background: url(images/beam-cabinet-coastal-gray.jpg) no-repeat center top; background-size: 100% } .selector-limelight .model-beam .cabinet-espresso { background: url(images/beam-cabinet-espresso.jpg) no-repeat center top; background-size: 100% } .selector-limelight .model-beam .cabinet-sable { background: url(images/beam-cabinet-sable.jpg) no-repeat center top; background-size: 100% } .selector-limelight .model-beam .shell-alpine-white { background: url(images/beam-shell-alpine-white.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-beam .shell-ice-gray { background: url(images/beam-shell-ice-gray.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-beam .shell-platinum { background: url(images/beam-shell-platinum.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-beam .shell-tuscan-sun { background: url(images/beam-shell-tuscan-sun.png) no-repeat center bottom; background-size: 100% } .selector-limelight .model-beam .shell-desert { background: url(images/beam-shell-desert.png) no-repeat center bottom; background-size: 100% } .spamodel-selector .spec-label, .spamodel-selector .spec-value { color: #555; padding-left: 9px; padding: 7px 0 7px 9px; text-align: left; } .spamodel-selector .spec-label i, .spamodel-selector .spec-value i { float: right; margin-right: 10px; margin-top: 3px; } .spamodel-selector .spec-label { background: #f2f2f2; } .selector-hot-spot .model-tx .shell-color-container { padding-top:41%; } .selector-hot-spot .model-tx .cabinet-color-container { padding-top: 35%; margin-top: -15%; margin-bottom: 15px; position:relative; z-index:2; } .selector-hot-spot .model-sx .shell-color-container { padding-top: 42.1%; } .selector-hot-spot .model-stride .shell-color-container { padding-top: 41%; border-bottom-left-radius: 7%; border-bottom-right-radius: 6%; } .selector-hot-spot .model-stride .cabinet-color-container { padding-top:22%; } .selector-hot-spot .model-pace .shell-color-container { padding-top: 41.888%; } .selector-hot-spot .model-pace .cabinet-color-container { padding-top:24% } .selector-hot-spot .cabinet-color-container { padding-top: 27%; margin-top: -1%; margin-bottom:15px; } .selector-hot-spot .shell-color-container { padding-top:39.5%; border-bottom-left-radius:13%; border-bottom-right-radius:13%; } .coloralmond span { background: url(images/Almond.jpg) no-repeat center center; background-size: cover; } .colorhavana span { background: url(images/havana.jpg) no-repeat center center; background-size: cover; } .colorstorm span { background: url(images/storm.jpg) no-repeat center center; background-size: cover; } .shellbtn-pearl span { background: url(images/Pearl.png) no-repeat center center; background-size: cover; } .shellbtn-pebble span { background: url(images/Pebble.png) no-repeat center center; background-size: cover; } .selector-hot-spot .model-rhythm .cabinet-almond { background: url(images/rhythm-almond-alpine-white.png) no-repeat center bottom; background-size: 100% } .selector-hot-spot .model-rhythm .cabinet-havana { background: url(images/rhythm-havana-alpine-white.png) no-repeat center bottom; background-size: 100% } .selector-hot-spot .model-rhythm .cabinet-storm { background: url(images/rhythm-storm-alpine-white.png) no-repeat center bottom; background-size: 100% } .selector-hot-spot .model-rhythm .shell-alpine-white { background: url(images/rhythm-storm-alpine-white.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-rhythm .shell-pearl { background: url(images/rhythm-storm-pearl.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-rhythm .shell-pebble { background: url(images/rhythm-storm-pebble.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-rhythm .shell-tuscan-sun { background: url(images/rhythm-storm-tuscan-sun.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-relay .cabinet-almond { background: url(images/relay-almond.png) no-repeat center bottom; background-size: 100% } .selector-hot-spot .model-relay .cabinet-havana { background: url(images/relay-havana.png) no-repeat center bottom; background-size: 100% } .selector-hot-spot .model-relay .cabinet-storm { background: url(images/relay-storm.png) no-repeat center bottom; background-size: 100% } .selector-hot-spot .model-relay .shell-alpine-white { background: url(images/relay-almond.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-relay .shell-pearl { background: url(images/relay-pearl.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-relay .shell-pebble { background: url(images/relay-pebble.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-relay .shell-tuscan-sun { background: url(images/relay-tuscan-sun.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-pace .cabinet-almond { background: url(images/pace-alpine-white-almond.png) no-repeat center bottom; background-size: 100% } .selector-hot-spot .model-pace .cabinet-havana { background: url(images/pace-alpine-white-havana.png) no-repeat center bottom; background-size: 100% } .selector-hot-spot .model-pace .cabinet-storm { background: url(images/pace-alpine-white-storm.png) no-repeat center bottom; background-size: 100% } .selector-hot-spot .model-pace .shell-alpine-white { background: url(images/pace-alpine-white-storm.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-pace .shell-pearl { background: url(images/pace-pearl-almond.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-pace .shell-pebble { background: url(images/pace-pebble-almond.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-pace .shell-tuscan-sun { background: url(images/pace-tuscan-sun-almond.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-stride .cabinet-almond { background: url(images/stride-alpine-white-almond.png) no-repeat center bottom; background-size: 100% } .selector-hot-spot .model-stride .cabinet-havana { background: url(images/stride-alpine-white-havana.png) no-repeat center bottom; background-size: 100% } .selector-hot-spot .model-stride .cabinet-storm { background: url(images/stride-alpine-white-storm.png) no-repeat center bottom; background-size: 100% } .selector-hot-spot .model-stride .shell-alpine-white { background: url(images/stride-alpine-white-storm.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-stride .shell-pearl { background: url(images/stride-pearl-storm.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-stride .shell-pebble { background: url(images/stride-pebble-storm.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-stride .shell-tuscan-sun { background: url(images/stride-tuscan-sun-storm.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-sx .cabinet-almond { background: url(images/sx-alpine-white-almond.png) no-repeat center bottom; background-size: 100% } .selector-hot-spot .model-sx .cabinet-havana { background: url(images/sx-alpine-white-havana.png) no-repeat center bottom; background-size: 100% } .selector-hot-spot .model-sx .cabinet-storm { background: url(images/sx-alpine-white-storm.png) no-repeat center bottom; background-size: 100% } .selector-hot-spot .model-sx .shell-alpine-white { background: url(images/sx-alpine-white-almond.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-sx .shell-pearl { background: url(images/sx-pearl-almond.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-sx .shell-pebble { background: url(images/sx-pebble-almond.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-sx .shell-tuscan-sun { background: url(images/sx-tuscan-sun-almond.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-tx .cabinet-almond { background: url(images/almond-cabinet.png) no-repeat 41% top; background-size: 92% } .selector-hot-spot .model-tx .cabinet-havana { background: url(images/havana-cabinet.png) no-repeat 41% top; background-size: 92% } .selector-hot-spot .model-tx .cabinet-storm { background: url(images/storm-cabinet.png) no-repeat 41% top; background-size: 92% } .selector-hot-spot .model-tx .shell-alpine-white { background: url(images/tx-alpine-white-storm.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-tx .shell-pearl { background: url(images/tx-pearl-storm.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-tx .shell-pebble { background: url(images/tx-pebble-storm.png) no-repeat center top; background-size: 100% } .selector-hot-spot .model-tx .shell-tuscan-sun { background: url(images/tx-tuscan-sun-storm.png) no-repeat center top; background-size: 100% } .selector-caldera .cabinet-color-container { padding-top: 25.5%; margin-top: -3% } .selector-caldera .model-makena .cabinet-color-container, .selector-caldera .model-salina .cabinet-color-container{ padding-top: 23%; margin-top: -1.5% } .selector-caldera .model-reunion .cabinet-color-container { padding-top: 24.6%; margin-top: -1.5% } .selector-caldera .model-kauai .cabinet-color-container { padding-top: 19.5%; margin-top: -1.3% } .selector-caldera .model-martinique .cabinet-color-container { padding-top: 25.5%; margin-top: -2.5%; } .selector-caldera .model-seychelles .cabinet-color-container { padding-top: 24.3%; margin-top: -1.5% } .selector-caldera .model-palatino .cabinet-color-container, .selector-caldera .model-marino .cabinet-color-container, .selector-caldera .model-vanto .cabinet-color-container { padding-top: 24.5%; margin-top: -1.5% } .selector-caldera .model-tarino .cabinet-color-container{ padding-top: 23.5%; margin-top: -1.5% } .selector-caldera .model-celio .cabinet-color-container{ padding-top: 53%; margin-top: -31% } .selector-caldera .model-aventine .cabinet-color-container{ padding-top: 44%; margin-top: -16% } .selector-caldera .model-cantabria .shell-color-container { padding-top: 40% } .selector-caldera .model-geneva .shell-color-container { padding-top: 46% } .selector-caldera .model-niagara .shell-color-container { padding-top: 48% } .selector-caldera .model-tahitian .shell-color-container, .selector-caldera .model-florence .shell-color-container { padding-top: 47% } .selector-caldera .model-florence .shell-color-container, .selector-caldera .model-ravello .shell-color-container { padding-top:44%; } .selector-caldera .model-palatino .shell-color-container, .selector-caldera .model-marino .shell-color-container, .selector-caldera .model-vanto .shell-color-container{ padding-top: 50% } .selector-caldera .model-provence .shell-color-container { padding-top: 44% } .selector-caldera .model-makena .shell-color-container, .selector-caldera .model-tarino .shell-color-container { padding-top: 45% } .selector-caldera .model-salina .shell-color-container, .selector-caldera .model-reunion .shell-color-container, .selector-caldera .model-seychelles .shell-color-container{ padding-top: 44.7% } .selector-caldera .model-martinique .shell-color-container{ padding-top: 48.4% } .selector-caldera .model-kauai .shell-color-container{ padding-top: 38.5% } .selector-caldera .model-celio .shell-color-container{ padding-top: 44% } .selector-caldera .model-aventine .shell-color-container{ padding-top: 32% } .selector-caldera .model-cantabria .cabinet-parchment { background: url(images/cantabria-color-selector-cabinet-parchment.png) no-repeat center top; background-size: cover } .selector-caldera .model-cantabria .cabinet-ash { background: url(images/cantabria-color-selector-cabinet-ash5152.png?ver=1.0) no-repeat center top; background-size: cover } .selector-caldera .model-cantabria .cabinet-java { background: url(images/cantabria-color-selector-cabinet-javad5f7.png?ver=2.0) no-repeat center top; background-size: cover } .selector-caldera .model-cantabria .cabinet-slate { background: url(images/utopia-cantabria-cabinet-slate-19.png) no-repeat center top; background-size: cover } .selector-caldera .model-cantabria .cabinet-brownstone { background: url(images/utopia-cantabria-cabinet-brownstone-195152.png?ver=1.0) no-repeat center top; background-size: cover } .selector-caldera .model-cantabria .cabinet-sand { background: url(images/utopia-cantabria-cabinet-sand-19d5f7.png?ver=2.0) no-repeat center top; background-size: cover } .selector-caldera .model-geneva .cabinet-slate { background: url(images/utopia-geneva-cabinet-slate-19.png) no-repeat center top; background-size: cover } .selector-caldera .model-geneva .cabinet-parchment { background: url(images/geneva-color-selector-cabinet-parchment.png) no-repeat center top; background-size: cover } .selector-caldera .model-geneva .cabinet-ash { background: url(images/geneva-color-selector-cabinet-ash.png) no-repeat center top; background-size: cover } .selector-caldera .model-geneva .cabinet-java { background: url(images/geneva-color-selector-cabinet-java.png) no-repeat center top; background-size: cover } .selector-caldera .model-niagara .cabinet-parchment { background: url(images/tahitian-color-selector-cabinet-parchment.png) no-repeat center top; background-size: cover } .selector-caldera .model-niagara .cabinet-ash { background: url(images/tahitian-color-selector-cabinet-ash.png) no-repeat center top; background-size: cover } .selector-caldera .model-niagara .cabinet-java { background: url(images/tahitian-color-selector-cabinet-java.png) no-repeat center top; background-size: cover } .selector-caldera .model-tahitian .cabinet-parchment { background: url(images/tahitian-color-selector-cabinet-parchment.png) no-repeat center top; background-size: cover } .selector-caldera .model-tahitian .cabinet-ash { background: url(images/tahitian-color-selector-cabinet-ash.png) no-repeat center top; background-size: cover } .selector-caldera .model-tahitian .cabinet-java { background: url(images/tahitian-color-selector-cabinet-java.png) no-repeat center top; background-size: cover } .selector-caldera .model-florence .cabinet-parchment { background: url(images/florence-color-selector-cabinet-parchment.png) no-repeat center top; background-size: cover } .selector-caldera .model-florence .cabinet-ash { background: url(images/florence-color-selector-cabinet-ash.png) no-repeat center top; background-size: cover } .selector-caldera .model-florence .cabinet-java { background: url(images/florence-color-selector-cabinet-java.png) no-repeat center top; background-size: cover } .selector-caldera .model-ravello .cabinet-parchment { background: url(images/ravello-color-selector-cabinet-parchment.png) no-repeat center top; background-size: cover } .selector-caldera .model-ravello .cabinet-ash { background: url(images/ravello-color-selector-cabinet-ash.png) no-repeat center top; background-size: cover } .selector-caldera .model-ravello .cabinet-java { background: url(images/ravello-color-selector-cabinet-java.png) no-repeat center top; background-size: cover } .selector-caldera .model-geneva .cabinet-brownstone { background: url(images/utopia-geneva-cabinet-brownstone-19.png) no-repeat center top; background-size: cover } .selector-caldera .model-geneva .cabinet-sand { background: url(images/utopia-geneva-cabinet-sand-19.png) no-repeat center top; background-size: cover } .selector-caldera .model-niagara .cabinet-slate { background: url(images/utopia-niagara-cabinet-slate-19.png) no-repeat center top; background-size: cover } .selector-caldera .model-niagara .cabinet-brownstone { background: url(images/utopia-niagara-cabinet-brownstone-19.png) no-repeat center top; background-size: cover } .selector-caldera .model-niagara .cabinet-sand { background: url(images/utopia-niagara-cabinet-sand-19.png) no-repeat center top; background-size: cover } .selector-caldera .model-tahitian .cabinet-slate { background: url(images/utopia-tahitian-cabinet-slate-19.png) no-repeat center top; background-size: cover } .selector-caldera .model-tahitian .cabinet-brownstone { background: url(images/utopia-tahitian-cabinet-brownstone-19.png) no-repeat center top; background-size: cover } .selector-caldera .model-tahitian .cabinet-sand { background: url(images/utopia-tahitian-cabinet-sand-19.png) no-repeat center top; background-size: cover } .selector-caldera .model-florence .cabinet-slate { background: url(images/utopia-florence-cabinet-slate-195152.png?ver=1.0) no-repeat center top; background-size: cover } .selector-caldera .model-florence .cabinet-brownstone { background: url(images/utopia-florence-cabinet-brownstone-195152.png?ver=1.0) no-repeat center top; background-size: cover } .selector-caldera .model-florence .cabinet-sand { background: url(images/utopia-florence-cabinet-sand-195152.png?ver=1.0) no-repeat center top; background-size: cover } .selector-caldera .model-provence .cabinet-slate { background: url(images/utopia-provence-cabinet-slate-19.png) no-repeat center top; background-size: cover } .selector-caldera .model-provence .cabinet-brownstone { background: url(images/utopia-provence-cabinet-brownstone-19.png) no-repeat center top; background-size: cover } .selector-caldera .model-provence .cabinet-sand { background: url(images/utopia-provence-cabinet-sand-19.png) no-repeat center top; background-size: cover } .selector-caldera .model-makena .cabinet-ash { background: url(images/paradise-makena-cabinet-ash.png) no-repeat center top; background-size: cover } .selector-caldera .model-makena .cabinet-java { background: url(images/paradise-makena-cabinet-java.png) no-repeat center top; background-size: cover } .selector-caldera .model-makena .cabinet-parchment { background: url(images/paradise-makena-cabinet-parchment.png) no-repeat center top; background-size: cover } .selector-caldera .model-salina .cabinet-ash { background: url(images/paradise-salina-cabinet-ash.png) no-repeat center top; background-size: cover } .selector-caldera .model-salina .cabinet-java { background: url(images/paradise-salina-cabinet-java.png) no-repeat center top; background-size: cover } .selector-caldera .model-salina .cabinet-parchment { background: url(images/paradise-salina-cabinet-parchment.png) no-repeat center top; background-size: cover } .selector-caldera .model-reunion .cabinet-ash { background: url(images/paradise-reunion-cabinet-ash-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-reunion .cabinet-java { background: url(images/paradise-reunion-cabinet-java-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-reunion .cabinet-parchment { background: url(images/paradise-reunion-cabinet-parchment-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-seychelles .cabinet-ash { background: url(images/paradise-seychelles-cabinet-ash-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-seychelles .cabinet-java { background: url(images/paradise-seychelles-cabinet-java-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-seychelles .cabinet-parchment { background: url(images/paradise-seychelles-cabinet-parchment-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-martinique .cabinet-ash { background: url(images/paradise-martinique-cabinet-ash.png) no-repeat center top; background-size: cover } .selector-caldera .model-martinique .cabinet-java { background: url(images/paradise-martinique-cabinet-java.png) no-repeat center top; background-size: cover } .selector-caldera .model-martinique .cabinet-parchment { background: url(images/paradise-martinique-cabinet-parchment.png) no-repeat center top; background-size: cover } .selector-caldera .model-kauai .cabinet-ash { background: url(images/paradise-kauai-cabinet-ash-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-kauai .cabinet-java { background: url(images/paradise-kauai-cabinet-java-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-kauai .cabinet-parchment { background: url(images/paradise-kauai-cabinet-parchment-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-palatino .cabinet-ash { background: url(images/vacanza-palatino-cabinet-ash-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-palatino .cabinet-java { background: url(images/vacanza-palatino-cabinet-java-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-palatino .cabinet-parchment { background: url(images/vacanza-palatino-cabinet-parchment-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-marino .cabinet-ash { background: url(images/vacanza-marino-cabinet-ash-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-marino .cabinet-java { background: url(images/vacanza-marino-cabinet-java-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-marino .cabinet-parchment { background: url(images/vacanza-marino-cabinet-parchment-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-vanto .cabinet-ash { background: url(images/vacanza-vanto-cabinet-ash-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-vanto .cabinet-java { background: url(images/vacanza-vanto-cabinet-java-2019-002.png) no-repeat center top; background-size: cover } .selector-caldera .model-vanto .cabinet-parchment { background: url(images/vacanza-vanto-cabinet-parchment-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-tarino .cabinet-ash { background: url(images/vacanza-tarino-cabinet-ash-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-tarino .cabinet-java { background: url(images/vacanza-tarino-cabinet-java-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-tarino .cabinet-parchment { background: url(images/vacanza-tarino-cabinet-parchment-2019-001.png) no-repeat center top; background-size: cover } .selector-caldera .model-celio .cabinet-ash { background: url(images/vacanza-celio-cabinet-ash.png) no-repeat center top; background-size: cover } .selector-caldera .model-celio .cabinet-java { background: url(images/vacanza-celio-cabinet-java.png) no-repeat center top; background-size: cover } .selector-caldera .model-celio .cabinet-parchment { background: url(images/vacanza-celio-cabinet-parchment.png) no-repeat center top; background-size: cover } .selector-caldera .model-aventine .cabinet-ash { background: url(images/vacanza-aventine-cabinet-ash.png) no-repeat center top; background-size: cover } .selector-caldera .model-aventine .cabinet-java { background: url(images/vacanza-aventine-cabinet-java.png) no-repeat center top; background-size: cover } .selector-caldera .model-aventine .cabinet-parchment { background: url(images/vacanza-aventine-cabinet-parchment.png) no-repeat center top; background-size: cover } .selector-caldera .model-cantabria .shell-arctic-white { background: url(images/cantabria-color-selector-shell-arcticwhite.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-cantabria .shell-platinum { background: url(images/cantabria-color-selector-shell-platinum.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-cantabria .shell-white-pearl { background: url(images/cantabria-color-selector-shell-pearl.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-cantabria .shell-tuscan-sun { background: url(images/cantabria-color-selector-shell-tuscansun.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-cantabria .shell-midnight-canyon { background: url(images/cantabria-color-selector-shell-midnightcanyon.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-geneva .shell-arctic-white { background: url(images/geneva-color-selector-shell-arcticwhite.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-geneva .shell-platinum { background: url(images/geneva-color-selector-shell-platinum.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-geneva .shell-white-pearl { background: url(images/geneva-color-selector-shell-pearl.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-geneva .shell-tuscan-sun { background: url(images/geneva-color-selector-shell-tuscansun.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-geneva .shell-midnight-canyon { background: url(images/geneva-color-selector-shell-midnightcanyon.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-niagara .shell-arctic-white { background: url(images/tahitian-color-selector-shell-arcticwhite.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-niagara .shell-platinum { background: url(images/tahitian-color-selector-shell-platinum.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-niagara .shell-white-pearl { background: url(images/tahitian-color-selector-shell-pearl.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-niagara .shell-tuscan-sun { background: url(images/tahitian-color-selector-shell-tuscansun.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-niagara .shell-midnight-canyon { background: url(images/tahitian-color-selector-shell-midnightcanyon.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-tahitian .shell-arctic-white { background: url(images/tahitian-color-selector-shell-arcticwhite.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-tahitian .shell-platinum { background: url(images/tahitian-color-selector-shell-platinum.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-tahitian .shell-white-pearl { background: url(images/tahitian-color-selector-shell-pearl.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-tahitian .shell-tuscan-sun { background: url(images/tahitian-color-selector-shell-tuscansun.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-tahitian .shell-midnight-canyon { background: url(images/tahitian-color-selector-shell-midnightcanyon.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-florence .shell-arctic-white { background: url(images/florence-color-selector-shell-arcticwhite.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-florence .shell-platinum { background: url(images/florence-color-selector-shell-platinum.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-florence .shell-white-pearl { background: url(images/florence-color-selector-shell-pearl.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-florence .shell-tuscan-sun { background: url(images/florence-color-selector-shell-tuscansun.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-florence .shell-midnight-canyon { background: url(images/florence-color-selector-shell-midnightcanyon.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-ravello .shell-arctic-white { background: url(images/ravello-color-selector-shell-arcticwhite.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-ravello .shell-platinum { background: url(images/ravello-color-selector-shell-platinum.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-ravello .shell-white-pearl { background: url(images/ravello-color-selector-shell-pearl.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-ravello .shell-tuscan-sun { background: url(images/ravello-color-selector-shell-tuscansun.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-ravello .shell-midnight-canyon { background: url(images/ravello-color-selector-shell-midnightcanyon.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-provence .shell-arctic-white { background: url(images/utopia-provence-artic-white.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-provence .shell-platinum { background: url(images/utopia-provence-platinum.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-provence .shell-white-pearl { background: url(images/utopia-provence-white-pearl.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-provence .shell-tuscan-sun { background: url(images/utopia-provence-tuscan-sun.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-provence .shell-midnight-canyon { background: url(images/utopia-provence-midnight-canyon.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-makena .shell-arctic-white { background: url(images/paradise-makena-shell-arctic-white.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-makena .shell-tuscan-sun { background: url(images/paradise-makena-shell-tuscan-sun.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-makena .shell-white-pearl { background: url(images/paradise-makena-shell-white-pearl.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-makena .shell-midnight-canyon { background: url(images/paradise-makena-shell-midnight-canyon.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-makena .shell-desert { background: url(images/paradise-makena-shell-desert.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-salina .shell-arctic-white { background: url(images/paradise-salina-shell-arctic-white.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-salina .shell-tuscan-sun { background: url(images/paradise-salina-shell-tuscan-sun-2019.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-salina .shell-white-pearl { background: url(images/paradise-salina-shell-white-pearl.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-salina .shell-midnight-canyon { background: url(images/paradise-salina-shell-midnight-canyon-2019.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-salina .shell-desert { background: url(images/paradise-salina-shell-desert-2019.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-reunion .shell-arctic-white { background: url(images/paradise-reunion-shell-arctic-white-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-reunion .shell-tuscan-sun { background: url(images/paradise-reunion-shell-tuscan-sun-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-reunion .shell-white-pearl { background: url(images/paradise-reunion-shell-white-pearl-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-reunion .shell-midnight-canyon { background: url(images/paradise-reunion-shell-midnight-canyon-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-reunion .shell-desert { background: url(images/paradise-reunion-shell-desert-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-seychelles .shell-arctic-white { background: url(images/paradise-seychelles-shell-arctic-white-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-seychelles .shell-tuscan-sun { background: url(images/paradise-seychelles-shell-tuscan-sun-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-seychelles .shell-white-pearl { background: url(images/paradise-seychelles-shell-white-pearl-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-seychelles .shell-midnight-canyon { background: url(images/paradise-seychelles-shell-midnight-canyon-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-seychelles .shell-desert { background: url(images/paradise-seychelles-shell-desert-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-martinique .shell-arctic-white { background: url(images/paradise-martinique-shell-arctic-white.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-martinique .shell-tuscan-sun { background: url(images/paradise-martinique-shell-tuscan-sun-2019.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-martinique .shell-white-pearl { background: url(images/paradise-martinique-shell-white-pearl-2019.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-martinique .shell-midnight-canyon { background: url(images/paradise-martinique-shell-midnight-canyon-2019.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-martinique .shell-desert { background: url(images/paradise-martinique-shell-desert-2019.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-kauai .shell-arctic-white { background: url(images/paradise-kauai-shell-arctic-white-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-kauai .shell-tuscan-sun { background: url(images/paradise-kauai-shell-tuscan-sun-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-kauai .shell-white-pearl { background: url(images/paradise-kauai-shell-white-pearl-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-kauai .shell-midnight-canyon { background: url(images/paradise-kauai-shell-midnight-canyon-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-kauai .shell-desert { background: url(images/paradise-kauai-shell-desert-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-palatino .shell-arctic-white { background: url(images/vacanza-palatino-shell-arctic-white-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-palatino .shell-tuscan-sun { background: url(images/vacanza-palatino-shell-tuscan-sun-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-palatino .shell-white-pearl { background: url(images/vacanza-palatino-shell-white-pearl-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-palatino .shell-midnight-canyon { background: url(images/vacanza-palatino-shell-midnight-canyon-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-palatino .shell-desert { background: url(images/vacanza-palatino-shell-desert-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-marino .shell-arctic-white { background: url(images/vacanza-marino-shell-arctic-white-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-marino .shell-tuscan-sun { background: url(images/vacanza-marino-shell-tuscan-sun-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-marino .shell-white-pearl { background: url(images/vacanza-marino-shell-white-pearl-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-marino .shell-midnight-canyon { background: url(images/vacanza-marino-shell-midnight-canyon-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-marino .shell-desert { background: url(images/vacanza-marino-shell-desert-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-vanto .shell-arctic-white { background: url(images/vacanza-vanto-shell-arctic-white-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-vanto .shell-tuscan-sun { background: url(images/vacanza-vanto-shell-tuscan-sun-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-vanto .shell-white-pearl { background: url(images/vacanza-vanto-shell-white-pearl-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-vanto .shell-midnight-canyon { background: url(images/vacanza-vanto-shell-midnight-canyon-2019-002.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-vanto .shell-desert { background: url(images/vacanza-vanto-shell-desert-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-tarino .shell-arctic-white { background: url(images/vacanza-tarino-shell-arctic-white-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-tarino .shell-tuscan-sun { background: url(images/vacanza-tarino-shell-tuscan-sun-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-tarino .shell-white-pearl { background: url(images/vacanza-tarino-shell-white-pearl-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-tarino .shell-midnight-canyon { background: url(images/vacanza-tarino-shell-midnight-canyon-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-tarino .shell-desert { background: url(images/vacanza-tarino-shell-desert-2019-001.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-celio .shell-arctic-white { background: url(images/vacanza-celio-shell-arctic-white.png) no-repeat center bottom; background-size: cover } .selector-caldera .model-aventine .shell-arctic-white { background: url(images/vacanza-aventine-shell-arctic-white.png) no-repeat center bottom; background-size: cover } .site-content .entry-content .cabinet-shell .cabinet ul.endlessspas li.gray-oak { background: url(images/endlessspas/gray-oak.jpg) no-repeat center center; background-size: cover } .site-content .entry-content .cabinet-shell .cabinet ul.endlessspas li.gray { background: url(images/endlessspas/gray.jpg) no-repeat center center; background-size: cover } .site-content .entry-content .cabinet-shell .cabinet ul.endlessspas li.dark-mocha { background: url(images/endlessspas/dark-mocha.jpg) no-repeat center center; background-size: cover } .site-content .entry-content .cabinet-shell .shell ul.endlessspas li.ice-gray { background: url(images/endlessspas/ice-gray.jpg) no-repeat center center; background-size: cover } .site-content .entry-content .cabinet-shell .shell ul.endlessspas li.alpine-white { background: url(images/endlessspas/alpine-white.jpg) no-repeat center center; background-size: cover } #post-3738 h1.entry-title { display: none; } .has-three-columns .team_col img { width: 100%; } .popup-header .text-18 {font-size: 18px;color:#000000;} .popup-header h3, .popup-header .text-18 {text-align: center;} .promo-thank-you { text-align: center; } .inside-page .site-content .entry-content .entry .promo-thank-you h2 { font-size: 39px; line-height: 1.2; color: #000; font-weight: 700; margin-bottom: 30px; } .inside-page .site-content .entry-content .entry .promo-thank-you h3 { font-size: 28px; color: #003d57; line-height: 1.2; margin-bottom: 30px; } .inside-page .site-content .entry-content .entry .promo-thank-you .button { background: #173c55; border-radius: 0; text-transform: uppercase; } .page-id-10378 .site-footer .footer-testimonials, .page-id-10378 .site-footer .contact { display: none; } .page-id-10378 .site-footer { border-top: 25px solid #3e8ae9; } .row.promo-row .column {padding-top:15px;padding-bottom:15px;} .ebook-section {text-align: center; margin-bottom: 20px;} .ebook-section h2.ebook-message {line-height: 32px!important;margin-bottom: 50px!important; color: #065890!important;} .ebook-section a.button {min-width: 200px;} /* @media(max-width: 1024px){ .txt-imgContent p { width: 50% !important; } .txt-imgContent > div { width: 50% !important; padding-bottom: 33% !important; } } */ @media(max-width: 767px){ .txt-imgContent { flex-direction: column; gap: 0 !important; } .txt-imgContent p { width: 100% !important; } .txt-imgContent > div { width: 100% !important; padding-bottom: 43% !important; } }