@charset "UTF-8"; .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 .hidden-fields-container { display: none; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; } #mfcf7_zl_multifilecontainer span.wpcf7-form-control-wrap { padding: 6px 0px; } #mfcf7_zl_multifilecontainer .wpcf7-form-control-wrap a i { font-size: 15px; margin: 0px 5px; } /*#mfcf7_zl_add_file { background-color: #004834; color: #fff; padding: 12px 20px; border: 1px solid #eaeaea; border-radius: 4px; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; margin-right: 10px; border-color: #004834; } #mfcf7_zl_add_file:hover { background-color: #000; }*/ a.mfcf7_zl_delete_file { box-shadow: none !important; } a#mfcf7_zl_add_file { box-shadow: none !important; } div#mfcf7_zl_multifilecontainer p { margin-bottom: 10px; } div#mfcf7_zl_multifilecontainer { margin-top: 15px; } .zl-form-control-wrap input, .zl-form-control-wrap .mfcf7_zl_delete_file { display: none !important; }.tos-caption>div,.tos-slide,.tos-slide>*{box-sizing:border-box}.tos-slide,.tos-slider,.tos-wrapper{width:100%;height:100%}.tos-noanimation{-webkit-transition-property:none!important;transition-property:none!important}.tos-fastanimation{-webkit-transition-duration:.2s!important;transition-duration:.2s!important;-webkit-transition-timing-function:ease-out!important;transition-timing-function:ease-out!important}.tos-wrapper{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;display:none;padding:0;margin:0;overflow:hidden}.tos-wrapper.tos-opened{display:block}.tos-slide,.tos-slide:before,.tos-slide>*{display:inline-block}.tos-wrapper.tos-opening{opacity:1}.tos-wrapper.tos-fixed{background-color:#000;position:fixed;top:0;left:0;z-index:9000}.tos-slider,.tos-wrapper.tos-inline{position:relative}.tos-slider{white-space:nowrap;padding:0;margin:0}.tos-uibg,.tos-wrapper.tos-fx-slide.tos-fixed .tos-slider{position:absolute}.tos-wrapper.tos-fx-slide .tos-slider{left:0;-webkit-transition:left .4s ease;transition:left .4s ease}.tos-wrapper.tos-fx-fade .tos-slider{opacity:1;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.tos-uibg{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;width:100%;left:0;bottom:0;z-index:1}.tos-fill .tos-uibg{background:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.tos-desktop .tos-wrapper:hover .tos-uibg,.tos-touch .tos-wrapper.tos-hover .tos-uibg{opacity:1}.tos-slide{-webkit-overflow-scrolling:touch;line-height:1px;text-align:center;overflow:hidden;position:relative}.tos-slide:before{content:"";height:50%;width:1px;margin-right:-1px}.tos-slide.tos-loading>*{opacity:0}.tos-slide>*{opacity:1;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;vertical-align:middle;max-height:100%;max-width:100%}.tos-slide.tos-html>div{-webkit-overflow-scrolling:touch;white-space:normal;text-align:left;line-height:1.5}.tos-slide.tos-html>div *{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}.tos-wrapper.tos-fill .tos-slide.tos-image>img{max-height:none;max-width:none;min-height:100%;min-width:100%}.tos-wrapper.tos-fixed .tos-slide.tos-html>div{background-color:#fff;color:#333;box-sizing:border-box;display:inline-block;padding:40px;overflow:auto}.tos-desktop .tos-wrapper.tos-fixed{background-color:rgba(0,0,0,.85)}.tos-desktop .tos-wrapper.tos-fixed.tos-fit .tos-slide{padding:20px}.tos-close,.tos-next{right:20px}.tos-close,.tos-next,.tos-prev{background:#000;border-radius:3px;opacity:0;display:block;width:40px;position:absolute;z-index:1;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.tos-next,.tos-prev{height:80px;margin-top:-40px;top:50%}.tos-next.tos-disabled,.tos-prev.tos-disabled{cursor:default}.tos-prev{left:20px}.tos-close{height:40px;top:20px}.tos-desktop .tos-wrapper:hover .tos-close,.tos-desktop .tos-wrapper:hover .tos-next,.tos-desktop .tos-wrapper:hover .tos-prev,.tos-touch .tos-wrapper.tos-hover .tos-close,.tos-touch .tos-wrapper.tos-hover .tos-next,.tos-touch .tos-wrapper.tos-hover .tos-prev{opacity:.5}.tos-desktop .tos-wrapper:hover .tos-close:hover,.tos-desktop .tos-wrapper:hover .tos-next:hover,.tos-desktop .tos-wrapper:hover .tos-prev:hover,.tos-touch .tos-wrapper.tos-hover .tos-close:hover,.tos-touch .tos-wrapper.tos-hover .tos-next:hover,.tos-touch .tos-wrapper.tos-hover .tos-prev:hover{opacity:.9}.tos-desktop .tos-wrapper:hover .tos-close.tos-disabled,.tos-desktop .tos-wrapper:hover .tos-next.tos-disabled,.tos-desktop .tos-wrapper:hover .tos-prev.tos-disabled,.tos-touch .tos-wrapper.tos-hover .tos-close.tos-disabled,.tos-touch .tos-wrapper.tos-hover .tos-next.tos-disabled,.tos-touch .tos-wrapper.tos-hover .tos-prev.tos-disabled{opacity:.2}.tos-close span:after,.tos-close span:before,.tos-next span,.tos-prev span{content:'';display:block;width:12px;height:12px;margin:-5px;position:absolute;top:50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.tos-close span:after,.tos-close span:before{width:6px;height:6px;margin-top:-4px;margin-left:0;margin-right:0}.tos-close span:before,.tos-prev span{border-bottom:3px solid #fff;border-left:3px solid #fff;left:50%}.tos-close span:after,.tos-next span{border-top:3px solid #fff;border-right:3px solid #fff;right:50%}.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-close .tos-slide,.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-next .tos-slide,.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-prev .tos-slide{padding-left:80px;padding-right:80px}.tos-inline{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;display:inline-block;margin:0;position:relative;top:auto;left:auto;right:auto}.tos-caption,.tos-pagination{text-align:center;-webkit-transition:opacity .4s ease;width:100%;bottom:0;left:0;z-index:1;position:absolute}.tos-inline.tos-prev{margin-right:-60px}.tos-inline.tos-next{margin-left:-60px}.tos-loading .tos-inline{opacity:0!important}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-close,.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-next,.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-prev{-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-close,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-next,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-prev{-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-prev,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-prev{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-next,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-next{-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-close,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-close{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.tos-caption{color:#fff;opacity:0;transition:opacity .4s ease}.tos-caption:after{content:'';display:block;clear:both}.tos-caption>div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;padding:0 20px;float:left}.tos-caption>div:last-child{float:right;margin-right:-2px}.tos-desktop .tos-wrapper:hover .tos-caption,.tos-touch .tos-wrapper.tos-hover .tos-caption{opacity:1}.tos-wrapper .tos-caption{line-height:20px;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.8);height:40px}.tos-wrapper.tos-has-caption .tos-uibg{height:100px}.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-caption .tos-slide{padding-bottom:60px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-caption{line-height:40px;font-size:30px;text-shadow:0 2px 4px rgba(0,0,0,.8);height:80px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-caption .tos-uibg{height:200px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-caption{line-height:60px;font-size:45px;text-shadow:0 3px 6px rgba(0,0,0,.8);height:120px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-caption .tos-uibg{height:300px}.tos-wrapper.tos-fx-slide .tos-slider{-webkit-transition-property:left,margin;transition-property:left,margin}.tos-pagination{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;opacity:0;transition:opacity .4s ease}.tos-pagination a{display:inline-block}.tos-pagination.tos-bullets a{background-color:rgba(255,255,255,.2)}.tos-pagination.tos-bullets a:hover{background-color:rgba(255,255,255,.5)}.tos-pagination.tos-bullets a.tos-selected{background-color:rgba(255,255,255,.9)}.tos-desktop .tos-wrapper:hover .tos-pagination,.tos-touch .tos-wrapper.tos-hover .tos-pagination{opacity:1}.tos-wrapper .tos-pagination:after,.tos-wrapper .tos-pagination:before{content:'';display:inline-block;width:20px;height:10px}.tos-wrapper.tos-has-bullets .tos-pagination{height:30px}.tos-wrapper.tos-has-bullets .tos-pagination a{border-radius:10px;width:10px;height:10px;margin:0 5px}.tos-wrapper.tos-has-bullets .tos-caption{bottom:30px}.tos-wrapper.tos-has-bullets .tos-uibg{height:90px}.tos-wrapper.tos-has-bullets.tos-has-caption .tos-uibg{height:130px}.tos-wrapper.tos-has-thumbnails .tos-pagination{height:70px}.tos-wrapper.tos-has-thumbnails .tos-pagination a{background-position:center center;background-size:cover;width:50px;height:50px;margin:0 5px}.tos-wrapper.tos-has-thumbnails .tos-caption{bottom:70px}.tos-wrapper.tos-has-thumbnails .tos-uibg{height:130px}.tos-wrapper.tos-has-thumbnails.tos-has-caption .tos-uibg{height:170px}.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-bullets .tos-slide{padding-bottom:50px}.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-bullets.tos-has-caption .tos-slide{padding-bottom:80px}.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-thumbnails .tos-slide{padding-bottom:90px}.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-thumbnails.tos-has-caption .tos-slide{padding-bottom:120px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-pagination:after,.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-pagination:before{content:'';display:inline-block;width:40px;height:20px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination{height:60px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination a{border-radius:20px;width:20px;height:20px;margin:0 10px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-caption{bottom:60px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-uibg{height:180px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets.tos-has-caption .tos-uibg{height:260px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination{height:140px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination a{background-position:center center;background-size:cover;width:100px;height:100px;margin:0 10px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-caption{bottom:140px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-uibg{height:260px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails.tos-has-caption .tos-uibg{height:340px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-pagination:after,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-pagination:before{content:'';display:inline-block;width:60px;height:30px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination{height:90px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination a{border-radius:30px;width:30px;height:30px;margin:0 15px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-caption{bottom:90px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-uibg{height:270px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets.tos-has-caption .tos-uibg{height:390px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination{height:210px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination a{background-position:center center;background-size:cover;width:150px;height:150px;margin:0 15px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-caption{bottom:210px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-uibg{height:390px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails.tos-has-caption .tos-uibg{height:510px}.tos-slide .tos-html{-webkit-overflow-scrolling:touch}.tos-play,.tos-play:after{display:block;position:absolute;top:50%;left:50%}.tos-play{background:#000;opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.tos-play:after{content:''}.tos-desktop .tos-wrapper:hover .tos-play,.tos-touch .tos-wrapper.tos-hover .tos-play{opacity:.5}.tos-desktop .tos-wrapper:hover .tos-play:hover,.tos-touch .tos-wrapper.tos-hover .tos-play:hover{opacity:.9}.tos-wrapper .tos-play{border-radius:80px;width:80px;height:80px;margin:-40px}.tos-wrapper .tos-play:after{border:20px solid transparent;border-left-color:#fff;border-left-width:30px;margin-top:-20px;margin-left:-10.5px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-play{border-radius:160px;width:160px;height:160px;margin:-80px}.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-play:after{border:40px solid transparent;border-left-color:#fff;border-left-width:60px;margin-top:-40px;margin-left:-21px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-play{border-radius:240px;width:240px;height:240px;margin:-120px}.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-play:after{border:60px solid transparent;border-left-color:#fff;border-left-width:90px;margin-top:-60px;margin-left:-31.5px}@font-face { font-family: 'vp-close-icon'; src: url(//www.actionscaffoldservices.com/wp-content/plugins/video-popup/css/vp-close-icon/fonts/vp-close-icon-font.eot?lv4qfq); src: url(//www.actionscaffoldservices.com/wp-content/plugins/video-popup/css/vp-close-icon/fonts/vp-close-icon-font.eot?lv4qfq#iefix) format('embedded-opentype'), url(//www.actionscaffoldservices.com/wp-content/plugins/video-popup/css/vp-close-icon/fonts/vp-close-icon-font.ttf?lv4qfq) format('truetype'), url(//www.actionscaffoldservices.com/wp-content/plugins/video-popup/css/vp-close-icon/fonts/vp-close-icon-font.woff?lv4qfq) format('woff'), url(//www.actionscaffoldservices.com/wp-content/plugins/video-popup/css/vp-close-icon/fonts/vp-close-icon-font.svg?lv4qfq#icomoon) format('svg'); font-weight: normal; font-style: normal; } .vp-close-button{ font-family: 'vp-close-icon' !important; speak: none !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .vp-close-button:before{ content: "\61"; } /* Name: YouTubePopUp | Style Description: jQuery plugin to display YouTube, Vimeo, and MP4 video in a pop-up. Responsive, retina ready, and easy to use. Version: 1.1.2 Written By: Alobaidi Live Demo: https://wp-plugins.in/VP-Live-Demos Copyright 2020 Alobaidi (email: wp-plugins@outlook.com) */ .YouTubePopUp-Wrap{ position:fixed; width:100%; height:100%; background-color:#000; background-color:rgba(0,0,0,0.8); top:0; left:0; z-index:2147483647; } .Video-PopUp-Content{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; justify-content: center; -webkit-justify-content:center; width:100%; height:100%; } .vp-flex{ max-width:800px; width:100%; height:450px; max-height:90%; margin:0 40px; position:relative; background-color:#000; } .vp-flex iframe, .vp-flex video{ width:100%; height:100%; max-width:100% !important; max-height:100%; min-width:100%; min-height:100%; margin: 0 !important; padding: 0 !important; outline: none !important; display:block; border:5px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.3); background-color:#000; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .YouTubePopUp-Close{ position:absolute; top:0px; cursor:pointer; left:-36px; margin:auto 0; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; } .YouTubePopUp-Close:before{ font-family: 'vp-close-icon' !important; speak: none !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; content: "\61"; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9); font-size:26px; color:#fff; } .YouTubePopUp-Close:hover{ opacity:0.5; } .vp-flex.vp-flex-no-border iframe, .vp-flex.vp-flex-no-border video{ padding:0 !important; border: 0 !important; border-radius: 0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; } .vp-flex-no-border.vp-vt-locally, .vp-flex-no-border.vp-vt-vimeo{ box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } /* Tablet & Mobile Style */ @media all and (max-width: 782px){ .vp-flex, .Video-PopUp-Content .vp-flex{ max-width:480px !important; height:270px !important; } } @media all and (max-width: 320px){ .vp-flex, .Video-PopUp-Content .vp-flex{ max-width:240px !important; height:140px !important; } }/* Open Sans Copyright 2020 The Open Sans Project Authors (https://github.com/googlefonts/opensans) SIL Open Font License, Version 1.1 (https://opensource.org/licenses/OFL-1.1) */ /* open-sans-cyrillic-ext-400-italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-display: fallback; font-weight: 400; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-cyrillic-ext-400-italic.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-400-italic.woff?ver=34) format('woff'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* open-sans-cyrillic-400-italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-display: fallback; font-weight: 400; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-cyrillic-400-italic.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-400-italic.woff?ver=34) format('woff'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* open-sans-greek-ext-400-italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-display: fallback; font-weight: 400; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-greek-ext-400-italic.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-400-italic.woff?ver=34) format('woff'); unicode-range: U+1F00-1FFF; } /* open-sans-greek-400-italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-display: fallback; font-weight: 400; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-greek-400-italic.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-400-italic.woff?ver=34) format('woff'); unicode-range: U+0370-03FF; } /* open-sans-hebrew-400-italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-display: fallback; font-weight: 400; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-hebrew-400-italic.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-400-italic.woff?ver=34) format('woff'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* open-sans-vietnamese-400-italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-display: fallback; font-weight: 400; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-vietnamese-400-italic.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-400-italic.woff?ver=34) format('woff'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* open-sans-latin-ext-400-italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-display: fallback; font-weight: 400; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-latin-ext-400-italic.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-400-italic.woff?ver=34) format('woff'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* open-sans-latin-400-italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-display: fallback; font-weight: 400; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-latin-400-italic.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-400-italic.woff?ver=34) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* open-sans-cyrillic-ext-400-normal */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: 400; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-cyrillic-ext-400-normal.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-400-normal.woff?ver=34) format('woff'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* open-sans-cyrillic-400-normal */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: 400; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-cyrillic-400-normal.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-400-normal.woff?ver=34) format('woff'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* open-sans-greek-ext-400-normal */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: 400; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-greek-ext-400-normal.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-400-normal.woff?ver=34) format('woff'); unicode-range: U+1F00-1FFF; } /* open-sans-greek-400-normal */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: 400; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-greek-400-normal.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-400-normal.woff?ver=34) format('woff'); unicode-range: U+0370-03FF; } /* open-sans-hebrew-400-normal */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: 400; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-hebrew-400-normal.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-400-normal.woff?ver=34) format('woff'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* open-sans-vietnamese-400-normal */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: 400; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-vietnamese-400-normal.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-400-normal.woff?ver=34) format('woff'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* open-sans-latin-ext-400-normal */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: 400; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-latin-ext-400-normal.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-400-normal.woff?ver=34) format('woff'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* open-sans-latin-400-normal */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: 400; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-latin-400-normal.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-400-normal.woff?ver=34) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* open-sans-cyrillic-ext-700-italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-display: fallback; font-weight: 700; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-cyrillic-ext-700-italic.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-700-italic.woff?ver=34) format('woff'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* open-sans-cyrillic-700-italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-display: fallback; font-weight: 700; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-cyrillic-700-italic.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-700-italic.woff?ver=34) format('woff'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* open-sans-greek-ext-700-italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-display: fallback; font-weight: 700; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-greek-ext-700-italic.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-700-italic.woff?ver=34) format('woff'); unicode-range: U+1F00-1FFF; } /* open-sans-greek-700-italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-display: fallback; font-weight: 700; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-greek-700-italic.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-700-italic.woff?ver=34) format('woff'); unicode-range: U+0370-03FF; } /* open-sans-hebrew-700-italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-display: fallback; font-weight: 700; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-hebrew-700-italic.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-700-italic.woff?ver=34) format('woff'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* open-sans-vietnamese-700-italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-display: fallback; font-weight: 700; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-vietnamese-700-italic.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-700-italic.woff?ver=34) format('woff'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* open-sans-latin-ext-700-italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-display: fallback; font-weight: 700; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-latin-ext-700-italic.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-700-italic.woff?ver=34) format('woff'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* open-sans-latin-700-italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-display: fallback; font-weight: 700; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-latin-700-italic.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-700-italic.woff?ver=34) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* open-sans-cyrillic-ext-700-normal */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: 700; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-cyrillic-ext-700-normal.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-700-normal.woff?ver=34) format('woff'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* open-sans-cyrillic-700-normal */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: 700; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-cyrillic-700-normal.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-700-normal.woff?ver=34) format('woff'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* open-sans-greek-ext-700-normal */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: 700; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-greek-ext-700-normal.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-700-normal.woff?ver=34) format('woff'); unicode-range: U+1F00-1FFF; } /* open-sans-greek-700-normal */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: 700; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-greek-700-normal.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-700-normal.woff?ver=34) format('woff'); unicode-range: U+0370-03FF; } /* open-sans-hebrew-700-normal */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: 700; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-hebrew-700-normal.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-700-normal.woff?ver=34) format('woff'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* open-sans-vietnamese-700-normal */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: 700; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-vietnamese-700-normal.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-700-normal.woff?ver=34) format('woff'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* open-sans-latin-ext-700-normal */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: 700; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-latin-ext-700-normal.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-700-normal.woff?ver=34) format('woff'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* open-sans-latin-700-normal */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display: fallback; font-weight: 700; src: url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-latin-700-normal.woff2?ver=34) format('woff2'), url(https://www.actionscaffoldservices.com/wp-content/themes/twentytwelve/fonts/open-sans/open-sans-all-700-normal.woff?ver=34) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Theme Name: Twenty Twelve Child Theme URI: Description: Twenty twelve Child Theme Author: Cristian Author URI: http://example.com Template: twentytwelve Version: 1.0.42 Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: */ * { margin:0px; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img{ border:none; vertical-align:top; } body { font-family: 'Chivo', sans-serif; margin:auto; font-size:0.9em; height:800px; } h1.entry-title { font-family:'Oswald', sans-serif; text-transform:uppercase; font-weight:700; font-size:20px; padding-top:30px; margin-bottom:30px; } #colophon { width:1102px; height:111px; background-color:#D8D8D8; } .content_general{ width:1103px; margin:auto; } sup { text-transform:lowercase; } /* Content */ #content { min-height:800px; width:1103px; position:relative; margin:auto; z-index:10; } h2 { font-weight:1.5em; font-family:'Oswald', sans-serif; font-weight:700; text-transform:uppercase; } /* temporary menu */ .wr-megamenu-container { text-align:right; padding-top:20px; } body .wr-megamenu-container ul.wr-mega-menu { float:right; width:auto; } body .wr-megamenu-container.primary_14 { background-color:#ffffff !important; text-transform:uppercase; font-size:1em; color:#000000 !important; } body .primary_14 .wr-mega-menu > li > a { font-family:'Chivo', sans-serif !important; font-size:1em !important; font-weight:normal !important; } .wr-mega-menu { margin-top:30px !important; } /* header */ #header_container { height:144px; } .site-header{ background-color:#187fc9; height:11px; background-repeat:no-repeat; border-bottom:solid 2px #ffffff; } #logo_home{ position:absolute; margin-top:5px; margin-left:0px; z-index:99; } #logo_home img{ width:280px; height:80px; } .canada-logo-top {display:inline-block; margin-top:4px; margin-right:14px; } .canada-logo-top img { width:105px; height:auto; } #succursales_top_container{ position:relative; width:100%; text-align:right; float:right; } #succursales_top{ background-image:url(//www.actionscaffoldservices.com/images/background_locations_extra1.jpg); background-repeat:no-repeat; background-position:right; background-size:contain; width:545px; height:35px; float:right; color:#FFFFFF; font-size:0.9em; text-transform:uppercase; line-height:33px; width:auto; } #succursales_top .language{ margin-right:30px; color:#898989; text-transform:capitalize; } #succursales_top .phone{ font-family: 'Chivo', sans-serif; font-weight:900; font-size:1.2em; margin-left:10px; margin-right:10px; } #succursales_top .location{ margin-left:10px; margin-right:10px; } #background_top{ width:100%; height:11px; position:absolute; background-color:#187fc9; top:137px; z-index:100; -webkit-box-shadow: 0px 6px 8px -4px rgba(0,0,0,0.33); -moz-box-shadow: 0px 6px 8px -4px rgba(0,0,0,0.33); box-shadow: 0px 6px 8px -4px rgba(0,0,0,0.33); } /* Home page */ #info_news{ background-color:#f3f3f3; height:600px;} #slider_home img{ border-top:none; } h2{ margin-top:30px; margin-bottom:5px; } #promotions_container { position:relative; height:250px; margin-bottom:20px; margin-top:60px; } .background_profile_container{position:relative;} #background_profile{ background-image:url(//www.actionscaffoldservices.com/images/company_profile.png); background-repeat:no-repeat; position:absolute; background-position: top right; right:760px; width:1200px; height:134px; top:3px; z-index:99; } #background_profile1{ background-image:url(//www.actionscaffoldservices.com/images/company_profile1.png); background-repeat:no-repeat; position:absolute; background-position: top right; right:760px; width:1200px; height:42px; top:3px; z-index:99; } #background_profile2{ background-image:url(//www.actionscaffoldservices.com/images/company_profile2.png); background-repeat:no-repeat; position:absolute; background-position: top right; right:760px; width:1200px; height:42px; top:48px; z-index:99; } #background_profile3{ background-image:url(//www.actionscaffoldservices.com/images/company_profile3.png); background-repeat:no-repeat; position:absolute; background-position: top right; right:760px; width:1200px; height:42px; top:94px; z-index:99; } #promo1{ background-image:url(//www.actionscaffoldservices.com/images/promo1.jpg); width:360px; height:196px; } #promo2{ background-image:url(//www.actionscaffoldservices.com/images/promo2.jpg); width:360px; height:196px; } .promo_txt_container{ background-color:#FFFFFF; opacity:0.9; width:83%; text-align:left; float:right; margin-top:54px; height:90px; } #promo1 .promo_txt_container{ background-color:#FFFFFF; opacity:0.9; width:68%; text-align:left; float:right; margin-top:54px; height:95px; } .promo_title { font-family:'Oswald', sans-serif; text-transform:uppercase; font-weight:700; font-size:20px; padding-left:20px; padding-top:10px;} .promo_expand{font-size:13px; font-family:'Chivo', sans-serif; font-weight:900; color:#006fbf; text-transform:uppercase; padding-left:20px; } .promo_archive .promo_archive_mid{ border-top:solid 8px #f2f2f2; border-bottom:solid 8px #f2f2f2; } .promo_home{ height:180px; border:solid 8px #f2f2f2; float:left; margin-right:11px; } .promo_archive{ float:right; } .promo_home:hover { border-color:#cdcdcd; opacity:1; } .promo_txt_container:hover{ width:90%; } #promo1 .promo_txt_container:hover{ width:72%; } .promo_home, .promo_archive, .promo_txt_container { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -moz-transition: all .2s ease; } .promo_archive div { transition: opacity .2s ease; -moz-transition: opacity .2s ease; -webkit-transition: opacity .2s ease; } .promo_archive div:hover{ opacity:0.8; } #background_company_profile{ background-color:#f2f2f2; position:absolute; width:100%; height:580px; top:810px; z-index:1; } #about_us{ width:90%; float:left;} #about_us img{ float:left; margin-right:20px; margin-bottom:5px; } #about_us span{ line-height:23px; } #catalog_download{ margin-top:20px; } #catalog_download img, #catalog_download p{ float:left; } #catalog_download p{ margin-top:35px; margin-right:10px; font-size:1em; font-family:'Oswald', sans-serif; text-transform:uppercase; } #news_home_container{ display:none; width:348px; height:100%; float:right; vertical-align:top; margin-left:10px; } .news_icon{ vertical-align:top; width:40px; padding-left:5px; } .news_home{ background-color:#FFFFFF; padding-bottom:30px; padding-top:20px; } .news_body{ padding-top:15px; padding-left:20px; padding-right:15px; } .news_home table{ padding-left:10px; padding-top:15px; } .news_body img{ float:left; padding-bottom:65px; margin-right:15px; } .news_date { font-size:0.9em; font-family:'Oswald', sans-serif; color:#006fbf; } .news_title { font-size:1em; font-family:'Oswald', sans-serif; text-transform:uppercase; padding-right:5px; list-style-image:url(//www.actionscaffoldservices.com/images/icon_logo_eplus.png); margin-top:10px; } .news_content{ font-size:0.9em; font-family:'Oswald', sans-serif; padding-right:5px; } .news_home p{ font-size:0.9em; font-family:'Oswald', sans-serif; padding-right:5px; } .news_home ul{ margin-left:20px; } .news_home .news_excerpt{ font-size:0.9em; font-family:'Chivo', sans-serif; font-weight:bold;} .news_expand{ font-size:0.9em; font-family:'Chivo', sans-serif; font-weight:900; color:#006fbf; } /*Video slider (backgroundvideo)*/ .back_video {width:100%; height:600px; position:relative; } .back_video_overlay {background-color: #000; opacity:0.7; width:100%; height:100%; position:absolute; top:0; } .back_video_heading { position:absolute; text-align:center; top: 50%; left: 40%; transform: translate(-33%, -50%); color:#fff; font-size:2.2em; line-height:1.5em; color:#fff; text-shadow: 2px 2px 2px #000; } .back_video_heading span {display:block; text-align:center; font-size:0.6em; margin-top:35px; font-family: 'Oswald', sans-serif; text-transform:uppercase; color:#ddd; } .back_video video { width:100%; height:100%; top: 0; position:relative; object-fit: cover; background-color:#006fbf} .back_video_heading img {width:46px; vertical-align:middle; margin-left:5px; } .back_video_heading img:hover { transform:scale(1.2); -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; } .back_video { -webkit-animation: fadein 2.5s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2.5s; /* Firefox < 16 */ -ms-animation: fadein 2.5s; /* Internet Explorer */ -o-animation: fadein 2.5s; /* Opera < 12.1 */ animation: fadein 2.5s; } .back_video video { -webkit-animation: fadein 7s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 7s; /* Firefox < 16 */ -ms-animation: fadein 7s; /* Internet Explorer */ -o-animation: fadein 7s; /* Opera < 12.1 */ animation: fadein 7s; } .back_video_heading p { opacity:0; /* make things invisible upon start */ -webkit-animation:fadeInDown ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation:fadeInDown ease-in 1; animation:fadeInDown ease-in 1; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s; } .back_video_heading img { opacity:0; /* make things invisible upon start */ -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 1s; /* Firefox < 16 */ -ms-animation: fadein 1s; /* Internet Explorer */ -o-animation: fadein 1s; /* Opera < 12.1 */ animation: fadein 1s; animation-delay: 3s; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -ms-animation-fill-mode:forwards; animation-fill-mode:forwards; } .back_video_heading span { opacity:0; /* make things invisible upon start */ -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 1s; /* Firefox < 16 */ -ms-animation: fadein 1s; /* Internet Explorer */ -o-animation: fadein 1s; /* Opera < 12.1 */ animation: fadein 1s; animation-delay: 3s; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -ms-animation-fill-mode:forwards; animation-fill-mode:forwards; } /*Video slider (backgroundvideo)*/ .back_video {width:100%; height:600px; position:relative; } .back_video_overlay {z-index: 1; background-color: #000; opacity:0.7; width:100%; height:100%; position:absolute; top:0; } .back_video_heading { z-index:11; position:absolute; text-align:center; top: 50%; left: 40%; transform: translate(-33%, -50%); color:#fff; font-size:2.2em; line-height:1.5em; color:#fff; text-shadow: 2px 2px 2px #000; } .back_video_heading span {display:block; text-align:center; font-size:0.6em; margin-top:35px; font-family: 'Oswald', sans-serif; text-transform:uppercase; color:#ddd; } .back_video video { width:100%; height:100%; top: 0; position:relative; object-fit: cover; background-color:#006fbf} .back_video_heading img {width:46px; vertical-align:middle; margin-left:5px; } .back_video_heading img:hover { transform:scale(1.2); -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; } .back_video a:link { color:#fff; } .back_video a:visited { color:#fff; } .back_video a:hover { color:#fff; } .back_video a:active { color:#fff; } .back_video { -webkit-animation: fadein 2.5s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2.5s; /* Firefox < 16 */ -ms-animation: fadein 2.5s; /* Internet Explorer */ -o-animation: fadein 2.5s; /* Opera < 12.1 */ animation: fadein 2.5s; } .back_video video { -webkit-animation: fadein 7s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 7s; /* Firefox < 16 */ -ms-animation: fadein 7s; /* Internet Explorer */ -o-animation: fadein 7s; /* Opera < 12.1 */ animation: fadein 7s; } .back_video_heading p { opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeInDown ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation: fadeInDown ease-in 1; animation: fadeInDown ease-in 1; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; } .back_video_heading img { opacity: 0; /* make things invisible upon start */ -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 1s; /* Firefox < 16 */ -ms-animation: fadein 1s; /* Internet Explorer */ -o-animation: fadein 1s; /* Opera < 12.1 */ animation: fadein 1s; animation-delay: 3s; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } .back_video_heading span { opacity: 0; /* make things invisible upon start */ -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 1s; /* Firefox < 16 */ -ms-animation: fadein 1s; /* Internet Explorer */ -o-animation: fadein 1s; /* Opera < 12.1 */ animation: fadein 1s; animation-delay: 3s; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } /*video background animations*/ @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /**************/ /* categ Smartstairs */ .category-description { display:flex; flex-wrap:wrap; justify-content: space-between; } .text-intro {width:56%; } .text-intro p {margin:14px 0px; } .smartstairs-gallery { width:35%; margin-top:30px; } .gallery-header img { max-width:100%; max-height:100%; } .st-gallery-thumbs { margin-top:4px; display:flex; flex-wrap: wrap; gap:3px; margin-bottom:30px; } .st-gallery-thumbs img { width:74px; } .category-smartstairs .text-intro p { margin:16px 0px; text-align: justify; line-height: 1.3em; } .category-smartstairs .text-intro p:nth-of-type(1) {font-weight:bold; } .category-smartstairs p.list-head { margin-bottom: 7px; font-weight: bold; } .category-smartstairs p.list-head { margin-bottom: 7px; font-weight: bold; } .category-smartstairs li { text-align: justify; margin:5px 0px; line-height: 1.3em;} /* Categorie SGA */ .garde-corps-autoportants{ background-image:url(//www.actionscaffoldservices.com/images/products-garde-corps-4.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #c62d21; } .sga-container {display:flex; flex-wrap: wrap; justify-content: space-between; align-items:flex-start; } .sga-container .gallery-header { max-width:448px; } .sga-descr { width:50%; } .sga-gallery{width:39%; overflow: hidden;} .sga-gallery-thumbs {display:flex; flex-wrap:wrap; justify-content: flex-start; gap:3px; margin-top:3px; } .sga-gallery-thumbs img {max-width:82px; max-height: 82px; } /* Contact */ #contacts{ padding:10px; background-color:#ffffff; } #contact_background_top{ background-color:#fff; position:absolute; width:100%; height:545px; } #schedule_container{ width:60%; } .section{ display:inline-block; width:390px; } #map{ width:100%; height:232px; } #open_hours_title{ font-size:16px; font-family:'Oswald', sans-serif; margin-bottom:10px; } .schedule{ line-height:28px; } .schedule span{ width:200px; display:inline-block; } #contact_description{ margin-top:20px; } .contact_address, .contact_info span{ font-family:'Oswald', sans-serif; } .contact_info, #contact_description { line-height:22px; } .contact_info img{ vertical-align:middle; } .right_side{ float:right; z-index:1;} #personnel{ display:inline-block; margin-top:50px; } .employee_record{ float:left; width:353px; margin-right:7px; margin-top:20px; } .job_title{ font-family:'Oswald', sans-serif; } .employee_name{color:#187fc9; } .personnel_section{ width:100%; background-color:#f3f3f3; padding:8px; float:left; margin-top:30px; font-family:'Oswald', sans-serif; text-transform:uppercase;} .holiday_schedule {color:red; margin-bottom:20px; font-style:italic; } .holiday_schedule p { margin-bottom:5px; font-size:1.1em; } /* Certifications */ .certification_associations{ background-image:url(//www.actionscaffoldservices.com/images/certifications-et-associations.jpg); background-repeat:no-repeat; width:1102px; height:334px; display:block; padding-top:1px; border-bottom:solid 10px #f3f3f3;} .certification_program{ background-image:url(//www.actionscaffoldservices.com/images/certifications-program-securite.jpg); background-repeat:no-repeat; width:1103px; height:334px; display:block; padding-top:1px; border-bottom:solid 10px #f3f3f3;} .association { border:solid 8px #f2f2f2; width:209px; height:239px; text-align:center; margin-top:20px; float:left; margin-right:8px;} .association:hover{ border:solid 8px #d4d4d4; } .association { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -moz-transition: all .2s ease; } .logo_association{ padding:10px; height:120px; line-height:100px;} .logo_association img{ vertical-align:middle; } .association_description{ padding:4px; } /* Services */ .services_access{ background-image:url(//www.actionscaffoldservices.com/images/services-access.jpg); background-repeat:no-repeat; width:1103px; height:336px; display:block; padding-top:1px; border-bottom:solid 10px #f3f3f3; background-position:right;} .services_estimation{ background-image:url(//www.actionscaffoldservices.com/images/services-estimation.jpg); background-repeat:no-repeat; width:1103px; height:336px; display:block; padding-top:1px; border-bottom:solid 10px #f3f3f3; background-position:right;} .services_fabrication{ background-image:url(//www.actionscaffoldservices.com/images/services-fabrication-speciale.jpg); background-repeat:no-repeat; width:1103px; height:336px; display:block; padding-top:1px; border-bottom:solid 10px #f3f3f3; background-position:right;} .services_livraison{ background-image:url(//www.actionscaffoldservices.com/images/services-livraison.jpg); background-repeat:no-repeat; width:1103px; height:336px; display:block; padding-top:1px; border-bottom:solid 10px #f3f3f3; background-position:right;} .services_ingenierie{ background-image:url(//www.actionscaffoldservices.com/images/services-ingenierie.jpg); background-repeat:no-repeat; width:1103px; height:336px; display:block; padding-top:1px; border-bottom:solid 10px #f3f3f3; background-position:right;} .services_installateurs{ background-image:url(//www.actionscaffoldservices.com/images/services-installateurs.jpg); background-repeat:no-repeat; width:1102px; height:336px; display:block; padding-top:1px; border-bottom:solid 10px #f3f3f3; background-position:right;} #content h1.header_services{ margin-top:160px; } .content_services ul{ padding-left:10px; } .content_services ul li{ padding-top:5px; padding-bottom:5px; } /* Products */ .downloads_products { background-color:#e5e5e5; padding:15px; margin-top:60px; float:left; width:100%; margin-bottom:50px; } #header_title { color:#FFFFFF; background-color:#000000; margin-top:200px; font-family:'Oswald', sans-serif; text-transform:uppercase; font-weight:700; font-size:35px; line-height:44px; float:right; padding:20px; } .securite #header_title{ margin-top:150px; } .brochure_notice { font-family: 'Chivo', sans-serif; margin-bottom:15px; margin-top:10px; color:#505050; font-size:0.9em; } .download_brocuhre { float:left; margin-right:10px; margin-top:4px; margin-bottom:4px; } .download_brocuhre img{ float:right; margin-top:50px; } .brochure_description_container{ background-color:#FFFFFF; width:93%; float:right; opacity:0.9;} .downloads_products p{ padding-bottom:10px; font-family:'Oswald', sans-serif; text-transform:uppercase; font-weight:700; font-size:18px; padding-left:10px; padding-top:10px; } .download_brocuhre{ border:solid 8px #f2f2f2; } .download_brocuhre:hover{ border:solid 8px #d4d4d4; } .download_brocuhre { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -moz-transition: all .2s ease; } .echafaudage_cadre{ background-image:url(//www.actionscaffoldservices.com/images/products-cadres.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #1586C9; } .subheading{ font-size:18px; line-height:28px; } .chute{ background-image:url(//www.actionscaffoldservices.com/images/products-chute.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #eeb50c; } .treuil{ background-image:url(//www.actionscaffoldservices.com/images/products-treuil.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #005f8b; } .toile{ background-image:url(//www.actionscaffoldservices.com/images/products-toile-et-filet.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #017f6a; } .suspension{ background-image:url(//www.actionscaffoldservices.com/images/products-suspension.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #9f7d57; } .suspendu{ background-image:url(//www.actionscaffoldservices.com/images/products-suspendu.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #9acb03; } .specialise{ background-image:url(//www.actionscaffoldservices.com/images/products-specialise.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #3d4077; } .securite{ background-image:url(//www.actionscaffoldservices.com/images/products-securite.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #a0100f; } .raccord{ background-image:url(//www.actionscaffoldservices.com/images/products-racord-et-tube.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #406778; } .plateforme{ background-image:url(//www.actionscaffoldservices.com/images/products-plateforme-elevatrice.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #da8319; } .plancher{ background-image:url(//www.actionscaffoldservices.com/images/products-plancher.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #715138; } .interieur{ background-image:url(//www.actionscaffoldservices.com/images/products-traveaux-interior.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #7b4656; } .etaiement{ background-image:url(//www.actionscaffoldservices.com/images/products-etaiement.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #007437; } .cloture{ background-image:url(//www.actionscaffoldservices.com/images/products-cloture-temporaire.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #d95c26; } .rosette{ background-image:url(//www.actionscaffoldservices.com/images/products-rosette.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #1586C9; } .tuftarp{ background-image:url(//www.actionscaffoldservices.com/images/products_tuftarp.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #1586C9; background-position:right; } .tuftarp_en{ background-image:url(//www.actionscaffoldservices.com/images/products_tuftarp_en.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #1586C9; background-position:right; } .smartstairs { background-image:url(//www.actionscaffoldservices.com/images/products-smartstairs2.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #1586C9; } #download_catalogue_prod { background-image:url(//www.actionscaffoldservices.com/images/products-catalog.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_echaf_cadre { background-image:url(//www.actionscaffoldservices.com/images/brochure_cadre.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_casier { background-image:url(//www.actionscaffoldservices.com/images/brochure_casier_transport.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_equerre { background-image:url(//www.actionscaffoldservices.com/images/brochure_equeree_elevatrice.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } .echafaudage-tour-aluminium{background-image:url(//www.actionscaffoldservices.com/images/products-echafaudage-aluminium.jpg); background-repeat:no-repeat; width:1101px; height:391px; display:block; padding-top:1px; border-bottom:solid 10px #1586C9; background-position:right; } #download_brochure_chute { background-image:url(//www.actionscaffoldservices.com/images/brochure_chute.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #brochure_cloture_temporaire { background-image:url(//www.actionscaffoldservices.com/images/brochure_cloture.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #brochure_cloture_temporaire2 { background-image:url(//www.actionscaffoldservices.com/images/brochure_cloture2_01.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_etaiement { background-image:url(//www.actionscaffoldservices.com/images/brochure_etaiement.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_interieur { background-image:url(//www.actionscaffoldservices.com/images/brochure_interior.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_plancher { background-image:url(//www.actionscaffoldservices.com/images/brochure_plancher.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_plateforme { background-image:url(//www.actionscaffoldservices.com/images/brochure_plateforme.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_plateforme2 { background-image:url(//www.actionscaffoldservices.com/images/brochure_plateforme2.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_plateforme3 { background-image:url(//www.actionscaffoldservices.com/images/brochure_plateforme3.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_manuel20k { background-image:url(//www.actionscaffoldservices.com/images/brochure_plateforme_manual20k.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_manuelact8 { background-image:url(//www.actionscaffoldservices.com/images/brochure_plateforme_manualact8.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_raccord { background-image:url(//www.actionscaffoldservices.com/images/brochure_raccord.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_echaf_rosette { background-image:url(//www.actionscaffoldservices.com/images/brochure_rosette.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_securite { background-image:url(//www.actionscaffoldservices.com/images/brochure_securite.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_securite_barre { background-image:url(//www.actionscaffoldservices.com/images/brochure_securite_barre.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_suspendu { background-image:url(//www.actionscaffoldservices.com/images/brochure_suspendu.jpg); background-repeat:no-repeat; width:200px; height:230px;padding-top:1px; } #download_brochure_suspendu2 { background-image:url(//www.actionscaffoldservices.com/images/brochure_suspendu2.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_suspendu3 { background-image:url(//www.actionscaffoldservices.com/images/brochure_suspendu3.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_suspension { background-image:url(//www.actionscaffoldservices.com/images/brochure_suspension.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_toile { background-image:url(//www.actionscaffoldservices.com/images/brochure_toile.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_treuil { background-image:url(//www.actionscaffoldservices.com/images/brochure_treuil.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_specialise { background-image:url(//www.actionscaffoldservices.com/images/brochure_specialise.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_tuftarp { background-image:url(//www.actionscaffoldservices.com/images/brochure_tuftarp.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_alu_tour{ background-image:url(//www.actionscaffoldservices.com/images/brochure_alu_tour.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_smartstairs { background-image:url(//www.actionscaffoldservices.com/images/brochure_smartstairs.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } #download_brochure_sgs { background-image:url(//www.actionscaffoldservices.com/images/brochure_sgs.jpg); background-repeat:no-repeat; width:200px; height:230px; padding-top:1px; } .container_thumbs{ margin-top:10px; width:100%;} .thumbnail_products{ display:inline-block; position:relative; width:192px; text-align:center; vertical-align:top; margin-left:3%; margin-right:3%; margin-top:4px; } .thumbnail_products img{ border-bottom:solid #ededed 5px; } .thumbnail_screen{ background-color:#fff; width:100%; height:100%; position:absolute; opacity:0; vertical-align:middle; } .thumbnail_screen:hover{ opacity:0.8; } .thumbnail_screen { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -moz-transition: all .4s ease; } .thumbnail_screen p{ margin-top:30%; color:#333; text-transform:uppercase; font-family:'Oswald', sans-serif; font-weight:700; padding:10px; } .thumbnail_description{ padding:10px; } /* projects */ .thumbnail_screen_project{ background-color:#fff; width:100%; height:100%; position:absolute; opacity:0.5; vertical-align:middle; border:solid 1px red; } .thumbnail_screen_project:hover{ opacity:0.2; } .image_container{ border:solid 8px #f2f2f2; position:relative;} .image_container:hover{ border:solid 8px #d4d4d4; } .image_container { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -moz-transition: all .2s ease; } .project{ display:inline-block; margin-right:39px; text-align:center; margin-top:20px; position:relative;} .project_description { margin-top:10px; } .thumbnail_screen_projects{ background-color:#111; width:100%; height:100%; position:absolute; opacity:0; vertical-align:middle; } .thumbnail_screen_projects:hover{ opacity:0.8; } .thumbnail_screen_projects { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -moz-transition: all .4s ease; } .thumbnail_screen_projects p{ margin-top:23%; color:#fff; text-transform:uppercase; font-family:'Oswald', sans-serif; font-weight:700; padding:10px; } /* Posts */ .hentry{ width:70%; float:left; } #secondary{ float:right; width:25%; margin-top:30px; padding:10px; border-left:solid 4px #f1f1f1; height:380px; margin-left:5px;} .widget-title{ font-weight:1.3em; font-family:'Oswald', sans-serif; font-weight:700; text-transform:uppercase; } #secondary ul{ vertical-align:text-top; margin-left:10px;} #secondary ul li{ padding-top:8px; padding-bottom:5px; list-style-image:url(//www.actionscaffoldservices.com/images/icon_logo_eplus.png); font-weight:1em; font-weight:100; font-family:'Oswald', sans-serif; } /* Speciaux */ iframe.sales{ border:none; width:100%; height:800px;} /* carriere */ .carriere_hd{ background-image:url(//www.actionscaffoldservices.com/images/carriere-top.jpg); background-repeat:no-repeat; width:1103px; height:324px; display:block; } .page-template-careers #mfcf7_zl_add_file {width:50% !important; margin-bottom:10px; } .page-template-careers .wpcf7-select { width:100%; } .page-template-careers .wpcf7-select, .page-template-carriere .wpcf7 input {height:35px} .page-template-careers .wpcf7-form p {margin-top:10px; color:#888; } .page .wpcf7 input { height:35px; margin-top:5px; padding:7px; width:100%; } .cand-sp-wrapper .wpcf7-form .wpcf7-submit { border:solid 1px #333; background-color:#fff; color:#111; text-transform: uppercase; height:40px; } .col1-car, .col2-car {display:inline-block; width:48%; vertical-align:top; } .col1-car h2, .col2-car h2 {margin-top:10px; margin-bottom:10px; } .col1-car li {line-height:1.5em; } .col2-car { margin-left:30px; } .col2-car img{ max-height:100%; max-width:100%; } .carriere #company_traits { padding-left:4px; padding-right:4px; } .cand-sp-wrapper { background-color:#eee; padding:20px; margin-top:30px; } .cand-sp-wrapper ul {padding-left:40px;} /*replace the RED X button from file upload with something more user friendly*/ #mfcf7_zl_multifilecontainer p .mfcf7_zl_delete_file span { position: relative; visibility: hidden; } #mfcf7_zl_multifilecontainer p .mfcf7_zl_delete_file span:after { visibility: visible; position: absolute; top: 0; left: 0px; content: " (remove)"; color:peru } /* Footer */ #colophon { width:100%; float:left; margin:auto; background-color:#343434 ; height:100%; font-family:'Oswald', sans-serif; min-width:1102px; } .products_footer { display:inline-block; vertical-align:top; margin-top:30px; color:#b5b5b5; margin-right:20px; } .footer_column { display:inline-block; margin-top:30px; vertical-align:top; color:#b5b5b5; min-width:100px; } .column_title{ text-transform:uppercase; color:#ffffff; border-bottom:solid 9px #555555; padding-bottom:7px; min-width:140px; margin-bottom:15px; } .column_products{ display:inline-block; margin-right:10px; vertical-align:top; } .footer_certification{ float:right; } .footer_certification img{ float:right; clear:both; margin-bottom:10px; } #distributers{ margin-top:50px; } #distributers img{ margin-right:20px; } #copyright_web{ font-family:'Chivo', sans-serif; color:#777777; margin-top:40px; font-size:0.8em; } .logo_hah { min-width: 130px; margin-left:5%; margin-top:40px; max-width:180px; text-align:center } .logo_hah img { width:100%; margin-bottom:10px; } .logo_hah .logo_temp { width:80%; } #distributers{ margin-top:20px; border-bottom:solid 9px #555555; border-top:solid 9px #555555; padding-top:10px; padding-bottom:40px; } #distributers img{ margin-right:20px; } #distributers p {color:#777; margin-bottom:5px; text-transform: uppercase; } #distributers div { display:inline-block; } #social_media_footer {float:right; } #social_media_footer i {font-size:2.7em; margin-right:10px } #social_media_footer img { width:36px; margin:4px; } #social_media_footer img:hover { opacity:0.8; } /* Links */ a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transition: all .3s ease; } a:link, a:visited { color: #222222; text-decoration: none; } a:hover { color: #006fbf; } a:active { color: #222222; } #succursales_top a:link, #succursales_top a:visited { color: #ffffff; text-decoration: none; } #succursales_top a:hover { color: #cccccc; } #succursales_top a:active { color: #ffffff; } #succursales_top .language a:link, #succursales_top .language a:visited { color: #333333; text-decoration: none; } #succursales_top .language a:hover { color: #777777; } #succursales_top .language a:active { color: #333333; } #colophon a:link, #colophon a:visited { color: #888888; text-decoration: none; } #colophon a:hover { color: #006fbf; } #colophon a:active { color: #888888; } /* tuftarp */ #fancybox-wrap, #fancybox-content, #fancybox-outer{ width:860px !important; } /* MEDIA QUERIES */ @media all and (max-width: 1110px) and (min-width: 876px) { .site-content {width:fit-content; } #content { min-height:800px; width:850px; position:relative; margin:auto; z-index:10; } .content_general{ width:850px; position:relative; margin:auto; padding-left:20px; padding-right:20px; } #logo_home{ margin-top:25px; margin-left:0px; } #logo_home img{ width:210px; height:80px; } h2 {padding-left:15px; } .content_general h2 {padding-left: 0px;} /* home page */ #background_profile{ right:520px; width:1200px; height:134px; top:3px; z-index:99; } #background_profile1{ right:520px; width:1200px; height:42px; top:3px; z-index:99; } #background_profile2{ right:520px; width:1200px; height:42px; top:48px; z-index:99; } #background_profile3{ right:520px; width:1200px; height:42px; top:94px; z-index:99; } #info_news{ background-color:#ffffff; } #promo1, #promo2{ width:260px; height:180px; } .promo_txt_container{ background-color:#FFFFFF; opacity:0.9; width:80%; text-align:left; float:right; margin-top:44px; height:95px; } .promo_archive{ text-align:right; } .promo_archive img{width:290px; } .promo_archive .promo_archive_mid{ border-top: 14px solid #f2f2f2; border-bottom: 14px solid #f2f2f2; } .promo_title{ font-size:16px; } .promo_expand{ font-size:12px; } #about_us{ width:100%; } /* products / services */ .echafaudage_cadre, .chute, .treuil, .toile, .suspension, .suspendu, .specialise, .securite, .raccord, .plateforme, .plancher, .interieur, .etaiement, .cloture, .rosette, .services_access, .services_ingenierie, .services_estimation, .services_installateurs, .services_livraison, .services_fabrication, .certification_associations, .certification_program, .tuftarp, .tuftarp_en, .smartstairs, .garde-corps-autoportants { width:850px; background-size:cover; height:302px; } #header_title{ font-size:27px; margin-top:110px; } .subheading{ font-size:16px; } .downloads_products p{ font-size:14px; } .brochure_description_container{ width:auto; } .association{ width:200px; } .project{ margin-right:20px; } .image_container{ width:250px; } .projects_container img{ width:100% } /* Succursales */ #contact_background_top{ background-color:#FFFFFF; } #schedule_container{width:50%;} .employee_record{ min-height:135px; } /* Footer */ .footer_certification{ margin-top:30px;} #constructo_footer{ width:90px; } #colophon { min-width:850px; } .logo_hah { min-width: 10px; margin-left:10px; margin-top:40px; max-width:120px; } .logo_hah img {width:100%; } .category-description { display:flex; flex-wrap:wrap; justify-content: space-between; } .text-intro {width:52%; } .text-intro p {margin:14px 0px; } .smartstairs-gallery { width:39%; margin-top:30px; } .gallery-header img { max-width:100%; max-height:100%; } .st-gallery-thumbs { margin-top:4px; display:flex; flex-wrap: wrap; gap:3px; } .st-gallery-thumbs img { width:82px; } .category-description { display:flex; flex-wrap:wrap; justify-content: space-between; } .text-intro {width:52%; } .text-intro p {margin:14px 0px; } .smartstairs-gallery { width:39%; margin-top:30px; } .gallery-header img { max-width:100%; max-height:100%; } .st-gallery-thumbs { margin-top:4px; display:flex; flex-wrap: wrap; gap:3px; } .st-gallery-thumbs img { width:82px; } .category-description { display:flex; flex-wrap:wrap; justify-content: space-between; } .text-intro {width:52%; } .text-intro p {margin:14px 0px; } .smartstairs-gallery { width:39%; margin-top:30px; } .gallery-header img { max-width:100%; max-height:100%; } .st-gallery-thumbs { margin-top:4px; display:flex; flex-wrap: wrap; gap:3px; } .st-gallery-thumbs img { width:82px; } .category-description { display:flex; flex-wrap:wrap; justify-content: space-between; } .text-intro {width:52%; } .text-intro p {margin:14px 0px; } .smartstairs-gallery { width:39%; margin-top:30px; } .gallery-header img { max-width:100%; max-height:100%; } .st-gallery-thumbs { margin-top:4px; display:flex; flex-wrap: wrap; gap:3px; } .st-gallery-thumbs img { width:82px; } /* Categ Smartstairs */ .st-gallery-thumbs img { width:62px; } /* Cat SGA */ .sga-container .sga-descr {width:49%; } .sga-gallery {width:45%; margin-top:30px; text-align: center; } .sga-container { justify-content:space-between; } } @media all and (max-width: 875px) and (min-width: 561px) { #content { min-height:800px; width:650px; position:relative; margin:auto; z-index:10; } .content_general{ width:650px; margin:auto; padding-left:20px; padding-right:20px; } h2 {padding-left:15px; } .content_general h2 {padding-left: 0px;} /* Cat SGA */ .sga-container .sga-descr {width:100%; } .sga-gallery {width:70%; margin-top:30px; text-align: left; } .sga-container { justify-content: center; } /* home page */ #background_profile{ right:350px; width:1200px; height:110px; top:3px; z-index:99; background-size:contain; } #background_profile1{ right:370px; width:1200px; height:32px; top:3px; z-index:99; background-size:contain; } #background_profile2{ right:370px; width:1200px; height:32px; top:38px; z-index:99; background-size:contain; } #background_profile3{ right:370px; width:1200px; height:32px; top:74px; z-index:99; background-size:contain; } #info_news{ background-color:#ffffff; } #promo1, #promo2{ width:185px; height:160px; margin-right:7px; } #promotions_container{ height:180px; } .promo_txt_container, #promo1 .promo_txt_container{ width:100%; margin-top:30px; height:110px; } .promo_txt_container:hover{ width:100%; } .promo_archive{ text-align:right; } .promo_archive img{ width:250px; } .promo_archive .promo_archive_mid{ border-top: 14px solid #f2f2f2; border-bottom: 14px solid #f2f2f2; } .promo_title{ font-size:16px; } .promo_expand{ font-size:12px; } #about_us{ width:100%; } #news_home_container{float:left;} /* products / services */ .echafaudage_cadre, .chute, .treuil, .toile, .suspension, .suspendu, .specialise, .securite, .raccord, .plateforme, .plancher, .interieur, .etaiement, .cloture, .rosette, .services_access, .services_ingenierie, .services_estimation, .services_installateurs, .services_livraison, .services_fabrication, .certification_associations, .certification_program, .tuftarp, .tuftarp_en, .smartstairs, .garde-corps-autoportants { width:650px; background-size:cover; height:302px; } #header_title{ font-size:27px; margin-top:110px; } .subheading{ font-size:16px; } .downloads_products p{ font-size:14px; } .brochure_description_container{ width:auto; } .association{ width:200px; } .project{ margin-right:20px; } .image_container{ width:250px; } .projects_container img{ width:100% } #header_title{ display:none; } /* careers */ .carriere_hd {width:100% } .col1-car, .col2-car {width:100%; } .col2-car form {width:90%; } .page-template-careers #mfcf7_zl_add_file {width:100% !important} /* Succursales */ #contact_background_top{ background-color:#FFFFFF; } #schedule_container{width:100%;} .right_side{float:left; margin-top:20px;} .section{ width:100%; float:none} .employee_record{ min-height:135px; } /* Footer */ .footer_certification{ margin-top:0px; } #constructo_footer{ width:90px; } #colophon { min-width:650px; } /* header */ #logo_home{ width:90px; margin-top:70px;} #logo_home img{ width:170px; height:80px; } #site-navigation .ubermenu-responsive-toggle{margin-left:200px; margin-top:80px; border:solid 1px #f1f1f1; } #site-navigation .ubermenu-skin-clean-white.ubermenu-responsive-toggle{ font-size:20px; text-transform:uppercase; color:#222222; } #site-navigation{ border-top: 1px solid #f2f2f2; } .canada-logo-top { width:100%; text-align:center ; margin-bottom:5px; margin-top:5px; } /* Categ Smartstairs */ .text-intro {width:100%; } .smartstairs-gallery { width:65%; } .st-gallery-thumbs img { width: 82px; } } @media all and (max-width: 560px) { .site-content {width:fit-content; } body, html {width: fit-content;} #header_container { height:180px; } #content { min-height:800px; max-width:480px; position:relative; margin:auto; z-index:10; } .content_general{ max-width:480px; margin:auto; padding-left:20px; padding-right:20px; } .download_brocuhre { margin-right:4px; } /* header */ #logo_home{ margin-top:110px;} #logo_home img{ width:190px; height:auto; } .canada-logo-top { width:100%; text-align:center ; margin-bottom:5px; margin-top:5px; } .canada-logo-top img{ width:125px; } #succursales_top .phone{ margin-left:12px; } #succursales_top{ font-size:0.7em; } #succursales_top .location{margin-left:9px; margin-right:9px;} #succursales_top .language{ margin-right:0px; } #site-navigation .ubermenu-responsive-toggle{margin-left:200px; margin-top:100px; border-top:solid 11px red; border:solid 1px #f5f5f5; } #site-navigation{ border-top: 1px solid #f2f2f2; } #site-navigation .ubermenu-skin-clean-white.ubermenu-responsive-toggle{ font-size:20px; text-transform:uppercase; color:#222222; } .site-header{ min-width:490px; } /* home page */ .back_video { overflow: hidden; } .back_video_heading { font-size: 1.8em; line-height: 1.3em; width:80%; left:37%; } #succursales_top { font-size: 0.9em; } #background_profile { right:210px; width:1200px; height:110px; top:3px; z-index:99; background-size:contain; } #background_profile1{ right:220px; width:1200px; height:32px; top:3px; z-index:99; background-size:contain; } #background_profile2{ right:220px; width:1200px; height:32px; top:38px; z-index:99; background-size:contain; } #background_profile3{ right:220px; width:1200px; height:32px; top:74px; z-index:99; background-size:contain; } #info_news{ background-color:#ffffff; } #promo1, #promo2{ width:350px; margin-bottom:10px; background-size:cover; background-repeat:no-repeat; margin-left:60px; } .promo_archive { text-align:right; float:left; margin-left:60px; } .promo_archive img{width:100% } .promo_archive .promo_archive_mid{ border-top: 14px solid #f2f2f2; border-bottom: 14px solid #f2f2f2; } .promo_title{ font-size:16px; } .promo_expand{ font-size:12px; } #about_us{ margin-bottom:30px; } #news_home_container{float:left;} #succursales_top { background-color:#187fc9; background-image: none; width:100%; text-align:center; } .language {display:none; } /* news*/ #secondary{display:none;} /* products / services */ .echafaudage_cadre, .chute, .treuil, .toile, .suspension, .suspendu, .specialise, .securite, .raccord, .plateforme, .plancher, .interieur, .etaiement, .cloture, .rosette, .services_access, .services_ingenierie, .services_estimation, .services_installateurs, .smartstairs, .garde-corps-autoportants, .services_livraison, .services_fabrication, .certification_associations, .certification_program, .tuftarp, .tuftarp_en { width:480px; background-size:cover; height:302px; } #header_title{ display:none; } .subheading{ font-size:16px; } .downloads_products p{ font-size:14px; } .brochure_description_container{ width:auto; } .association{ width:200px; } .project{ margin-right:5px; width:47%; vertical-align: text-top; } .image_container{ width:220px; } .projects_container img{ width:100% } /* careers */ .carriere_hd {width:100%; } .col1-car, .col2-car {width:100%; } .col2-car form {width:90%; } .page-template-careers #mfcf7_zl_add_file {width:100% !important} /* Succursales */ h2 {padding-left:15px; } .content_general h2 {padding-left: 0px;} #contact_background_top{ background-color:#FFFFFF; } #schedule_container{width:100%;} .right_side{float:left; margin-top:20px;} .section{ width:100%; float:none; } .employee_record{ min-height:135px; } /* footer */ #colophon { min-width:490px; } #colophon .services, #colophon .liquidation { display:none; } #constructo_footer{ width:90px; } #distributers img {margin-top:10px; } .logo_hah { min-width: 10px; margin-top:40px; max-width:130px; } .logo_hah img {width:100%; } .annonce { font-size: 1em; } /* Categ Smartstairs */ .text-intro {width:100%; } .smartstairs-gallery { width:100%; } .st-gallery-thumbs img { width: 85px; } /* Cat SGA */ .sga-container .sga-descr {width:100%; } .sga-gallery {width:100%; margin-top:30px; text-align: left; } .sga-container { justify-content: center; } .sga-gallery-thumbs img { max-width:85px; max-height:85px; } } /* Animation */ #background_profile1 { -webkit-animation: profile1 3s; /* Chrome, Safari, Opera */ animation: profile1 3s; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; } @-webkit-keyframes profile1 { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes profile1 { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /*****/ #background_profile2 { -webkit-animation: profile2 3s 0.5s; /* Chrome, Safari, Opera */ animation: profile2 3s 0.5s; opacity: 0; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; } @-webkit-keyframes profile2 { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes profile2 { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /******/ #background_profile3 { -webkit-animation: profile3 3s 0.9s; /* Chrome, Safari, Opera */ animation: profile3 3s 0.9s; opacity: 0; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; } @-webkit-keyframes profile3 { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes profile3 { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /* Snow for the holiday season */ .annonce { position: relative; font-size: 1.2em; color: #e3fcb3; margin-bottom: 5px } .snow { text-align: center; background-color: #719c1d; padding: 5px 0 19px 0; border: 1px solid rgba(255, 255, 255, 0.1); background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 25' style='enable-background:new 0 0 50 50%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st1%7Bopacity:0.3%3Bfill:%23FFFFFF%3B%7D.st3%7Bopacity:0.1%3Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Ccircle class='st1' cx='5' cy='8' r='1'/%3E%3Ccircle class='st1' cx='38' cy='3' r='1'/%3E%3Ccircle class='st1' cx='12' cy='4' r='1'/%3E%3Ccircle class='st1' cx='16' cy='16' r='1'/%3E%3Ccircle class='st1' cx='47' cy='46' r='1'/%3E%3Ccircle class='st1' cx='32' cy='10' r='1'/%3E%3Ccircle class='st1' cx='3' cy='46' r='1'/%3E%3Ccircle class='st1' cx='45' cy='13' r='1'/%3E%3Ccircle class='st1' cx='10' cy='28' r='1'/%3E%3Ccircle class='st1' cx='22' cy='35' r='1'/%3E%3Ccircle class='st1' cx='3' cy='21' r='1'/%3E%3Ccircle class='st1' cx='26' cy='20' r='1'/%3E%3Ccircle class='st1' cx='30' cy='45' r='1'/%3E%3Ccircle class='st1' cx='15' cy='45' r='1'/%3E%3Ccircle class='st1' cx='34' cy='36' r='1'/%3E%3Ccircle class='st1' cx='41' cy='32' r='1'/%3E%3C/svg%3E"); background-position: 0px 0px; animation: animatedBackground 15s linear infinite; } .snow span { font-weight: bold; } .annonce .mountains { background-image: url(//www.actionscaffoldservices.com/images/snow_background.svg); height: 10px; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; } .snow div { width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 20' style='enable-background:new 0 0 50 50%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st1%7Bopacity:0.7%3Bfill:%23FFFFFF%3B%7D.st3%7Bopacity:0.1%3Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Ccircle class='st3' cx='4' cy='14' r='1'/%3E%3Ccircle class='st3' cx='43' cy='3' r='1'/%3E%3Ccircle class='st3' cx='31' cy='30' r='2'/%3E%3Ccircle class='st3' cx='19' cy='23' r='1'/%3E%3Ccircle class='st3' cx='37' cy='22' r='1'/%3E%3Ccircle class='st3' cx='43' cy='16' r='1'/%3E%3Ccircle class='st3' cx='8' cy='45' r='1'/%3E%3Ccircle class='st3' cx='29' cy='39' r='1'/%3E%3Ccircle class='st3' cx='13' cy='37' r='1'/%3E%3Ccircle class='st3' cx='47' cy='32' r='1'/%3E%3Ccircle class='st3' cx='15' cy='4' r='2'/%3E%3Ccircle class='st3' cx='9' cy='27' r='1'/%3E%3Ccircle class='st3' cx='30' cy='9' r='1'/%3E%3Ccircle class='st3' cx='25' cy='15' r='1'/%3E%3Ccircle class='st3' cx='21' cy='45' r='2'/%3E%3Ccircle class='st3' cx='42' cy='45' r='1'/%3E%3C/svg%3E"); background-position: 0px 0px; animation: animatedBackground 20s linear infinite; } @keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: 0px 300px; } } /* Theme Name: Twenty Twelve Description: Used to style blocks. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 General Block Styles 2.0 Blocks - Common Blocks 3.0 Blocks - Formatting 4.0 Blocks - Layout Elements 5.0 Blocks - Widgets 6.0 Blocks - Colors --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 General Block Styles --------------------------------------------------------------*/ /* Captions */ [class^="wp-block-"] figcaption { color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; font-style: italic; text-align: left; } [class^="wp-block-"].alignleft, [class^="wp-block-"] .alignleft { margin-right: 24px; } [class^="wp-block-"].alignright, [class^="wp-block-"] .alignright { margin-left: 24px; } .rtl [class^="wp-block-"] figcaption { text-align: right; } /*-------------------------------------------------------------- 2.0 Blocks - Common Blocks --------------------------------------------------------------*/ /* Paragraph */ p.has-drop-cap:not(:focus)::first-letter { font-size: 5em; margin-top: 0.1em; } /* Image */ .wp-block-image figure:not(.aligncenter) { line-height: 0; margin: 0 1.714285714rem; } .wp-block-image figure.alignleft { margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; } .wp-block-image figure.alignright { margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; } .wp-block-image figcaption { padding-top: 0.75em; } /* Gallery */ .wp-block-gallery { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { left: 0; right: 0; text-align: center; width: auto; } /* Quote */ .wp-block-quote:not(.is-large):not(.is-style-large) { border: 0; padding: 24px; padding: 1.714285714rem; } .wp-block-quote { padding: 24px; padding: 1.714285714rem; } .wp-block-quote cite { color: inherit; font-size: inherit; font-style: italic; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 20px; } /* Audio */ .wp-block-audio audio { display: block; margin-bottom: 1.714285714rem; width: 100%; } /* Cover */ .wp-block-cover-image.aligncenter, .wp-block-cover.aligncenter { display: flex; } /* File */ .wp-block-file .wp-block-file__button { background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); color: #7c7c7c; font-family: inherit; font-size: 11px; font-size: 0.785714286rem; font-weight: normal; line-height: 1.428571429; padding: 6px 10px; padding: 0.428571429rem 0.714285714rem; } .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus { background-color: #ebebeb; background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb); background-repeat: repeat-x; color: #5e5e5e; } .wp-block-file .wp-block-file__button:focus { background-color: #e1e1e1; background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1); background-repeat: repeat-x; border-color: transparent; box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; color: #757575; } .rtl .wp-block-file * + .wp-block-file__button { margin-left: 0.75em; margin-right: 0; } /* Video */ .wp-block-video video:not(:last-child) { margin-bottom: 0; } /*-------------------------------------------------------------- 3.0 Blocks - Formatting --------------------------------------------------------------*/ /* Code */ pre.wp-block-code { border: 0; padding: 0; } /* Pullquote */ .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { font-size: 14px; text-transform: none; } /* Table */ .wp-block-table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; } .wp-block-table th { border: 0; font-weight: bold; padding: 6px 10px 6px 0; text-transform: uppercase; } .has-text-color th { color: inherit; } .wp-block-table td { border: 0; border-top: 1px solid #ededed; padding: 6px 10px 6px 0; } .wp-block-table[style*="font-size"] *, .wp-block-table[class*="-font-size"] * { font-size: inherit; } /*-------------------------------------------------------------- 4.0 Blocks - Layout Elements --------------------------------------------------------------*/ /* Buttons */ .wp-block-button .wp-block-button__link { border: 1px solid #d2d2d2; font-family: inherit; font-size: 11px; font-size: 0.785714286rem; font-weight: normal; line-height: 1.428571429; padding: 6px 10px; padding: 0.428571429rem 0.714285714rem; } .entry-content .wp-block-button__link, .entry-content .wp-block-button__link:visited { background-color: #e6e6e6; color: #7c7c7c; } .is-style-outline .wp-block-button__link, .is-style-outline .wp-block-button__link:visited { color: currentColor; } .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link:visited { background-color: inherit; border-color: inherit; } .entry-content .wp-block-button__link:hover, .entry-content .wp-block-button__link:visited:hover, .entry-content .wp-block-button__link:focus { background-color: #ebebeb; color: #5e5e5e; } .entry-content .wp-block-button__link:active { background-color: #e1e1e1; color: #757575; } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); } .wp-block-button__link:not(.has-text-color) { box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); } .wp-block-button__link:not(.has-background):hover, .wp-block-button__link:not(.has-background):focus { background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb); background-repeat: repeat-x; } .wp-block-button__link:not(.has-background):active { background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1); background-repeat: repeat-x; border-color: transparent; } .wp-block-button__link:not(.has-text-color):active { box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; } /* Separator */ .wp-block-separator { border: 0; } /* Media & Text */ .wp-block-media-text { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .wp-block-media-text *:last-child { margin-bottom: 0; } /* Navigation */ .site-content .wp-block-navigation { overflow: visible; } /*-------------------------------------------------------------- 5.0 Blocks - Widgets --------------------------------------------------------------*/ /* Archives, Categories & Latest Posts */ .wp-block-archives.aligncenter, .wp-block-categories.aligncenter, .wp-block-latest-posts.aligncenter { list-style-position: inside; text-align: center; } /* Latest Comments */ .wp-block-latest-comments { margin: 0; padding: 0; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 0; box-shadow: none; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 60px; } .wp-block-latest-comments__comment, .wp-block-latest-comments__comment-excerpt, .wp-block-latest-comments__comment-excerpt p { font-size: 14px; } .wp-block-latest-comments__comment-excerpt p:last-child { margin-bottom: 0; } .wp-block-latest-comments__comment-date { color: #5e5e5e; } .wp-block-latest-comments .wp-block-latest-comments__comment { margin: 0; padding: 24px 0; padding: 1.714285714rem 0 0; } .wp-block-latest-comments article { margin-bottom: 0; } /*-------------------------------------------------------------- 6.0 Blocks - Colors --------------------------------------------------------------*/ .entry-content .has-blue-color, .entry-content .has-blue-color:visited { color: #21759b; } .entry-content .has-blue-background-color, .entry-content .has-blue-background-color:visited { background-color: #21759b; } .entry-content .has-dark-gray-color, .entry-content .has-dark-gray-color:visited { color: #373737; } .entry-content .has-dark-gray-background-color, .entry-content .has-dark-gray-background-color:visited { background-color: #373737; } .entry-content .has-medium-gray-color, .entry-content .has-medium-gray-color:visited { color: #9f9f9f; } .entry-content .has-medium-gray-background-color, .entry-content .has-medium-gray-background-color:visited { background-color: #9f9f9f; } .entry-content .has-light-gray-color, .entry-content .has-light-gray-color:visited { color: #e6e6e6; } .entry-content .has-light-gray-background-color, .entry-content .has-light-gray-background-color:visited { background-color: #e6e6e6; } .entry-content .has-white-color, .entry-content .has-white-color:visited { color: #fff; } .entry-content .has-white-background-color, .entry-content .has-white-background-color:visited { background-color: #fff; }