html,body {height: 100%;} * {-moz-box-sizing: border-box;} body {background-color: #ededed;color: #424242;margin: 0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:normal;line-height:1.1;color:#333;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1;} h1,.h1{font-size:45px;line-height:48px;} h2,.h2{font-size:36px;line-height:42px;} h3,.h3{font-size:28px;line-height:36px;} h4,.h4{font-size:24px;line-height:25px;} h5,.h5{font-size:20px;line-height:24px;} h6,.h6{font-size:18px;line-height:24px;} a{color:#3282e6;} a:hover,a:focus{color:#165db5;text-decoration:underline;} .text-center{text-align:center;} .wrap {min-height: 100%;.display: table;.height: 100%;} .top-bar {height: 20px;background: #71a100;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxYTEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZmExMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #71a100 0%, #6fa100 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71a100), color-stop(100%,#6fa100));background: -webkit-linear-gradient(top, #71a100 0%,#6fa100 100%);background: -o-linear-gradient(top, #71a100 0%,#6fa100 100%);background: -ms-linear-gradient(top, #71a100 0%,#6fa100 100%);background: linear-gradient(to bottom, #71a100 0%,#6fa100 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71a100', endColorstr='#6fa100',GradientType=0 );} :root .top-bar {filter: none \0/IE9;} .welcome-container {width: 500px;margin: 0 auto;overflow: auto;padding-bottom: 60px;} .coming-soon-wrap {margin-top: 90px;} .frowny-face {text-align: center;font-size: 130px;color: #919191;line-height: 1.1;margin-top: 90px;margin-bottom: 70px;} .welcome-container h1 {margin-bottom: 1em;} .btn-primary {background-color: #7FB141;border-color: #648C33;color: #FFFFFF;} input, button, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit;} button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;} button, select {text-transform: none;} button, input {line-height: normal;} button, input, select, textarea {font-family: inherit;font-size: 100%;margin: 0;} .btn {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: transparent;border-image: none;border-radius: 0 0 0 0;border-style: solid;border-width: 0 0 3px;cursor: pointer;display: inline-block;font-size: 14px;font-weight: 300;line-height: 1.42857;margin-bottom: 0;padding: 8px 20px;text-align: center;vertical-align: middle;white-space: nowrap;text-decoration: none;} .btn-primary {background-color: #7FB141;border-color: #648C33;color: #FFFFFF;} .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {background-color: #729E3A;border-color: #496626;color: #fff;} .btn:hover, .btn:focus {text-decoration: none;} .login-container {text-align: right;margin: 20px;} .footer {position: relative;margin-top: -60px;height: 60px;clear:both;text-align: center;font-size: 14px;} .zerogrid{width: 1200px;position: relative;margin: 0 auto;padding: 0px;} .zerogrid:after {content: "\0020";display: block;height: 0;clear: both;visibility: hidden;} .zerogrid .f-right{float: right!important;} .zerogrid .f-left{float: left!important;} .zerogrid .row{} .zerogrid .row:before,.row:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;} .zerogrid .row:after{clear: both;} .zerogrid .row{zoom: 1;} .zerogrid .wrap-col{margin:10px;} .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left;display: inline-block;} .zerogrid .col-full{width:100%;} .zerogrid .col-1-2,.zerogrid .col-1-2-fixed{width:50%;} .zerogrid .offset-1-2{margin-left: 50%;} .zerogrid .col-1-3,.zerogrid .col-1-3-fixed{width:33.33%;} .zerogrid .col-2-3,.zerogrid .col-2-3-fixed{width:66.66%;} .zerogrid .offset-1-3{margin-left: 33.33%;} .zerogrid .offset-2-3{margin-left: 66.66%;} .zerogrid .col-1-4,.zerogrid .col-1-4-fixed{width:25%;} .zerogrid .col-2-4,.zerogrid .col-2-4-fixed{width:50%;} .zerogrid .col-3-4,.zerogrid .col-3-4-fixed{width:75%;} .zerogrid .offset-1-4{margin-left: 25%;} .zerogrid .offset-2-4{margin-left: 50%;} .zerogrid .offset-3-4{margin-left: 75%;} .zerogrid .col-1-5,.zerogrid .col-1-5-fixed{width:20%;} .zerogrid .col-2-5,.zerogrid .col-2-5-fixed{width:40%;} .zerogrid .col-3-5,.zerogrid .col-3-5-fixed{width:60%;} .zerogrid .col-4-5,.zerogrid .col-4-5-fixed{width:80%;} .zerogrid .offset-1-5{margin-left: 20%;} .zerogrid .offset-2-5{margin-left: 40%;} .zerogrid .offset-3-5{margin-left: 60%;} .zerogrid .offset-4-5{margin-left: 80%;} .zerogrid .col-1-6,.zerogrid .col-1-6-fixed{width:16.66%;} .zerogrid .col-2-6,.zerogrid .col-2-6-fixed{width:33.33%;} .zerogrid .col-3-6,.zerogrid .col-3-6-fixed{width:50%;} .zerogrid .col-4-6,.zerogrid .col-4-6-fixed{width:66.66%;} .zerogrid .col-5-6,.zerogrid .col-5-6-fixed{width:83.33%;} .zerogrid .offset-1-6{margin-left: 16.66%;} .zerogrid .offset-2-6{margin-left: 33.33%;} .zerogrid .offset-3-6{margin-left: 50%;} .zerogrid .offset-4-6{margin-left: 66.66%;} .zerogrid .offset-5-6{margin-left: 83.33%;} @media only screen and (min-width: 960px) and (max-width: 1199px) { .zerogrid{width:960px;} } @media only screen and (min-width: 768px) and (max-width: 959px) { .zerogrid{width:768px;} } @media only screen and (max-width: 767px) { .zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;} .zerogrid .offset-1-2, .zerogrid .offset-1-3, .zerogrid .offset-2-3, .zerogrid .offset-1-4, .zerogrid .offset-2-4, .zerogrid .offset-3-4, .zerogrid .offset-1-5, .zerogrid .offset-2-5, .zerogrid .offset-3-5, .zerogrid .offset-4-5, .zerogrid .offset-1-6, .zerogrid .offset-2-6, .zerogrid .offset-3-6, .zerogrid .offset-4-6, .zerogrid .offset-5-6{margin-left:0;} } a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;} mark, rp, rt, ruby, summary, time {display:inline;} input, textarea {border:0;padding:0;margin:0;outline: 0;} iframe {border:0;margin:0;padding:0;} input, textarea, select {margin:0;padding:0px;} * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} ::-moz-selection{background: #0d358c none repeat scroll 0 0;color: #000;text-shadow:none;} ::selection{background: #0d358c none repeat scroll 0 0;color: #000;text-shadow:none;} html {-webkit-text-size-adjust: none;} .video embed,.video object,.video iframe {width: 100%;height: auto;} img{max-width:100%;height: auto;width: auto\9;} a{color: #000;text-decoration: none;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition-duration: 0.3s;} a:hover {text-decoration: underline;} h1, h2 {font-size: 25px;line-height: 30px;} h3, h4 {font-size: 20px;line-height: 20px;} h5, h6 {font-size: 16px;line-height: 16px;} h1, h2, h3, h4, h5, h6{clear: both;hyphens: auto;color: #222;line-height: 1.2;font-family: 'Montserrat', sans-serif;letter-spacing: 1px;} p{margin: 10px 0;} .t-center{text-align: center;} .t-left{text-align: left;} .t-right{text-align: right;} .f-right{float: right;} .f-left{float: left;} .post{} .post:after, .post:before, article:after, article:before, section:after, section:before{clear: both;content: '\0020';display: block;visibility: hidden;width: 0;height: 0;} .clear{content: "\0020";display: block;height: 0;clear: both;visibility: hidden;} .clearfix:after, .clearfix:before{clear: both;content: '\0020';display: block;visibility: hidden;width: 0;height: 0;} hr.line {margin: 15px auto;padding: 0;max-width: 80px;border: 0;border-top: solid 6px #ccc;text-align: center;border-radius: 6px;} .uppercase{text-transform: uppercase;} .widget-title{font-weight: 500;text-transform: uppercase;line-height: 1.38;margin-bottom: 20px;font-size: 14px;color: #000000;} ul.list-inline li{display: inline-block;} html, body {width:100%;padding:0;margin:0;} body {font: 15px/25px Arial;font-family: Vidaloka,serif;background:#fff;color: #000000;} body .wrap-body{} @media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px){ body{padding: 0;} } header{} header .top-bar {background-color: #fff;border: 1px solid #ccc;} header .top-bar .wrap-top{} header .top-bar ul li {border-right: 1px solid #ddd;padding: 13px 25px;} header .top-bar ul li:first-child {border-left: 1px solid #ddd;} header .top-bar .mail span, header .top-bar .phone span{color:#999;font-size:14px;} header .top-bar i.fa{margin: 3px 6px 0 0;font-size: 17px;} header .top-bar .top-social {float: right;text-align: center;} header .top-bar ul.top-social li{border: none;padding: 5px;} header .top-bar .top-social a{display: block;width: 38px;height: 38px;border-radius: 50%;font-size: 20px;line-height: 38px;color: #555;transition-duration: 0.3s;border: 1px solid #555;padding-top: 7px;} header .top-bar .top-social a:hover{border: 1px solid #000;color: #0d358c;background: #000;} header .top-bar .top-social i.fa{margin: 0;font-size: 19px;} .header-logo{text-align: center;padding: 30px 0;min-height: 100px;background: #fff;} @media only screen and (max-width: 767px){ header .top-bar .top-social {float: none;margin: 10px auto;} } .home-page{} .single-page{} .archive-page{} .contact-page{} #container {} #container .wrap-container{background: #ffffff;} .content-box {} .content-box .wrap-box {padding: 70px 60px;position: relative;} .content-box .header {margin: 0 0 60px;text-align: center;} .content-box .header h2{font-size: 30px;margin: 0;padding: 0;line-height: .9;text-transform: uppercase;} .content-box .header .wrapper{padding: 5px;} .content-box .header .intro {font-size: 18px;} @media only screen and (max-width: 767px) { .content-box .wrap-box {padding: 40px 20px;} } .content-box.boxstyle-1{} .content-box.boxstyle-2{background: #f7f7f7;} .content-box.boxstyle-3{background: url(../images/action-bg.jpg) no-repeat fixed;} .content-box.box-1 h2{font-size: 16px;margin-top: 10px;} .content-box.box-1 .box-item{} .content-box.box-2 .box-item{color: #000;padding: 60px 0;} .content-box.box-2 blockquote {position: relative;padding: 20px 120px 0;text-align: center;font-size: 40px;border:none;line-height: 1.2;} .content-box.box-2 blockquote:before, .content-box.box-2 blockquote:after {position: absolute;width: 60px;height: 60px;font-size: 130px;line-height: 1;} .content-box.box-2 blockquote:before {top: 0;left: 0;content: "\201C";} .content-box.box-2 blockquote:after {top: 0;right: 0;content: "\201D";} @media only screen and (max-width: 1100px) { .content-box.box-2 blockquote {font-size: 30px;} } @media only screen and (max-width: 960px) { .content-box.box-2 blockquote {padding: 30px 60px;font-size: 22px;} .content-box.box-2 blockquote:before, .content-box.box-2 blockquote:after {width: 30px;height: 30px;font-size: 70px;} } @media only screen and (max-width: 690px) { .content-box.box-2 blockquote {padding: 10px 30px;font-size: 20px;} .content-box.box-2 blockquote:before, .content-box.box-2 blockquote:after {font-size: 35px;} } .content-box.box-3 .box-item {margin: auto auto 30px;text-align: center;} .content-box.box-3 .box-item img{margin: 0 auto;display: block;max-width: 200px;height: auto;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;} .content-box.box-3 .box-item h3{margin: 10px 0 0;} .content-box.box-3 .zoom-container{margin: 0;} .content-box.box-3 .box-item:hover .box-item-content h3{color: #0d358c;} .content-box.box-3 .box-item:hover .box-item-container img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-ms-transform:scale(1.10);-o-transform:scale(1.0);transform:scale(1.10);} .content-box.box-4 {} .content-box.box-4 .box-item{box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);background-color: #fff;margin-bottom: 30px;} .content-box.box-4 .box-item:hover {box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.35);-webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;} .content-box.box-4 .box-item:hover .box-item-content{} .content-box.box-4 .box-item img{display: block;width: 100% !important;height: auto;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;} .content-box.box-4 .box-item .box-item-content{background-color: #fff;padding: 30px 25px;} .content-box.box-4 .box-item .box-item-content h4{font-size: 17px;color: #000;} .content-box.box-4 .box-item .box-item-content p {margin: 10px 0;} .content-box.box-4 .box-item .box-item-content a{font-size: 16px;font-weight: bold;margin-top: 10px;text-transform: uppercase;} .content-box.box-5 {min-height: 450px;} .content-box.box-5 h3{font-size: 42px;font-weight: 500;margin: 0 0 70px;text-align: center;color: #e1e1e1;} .content-box.box-5 span{color: #0d358c;} .content-box.box-5 img {float:left;display: inline-block;margin-right: 30px;max-width: 190px;} .content-box.box-5 .wrap-box{padding-left: 230px;padding-right: 230px;} @media all and (max-width: 767px){ .content-box.box-5 img {float:none;display: block;max-width: 250px;margin: 0 auto 30px;} .content-box.box-5 .wrap-box{padding-left: 30px;padding-right: 30px;} } .content-box.box-6 {} .content-box.box-6 .wrap-box {padding: 0;} #main-content{margin-top: 40px;} #main-content .wrap-content{padding: 0 30px 20px;border-right: 1px solid #ddd;} #main-content .wrap-content h3{margin-bottom: 10px;} #main-content .wrap-map{background: #fff;padding: 5px;border: 1px solid #bbb;max-width: 520px;} article{display: inline-block;border-bottom: 1px solid #ddd;padding-bottom: 30px;margin-bottom: 30px;} article:last-child{border-bottom: none;padding-bottom: 0;} article:after, article:before{clear: both;content: '\0020';display: block;visibility: hidden;width: 0;height: 0;} article .art-header h3{font-size: 25px;} article .art-content a{color: #FE9B13;font-weight: bold;} article .art-content a:hover{color: #000;} article .art-content blockquote {border-left: 3px solid #1c7791;font-size: 18px;margin: 0 50px;font-style: italic;color: #666;padding-left: 20px;} article .art-content ol {float: left;text-align: justify;margin: 10px 50px;font-size: 16px;list-style-type: circle;} article .entry-title {margin: 10px 0;} article .entry-title h2{line-height: 1.2;font-size: 38px;} article .info a{} article img{display: block;width: 100%;margin-top: 10px;} #sidebar{margin-top: 40px;} #sidebar .wrap-sidebar{margin: 0px 10px;} .widget {margin-bottom: 10px;padding: 5px 25px 10px;} .widget ul li {line-height: 2.8;border-bottom: 2px solid #DDD;} .widget:after, .widget:before{clear: both;content: '\0020';display: block;visibility: hidden;width: 0;height: 0;} .widget .wid-header {} .widget .wid-header h5 {display: inline-block;padding: 20px 10px 20px 0;margin-bottom:-4px;font-size: 23px;} .widget .wid-content{padding: 0 0 20px;border-bottom: 1px solid #ddd;} .widget.wid-about {} .widget.wid-tag {} .widget.wid-tag a{color: #a9a9a9;background: #202020;padding: 5px 10px;line-height: 2.3;font-size: 14px;text-transform: capitalize;margin-right: 1px;} .widget.wid-tag a:hover{color: #fff;background: #0d358c;} .widget.wid-post {} .widget.wid-gallery {} .widget.wid-gallery img{margin: 0 10px 10px 0;max-width: 150px;} .widget.wid-gallery .wid-content{border-bottom: none;} .widget.wid-archive {} .widget.wid-archive select {margin: 5px 0;height: 40px;width: 100%;padding-left: 10px;font-family: "Noto Serif",serif;font-size: 16px;background-color: #e9e9e9;color: #777777;border: none;} .widget.wid-meta {} .widget.wid-meta ul li{font-size: 16px;} .widget.wid-related {background-color: #fff;} .widget.wid-related .wid-content{border-bottom: none;} .widget.wid-related img{max-width: 243px;width: 100%;} .widget.wid-related h4{margin-top: 10px;font-size: 16px;} .widget.wid-related a{color: #333;} footer{background: #ddd;font-size: 14px;} footer .top-footer{padding:40px 0;background-color: #fff;} footer .wrap-footer{padding: 70px 60px;} footer .wrap-footer ul li {margin-bottom: 5px;padding: 10px 0 15px;} footer .logo img{max-width: 170px;margin-top: 30px;} @media only screen and (max-width: 767px) { footer .wrap-footer{padding: 40px 20px;} } footer .col-footer-1 {} footer .col-footer-2{} footer .col-footer-2 ul {padding: 0;} footer .col-footer-2 ul li {list-style: none;margin-bottom: 5px;border-bottom: 1px solid #444;padding-bottom: 10px;} footer .col-footer-2 ul li:last-child{border-bottom: none;} footer .col-footer-2 ul li a{color: #999;font-size: 12px;} footer .col-footer-2 ul li a:hover{color: #0d358c;} footer .col-footer-3 a{color: #999;background: #202020;padding: 5px 10px;line-height: 2.3;font-size: 14px;text-transform: capitalize;margin-right: 1px;} footer .col-footer-3 a:hover{color: #fff;background: #0d358c;} footer .col-footer-4 input[type="text"]{border: 2px solid #E7E7E7;outline: medium none;color: #999999;display: block;font-size: 14px;height: 40px;line-height: 1.2;margin: 10px 0;padding: 5px 10px 0;width: 100%;background-color: transparent;border: 2px solid #444444;} .copyright{background: #1B1B1B;color: #999;} .copyright .wrapper{padding: 20px;} .copyright ul.quick-link{float: right;} .copyright ul.quick-link li {display: inline-block;margin-right: 10px;} .copyright a{color: #eee;} .copyright a:hover{color: #0d358c;} @media all and (max-width: 768px){ .copyright{text-align: center;} .copyright ul.quick-link{float: none;margin-top: 10px;} } .contact h3{margin-left: 30px;} #contact_form {padding:0px 25px;} #ff label {cursor:pointer;margin:5px 0;display:block;font-weight:bold;} #ff input {display:block;width:100%;color:#111;background-color:#F3F3F3;border:1px solid #ccc;padding:13px;margin: 5px 0 25px 0;font-size: 16px;max-height: 45px;} textarea {display:block;width:100%;height:200px;background-color:#F3F3F3;color:#111;border:1px solid #ccc;padding:10px;margin: 5px 0 25px 0;} #ff .sendButton {cursor:pointer;background-color:#0d358c;width:35%;color:#000;border:none;} #ff .sendButton:hover {background-color:#000;color:#fff;} .portfolio-box {display: block;position: relative;margin: 0 auto;} .portfolio-box::before {box-shadow: 0 -200px 200px -100px rgba(69, 69, 69, 0.75) inset;content: "";height: 100%;position: absolute;width: 100%;} .portfolio-box .portfolio-box-caption {display: block;position: absolute;bottom: 0;width: 100%;height: 100%;text-align: center;color: #fff;} .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {position: absolute;top: 50%;width: 100%;text-align: center;transform: translateY(-50%);} .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-des, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-social, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {padding: 0 25px;font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;} .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name a, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-des p{color: #000;background:#0d358c;padding: 2px 10px;display: inline-block;} .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-des {} .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-des p{} .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {font-size: 24px;font-weight: bold;} .portfolio-box:hover .portfolio-box-caption {opacity: 1;} .button{background-color: #333;border-radius: 4px;padding: 10px 15px;color: #fff;margin-top: 10px;display:inline-block;} .button:hover{background-color: #eee;color: #333;} a.button-header{padding: 15px 30px;font-size: 19px;margin-top: 30px;background: transparent;border: 2px solid #fff;border-radius: 0;} a.button-header:hover{text-decoration: none;background: #fff;color: #0d358c;} .button-subcribe{background-color: #444444;color: #ffffff;font-weight: bold;} .button-subcribe:hover{background-color: #fff;color: #000;} .rslides{} .callbacks_container {z-index: 99;position: relative;float: left;width: 100%;} .callbacks {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;} .callbacks li {position: absolute;width: 100%;left: 0;top: 0;} .callbacks img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;} .callbacks .caption {display: block;position: absolute;z-index: 2;text-shadow: none;color: #fff;left: 5%;right: 0;top: 20%;padding: 30px 50px 10px;margin: 0;max-width: none;} .callbacks .caption h1{font-size: 49px;margin-bottom: 20px;color: #fff;font-weight: bold;} .callbacks .caption span{font-size: 22px;} @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px){ .callbacks .caption {padding: 12px 10px 5px;} .callbacks .caption h1{font-size: 20px;margin-bottom: 0;line-height: 1.2;} .callbacks .caption span{font-size: 12px;line-height: 1.2;} } @media(max-width: 468px){ .callbacks .caption {display:none;} } .callbacks_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 0;opacity: 0.7;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("../images/themes.gif") no-repeat left top;margin-top: -45px;} .callbacks_nav:active {opacity: 1.0;} .callbacks_nav.next {left: auto;background-position: right top;right: 0;} .header-logo img{max-width:360px;width:80%;height:auto;} header .top-bar .contact-icon{width:18px;height:18px;object-fit:contain;vertical-align:middle;margin:0 7px 2px 0;} .carousel-icon{width:48px;height:48px;object-fit:contain;display:block;} @media(max-width:767px){.header-logo img{max-width:300px;width:78%;}header .top-bar .contact-icon{width:17px;height:17px;}} .products-content{max-width:900px;margin:0 auto;padding:45px 20px 55px;text-align:left;} .products-content h1{text-align:center;color:#212121;margin-bottom:20px;} .products-content h2{color:#0d358c;margin:28px 0 8px;font-size:26px;} .products-content p{font-size:16px;line-height:1.7;} .product-hero{display:block;max-width:100%;height:auto;margin:28px auto;} .product-cta{display:inline-block;background:#0d358c;color:#fff!important;padding:12px 22px;text-decoration:none;border-radius:3px;font-weight:600;} .product-cta:hover{background:#092965;text-decoration:none;} .content-box.box-1 .box-item > img{display:block;width:360px;max-width:90%;height:250px;object-fit:contain;margin:0 auto 18px;} .content-box.box-3 .zoom-container img{width:220px;max-width:88%;height:190px;object-fit:contain;margin:0 auto;} .content-box.box-1 .box-item > img{width:min(400px, 94%);max-width:94%;height:auto;object-fit:contain;object-position:center;overflow:visible;margin:0 auto 18px;} .content-box.box-3 .zoom-container{margin:0;min-height:230px;overflow:visible;display:flex;align-items:center;justify-content:center;} .content-box.box-3 .zoom-container img, .content-box.box-3 .box-item img{width:min(280px, 94%);max-width:94%;height:auto;object-fit:contain;object-position:center;overflow:visible;margin:0 auto;} @media only screen and (max-width:767px){ .content-box.box-1 .box-item > img{width:min(360px,96%);max-width:96%;} .content-box.box-3 .zoom-container{min-height:210px;} .content-box.box-3 .zoom-container img,.content-box.box-3 .box-item img{width:min(260px,94%);max-width:94%;} } .content-box.box-3 .zoom-container{height:300px !important;min-height:300px !important;overflow:visible !important;display:flex !important;align-items:center !important;justify-content:center !important;} .content-box.box-3 .zoom-container img{display:block !important;width:100% !important;max-width:320px !important;height:100% !important;max-height:300px !important;object-fit:contain !important;object-position:center center !important;margin:0 auto !important;transform:none;} .content-box.box-3 .box-item:hover .box-item-container img, .content-box.box-3 .box-item:hover .zoom-container img{transform:none !important;} @media only screen and (max-width:767px){ .content-box.box-3 .zoom-container{height:270px !important;min-height:270px !important;} .content-box.box-3 .zoom-container img{max-width:340px !important;max-height:270px !important;} } .content-box.box-3 .zoom-container{height:235px !important;min-height:235px !important;margin:0 0 2px !important;overflow:visible !important;display:flex !important;align-items:flex-end !important;justify-content:center !important;} .content-box.box-3 .zoom-container img, .content-box.box-3 .box-item img{width:100% !important;max-width:310px !important;height:225px !important;max-height:225px !important;object-fit:contain !important;object-position:center bottom !important;margin:0 auto !important;transform:none !important;} .content-box.box-3 .box-item h3{margin:4px 0 0 !important;} @media only screen and (max-width:767px){ .content-box.box-3 .zoom-container{height:220px !important;min-height:220px !important;margin-bottom:0 !important;} .content-box.box-3 .zoom-container img,.content-box.box-3 .box-item img{max-width:330px !important;height:210px !important;max-height:210px !important;} } .header-logo{padding:30px 0 !important;min-height:0 !important;} .header-logo img{width:210px !important;max-width:210px !important;height:auto !important;display:block !important;margin:0 auto !important;} .content-box.box-1 .box-item{display:flex;flex-direction:column;height:100%;} .content-box.box-1 .box-item > img{display:block !important;width:100% !important;max-width:600px !important;height:300px !important;object-fit:contain !important;object-position:center center !important;margin:0 auto 8px !important;overflow:visible !important;} .content-box.box-1 .box-item h2{margin:0 0 12px !important;min-height:34px;} .content-box.box-1 .box-item p{margin-top:0 !important;} @media only screen and (max-width:767px){ .header-logo img{width:180px !important;max-width:180px !important;} .content-box.box-1 .box-item > img{height:250px !important;max-width:96% !important;} .content-box.box-1 .box-item h2{min-height:0;} } .content-box.box-1 .box-item > img{width:100% !important;max-width:600px !important;height:300px !important;object-fit:contain !important;object-position:center center !important;} .content-box.box-1 .row.wrap-box{display:flex;flex-wrap:wrap;align-items:stretch;} .content-box.box-1 .col-1-3{display:flex;} .content-box.box-1 .wrap-col,.content-box.box-1 .box-item{width:100%;} .content-box.box-1 .box-item > img{width:100% !important;max-width:600px !important;height:300px !important;object-fit:contain !important;object-position:center center !important;margin:0 auto 12px !important;} .content-box.box-1 .box-item h2{margin:0 0 14px !important;min-height:38px !important;} .content-box.box-1 .box-item p{margin:0 !important;} @media only screen and (max-width:767px){.content-box.box-1 .row.wrap-box{display:block;}.content-box.box-1 .col-1-3{display:block;}.content-box.box-1 .box-item > img{height:250px !important;}.content-box.box-1 .box-item h2{min-height:0 !important;}} .content-box.box-1 .box-item > img{display:block !important;width:100% !important;max-width:100% !important;height:300px !important;object-fit:contain !important;object-position:center center !important;overflow:visible !important;margin:0 auto 12px !important;} .content-box.box-1 .box-item{overflow:visible !important;} .content-box.box-1 .box-item > img{height:300px!important;max-width:100%!important;object-fit:contain!important;} .content-box.box-1 .box-item{display:flex;flex-direction:column;align-items:center;} .content-box.box-1 .box-item > img{display:block!important;width:100%!important;max-width:430px!important;height:250px!important;object-fit:contain!important;object-position:center!important;margin:0 auto 12px!important;} .content-box.box-1 .box-item h2{width:100%;margin:0 0 18px!important;min-height:42px;text-align:left;} .content-box.box-1 .box-item p{width:100%;margin:0!important;} .site-footer{background:#0b2458;color:#e9eef8;font-size:15px;border-top:5px solid #0d358c;}.site-footer .footer-inner{padding:48px 28px 42px;}.site-footer .footer-grid{display:grid;grid-template-columns:1.45fr .75fr 1fr 1.15fr;gap:42px;align-items:start;}.site-footer .footer-logo{display:inline-block;background:#fff;padding:12px 16px;border-radius:4px;}.site-footer .footer-logo img{display:block;width:210px;max-width:100%;margin:0;}.site-footer .footer-tagline{font-size:16px;line-height:1.55;margin:18px 0;color:#d8e2f4;max-width:330px;}.site-footer .footer-cta{display:inline-block;background:#fff;color:#0d358c!important;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:11px 18px;border-radius:3px;}.site-footer .footer-cta:hover{background:#e7edf8;color:#08286b!important;}.site-footer .footer-column h3{color:#fff;font-size:16px;text-transform:uppercase;letter-spacing:.09em;margin:4px 0 18px;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:10px;}.site-footer .footer-column a,.site-footer .footer-column span{display:block;color:#d8e2f4!important;line-height:1.55;margin:0 0 10px;text-decoration:none;}.site-footer .footer-column a:hover{color:#fff!important;text-decoration:underline;}.site-footer .footer-column p{color:#d8e2f4;line-height:1.65;margin:0;}.site-footer .footer-bottom{background:#071a40;border-top:1px solid rgba(255,255,255,.12);}.site-footer .footer-bottom-inner{display:flex;justify-content:space-between;gap:20px;padding:17px 28px;color:#aebbd2;font-size:13px;}.site-footer .footer-bottom a{color:#fff!important;}@media(max-width:900px){.site-footer .footer-grid{grid-template-columns:1fr 1fr;}.site-footer .footer-brand{grid-column:1/-1;}}@media(max-width:600px){.site-footer .footer-grid{grid-template-columns:1fr;gap:28px;}.site-footer .footer-brand{grid-column:auto;}.site-footer .footer-bottom-inner{display:block;padding:15px 20px;}.site-footer .footer-bottom-inner span{display:block;margin:4px 0;}.site-footer .footer-inner{padding:36px 20px;}} .content-box.box-1 .col-1-3, .content-box.box-1 .wrap-col, .content-box.box-1 .box-item {overflow:hidden !important;} .content-box.box-1 .box-item > img {width:100% !important;max-width:430px !important;height:250px !important;object-fit:contain !important;object-position:center center !important;} .content-box.box-1 .box-item img[src*="feature-nationwide-delivery"] {filter: drop-shadow(8px 12px 9px rgba(0,0,0,0.20)) !important;} html, body, body *, body *::before, body *::after, input, textarea, select, button {font-family: Arial, Helvetica, sans-serif !important;} .content-box.box-1 .box-item h2, .content-box.box-1 .box-item h3 {font-family: Arial, Helvetica, sans-serif !important;font-size: 26px !important;line-height: 1.2 !important;font-weight: 700 !important;white-space: nowrap !important;letter-spacing: 0 !important;} @media (max-width: 1100px) { .content-box.box-1 .box-item h2, .content-box.box-1 .box-item h3 {font-size: 23px !important;} } @media (max-width: 768px) { .content-box.box-1 .box-item h2, .content-box.box-1 .box-item h3 {font-size: 26px !important;white-space: normal !important;} } .upper-section-heading{text-align:center;margin:0 auto 54px;padding:0 20px;} .upper-section-heading h2{margin:0!important;font-family:Arial,Helvetica,sans-serif!important;font-size:42px!important;line-height:1.1!important;font-weight:700!important;letter-spacing:1px!important;} .upper-heading-rule{display:block;width:128px;height:8px;margin:22px auto 24px;background:#d0d0d0;border-radius:8px;} .upper-section-heading p{margin:0!important;font-family:Arial,Helvetica,sans-serif!important;font-size:24px!important;line-height:1.35!important;font-weight:400!important;} @media(max-width:768px){.upper-section-heading{margin-bottom:36px;}.upper-section-heading h2{font-size:34px!important;}.upper-section-heading p{font-size:20px!important;}} .upper-section-heading {display:none !important;} .content-box.box-1 .offer-header {padding-top:24px !important;} .content-box.box-1 .header.offer-header {margin: 0 0 60px !important;padding-top: 12px !important;text-align: center !important;width: 100% !important;} .content-box.box-1 .header.offer-header .wrapper {padding: 5px !important;} .content-box.box-1 .header.offer-header h2 {font-size: 30px !important;margin: 0 !important;padding: 0 !important;line-height: .9 !important;text-transform: uppercase !important;white-space: normal !important;} .content-box.box-1 .header.offer-header .intro {font-size: 18px !important;} .content-box.box-1 .header.offer-header hr.line {margin: 15px auto !important;max-width: 80px !important;border: 0 !important;border-top: solid 6px #ccc !important;border-radius: 6px !important;} :root{--saw-blue:#0d358c;--saw-blue-dark:#071a40;--saw-text:#1f2933;--saw-muted:#5c6672;--saw-rule:#d2d6dc;} html{scroll-behavior:smooth;} body{font-family:Arial,Helvetica,sans-serif!important;color:var(--saw-text);font-size:16px;line-height:1.6;} p{line-height:1.62;} a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(13,53,140,.35);outline-offset:3px;} .header-logo{padding:22px 0 20px!important;min-height:0!important;} .header-logo img{display:block;margin:0 auto;} .content-box .wrap-box{padding-top:58px;padding-bottom:58px;} .content-box .header{margin-bottom:44px;} .content-box .header h2{font-size:30px!important;line-height:1.05!important;letter-spacing:.02em!important;} .content-box .header .intro{font-size:18px!important;line-height:1.45;color:#3f4852;} hr.line{margin:14px auto 16px!important;} .content-box.box-1 .header.offer-header{margin-bottom:42px!important;padding-top:10px!important;} .content-box.box-1 .header.offer-header h2{font-size:30px!important;line-height:1.05!important;letter-spacing:.02em!important;} .content-box.box-1 .header.offer-header .intro{font-size:18px!important;line-height:1.45!important;color:#3f4852;} .content-box.box-1 .header.offer-header hr.line{margin:14px auto 16px!important;} .content-box.box-1 .row.wrap-box{row-gap:0;} .content-box.box-1 .box-item{padding:0 16px 4px;} .content-box.box-1 .box-item > img{height:238px!important;max-width:410px!important;margin-bottom:18px!important;} .content-box.box-1 .box-item h2, .content-box.box-1 .box-item h3{font-size:25px!important;line-height:1.15!important;margin:0 0 12px!important;min-height:30px!important;} .content-box.box-1 .box-item p{font-size:16px;line-height:1.58;color:#303943;max-width:390px;margin:0 auto!important;} .content-box.box-3 .header{margin-bottom:38px;} .content-box.box-3 .zoom-container{margin-bottom:6px!important;} .content-box.box-3 .box-item{margin-bottom:12px;} .content-box.box-3 .box-item h3{font-size:21px;line-height:1.2;margin:8px 0 7px!important;} .content-box.box-3 .box-item p{font-size:15px;line-height:1.55;color:#404954;max-width:260px;margin:0 auto;} .single-page article p,.archive-page article p,.contact-page p,.products-content p{line-height:1.65;} .products-content h2{line-height:1.2;margin-top:24px;} .site-footer .footer-inner{padding-top:42px!important;padding-bottom:38px!important;} .site-footer .footer-grid{gap:36px!important;} .site-footer .footer-tagline{line-height:1.5!important;margin:16px 0!important;} .site-footer .footer-column h3{margin-bottom:14px!important;padding-bottom:8px!important;} .site-footer .footer-column a,.site-footer .footer-column span{margin-bottom:8px!important;} .site-footer .footer-cta{transition:background-color .2s ease,color .2s ease,transform .2s ease;} .site-footer .footer-cta:hover{transform:translateY(-1px);text-decoration:none;} @media(max-width:1100px){ .content-box.box-1 .box-item{padding-left:10px;padding-right:10px;} .content-box.box-1 .box-item h2,.content-box.box-1 .box-item h3{font-size:23px!important;} } @media(max-width:767px){ .content-box .wrap-box{padding-top:42px;padding-bottom:42px;} .content-box .header{margin-bottom:34px;} .content-box.box-1 .header.offer-header{padding-top:6px!important;margin-bottom:34px!important;} .content-box.box-1 .box-item{padding:0 0 34px;} .content-box.box-1 .box-item > img{height:225px!important;margin-bottom:14px!important;} .content-box.box-1 .box-item h2,.content-box.box-1 .box-item h3{font-size:25px!important;white-space:normal!important;} .content-box.box-1 .box-item p{max-width:520px;} } form input[type="submit"], form button[type="submit"], .contact-form input[type="submit"], .contact-form button[type="submit"] {color: #fff !important;} .top-bar a {color: inherit !important;text-decoration: none !important;} .top-bar a:hover, .top-bar a:focus {text-decoration: underline !important;} .caption .hero-title {font-size: 48px;line-height: 1.15;font-weight: 700;color: #fff;margin: 0;} .entry-title h1 {font-size: inherit;line-height: inherit;font-weight: inherit;margin: inherit;color: inherit;} #contact_form textarea, .contact textarea {min-height: 180px !important;height: 180px !important;} #contact_form input[type="text"], #contact_form input[type="email"], .contact input[type="text"], .contact input[type="email"] {min-height: 54px !important;} #contact_form .sendButton {color: #fff !important;} .form-status:empty {display: none;} @media (max-width: 768px) { .caption .hero-title {font-size: 34px;} #contact_form textarea, .contact textarea {min-height: 150px !important;height: 150px !important;} } .contact-page-header {text-align:center;max-width:760px;margin:0 auto 38px;padding:0 20px;} .contact-page-header h1 {font-size:30px;line-height:.95;text-transform:uppercase;margin:0;font-weight:700;} .contact-page-header hr.line {margin:15px auto;max-width:80px;border:0;border-top:6px solid #ccc;border-radius:6px;} .contact-page-header .intro {font-size:18px;line-height:1.5;color:#555;} .contact-map {margin:0 10px 44px;overflow:hidden;border-radius:4px;box-shadow:0 10px 28px rgba(0,0,0,.10);} .contact-map iframe {display:block;border:0;} .contact-layout {display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.45fr);gap:48px;padding:0 20px;align-items:start;} .contact-details {background:#f5f6f8;padding:34px;border-top:6px solid #0d358c;} .contact-details h2, .contact-form-panel h2 {margin:0 0 12px;font-size:26px;line-height:1.2;} .contact-lead, .contact-form-panel > p {margin:0 0 28px;color:#555;line-height:1.6;} .contact-detail {padding:18px 0;border-top:1px solid #d9dce2;} .contact-detail:first-of-type {border-top:0;} .contact-detail h3 {margin:0 0 6px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:#0d358c;} .contact-detail a, .contact-detail span {color:#333;line-height:1.55;text-decoration:none;} .contact-detail a:hover, .contact-detail a:focus {color:#0d358c;text-decoration:underline;} .contact-form-panel {padding:4px 0 0;} #contact_form form {margin:0;} #contact_form label {display:block;margin:0 0 18px;} #contact_form label > span {display:block;margin:0 0 7px;font-size:14px;font-weight:700;color:#333;} .contact-form-row {display:grid;grid-template-columns:1fr 1fr;gap:18px;} #contact_form input[type="text"], #contact_form input[type="email"], #contact_form textarea {width:100%;box-sizing:border-box;border:1px solid #cfd3da;background:#fff;padding:14px 15px;font:16px/1.4 Arial,Helvetica,sans-serif;color:#222;border-radius:2px;outline:none;} #contact_form input[type="text"], #contact_form input[type="email"] {min-height:50px !important;} #contact_form textarea {height:170px !important;min-height:170px !important;resize:vertical;} #contact_form input:focus, #contact_form textarea:focus {border-color:#0d358c;box-shadow:0 0 0 3px rgba(13,53,140,.10);} #contact_form .sendButton {display:inline-block;border:0;background:#0d358c;color:#fff !important;padding:14px 26px;min-height:48px;font-size:16px;font-weight:700;cursor:pointer;border-radius:2px;} #contact_form .sendButton:hover, #contact_form .sendButton:focus {background:#092866;} .form-status {margin:0 0 18px;} .form-status:empty {display:none;} .form-status span {display:block !important;font-size:18px !important;line-height:1.45 !important;margin:0 !important;padding:14px 16px;background:#f5f6f8;} @media (max-width:768px) { .contact-map {margin-bottom:34px;} .contact-map iframe {height:300px;} .contact-layout {grid-template-columns:1fr;gap:34px;padding:0 15px;} .contact-form-row {grid-template-columns:1fr;gap:0;} .contact-details {padding:26px;} } .top-bar {border-bottom: 1px solid #d7dbe2 !important;background: #fff !important;} .top-bar .wrap-top {min-height: 58px !important;} .top-bar .list-inline {display: flex !important;align-items: stretch !important;margin: 0 !important;} .top-bar .list-inline li {display: flex !important;align-items: center !important;min-height: 58px !important;padding: 0 26px !important;border-right: 1px solid #d7dbe2 !important;} .top-bar .list-inline li:first-child {border-left: 1px solid #d7dbe2 !important;} .top-bar .list-inline a, .top-bar .list-inline span {display: flex !important;align-items: center !important;gap: 12px !important;font-size: 18px !important;line-height: 1.2 !important;font-weight: 600 !important;color: #1f2937 !important;white-space: nowrap !important;} .top-bar .contact-icon {width: 19px !important;height: 19px !important;object-fit: contain !important;flex: 0 0 19px !important;} .top-bar .mail a:hover, .top-bar .phone a:hover, .top-bar .mail a:focus, .top-bar .phone a:focus {color: #0d358c !important;} @media (max-width: 900px) { .top-bar .list-inline li {padding: 0 15px !important;} .top-bar .list-inline a, .top-bar .list-inline span {font-size: 16px !important;gap: 8px !important;} } @media (max-width: 700px) { .top-bar .list-inline {flex-wrap: wrap !important;justify-content: center !important;} .top-bar .list-inline li {min-height: 44px !important;border: 0 !important;padding: 0 10px !important;} .top-bar .list-inline a, .top-bar .list-inline span {font-size: 15px !important;} } .callbacks .caption {right: auto !important;width: auto !important;max-width: 650px !important;padding: 24px 32px 25px !important;background: rgba(0,0,0,.48) !important;border-left: 5px solid #0d358c;box-sizing: border-box;} .callbacks .caption h1, .callbacks .caption .hero-title {text-shadow: 0 2px 5px rgba(0,0,0,.55);} .callbacks .caption span {display:block;color:#fff !important;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.65);} .lumber-static-caption {top:50% !important;transform:translateY(-50%);} @media (max-width:768px) { .callbacks .caption {left:4% !important;max-width:78% !important;padding:14px 18px 15px !important;border-left-width:4px;} .callbacks .caption h1,.callbacks .caption .hero-title {font-size:30px !important;margin-bottom:7px !important;} .callbacks .caption span {font-size:15px !important;} } @media (max-width:468px) { .callbacks .caption {display:block !important;left:4% !important;top:14% !important;max-width:88% !important;padding:11px 14px 12px !important;} .callbacks .caption h1,.callbacks .caption .hero-title {font-size:22px !important;} .callbacks .caption span {font-size:13px !important;} .lumber-static-caption {top:50% !important;transform:translateY(-50%);} } .callbacks .caption.lumber-static-caption {left: 8% !important;right: auto !important;top: 50% !important;bottom: auto !important;transform: translateY(-50%) !important;width: auto !important;max-width: 650px !important;padding: 24px 32px 25px !important;background: rgba(0,0,0,.48) !important;border-left: 5px solid #0d358c !important;box-sizing: border-box !important;} .callbacks .caption.lumber-static-caption .hero-title {color: #fff !important;font-size: 48px !important;line-height: 1.08 !important;font-weight: 700 !important;margin: 0 0 10px !important;text-shadow: 0 2px 5px rgba(0,0,0,.55) !important;} .callbacks .caption.lumber-static-caption span {color: #fff !important;font-size: 20px !important;line-height: 1.4 !important;font-weight: 400 !important;text-shadow: 0 1px 4px rgba(0,0,0,.65) !important;} @media (max-width:768px) { .callbacks .caption.lumber-static-caption {left:4% !important;max-width:78% !important;padding:14px 18px 15px !important;} .callbacks .caption.lumber-static-caption .hero-title {font-size:30px !important;} .callbacks .caption.lumber-static-caption span {font-size:15px !important;} } .rslides .caption.lumber-static-caption, .caption.lumber-static-caption {display: block !important;position: absolute !important;z-index: 10 !important;left: 8% !important;right: auto !important;top: 50% !important;bottom: auto !important;transform: translateY(-50%) !important;width: auto !important;max-width: 650px !important;margin: 0 !important;padding: 24px 32px 25px !important;background: rgba(0,0,0,.52) !important;border-left: 5px solid #0d358c !important;box-sizing: border-box !important;color: #fff !important;} .rslides .caption.lumber-static-caption .hero-title, .caption.lumber-static-caption .hero-title {color: #fff !important;font-family: Arial, Helvetica, sans-serif !important;font-size: 49px !important;line-height: 1.08 !important;font-weight: 700 !important;margin: 0 0 12px !important;text-shadow: 0 2px 5px rgba(0,0,0,.55) !important;} .rslides .caption.lumber-static-caption span, .caption.lumber-static-caption span {display: block !important;color: #fff !important;font-family: Arial, Helvetica, sans-serif !important;font-size: 22px !important;line-height: 1.35 !important;font-weight: 400 !important;text-shadow: 0 1px 4px rgba(0,0,0,.65) !important;} @media (max-width:768px) { .rslides .caption.lumber-static-caption, .caption.lumber-static-caption {left:4% !important;max-width:78% !important;padding:14px 18px 15px !important;border-left-width:4px !important;} .rslides .caption.lumber-static-caption .hero-title, .caption.lumber-static-caption .hero-title {font-size:30px !important;} .rslides .caption.lumber-static-caption span, .caption.lumber-static-caption span {font-size:15px !important;} } .slp-about,.slp-about *{box-sizing:border-box;} .slp-about{background:#fff;color:#20242a;} .slp-about-inner{width:calc(100% - 64px);max-width:1180px;margin:0 auto;float:none!important;position:static!important;} .slp-about-intro{padding:58px 0 38px;text-align:center;} .slp-about-intro .slp-about-inner{max-width:820px;} .slp-about-eyebrow{margin:0 0 10px;color:#0d358c;font-size:14px;line-height:1.2;font-weight:700;letter-spacing:.08em;text-transform:uppercase;} .slp-about h1{margin:0;font-size:38px;line-height:1.12;font-weight:700;} .slp-about-rule{display:block;width:84px;height:6px;margin:18px auto 20px;background:#ccc;border-radius:4px;} .slp-about-lead{max-width:760px;margin:0 auto;color:#555b63;font-size:19px;line-height:1.55;} .slp-about-photo{padding:0;} .slp-about-photo .slp-about-inner{height:500px;overflow:hidden;} .slp-about-photo img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;float:none!important;object-fit:cover;object-position:center 48%;} .slp-about-story{padding:54px 0;} .slp-about-story-grid{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:76px;align-items:start;} .slp-about-story h2{margin:0;max-width:440px;font-size:34px;line-height:1.16;font-weight:700;} .slp-about-body{padding-top:2px;} .slp-about-body p{margin:0 0 17px;color:#4a4f56;font-size:17px;line-height:1.7;} .slp-about-button{display:inline-block;margin-top:7px;padding:15px 25px;background:#0d358c;color:#fff!important;font-size:14px;font-weight:700;line-height:1;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;} .slp-about-button:hover,.slp-about-button:focus{background:#092866;} .slp-about-capabilities{padding:0 0 62px;} .slp-about-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;} .slp-about-card{padding:25px 0 0;border-top:5px solid #0d358c;} .slp-about-card h3{margin:0 0 11px;font-size:22px;line-height:1.2;} .slp-about-card p{margin:0;color:#555b63;font-size:15px;line-height:1.62;} @media(max-width:800px){ .slp-about-inner{width:calc(100% - 40px);} .slp-about-intro{padding:42px 0 30px;} .slp-about h1{font-size:32px;} .slp-about-lead{font-size:17px;} .slp-about-photo .slp-about-inner{height:360px;} .slp-about-story-grid{grid-template-columns:1fr!important;gap:24px;} .slp-about-story{padding:40px 0;} .slp-about-story h2{font-size:29px;} .slp-about-cards{grid-template-columns:1fr!important;gap:27px;} } @media(max-width:480px){ .slp-about-inner{width:calc(100% - 30px);} .slp-about-photo .slp-about-inner{height:285px;} } header, .top-bar, .wrap-top {border-top: 0 !important;} #cssmenu {border-top: 0 !important;} .products-page, .single-page, .contact-page {font-family: Arial, Helvetica, sans-serif;} .products-page *, .single-page *, .contact-page * {box-sizing: border-box;} header, .top-bar, .wrap-top, .header-logo, #cssmenu {border-top: 0 !important;} .header-logo img {display: block;margin-left: auto;margin-right: auto;} body.contact-page {padding: 0 !important;} .contact-page .contact-page-header {padding-top: 42px;} @media (max-width: 768px) { .contact-page .contact-page-header {padding-top: 32px;} } html, body {margin-top: 0;} img {max-width: 100%;} body.products-page #content, body.products-page .content-box, body.products-page .zerogrid {margin-left: auto;margin-right: auto;} body.products-page #content > .wrap-content, body.products-page .products-page-content, body.products-page .products-content {margin-left: auto;margin-right: auto;} .rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;z-index:-1;} .rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;} .rslides li:first-child {position: relative;display: block;float: left;} .rslides img {display: block;height: auto;float: left;width: 100%;border: 0;} .owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;} .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;} .owl-carousel .owl-item{float: left;} .owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;} .owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .grabbing {} .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);} .owl-theme .owl-controls{margin-top: 10px;text-align: center;} .owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;margin: 5px;padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;filter: Alpha(Opacity=50);opacity: 0.5;} .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);opacity: 1;text-decoration: none;} .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;} .owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;} .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);opacity: 1;} .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;} .owl-item.loading{min-height: 150px;} @import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700); #cssmenu {background: #ddd;margin: 0;width: auto;padding: 0;line-height: 1;display: block;position: relative;font-family: 'PT Sans', sans-serif;z-index: 9999;} #cssmenu ul {list-style: none;margin: 0;padding: 0;display: block;} #cssmenu ul:after, #cssmenu:after {content: " ";display: block;font-size: 0;height: 0;clear: both;visibility: hidden;} #cssmenu ul li {margin: 0;padding: 0;display: block;position: relative;} #cssmenu ul li a {text-decoration: none;display: block;margin: 0;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #cssmenu ul li ul {position: absolute;left: -9999px;top: auto;} #cssmenu ul li ul li {max-height: 0;position: absolute;-webkit-transition: max-height 0.4s ease-out;-moz-transition: max-height 0.4s ease-out;-ms-transition: max-height 0.4s ease-out;-o-transition: max-height 0.4s ease-out;transition: max-height 0.4s ease-out;background: #0d358c;} #cssmenu ul li ul li.has-sub:after {display: block;position: absolute;content: "";height: 10px;width: 10px;border-radius: 5px;background: #000000;z-index: 1;top: 13px;right: 15px;} #cssmenu.align-right ul li ul li.has-sub:after {right: auto;left: 15px;} #cssmenu ul li ul li.has-sub:before {display: block;position: absolute;content: "";height: 0;width: 0;border: 3px solid transparent;border-left-color: #ffffff;z-index: 2;top: 15px;right: 15px;} #cssmenu.align-right ul li ul li.has-sub:before {right: auto;left: 15px;border-left-color: transparent;border-right-color: #ffffff;} #cssmenu ul li ul li a {font-size: 14px;font-weight: 400;text-transform: none;color: #000;letter-spacing: 0;display: block;width: 170px;padding: 11px 10px 11px 20px;} #cssmenu ul li ul li:hover {background: #000;} #cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a {color: #fff;} #cssmenu ul li ul li:hover:after, #cssmenu ul li ul li.active:after {background: #000;} #cssmenu ul li ul li:hover > ul {left: 100%;top: 0;} #cssmenu ul li ul li:hover > ul > li {max-height: 72px;position: relative;} #cssmenu > ul > li {float: left;} #cssmenu.align-center > ul > li {float: none;display: inline-block;} #cssmenu.align-center > ul {text-align: center;} #cssmenu.align-center ul ul {text-align: left;} #cssmenu.align-right > ul {float: right;} #cssmenu.align-right > ul > li:hover > ul {left: auto;right: 0;} #cssmenu.align-right ul ul li:hover > ul {right: 100%;left: auto;} #cssmenu.align-right ul ul li a {text-align: right;} #cssmenu > ul > li:after {content: "";display: block;position: absolute;width: 100%;height: 0;top: 0;z-index: 0;background: #000;-webkit-transition: height .2s;-moz-transition: height .2s;-ms-transition: height .2s;-o-transition: height .2s;transition: height .2s;} #cssmenu > ul > li.has-sub > a {padding-right: 40px;} #cssmenu > ul > li.has-sub > a:after {display: block;content: "";background: #ffffff;height: 12px;width: 12px;position: absolute;border-radius: 13px;right: 14px;top: 16px;} #cssmenu > ul > li.has-sub > a:before {display: block;content: "";border: 4px solid transparent;border-top-color: #000;z-index: 2;height: 0;width: 0;position: absolute;right: 16px;top: 21px;} #cssmenu > ul > li > a {color: #000;padding: 15px 20px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;font-size: 14px;z-index: 2;position: relative;} #cssmenu > ul > li:hover:after, #cssmenu > ul > li.active:after {height: 100%;} #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {color: #fff;} #cssmenu > ul > li:hover > a:after, #cssmenu > ul > li.active > a:after {background: #000000;} #cssmenu > ul > li:hover > a:before, #cssmenu > ul > li.active > a:before {border-top-color: #ffffff;} #cssmenu > ul > li:hover > ul {left: 0;} #cssmenu > ul > li:hover > ul > li {max-height: 72px;position: relative;} #cssmenu #menu-button {display: none;} #cssmenu > ul > li > a {display: block;} #cssmenu > ul > li {width: auto;} #cssmenu > ul > li > ul {width: 170px;display: block;} #cssmenu > ul > li > ul > li {width: 170px;display: block;} @media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #cssmenu > ul {max-height: 0;overflow: hidden;-webkit-transition: max-height 0.35s ease-out;-moz-transition: max-height 0.35s ease-out;-ms-transition: max-height 0.35s ease-out;-o-transition: max-height 0.35s ease-out;transition: max-height 0.35s ease-out;} #cssmenu > ul > li > ul {width: 100%;display: block;} #cssmenu.align-right ul li a {text-align: left;} #cssmenu > ul > li > ul > li {width: 100%;display: block;} #cssmenu.align-right ul ul li a {text-align: left;} #cssmenu > ul > li > ul > li > a {width: 100%;display: block;} #cssmenu ul li ul li a {width: 100%;} #cssmenu.align-center > ul {text-align: left;} #cssmenu.align-center > ul > li {display: block;} #cssmenu > ul.open {max-height: 1000px;border-top: 1px solid rgba(110, 110, 110, 0.25);} #cssmenu ul {width: 100%;} #cssmenu ul > li {float: none;width: 100%;} #cssmenu ul li a {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 12px 20px;} #cssmenu ul > li:after {display: none;} #cssmenu ul li.has-sub > a:after, #cssmenu ul li.has-sub > a:before, #cssmenu ul li ul li.has-sub:after, #cssmenu ul li ul li.has-sub:before {display: none;} #cssmenu ul li ul, #cssmenu ul li ul li ul, #cssmenu ul li ul li:hover > ul, #cssmenu.align-right ul li ul, #cssmenu.align-right ul li ul li ul, #cssmenu.align-right ul li ul li:hover > ul {left: 0;position: relative;right: auto;} #cssmenu ul li ul li, #cssmenu ul li:hover > ul > li {max-height: 999px;position: relative;background: none;} #cssmenu ul li ul li a {padding: 8px 20px 8px 35px;color: #444;} #cssmenu ul li ul ul li a {padding: 8px 20px 8px 50px;} #cssmenu ul li ul li:hover > a {color: #000000;} #cssmenu #menu-button {display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 15px 20px;text-transform: uppercase;font-weight: 700;font-size: 14px;letter-spacing: 1px;color: #000;cursor: pointer;} #cssmenu #menu-button:after {display: block;content: '';position: absolute;height: 3px;width: 22px;border-top: 2px solid #000;border-bottom: 2px solid #000;right: 20px;top: 16px;} #cssmenu #menu-button:before {display: block;content: '';position: absolute;height: 3px;width: 22px;border-top: 2px solid #000;right: 20px;top: 26px;} #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {color: #222;} } #menu, .menu, nav, #cssmenu, #cssmenu > ul {background:#0d358c !important;} #cssmenu > ul > li > a {color:#fff !important;background:#0d358c !important;} #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a, #cssmenu > ul > li.current > a {background:#082663 !important;color:#fff !important;} #menu, .menu, nav, header nav, #cssmenu {background:#0d358c !important;} #menu ul, .menu ul, #cssmenu > ul {background:#0d358c !important;} #menu a, .menu a, #cssmenu a {color:#fff !important;} #menu li:hover > a, .menu li:hover > a, #cssmenu li:hover > a, #menu .active > a, .menu .active > a, #cssmenu .active > a {background:#08245f !important;color:#fff !important;} /* Sawtooth Lumber Products production foundation */ *,*::before,*::after{box-sizing:border-box} html,body{margin:0;padding:0;width:100%} body{font-family:Arial,Helvetica,sans-serif} img{max-width:100%;height:auto} .wrap-body{width:100%;margin:0 auto} .zerogrid{width:100%;max-width:1200px;margin-left:auto;margin-right:auto} .row{width:100%} .row::before,.row::after{content:"";display:table}.row::after{clear:both} .col-1-3,.col-2-3{float:left}.col-1-3{width:33.333333%}.col-2-3{width:66.666667%} .header-logo img{display:block;margin-left:auto;margin-right:auto} body.contact-page{padding:0!important} body.products-page #content,body.products-page .content-box,body.products-page .zerogrid{margin-left:auto;margin-right:auto} @media(max-width:768px){.col-1-3,.col-2-3{float:none;width:100%}.zerogrid{padding-left:16px;padding-right:16px}} /* 2026-10-05 — WHY SAWTOOTH icon artwork: show complete image, never crop */ .why-sawtooth img, .why-sawtooth-item img, .why-item img, .content-box.box-2 img { object-fit: contain !important; object-position: center center !important; width: 100% !important; height: 220px !important; max-width: 100% !important; display: block !important; margin-left: auto !important; margin-right: auto !important; } @media (max-width: 768px) { .why-sawtooth img, .why-sawtooth-item img, .why-item img, .content-box.box-2 img { height: 190px !important; } } /* WHY SAWTOOTH hard reset — independent of all legacy zoom-container rules */ .content-box.box-3 .why-icon-frame { width: 100% !important; height: 235px !important; min-height: 235px !important; margin: 0 auto 2px !important; padding: 0 !important; overflow: visible !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #fff !important; } .content-box.box-3 .why-icon-frame > img { display: block !important; width: 100% !important; max-width: 360px !important; height: auto !important; max-height: 235px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; object-position: center center !important; transform: none !important; clip: auto !important; clip-path: none !important; } .content-box.box-3 .box-item:hover .why-icon-frame > img { transform: none !important; } @media (max-width: 767px) { .content-box.box-3 .why-icon-frame { height: 220px !important; min-height: 220px !important; } .content-box.box-3 .why-icon-frame > img { max-width: 340px !important; max-height: 220px !important; } } /* WHY SAWTOOTH v3 — rebuilt component; intentionally independent of legacy grid/zoom styles */ .why-grid-v3{ width:min(100%,1600px); margin:0 auto; padding:0 24px 30px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; align-items:start; } .why-card-v3{ min-width:0; margin:0; padding:0; text-align:center; overflow:visible; } .why-card-v3 .why-art-v3{ width:100%; height:240px; margin:0 auto 10px; padding:0; display:flex; align-items:center; justify-content:center; overflow:visible; } .why-card-v3 .why-art-v3 img{ all:unset; box-sizing:border-box; display:block; width:auto; height:auto; max-width:100%; max-height:240px; margin:auto; } .why-card-v3 h3{ margin:0 0 16px; font-family:Arial,Helvetica,sans-serif; font-size:32px; line-height:1.15; font-weight:400; } .why-card-v3:first-child h3{color:#0d358c} .why-card-v3 p{ margin:0 auto; max-width:390px; font-family:Arial,Helvetica,sans-serif; font-size:22px; line-height:1.45; color:#444b55; } @media(max-width:900px){ .why-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:560px){ .why-grid-v3{grid-template-columns:1fr;padding-left:16px;padding-right:16px} .why-card-v3 .why-art-v3{height:220px} .why-card-v3 .why-art-v3 img{max-height:220px} } /* WHY SAWTOOTH screenshot correction — real top breathing room */ .why-grid-v3 { padding-top: 55px !important; } .why-card-v3 .why-art-v3 { height: 285px !important; min-height: 285px !important; padding: 45px 12px 0 !important; overflow: visible !important; align-items: flex-end !important; } .why-card-v3 .why-art-v3 img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 225px !important; object-fit: contain !important; object-position: center bottom !important; } @media(max-width:560px){ .why-grid-v3 { padding-top: 35px !important; } .why-card-v3 .why-art-v3 { height: 260px !important; min-height: 260px !important; padding-top: 35px !important; } .why-card-v3 .why-art-v3 img { max-height: 210px !important; } } /* WHY SAWTOOTH v5 — one complete image, no per-icon containers */ .why-v5{width:100%;padding:40px 0 0;margin:0;overflow:visible!important} .why-v5-icons{ all:unset!important;display:block!important;box-sizing:border-box!important; width:100%!important;height:auto!important;max-width:none!important;max-height:none!important; margin:0!important;padding:0!important;clip:auto!important;clip-path:none!important;transform:none!important } .why-v5-copy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;width:100%;margin:0} .why-v5-copy article{text-align:center;min-width:0} .why-v5-copy h3{margin:0 0 12px;font:400 32px/1.15 Arial,Helvetica,sans-serif} .why-v5-copy article:first-child h3{color:#0d358c} .why-v5-copy p{max-width:330px;margin:0 auto;color:#404954;font:400 20px/1.45 Arial,Helvetica,sans-serif} @media(max-width:900px){.why-v5-icons{display:none!important}.why-v5-copy{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.why-v5-copy{grid-template-columns:1fr}} /* FINAL WHY SAWTOOTH COMPONENT — regenerated complete source artwork */ .why-final-grid{ width:100%;margin:0 auto;padding:42px 20px 30px; display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:start; } .why-final-card{min-width:0;text-align:center;margin:0;padding:0;overflow:visible!important} .why-final-art{ width:100%;height:250px;margin:0 auto 8px;padding:0; display:flex;align-items:center;justify-content:center;overflow:visible!important; } .why-final-art img{ all:unset!important;box-sizing:border-box!important;display:block!important; width:auto!important;height:auto!important;max-width:100%!important;max-height:250px!important; margin:auto!important;clip:auto!important;clip-path:none!important;transform:none!important; } .why-final-card h3{margin:0 0 12px;font:400 32px/1.15 Arial,Helvetica,sans-serif;color:#202020} .why-final-card:first-child h3{color:#0d358c} .why-final-card p{max-width:350px;margin:0 auto;color:#404954;font:400 20px/1.45 Arial,Helvetica,sans-serif} @media(max-width:900px){.why-final-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.why-final-grid{grid-template-columns:1fr;padding-left:16px;padding-right:16px}} /* Shared interior page header casing */ .slp-about-intro,.slp-about-intro *{text-transform:none!important} /* Exact About-header component rules, self-contained on every interior page */ .slp-about-intro { padding: 58px 0 38px !important; text-align: center !important; } .slp-about-intro .slp-about-inner { width: calc(100% - 64px) !important; max-width: 820px !important; margin: 0 auto !important; float: none !important; position: static !important; } .slp-about-intro .slp-about-eyebrow { margin: 0 0 10px !important; color: #0d358c !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: none !important; } .slp-about-intro h1 { margin: 0 !important; font-size: 38px !important; line-height: 1.12 !important; font-weight: 700 !important; text-transform: none !important; } .slp-about-intro .slp-about-rule { display: block !important; width: 84px !important; height: 6px !important; margin: 18px auto 20px !important; background: #ccc !important; border-radius: 4px !important; } .slp-about-intro .slp-about-lead { max-width: 760px !important; margin: 0 auto !important; color: #555b63 !important; font-size: 19px !important; line-height: 1.55 !important; } @media (max-width: 800px) { .slp-about-intro { padding: 42px 0 30px !important; } .slp-about-intro .slp-about-inner { width: calc(100% - 40px) !important; } .slp-about-intro h1 { font-size: 32px !important; } .slp-about-intro .slp-about-lead { font-size: 17px !important; } } @media (max-width: 480px) { .slp-about-intro .slp-about-inner { width: calc(100% - 30px) !important; } } /* Homepage heading casing — match site-wide Title Case */ .feature-section-intro h2, .why-section-intro h2, .content-box h2 { text-transform: none !important; } /* Service + Delivery correction; all four WHY cards normalized */ .why-final-grid .why-final-card { overflow: hidden !important; padding-bottom: 12px !important; border-bottom: 1px solid #d9d9d9 !important; } .why-final-grid .why-final-art { width: 100% !important; height: 250px !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; } .why-final-grid .why-final-art img { display: block !important; width: auto !important; height: auto !important; max-width: 88% !important; max-height: 220px !important; margin: auto !important; object-fit: contain !important; transform: none !important; } /* Final homepage section-heading casing */ .feature-section-intro h2, .feature-section-intro h2 *, .feature-section-intro .section-title { text-transform: none !important; } /* Final WHY icon visual-size normalization */ .why-final-grid .why-final-art img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 230px !important; } /* Products page: tighten header-to-content/image spacing only */ body.products-page .slp-about-intro { padding-bottom: 18px !important; } body.products-page .products-main > #container, body.products-page #container { padding-top: 0 !important; margin-top: 0 !important; } body.products-page #main-content, body.products-page .products-content { padding-top: 0 !important; margin-top: 0 !important; } /* HARD FIX: actual What We Offer heading must render in Title Case */ body .feature-section-intro h1, body .feature-section-intro h2, body .feature-section-intro h3, body .feature-section-intro [class*="title"] { text-transform: none !important; } .header-logo img { margin-top: 0 !important; } /* FINAL top contact spacing — preserve layout, add only a little breathing room */ @media (min-width: 901px) { .top-bar .list-inline li { box-sizing: border-box !important; padding-left: 30px !important; padding-right: 30px !important; } } /* Preserve the existing logo block spacing and add 10px above the logo */ .header-logo { padding: 32px 0 20px !important; } /* FINAL top-bar vertical spacing: move contact text/icons down away from the horizontal divider above */ @media (min-width: 901px) { .top-bar .list-inline a, .top-bar .list-inline span { transform: translateY(6px) !important; } } /* Contact page: match canonical interior-page header-to-content spacing */ body.contact-page .slp-about-intro { padding-bottom: 18px !important; } body.contact-page #container, body.contact-page #content, body.contact-page .contact-content, body.contact-page .contact-page-content { margin-top: 0 !important; padding-top: 0 !important; } /* FINAL CANONICAL HEADING SYSTEM — About is the reference */ .slp-about-intro { padding: 42px 0 32px !important; margin: 0 !important; text-align: center !important; } .slp-about-intro .slp-about-inner { width: calc(100% - 64px) !important; max-width: 820px !important; margin: 0 auto !important; padding: 0 !important; } .slp-about-intro .slp-about-eyebrow { margin: 0 0 10px !important; color: #0d358c !important; font: 700 14px/1.2 Arial, Helvetica, sans-serif !important; letter-spacing: .08em !important; text-transform: none !important; } .slp-about-intro h1, .content-box .header h2 { margin: 0 !important; padding: 0 !important; color: #202020 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 38px !important; line-height: 1.12 !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; } .slp-about-intro .slp-about-rule, .content-box .header hr.line { display: block !important; width: 84px !important; height: 6px !important; margin: 18px auto 20px !important; padding: 0 !important; border: 0 !important; border-radius: 4px !important; background: #ccc !important; } .slp-about-intro .slp-about-lead, .content-box .header .intro { max-width: 760px !important; margin: 0 auto !important; padding: 0 !important; color: #555b63 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 19px !important; line-height: 1.55 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; } .content-box .header { margin: 0 auto !important; padding: 42px 0 32px !important; text-align: center !important; } .content-box .header .wrapper { width: calc(100% - 64px) !important; max-width: 820px !important; margin: 0 auto !important; padding: 0 !important; } /* Interior pages: same header block and same gap before first visual/content */ body.about-page .slp-about-intro, body.products-page .slp-about-intro, body.contact-page .slp-about-intro { padding-bottom: 32px !important; } body.about-page .slp-about-intro + *, body.products-page .slp-about-intro + *, body.contact-page .slp-about-intro + * { margin-top: 0 !important; padding-top: 0 !important; } @media (max-width: 800px) { .slp-about-intro, .content-box .header { padding: 34px 0 26px !important; } .slp-about-intro .slp-about-inner, .content-box .header .wrapper { width: calc(100% - 40px) !important; } .slp-about-intro h1, .content-box .header h2 { font-size: 32px !important; } .slp-about-intro .slp-about-lead, .content-box .header .intro { font-size: 17px !important; } } /* Contact-only final spacing trim: 15px less space below the shared header */ body.contact-page .slp-about-intro { padding-bottom: 17px !important; } /* What We Offer and Why Sawtooth now intentionally share the exact same header system */ .content-box .offer-header, .content-box .header.offer-header { padding: 42px 0 32px !important; margin: 0 auto !important; } /* CONTACT HEADER REAL FIX: remove the legacy 40px #main-content offset that exists only on Contact */ body.contact-page #main-content.contact-page { margin-top: 0 !important; padding-top: 0 !important; } /* Use the same shared header spacing as About/Products; no contact-only trim hack. */ body.contact-page #main-content.contact-page > .slp-about-intro { padding-top: 42px !important; padding-bottom: 32px !important; } /* WHAT WE OFFER GRID REPAIR offer-header is layout-only; typography still comes from the shared .content-box .header rules. */ .content-box.box-1 .row.wrap-box > .offer-header { display: block !important; float: none !important; clear: both !important; width: 100% !important; max-width: none !important; box-sizing: border-box !important; } .content-box.box-1 .row.wrap-box > .offer-header + .col-1-3 { clear: left !important; } .content-box.box-1 .col-1-3 { float: left !important; width: 33.333333% !important; box-sizing: border-box !important; } .content-box.box-1 .col-1-3 .wrap-col { margin: 0 15px !important; } .content-box.box-1 .row.wrap-box::after { content: "" !important; display: table !important; clear: both !important; } @media (max-width: 768px) { .content-box.box-1 .col-1-3 { float: none !important; width: 100% !important; } } /* Sister-company cross-link */ .slp-sister-company{padding:0 0 62px;} .slp-sister-company-inner{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:76px;align-items:start;padding-top:32px;border-top:5px solid #0d358c;} .slp-sister-company h2{margin:0;max-width:440px;font-size:34px;line-height:1.16;font-weight:700;} @media(max-width:767px){.slp-sister-company{padding-bottom:46px}.slp-sister-company-inner{grid-template-columns:1fr!important;gap:24px}.slp-sister-company h2{font-size:29px}}