/* New Landing Page */ body.page-template-page-landing{ height: auto; display: block; } body.page-template-page-landing #branding,body.page-template-page-landing #main-holder{ font:16px Proxima,sans-serif; } body{display: block;height: auto;font-family: 'Proxima',sans-serif;font-size: 16px;} @font-face{font-family:'Proxima';src:url(fonts/landing/ProximaNova-Semibold.eot);src:url(fonts/landing/ProximaNova-Semibold.eot?#iefix) format("embedded-opentype"),url(fonts/landing/ProximaNova-Semibold.woff2) format("woff2"),url(fonts/landing/ProximaNova-Semibold.woff) format("woff");font-weight:600;font-style:normal} @font-face{font-family:'Proxima';src:url(fonts/landing/ProximaNova-Bold.eot);src:url(fonts/landing/ProximaNova-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/landing/ProximaNova-Bold.woff2) format("woff2"),url(fonts/landing/ProximaNova-Bold.woff) format("woff");font-weight:700;font-style:normal} @font-face{font-family:'Proxima';src:url(fonts/landing/ProximaNova-Regular.eot);src:url(fonts/landing/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/landing/ProximaNova-Regular.woff2) format("woff2"),url(fonts/landing/ProximaNova-Regular.woff) format("woff");font-weight:400;font-style:normal} /* Containers */ #main img{max-width:100%;height:auto} #page{width:100%;overflow:hidden;padding-top: 77px;} #main-holder{width:100%;overflow:hidden;padding:70px 0 0} .content-holder{width:1176px;margin:0 auto} /* Header */ #branding{z-index: 10000; width:100%;background:#0066ab;box-sizing:border-box;-webkit-box-sizing:border-box;padding:16px 34px 17px 30px;overflow: hidden;position:fixed;top:0;left:0;} #branding a.logo{float:left;margin-top:10px} #branding a.logo strong{float:left;font-size:17px;margin-top:8px;font-weight: normal;} #branding a.logo svg{width:138px;float:left;margin:0 25px 0 0;height: 25.6px;} #branding a.pilot-logo{margin-left:76px;float:right} #branding a.pilot-logo img{max-width:130px} #branding a{color:#fff;text-decoration:none} #branding a.btn{text-transform: none; float:right;height:44px;line-height:44px;text-align:center;padding:0 25px;border:1px solid #fff;border-radius:2px;-webkit-border-radius:2px;color:#fff;transition:ease 350ms all;-webkit-transition:ease 350ms all;font-size:17px} #branding a.btn:hover{background:#fff;color:#0066ab} /* Banner */ .banner{width:100%;overflow:hidden} .banner img{width:100%;height:auto} /* Builder */ .builder .cta{background:#eaeaea;width:100%;padding:70px 0;margin-bottom:75px} .builder .cta .content-holder{display:flex;display:-webkit-flex;justify-content:center;align-items:center;display:-ms-flex} .builder .cta .content-holder p{margin:0 17px;font:32px Proxima,sans-serif;color:#2B7FBB;line-height:43px;text-align:center} .builder .cta .content-holder a{margin:0 17px;height:43px;line-height:43px;color:#fff;font-size:16px;font-family:Proxima,sans-serif;border:1px solid #006cb7;border-radius:2px;-webkit-border-radius:2px;background:#006cb7;text-align:center;text-decoration:none;flex-basis:206px;flex-shrink:0;transition:ease 350ms all;-webkit-transition:ease 350ms all} .builder .cta .content-holder a span.icon{width:25px;height:25px;display:inline-block;vertical-align:middle;background:url(img/landing/d-icon.png) no-repeat 0 0;margin:-4px 0 0 14px} .builder .cta .content-holder a:hover{background:#044a7a} .builder .links-holder{width:100%;overflow:hidden} .builder .link-boxes{margin:0 0 52px} .builder .links-holder .item{display:inline-block;vertical-align:top;margin:0 24px 25px 0;width:274px;text-align:center;transition:ease all 350ms;-webkit-transition:ease all 350ms} .builder .links-holder .item h3{color:#2B7FBB;font-size:24px;font-weight:400;margin:0 0 10px} .builder .links-holder .item p{color:#666;line-height:22px;font-size:16px} .builder .links-holder .item img{margin:0 0 25px} .builder .links-holder a.item:hover{opacity:.8} .builder .links-holder a.item{text-decoration:none} .builder .links-holder .item:nth-child(4n){margin-right:0} .builder .video-section{margin-bottom:65px} .builder .video-container{position:relative;padding-bottom:55%;height:0;overflow:hidden} .builder .video-container .wrapper{position:relative;padding-bottom:200%;transform:translateY(-35.95%)} .builder .video-container iframe,.builder .video-container object,.builder .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%} .builder .video-container video{position:absolute;top:49.5%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);background-size:cover} .builder .video-section h3{text-align:center;color:#2B7FBB;margin:0 0 30px;font-size:34px;font-weight:400} .builder .editor{width:100%;overflow:hidden;margin:0 0 60px} .builder .editor h3{color:#2B7FBB;margin:0 0 10px;font-size:34px;font-weight:400} .builder .faq{width:100%;overflow:hidden;margin-bottom:70px;background: none;padding-left: 0;padding-right: 0;margin-left: 0;margin-right: 0;} .builder .faq h3{text-align:center;color:#2B7FBB;margin:0 0 20px;font-size:34px;font-weight:400} .builder .faq .faq-block{width:100%;overflow:hidden;border-bottom:1px solid #bdbdbd} .builder .faq .faq-block .item{width:100%;overflow:hidden;border-top:1px solid #bdbdbd;padding:25px 40px 0 65px;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;transition:ease 350ms background-color;-webkit-transition:ease 350ms background-color} .builder .faq .faq-block .item h4{color:#4c4c4c;font-size:17px;font-weight:600;margin:0;padding:0 0 25px;position:relative} .builder .faq .faq-block .item h4:after{content:'+';position:absolute;right:0;top:-7px;font-size:28px;color:#0066AB} .builder .faq .faq-block .item .answer{color:#666;margin:0;padding-bottom:25px;display:none;position:relative;top:-5px} .builder .faq .faq-block .item .answer p{font-size:16px;line-height:22px} .builder .faq .faq-block .item .answer p a:hover {text-decoration: underline;} .builder .faq .faq-block .item .answer p a {color: #0461a9;} .builder .faq .faq-block .item:hover{background:#eaeaea} .builder .faq .faq-block .item.active h4:after{content:'-'} .builder .slider{width:100%;overflow:hidden;margin-bottom:80px;text-align:center} .builder .slider h3{text-align:center;color:#2B7FBB;margin:0 0 10px;font-size:32px;font-weight:400} .builder .slider p{margin-bottom:25px} .builder .instagram{width:100%;overflow:hidden;margin-bottom:60px} .builder .instagram h3{text-align:center;color:#2B7FBB;margin:0 0 30px;font-size:28px;font-weight:400} .builder .instagram h3 i{display:block;margin-bottom:15px} .builder .instagram p{text-align:center;line-height:20px;margin-bottom:40px;max-width: 760px;margin-left: auto;margin-right: auto;} .carousel{position:relative;width:1176px;height:auto;border:none;overflow:visible} .carousel .slides{margin:0;padding:0;border:none;list-style:none;position:relative;overflow:visible} .carousel .slides .slideItem{position:absolute;cursor:pointer;overflow:hidden;padding:0;margin:0;border:none} .carousel .slides .slideItem .wrap,.mobile-slider a{display:block;text-decoration:none;margin:0;padding:0;border:none;outline:none;position:relative} .carousel .slides .slideItem a span.play,.mobile-slider a span.play{width:88px;height:88px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);background:#000;border-radius:50%;-webkit-border-radius:50%;color:#fff;font-size:32px;line-height:88px;text-align:center;transition:ease 350ms background;-webkit-transition:ease 350ms background} .carousel .slides .slideItem a span.play i,.mobile-slider a span.play i{margin-left: 6px;} .carousel .slides .slideItem a span.play:hover,.mobile-slider a span.play:hover{background:#006cb7} .carousel .slides .slideItem img{margin:0;padding:0;border:none;width:100%;height:100%} .mobile-slider .slideItem{width:100%} .mobile-slider .slideItem img{width:100%;height:auto} .mobile-slider{position:relative} .mobile-slider span.sl-prev,.mobile-slider span.sl-next{position:absolute;top:45%;left:10px;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);z-index:200;font-size:0} .mobile-slider span.sl-next{left:auto;right:30px} .mobile-slider span.sl-prev:before,.mobile-slider span.sl-next:before{position:absolute;top:-22px;left:0;content:'\f104';font-family:"fontello";color:#4e4e4e;font-size:75px;transition:ease 350ms color;-webkit-transition:ease 350ms color} .mobile-slider span.sl-next:before{content:'\f105'} .mobile-slider .nextButton:hover:before{color:#006cb7} .mobile-slider .prevButton:hover:before{color:#006cb7} .carousel .nextButton{ position:absolute;right:-125px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);width:35px;height:43px;cursor:pointer;z-index:9999;transition:ease 350ms color;-webkit-transition:ease 350ms color} .carousel .prevButton{position:absolute;left:-110px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);width:35px;height:43px;background:url(../images/prev_button.png);cursor:pointer;z-index:9999} .carousel .nextButton:before{content:'';background: url(img/arrow-r.png) no-repeat 0 0 / auto 42.5px; width:37.5px;height:43px;position:absolute;top:0;left:0;/*content:'\f105'*/;font-family:"fontello";color:#4e4e4e;/*font-size:75px;*/transition:ease 350ms color;-webkit-transition:ease 350ms color} .carousel .nextButton:hover:before{color:#006cb7} .carousel .prevButton:hover:before{color:#006cb7} .carousel .prevButton:before{content:'';background: url(img/arrow-l.png) no-repeat 0 0 / auto 42.5px;width:37.5px;height:43px; position:absolute;top:0;left:0;/*content:'\f104';*/font-family:"fontello";color:#4e4e4e; /*font-size:75px;*/transition:ease 350ms color;-webkit-transition:ease 350ms color} .carousel .buttonNav{position:relative;margin:0 auto;z-index:999} .carousel .buttonNav .numbers{position:relative;float:left;margin:5px;color:#828282;cursor:pointer;font-weight:700;text-decoration:none;font-size:1em;font-family:Arial,Verdana} .carousel .buttonNav .numbers:hover{color:#000;text-decoration:underline} .carousel .buttonNav .numberActive{background:none;color:#000;cursor:default} .carousel .buttonNav .bullet{position:relative;float:left;width:16px;height:16px;background:url(../images/Bullet-White.png) no-repeat center;margin:5px;float:left;cursor:pointer} .carousel .shadow{width:100%;height:82px} .carousel .shadow .shadowLeft{background:url(../images/shadowLeft.png) no-repeat;width:100px;height:82px;-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png,sizingmethod=scale)";filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png,sizingmethod=scale)} .carousel .shadow .shadowMiddle{height:82px;background:url(../images/shadowTile.png) repeat-x;-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png,sizingmethod=scale)";filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png,sizingmethod=scale)} .carousel .shadow .shadowRight{width:100px;height:82px;background:url(../images/shadowRight.png) no-repeat;-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png,sizingmethod=scale)";filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png,sizingmethod=scale)} .range{width:100%;float:left;margin-bottom:95px} .range h3{color:#2B7FBB;margin:0 0 15px;font-size:34px;font-weight:400} .range p{line-height:24px;margin-bottom:30px} .range-holder{width:100%;float:left} .range-holder .left-col{width:505px;padding-left:10px;float:left} .range-holder .left-col .colors{width:312px} .range-holder .left-col .colors .item{cursor:pointer} .range-holder .left-col .colors img{max-width:31px;height:auto} .range-holder .left-col .colors .item{margin:0 13px 12px 0;width:31px;display:inline-block;vertical-align:top} .range-holder .right-col{width:590px;float:right;margin-top:20px;position:relative} .range-holder .right-col .image-item{position:absolute;top:0;left:0;width:100%;opacity:0;transition:ease 350ms opacity} .range-holder .right-col .image-item.active{opacity:1} .range-holder .right-col img{max-height:280px;width:auto;vertical-align: bottom;} .range-holder .right-col .p-item{ float: left; width: 170px; height: 280px; margin:0 -25px 0 0; position: relative; } .range-holder .right-col .p-item img{ position: absolute; bottom: 45px; left: 0; } .range-holder .right-col .p-item span{ width: 57px; height: 35px; display: block; position: absolute; bottom: 0; left: -22px; } .range-holder .right-col .p-item.ef span{background: url(img/landing/1-s.png) no-repeat 50% 0 / auto 38px;} .range-holder .right-col .p-item.f span{background: url(img/landing/2-s.png) no-repeat 50% 0 / auto 38px;} .range-holder .right-col .p-item.m span{background: url(img/landing/3-s.png) no-repeat 50% 0 / auto 38px;} .range-holder .right-col .p-item.b span{background: url(img/landing/4-s.png) no-repeat 50% 0 / auto 38px;} body.compensate-for-scrollbar{overflow:hidden} .fancybox-active{height:auto} .fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden} .fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992} .fancybox-container *{box-sizing:border-box} .fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0} .fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto} .fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(0.47,0,0.74,0.71)} .fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(0.22,0.61,0.36,1)} .fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0 ease .25s;visibility:hidden;z-index:99997} .fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0 ease 0;visibility:visible} .fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .fancybox-toolbar{right:0;top:0} .fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994} .fancybox-is-open .fancybox-stage{overflow:hidden} .fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994} .fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0} .fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block} .fancybox-slide--image{overflow:hidden;padding:44px 0} .fancybox-slide--image:before{display:none} .fancybox-slide--html{padding:6px} .fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle} .fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(0.5,0,0.14,1);animation-timing-function:cubic-bezier(0.5,0,0.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995} .fancybox-can-zoomOut .fancybox-content{cursor:zoom-out} .fancybox-can-zoomIn .fancybox-content{cursor:zoom-in} .fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab} .fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing} .fancybox-container [data-selectable=true]{cursor:text} .fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%} .fancybox-spaceball{z-index:1} .fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%} .fancybox-slide--video .fancybox-content{background:#000} .fancybox-slide--map .fancybox-content{background:#e5e3df} .fancybox-slide--iframe .fancybox-content{background:#fff} .fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%} .fancybox-iframe{left:0;position:absolute;top:0} .fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%} .fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0} .fancybox-button{background:rgba(30,30,30,0.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px} .fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc} .fancybox-button:hover{color:#fff} .fancybox-button:focus{outline:none} .fancybox-button.fancybox-focus{outline:1px dotted} .fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none} .fancybox-button div{height:100%} .fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%} .fancybox-button svg path{fill:currentColor;stroke-width:0} .fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){display:none} .fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:linear;z-index:99998} .fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401} .fancybox-close-small:hover{color:#fff;opacity:1} .fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0} .fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden} .fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none} .fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px} .fancybox-navigation .fancybox-button div{padding:7px} .fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px} .fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0} .fancybox-caption{bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0;text-align:center;z-index:99996} .fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-44px;z-index:-1} .fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none} .fancybox-caption a:hover{color:#fff;text-decoration:underline} .fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999} @-webkit-keyframes a { to{-webkit-transform:rotate(1turn);transform:rotate(1turn)} } @keyframes a { to{-webkit-transform:rotate(1turn);transform:rotate(1turn)} } .fancybox-animated{transition-timing-function:cubic-bezier(0,0,0.25,1)} .fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} .fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)} .fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(0.19,1,0.22,1)} .fancybox-fx-fade.fancybox-slide--current{opacity:1} .fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)} .fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0.5,0.5,0.5);transform:scale3d(0.5,0.5,0.5)} .fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)} .fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)} .fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)} .fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)} .fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)} .fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)} .fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)} .fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(0.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(0.1) skew(-10deg)} .fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(0.1) skew(10deg);transform:translate3d(100%,0,0) scale(0.1) skew(10deg)} .fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)} @media (max-height: 576px) { .fancybox-caption{padding:12px} .fancybox-slide{padding-left:6px;padding-right:6px} .fancybox-slide--image{padding:6px 0} .fancybox-close-small{right:-6px} .fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px} } .fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center} .fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px} .fancybox-share p{margin:0;padding:0} .fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap} .fancybox-share__button:link,.fancybox-share__button:visited{color:#fff} .fancybox-share__button:hover{text-decoration:none} .fancybox-share__button--fb{background:#3b5998} .fancybox-share__button--fb:hover{background:#344e86} .fancybox-share__button--pt{background:#bd081d} .fancybox-share__button--pt:hover{background:#aa0719} .fancybox-share__button--tw{background:#1da1f2} .fancybox-share__button--tw:hover{background:#0d95e8} .fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px} .fancybox-share__button svg path{fill:#fff} .fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%} .fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995} .fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden} .fancybox-show-thumbs .fancybox-thumbs{display:block} .fancybox-show-thumbs .fancybox-inner{right:212px} .fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%} .fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3)} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px} .fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,0.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px} .fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(0.25,0.46,0.45,0.94);z-index:99991} .fancybox-thumbs__list a:focus:before{opacity:.5} .fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1} @media (max-width: 576px) { .fancybox-thumbs{width:110px} .fancybox-show-thumbs .fancybox-inner{right:110px} .fancybox-thumbs__list a{max-width:calc(100% - 10px)} } @font-face{font-family:'fontello';src:url(fonts/landing/fontello.eot?10161944);src:url(fonts/landing/fontello.eot?10161944#iefix) format("embedded-opentype"),url(fonts/landing/fontello.woff2?10161944) format("woff2"),url(fonts/landing/fontello.woff?10161944) format("woff"),url(fonts/landing/fontello.ttf?10161944) format("truetype"),url(fonts/landing/fontello.svg?10161944#fontello) format("svg");font-weight:400;font-style:normal} i[class^="icon-"]:before,i[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .icon-play:before{content:'\e800'} .icon-facebook:before{content:'\f09a'} .icon-angle-left:before{content:'\f104'} .icon-angle-right:before{content:'\f105'} .icon-instagram:before{content:'\f16d'} .socials a i[class^="icon-"]:before, .socials a i[class*=" icon-"]:before {top: 0px;position: relative;} #footer.landing{width:100%;overflow:hidden;background:#0066ab;padding:47px 0 115px} #footer.landing .content-holder{width:1080px;padding-left: 45px;padding-right: 45px;} #footer.landing .left-col{width:620px;float:left} #footer.landing .left-col .socials{width:100%;overflow:hidden} #footer.landing .left-col .socials a{float:left;width:35px;height:35px;border-radius:50%;-webkit-border-radius:50%;color:#0065ab;background:#4c94c4;line-height:35px;text-align:center;margin-right:10px;font-size:16px;transition:ease 350ms all;-webkit-transition:ease 350ms all} #footer.landing .left-col .socials a:hover{background:#fff} #footer.landing ul li:nth-child(2n) {margin-right: 0;} /* #footer.landing .right-col h4{color:#fff;margin:0 0 25px;text-transform:uppercase;font-weight:400;font-size:16px} */ #footer.landing .pilot-logo img{max-width:130px;height:auto;margin:0 0 20px -10px} #footer.landing p{color:#fff;font:16px/28px Proxima,sans-serif;margin:0 0 23px} #footer.landing ul li { display: inline-block; vertical-align: top; margin: 0 10px 15px 0; width: 102px; vertical-align: top; } #footer.landing p a{color:#fff;text-decoration: none;} #footer.landing ul{color:#fff;font-family:"Frutiger LT Com", Helvetica, "Arial", sans-serif;font-size: 14px;font-weight: 300;} #footer.landing ul a{color:#fff;text-decoration:none} #footer.landing ul a:hover{text-decoration:underline} img.aligncenter{display:block;margin-left:auto;margin-right:auto} img.alignright{display:inline;margin:0 0 2px 7px;padding:4px} img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px} .alignright{float:right} .alignleft{float:left} #comments_wrap ol{list-style:none} #comments_wrap ol li{border-bottom:1px solid #CCC;margin:0 0 5px} #comments_wrap .commentmetadata{margin:0 0 10px} #comments_wrap .comment-author{border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px} #comments_wrap .comment-author img{float:left;margin:0 10px 0 0} #comments_wrap .comment-author cite{font-weight:700} .wp-caption{background:#f3f3f3;border:1px solid #ddd;border-radius:3px;margin:10px;padding-top:4px;text-align:center} .wp-caption img{border:0 none;margin:0;padding:0} .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px} #main-holder img{max-width:100%;height:auto} .mobile-slider{display:none} #main-holder ul,#main-holder ol{list-style:disc;padding-left:15px} #main-holder .instagram .instagram-el{border-radius: 0 !important;-webkit-border-radius: 0 !important;} .form-popup{ max-width: 810px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Proxima,sans-serif; } .form-popup .head{ background: #0066ab; overflow: hidden; padding: 0 20px; line-height: 38px; } .form-popup .head a.close{ float: right; width: 20px; height: 20px; position: relative; margin:10px 0 0; } .form-popup .head a.close span{ position: absolute; width: 100%; height: 1px; top: 8px; left: 0; background:#fff; transform: rotate(45deg); } .form-popup .head a.close span:after{ content:''; position: absolute; width: 100%; height: 1px; top: 0; left: 0; background:#fff; transform: rotate(90deg); } .form-popup .head h4{ color: #fff; font-weight: normal; font-size: 18px; padding:0; margin: 0; font-family: Proxima,sans-serif; } .form-popup .wrapper{ background: #fff; display: flex; padding:34px 0; flex-wrap: wrap; } .form-popup .wrapper .left-col, .form-popup .wrapper .right-col{ width: 50%; } .form-popup .wrapper p.phone{ padding-left:48px; color: #0064a8; background: url(img/ph-form.png) no-repeat 0 9px; font-size: 42px; margin: 0; display: inline-block; vertical-align: top; } .form-popup .wrapper .right-col{ border-left: 1px solid #808080; padding: 0 45px; position: relative; } .form-popup .wrapper .right-col span{ display: block; text-align: center; color:#808080; font-size: 15px; } .form-popup .wrapper .right-col p.address{ font-size: 16px; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; } .form-popup .wrapper .right-col p.address strong{display: block;} .form-popup .wrapper .right-col p.phone a {color:#0064a8;text-decoration: none;} .form-popup .wrapper .right-col span{ position: absolute; top: 0; left: 0; text-align: center; width: 100%; } .form-popup .wrapper .phone-holder{ margin: 0; text-align: center; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); width: 100%; text-align: center; } .form-popup{display: none;} .form-popup .wrapper .left-col form{text-align: left;width: 100%;padding: 0 20px;box-sizing: border-box;-webkit-box-sizing: border-box;} .form-popup .wrapper .left-col form .row input[type="text"], .form-popup .wrapper .left-col form .row input[type="password"], .form-popup .wrapper .left-col form .row input[type="tel"], .form-popup .wrapper .left-col form .row input[type="email"]{ box-sizing: border-box; -webkit-box-sizing: border-box; padding:0 20px; background:#fff; height: 44px; border:1px solid #808080; border-radius: 2px; -webkit-border-radius: 2px; font-family: Proxima,sans-serif; color: #808080; width: 100%; font-size: 15px; } .form-popup .wrapper .left-col form .row{ width: 100%; padding-bottom: 10px; } .form-popup .wrapper .left-col form .row.captcha { padding-bottom: 25px; } .form-popup .wrapper .left-col form .row textarea{ box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; border:1px solid #808080; border-radius: 2px; -webkit-border-radius: 2px; font-family: Proxima,sans-serif; color: #808080; height: 115px; width: 100%; padding: 12px 20px; font-size: 15px; resize: none; } .form-popup .wrapper .left-col form input[type="submit"]{ width: 176px; margin:0 auto; color: #fff; font-size: 15px; background: #0066ab; height: 42px; border:none; display: block; border-radius: 2px; -webkit-border-radius: 2px; font-family: Proxima,sans-serif; } .form-popup .wrapper .left-col form input[type="submit"]:hover{background:#05446f; } .form-popup .wrapper .left-col form p{ display: block; text-align: center; color:#808080; font-size: 15px; margin: 0 0 15px; } .form-popup .wrapper .wpcf7-not-valid{border-color: #f00 !important;} .fancybox-container.form-modal .fancybox-content{padding: 0 !important;} .fancybox-container.form-modal .fancybox-button svg{color:#fff !important;} .fancybox-container.form-modal .fancybox-close-small{ width: 55px !important; height: 55px !important; opacity: 1 !important; top:-8px !important; } .form-popup .wrapper .wpcf7-form.sent input[type="submit"],.form-popup .wrapper .wpcf7-form.sent p.msg{display: none;} .page-template-page-frixion #branding{padding-top: 13px;padding-bottom: 15px;} .page-template-page-frixion #branding a.logo{margin-top: 0} .page-template-page-frixion #branding a.btn{margin-top: 6px;} .page-template-page-frixion #branding a.pilot-logo{margin-top: 8px} .page-template-page-frixion #branding a.logo img{float: left;margin-right: 28px;margin-top: -4px;max-width: 125px;height: auto;} .page-template-page-frixion #branding a.logo strong{float: left;margin-top: 18px;} /* .form-popup .wpcf7-recaptcha > div{width: 100% !important;} .form-popup .wpcf7-recaptcha > div iframe{width: 100% !important} */ .banner-placer{ width: 100%; overflow: hidden; position: relative; } .banner-placer .video-placer{ padding-bottom: 56.6%; position: relative; width: 100%; height: 0; } .banner-placer .video-placer video{ width: 100%; height: 100%; position: absolute; top:-1px; left:0; } .banner-placer img{ width: 100%; height: auto; } .banner-placer span.decor{ width: 102%; height: 263px; background: url(img/frixion/white-bg-top-small.png) no-repeat 50% 0; background-size:cover; position: absolute; bottom: -95px; left: 0; } .page-template-page-frixion .content-wrapper{ max-width: 1100px; width: 100%; padding: 0 15px; margin: 0 auto; position: relative; } .page-template-page-frixion .f-intro .content-wrapper{margin-bottom: 65px;max-width: 1080px;overflow: hidden;} .page-template-page-frixion .content-wrapper *{ position: relative; z-index: 10; } .page-template-page-frixion .f-intro .content-wrapper .text-wrapper{ max-width: 475px; margin: 0 auto; padding-top: 100px; } .page-template-page-frixion .f-intro .content-wrapper .text-wrapper.with-img{float: left;} .page-template-page-frixion .f-intro .content-wrapper .img-hold{ float: right; } .page-template-page-frixion .f-intro .content-wrapper .img-hold img{ max-width: 530px !important; height: auto !important; } .page-template-page-frixion h2{ font-size: 40px; color:#005baa; margin: 0 0 15px; } .page-template-page-frixion #main-holder{padding:0;margin-top:-85px;} .page-template-page-frixion .f-intro img.alignright{margin-left: 40px;margin-top:-120px;} .page-template-page-frixion .f-intro{ position: relative; z-index: 20; width: 100%; float: left; padding-top: 60px; } .page-template-page-frixion .f-intro span.bottom-decor{ width: 105%; height: 320px; background: url(img/frixion/bottom-white-bg.png) repeat-x 0 100%; background-size:cover; position: absolute; bottom: 0; left: 0; } .page-template-page-frixion .range-section{ width: 100%; float: left; position: relative; margin-top: -240px; } .page-template-page-frixion .range-section .top-decor { position: absolute; width: 107%; top: -100px; left: 0; height: 352px; background: url(img/frixion/bottom-white-bg.png) no-repeat -120px 100%; background-size: 102% auto; } .page-template-page-frixion .range-section h3,.page-template-page-frixion .range-section p{color: #fff;} .page-template-page-frixion #main-holder .range-section a.btn{ background: #fff; color: #005baa; } .page-template-page-frixion #main-holder .range-section a.btn:hover{ color: #fff; background: #005baa; } .page-template-page-frixion .range-section .frame{ width: 100%; background:#eaeaea; float: left; padding: 70px 0 303px; background:#f6931e url(img/frixion/o-decor.png) repeat 50% 10px; background-size: cover; } .page-template-page-frixion h3{ font-size: 40px; color:#005baa; margin: 0 0 15px; } .page-template-page-frixion #main-holder a.btn{ height: 48px; min-width: 182px; line-height: 48px; color: #fff; background: #005baa; text-transform: none; box-sizing: border-box; -webkit-box-sizing: border-box; transition: background ease 350ms; -webkit-transition: background ease 350ms; display: inline-block; border: 1px solid #005baa; vertical-align: top; } .page-template-page-frixion #main-holder a.btn:hover{ background: #fff; color: #005baa; } .page-template-page-frixion .range-section .wrapper{ width: 470px; float: right; text-align: center; padding:300px 0 100px; position: relative; z-index: 30; } .page-template-page-frixion .range-section .wrapper p{margin-bottom: 25px} .page-template-page-frixion .range-section img.hand-pen{ max-width: 60% !important; height: auto !important; float: left; margin-top: 58px; margin-left: -150px; position: relative; z-index: 30; } .page-template-page-frixion .range-section .pens-holder{padding: 50px 0;} .page-template-page-frixion .refills-section{ width: 100%; float: left; margin-top: -303px; padding-top: 303px; background:url(img/frixion/blue-top.png) no-repeat 50% 0; background-size: 100% auto; position: relative; } .page-template-page-frixion .refills-section .frame{ width: 100%; background: #005ca9; padding-bottom: 263px; float: left; } .page-template-page-frixion .refills-section .content-wrapper{max-width: 1190px;} .page-template-page-frixion .refills-section .text-hold{ float: right; width: 627px; text-align: center; } .page-template-page-frixion .refills-section .ref-img{ width: 510px; height: 510px; border: 10px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; float: left; overflow: hidden; margin: -300px 0 0; -webkit-box-shadow: 1px 5px 12px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 5px 12px 0px rgba(0, 0, 0, 0.6); box-shadow: 1px 5px 12px 0px rgba(0, 0, 0, 0.6); } .page-template-page-frixion .refills-section .ref-img img{object-fit: cover;} .page-template-page-frixion .refills-section .exclusive{ width: 100%; background:#0862ae; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 80px 50px 0; margin-bottom: 90px; margin-top: -340px; position: relative; display: none; } .page-template-page-frixion .refills-section .exclusive h3 img{vertical-align: middle;} .page-template-page-frixion .refills-section .wrapper{ width: 610px; margin: 0 auto; text-align: center; } .page-template-page-frixion .refills-section h3{color: #fff;} .page-template-page-frixion .refills-section p{color: #fff;margin-bottom: 30px;} /*.page-template-page-frixion .refills-section .img-wrapper{margin-bottom: -45px;}*/ .page-template-page-frixion #main-holder a.btn.white{ background: none; border:1px solid #fff; } .page-template-page-frixion #main-holder a.btn.white:hover{ background: #fff; color: #005baa; } .page-template-page-frixion .slider.frixion{ width: 100%; float: left; text-align: center; background: url(img/frixion/green-bg.png) no-repeat 50% -150px; background-size:cover; } .page-template-page-frixion .slider.frixion h3{color: #fff;} .page-template-page-frixion .slider.frixion .frame{ width: 100%; float: left; padding-top: 300px; padding-bottom: 370px; } .page-template-page-frixion .slider.frixion span.decor{ width: 100%; height: 114px; background: url(img/frixion/white-cut.png) repeat-x 50% 0; background-size:auto 125px; display: block; margin-top: -180px; float: left; } .page-template-page-frixion .slider.frixion p{margin-bottom: 52px;color: #fff;} .page-template-page-frixion .slider.frixion .carousel .prevButton:before{background: url(img/arrow-l-white.png) no-repeat 0 0 / auto 42.5px;} .page-template-page-frixion .slider.frixion .carousel .nextButton:before{background: url(img/arrow-r-white.png) no-repeat 0 0 / auto 42.5px;} .page-template-page-frixion .slider.frixion span.play{background:#006cb7 !important; } .page-template-page-frixion .slider.frixion span.play:hover{background:#000 !important; } .page-template-page-frixion .builder .faq h3, .page-template-page-frixion .builder .instagram h3{ font-size: 40px; color:#005baa; margin: 0 0 40px; font-weight: bold; } .page-template-page-frixion .builder .instagram{ padding-top: 175px; float: left; overflow: visible; background: url(img/frixion/white-bg-top-small-l.png) no-repeat 50% 0; background-size:100% auto; margin-top: -263px; } .page-template-page-frixion .logos{ width: 100%; float: left; background-size:auto 125px; position: relative; margin-bottom: -233px; } .page-template-page-frixion .logos .frame{ width: 100%; background: url(img/frixion/white-bg-top-small-l.png) no-repeat 50% 0; background-size: 101% auto; float: left; text-align: center; padding-top: 263px; margin-top: -263px; } .page-template-page-frixion .logos .frame-bot{ background: url(img/frixion/bottom-frame.png) no-repeat 50% 100%; background-size:100% auto; width: 100%; float: left; padding-bottom: 233px; } .page-template-page-frixion .logos .frame h3{margin-bottom: 35px;} .page-template-page-frixion .logos .frame .l-wrapper{ text-align: center; line-height: 50px; width: 100%; margin-bottom: 40px; } .page-template-page-frixion .logos a{color:#0066A4;text-decoration: none;} .page-template-page-frixion .logos a:hover{text-decoration: underline;} .page-template-page-frixion .logos .frame .l-wrapper img{ display: inline-block; vertical-align: middle; line-height: 50px; margin: 0 15px 30px; } .page-template-page-frixion .pens{ width: 100%; overflow: hidden; text-align: center; margin-bottom: 50px; padding-top: 50px; } .page-template-page-frixion .pens .pen{ width: 400px; display: inline-block; vertical-align: top; margin: 0 -36px 85px; position: relative; cursor: pointer; } .pen-slider-holder{width: 100%;} .page-template-page-frixion .pens .pen:last-child img{width: 80%;} .page-template-page-frixion .pens .pen:last-child .pen-slider-holder{left: 40px;} .page-template-page-frixion .pens .pen:last-child{margin-top: 85px;} .page-template-page-frixion .pens .pen:last-child img.pen-logo{top:-100px;right: 35px;} .page-template-page-frixion .pens .pen:last-child .shadow{top:42px;left:64px;} .page-template-page-frixion .pens .pen .pen-slider-holder{ position: absolute; top:0; left: 0; z-index: 20; opacity: 0; transition: ease 1s opacity; } .page-template-page-frixion .pens .pen:hover .pen-slider-holder{opacity: 1;transition-delay:1000ms;} .page-template-page-frixion .pens .pen img.pen-logo{ position: absolute; top:0; right: 100px; max-width: 132px !important; height: auto !important; opacity: 0; transition: ease 350ms opacity; -webkit-transition: ease 350ms opacity; z-index: 30; } .page-template-page-frixion .pens .pen:hover img.pen-logo{opacity: 1;} .page-template-page-frixion .pens .pen img{ max-width: 100%; height: auto; } .page-template-page-frixion .pens .shadow{ position: absolute; top: 24px; left: 0px; z-index: 10; } /* .page-template-page-frixion .pens .pen:last-child .shadow{ top: 0px; left: 14px; } */ .page-template-page-frixion .m-holder{ position: relative; z-index: 20; } body.page-template-page-frixion{ font-family: 'Proxima',sans-serif; font-size: 16px; display: block; height: auto; } /*.page-template-page-frixion .range-section.with-exclusive{padding-bottom: 175px;}*/ #footer.landing .right-col { width: 270px; float: right; border-left: 1px solid #fff; min-height: 165px; padding: 0 0px 0 50px; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 14px 30px 0 0; } #footer.landing .right-col h4 { color: #fff; margin: 0 0 25px; text-transform: uppercase; font-weight: 400; font-size: 16px; } .instagram .content-holder{width: 100%;position: relative;} .banner-placer .video-placer span.overlay{ width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 20; } .banner-placer .video-placer span.overlay .v-button{ width: 40px; height: 40px; line-height: 40px; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); color: #fff; text-align: center; } .banner-placer .video-placer span.overlay .v-button i{ font-size: 100px; cursor: pointer; opacity: 0; transition: ease opacity 350ms; -webkit-transition: ease opacity 350ms; } .banner-placer .video-placer span.overlay .v-button i.icon-pause{font-size: 86px;} .banner-placer .video-placer span.overlay:hover .v-button i{opacity: 0.6} .banner-placer .video-placer span.overlay .v-button i:hover{opacity: 1;} .banner-placer .video-placer span.overlay .v-button i.icon-pause{display: none;} .banner-placer .video-placer span.overlay .v-button.active i.icon-play{display: none;} .banner-placer .video-placer span.overlay .v-button.active i.icon-pause{display: block;} /* Responsive */ @font-face { font-family: 'pause'; src: url('fonts/landing/pause.eot?80325915'); src: url('fonts/landing/pause.eot?80325915#iefix') format('embedded-opentype'), url('fonts/landing/pause.woff2?80325915') format('woff2'), url('fonts/landing/pause.woff?80325915') format('woff'), url('fonts/landing/pause.ttf?80325915') format('truetype'), url('fonts/landing/pause.svg?80325915#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../font/fontello.svg?80325915#fontello') format('svg'); } } */ .icon-pause:before { font-family: "pause" !important; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-pause:before { content: '\e800' !important; } /* '' */ .page-template-page-markers #branding a.pilot-logo{display:none;} .page-template-page-markers #branding a.btn{font-weight: 600;margin-top: 5px;border-color:#ff002a;background-color:#ff002a} .page-template-page-markers #branding a.btn:hover{border-color:#fff;background-color:#fff;color:#ff002a} .page-template-page-markers .banner-placer span.decor{display:none;} .page-template-page-markers .logos{margin:0 0 74px;padding:61px 0 56px;border-top:1px solid #d7d7d7;/*border-bottom:1px solid #d7d7d7;*/width: 100%;float: left; position: relative;} .page-template-page-markers .logos .frame{width: 100%;float: left;text-align: center;} .page-template-page-markers .logos .frame-bot{width: 100%;float: left;} .page-template-page-markers .logos .frame h3{margin-bottom: 35px;font-weight:normal;} .page-template-page-markers .logos .frame .l-wrapper{text-align: center;line-height: 50px;width: 100%;margin-bottom: 40px;} .page-template-page-markers .logos a{color:#0066A4;text-decoration: none;} .page-template-page-markers .logos a:hover{text-decoration: underline;} .page-template-page-markers .logos .frame .l-wrapper img{ display: inline-block;vertical-align: middle;line-height: 50px;margin: 0 15px 30px;} .page-template-page-markers h3 { font-size: 40px; color: #005baa; margin: 0 0 15px; margin-bottom: 15px;} .page-template-page-markers .banner img{width: auto;max-width:100%;display:block;margin:0 auto} .page-template-page-markers #branding a.logo{margin-top:0} .page-template-page-markers #main-holder .row .text-holder img{margin-bottom:0} .page-template-page-markers .sections-rows h3 {font-weight:normal;font-size:43px;} .page-template-page-markers .builder .faq h3{font-size:44px;} .page-template-page-markers .banner-placer{display:none;} .page-template-page-markers .s-top{padding:0 0 62px;overflow:hidden;max-width:915px;margin:0 auto;text-align:center;} .page-template-page-markers .s-top .info-list{margin:0;padding:0;list-style:none;overflow:hidden;display:inline-block;vertical-align:top;} .page-template-page-markers .s-top .info-list li{display:inline-block;vertical-align:top;margin:0 25px} .page-template-page-markers .s-top .info-list li .img{width:56px;margin:0 auto 17px} .page-template-page-markers .s-top .info-list li .img img{max-width:100%;height:auto;display:block;} .page-template-page-markers .s-top .info-list li h4{color: #0066a4;margin:0;font-weight:normal;font-size:18px;line-height:22px} .page-template-page-markers .s-top h2{font-weight: normal;line-height: 67px;font-size: 62px;color: #0066a4;margin: 0 0 15px;margin-bottom: 44px;} .page-template-page-markers .videoWrapper {overflow:hidden; margin:0 0 65px; position: relative; padding-bottom:56.25%; height: 0;} .page-template-page-markers .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .sections-rows {max-width:1170px;margin:0 auto} .sections-rows:after{display:block;clear:both;content:'';} .sections-rows .row:after{display:block;clear:both;content:'';} .sections-rows .row .img{display:inline-block;width:54%;vertical-align:middle} #main-holder .sections-rows .row .img img{max-width:1000%;float:left;} #main-holder .sections-rows .row:nth-child(2n) .img img{max-width:1000%;float:right;} .sections-rows .row .text-holder{display:inline-block;width:45%;vertical-align:middle} .sections-rows .row:nth-child(2n+1) .img:first-child{display:none;} .sections-rows .row:nth-child(2n) .text-holder+ .img{display:none;} .sections-rows .row:last-child .img:first-child{display:none;} .sections-rows .row:last-child .text-holder+ .img{display:block;} .sections-rows .row:last-child .text-holder{display:block;width:100%;text-align:center;} .sections-rows .row:last-child .img{padding:43px 0 104px;display:block;width:100%;text-align:center;overflow:hidden;} .sections-rows .row:last-child .img img{float:none;max-width:100%} .sections-rows .row:first-child{margin:0 0 -116px} .sections-rows .row:first-child .img, .sections-rows .row:first-child .text-holder{vertical-align:top} .sections-rows .row p{font-size: 23px;line-height: 31px;font-weight: 300;} .sections-rows .row:nth-child(2) .img{width:46%;margin:0 10% 0 0} .sections-rows .row:nth-child(2) .text-holder{width:41%} .sections-rows .row:nth-child(4) .img{width:46%;margin:0 10% 0 0} .sections-rows .row:nth-child(4) .text-holder{width:41%} .sections-rows .row:nth-child(4){margin:0 0 90px} .sections-rows .row:nth-child(5){margin:0 0 100px} @media screen and (min-width: 1650px) { .banner-placer span.decor{bottom: -50px;} } @media screen and (max-width: 1410px) { .page-template-page-frixion .refills-section{ padding-top: 275px; } .page-template-page-frixion .logos .frame{background-position: 50% 20px;} .page-template-page-frixion .logos .frame-bot{background-position: 50% 80%} } @media screen and (max-width: 1310px) { .page-template-page-frixion .range-section .top-decor{top:-120px;} .page-template-page-frixion .range-section img.hand-pen{margin-top: 0;} .page-template-page-frixion .range-section .wrapper{padding-top: 190px;} .page-template-page-frixion .pens{padding-top: 0;} .page-template-page-frixion .refills-section{padding-top: 225px;} .page-template-page-frixion .range-section .top-decor{top:-104px;} .page-template-page-frixion .f-intro .content-wrapper .img-hold img{max-width: 425px !important;} .page-template-page-frixion .f-intro .content-wrapper .text-wrapper{padding-top: 45px;} .page-template-page-frixion .range-section .top-decor{height: 280px;width: 120%;} } @media screen and (max-width: 1280px) { .page-template-page-frixion .logos .frame{background-size: auto 260px;padding-top: 190px;} .banner-placer .video-placer span.overlay .v-button{top:40%;} .banner-placer .video-placer span.overlay .v-button i.icon-pause{font-size: 60px;} .banner-placer .video-placer span.overlay .v-button i.icon-play{font-size: 80px;} .sections-rows{padding:0 20px} #main-holder .sections-rows .row:last-child .img img{max-width:100%;float:none} } @media screen and (max-width: 1180px) { .content-holder{width:auto;padding:0 15px} #branding{padding-left:15px;padding-right:15px} .builder .links-holder .item{width:23%;margin-right:2.5%} .range-holder .left-col{width:40%} .range-holder .right-col{width:55%} .carousel{display:none} .mobile-slider{display:block} #footer.landing .content-holder{width:auto} #footer.landing .left-col{width:64%} #footer.landing .right-col{width:30%} .range-holder .left-col p br{display: none;} .range-holder .right-col .p-item{width: 25%;} .page-template-page-frixion .refills-section .ref-img{ width: 445px; height: 445px; } .page-template-page-frixion .logos .frame-bot{background-position: 50% 70%} #footer.landing .content-holder{padding-left: 15px;padding-right: 15px;} } @media screen and (max-width: 1100px) { .page-template-page-frixion .refills-section .ref-img{ width: 380px; height: 380px; } .page-template-page-frixion .refills-section{padding-top: 165px;} .page-template-page-frixion .slider.frixion .frame{padding-top: 165px;} .page-template-page-frixion .builder .instagram{padding-top: 125px;} } @media screen and (max-width: 990px) { #main-holder .sections-rows .row .img {margin-right: -30px;margin-left: 30px;} #main-holder .sections-rows .row:nth-child(2n) .img img, #main-holder .sections-rows .row .img img{max-width: 100%;} .sections-rows .row:first-child{margin-bottom:0} .sections-rows .row:nth-child(4) { margin: 0 0 20px; } .sections-rows .row:last-child .img{padding:13px 0 56px} #main-holder .sections-rows .row:nth-child(2n) .img{overflow: hidden;margin-left:-30px;margin-right:30px} #main-holder .sections-rows .row:last-child .img{margin:0} .sections-rows .row p br{display:none;} } @media screen and (max-width: 950px) { .page-template-page-frixion .refills-section .ref-img{ float: none; margin: 0 auto 30px; } .page-template-page-frixion .refills-section .text-hold{ float: none; margin:0 auto 30px; } .page-template-page-frixion .f-intro .content-wrapper .text-wrapper.with-img, .page-template-page-frixion .f-intro .content-wrapper .img-hold{ float: none; margin-left: auto; margin-right: auto; text-align: center; } .page-template-page-frixion .f-intro .content-wrapper .text-wrapper{margin-bottom: 30px;} .page-template-page-frixion .range-section img.hand-pen{margin-top:100px;} .page-template-page-frixion .pens .pen{width: 280px;} .page-template-page-frixion .range-section .frame{padding-bottom: 195px;} .page-template-page-frixion .pens .pen:last-child .shadow { top: 27px; left: 50px; } .page-template-page-frixion .pens .pen:last-child .pen-slider-holder{left: 28px;} .banner-placer .video-placer span.overlay .v-button i.icon-pause{font-size: 40px;} .banner-placer .video-placer span.overlay .v-button i.icon-play{font-size: 45px;} } @media screen and (max-width: 820px) { .page-template-page-frixion .range-section .top-decor{height: 250px;} .page-template-page-frixion .refills-section{background-position: 50% 4%;} } @media screen and (max-width: 767px) { #main-holder .sections-rows .row .img { display: block; width: auto; } .sections-rows .row, .sections-rows .row:nth-child(4), .sections-rows .row:nth-child(5), .sections-rows .row:first-child{margin:0 0 70px} .page-template-page-markers .s-top .info-list li{margin:0 25px 20px} .page-template-page-markers .s-top h2{font-size:38px;line-height:38px;} .page-template-page-markers .s-top{padding:33px 0 30px} .sections-rows .row:last-child .img{padding:13px 0 6px} .sections-rows .row .text-holder + .img{display:none!important;} .sections-rows .row:nth-child(2) .text-holder, .sections-rows .row:nth-child(4) .text-holder, .sections-rows .row .text-holder{display:block;width:100%;} .page-template-page-markers .sections-rows h3{font-size:34px;} .sections-rows .row p{font-size:18px;line-height:26px;} .sections-rows .row:last-child .img:first-child{display:none!important;} .sections-rows .row:last-child .text-holder+ .img{display:block!important;} .sections-rows .row:nth-child(5){margin:0 0 20px} #main-holder .sections-rows .row .img{margin-bottom:20px} #branding a.logo{float:left;display:block;margin:0 auto 0px;width:165px;} #branding a.logo svg{width:138px;margin:0 auto;display:block;float:none;height: auto;} #branding a.logo strong{display:block;float:none;font-size: 14px;} #branding a.pilot-logo{margin-left:20px} #main-holder{padding:25px 0} .builder .links-holder .item,.builder .links-holder .item:nth-child(4n){width:48%;margin-left:1%;margin-right:1%} .form-popup .wrapper{display: block;} .form-popup .wrapper .left-col, .form-popup .wrapper .right-col{ width: 100%; border:none; } .form-popup .wrapper .left-col{margin-bottom: 30px;} .form-popup .wrapper .right-col p.address{position: static;} .form-popup .wrapper .phone-holder{ position: static; transform: translate(0,0); -webkit-transform: translate(0,0); } .form-popup .wrapper .right-col span{position: static;margin-bottom: 10px;} .form-popup .wrapper p.phone{font-size: 20px;padding: 15px 0 10px 45px;} .range-holder .left-col{ width: auto; float: none; padding-left: 0; } .range-holder .right-col{ float: none; width: auto; height:280px; margin-top: 45px; margin-left: 30px; } .page-template-page-frixion .refills-section .wrapper{width: 100%;} .page-template-page-frixion .refills-section{padding-bottom: 130px;} .page-template-page-frixion .refills-section p br{display: none} .page-template-page-frixion h3,.page-template-page-frixion h2{font-size: 32px;} .page-template-page-frixion .logos{padding-bottom: 5px;} .page-template-page-frixion .logos .frame{background-size:auto 150px; } #branding a.logo img {max-width: 100%;} .page-template-page-markers .s-top h2 { font-size: 38px; line-height: 38px; } #main-holder img{max-width: 90%;} .page-template-page-markers .s-top .info-list li { margin: 0 25px 20px; } .page-template-page-markers .logos { padding: 61px 20px 56px; } .page-template-page-markers .s-top { padding: 33px 20px 30px; } } @media screen and (max-width: 600px) { #branding a.btn{display:block;float:none;max-width:145px;margin:0 auto;font-size: 14px;} .builder .cta .content-holder{display:block;text-align:center} .builder .cta .content-holder p{margin-bottom:20px} .builder .cta .content-holder a{display:inline-block;vertical-align:top;padding-left:10px;padding-right:10px} .range-holder .left-col{width:100%;float:none} .range-holder .right-col{width:100%;float:none} .range-holder .left-col .colors{margin-bottom:25px;overflow:hidden} .builder .faq .faq-block .item{padding-left:20px;padding-right:30px} .builder section:not(.range){margin-bottom:30px!important} #footer.landing .left-col{width:100%;margin-bottom:30px;float:none} #footer.landing .right-col{width:100%;float:none;border:none;padding-left:0;height:auto;min-height:0} .mobile-slider span.sl-prev:before,.mobile-slider span.sl-next:before{font-size:50px} .carousel .slides .slideItem a span.play,.mobile-slider a span.play{width:44px;height:44px;line-height:44px;font-size:22px} .builder .cta .content-holder p{line-height:34px} #footer.landing{padding:42px 0} .range p br{display: none} #branding a.logo strong{display: none;} #branding a.logo{margin: 13px 0 0;width: 100px;} #branding a.pilot-logo{margin-top: 7px;} #branding a.pilot-logo img{max-width: 100px;} #branding a.logo svg{width: 100%;} .banner-placer .video-placer span.overlay .v-button{top:45%;} #footer.landing ul li, #footer.landing ul li:nth-child(2n){margin-right:0;display: block;} .page-template-page-markers #branding a.btn { float: right; } } @media screen and (max-width: 479px) { #branding a.pilot-logo{margin-left:12px} /*#branding a.pilot-logo img{max-width:110px}*/ .builder .links-holder .item,.builder .links-holder .item:nth-child(4n){width:98%} .builder h3{font-size:25px} .range-holder .right-col .p-item,.range-holder .right-col{height: 180px;} #branding a.btn{padding-left: 5px;padding-right: 5px;min-width: 0;max-width: 100px;} #branding a.pilot-logo{margin-top: 7px;} #branding a.pilot-logo img{max-width: 80px;} #branding a.logo{width: 80px;margin-top:13px;} #branding a.btn{ height: 38px; line-height: 37px; } #page{padding-top: 70px;} .page-template-page-markers #branding a.logo { width: 165px; } .builder .faq .faq-block .item h4{padding-right: 10px;} } @media screen and (max-width:1050px){ #main-holder .f-intro img{ max-width: 40%; height: auto; } .page-template-page-frixion .range-section .wrapper{ width: 45%; } .page-template-page-frixion .range-section .wrapper p br{display: none} } @media screen and (max-width:800px){ #main-holder .f-intro p br{display: none} .page-template-page-frixion #main-holder{padding-top: 35px;} .page-template-page-frixion .refills-section .exclusive br{display: none} .banner-placer span.decor{height: 85px;bottom:0;} } @media screen and (max-width:767px){ #main-holder .f-intro img{ float: none; margin-left: auto; margin-right: auto; max-width: 100%; height: auto; display: block; margin-bottom: 25px; } .page-template-page-frixion .range-section .wrapper{ width: 100%; padding: 30px 0; } .page-template-page-frixion .builder .instagram{padding-top: 110px;} .page-template-page-frixion .slider.frixion .frame{padding-bottom: 160px;} .page-template-page-frixion .logos .frame{padding-top: 140px;} .page-template-page-frixion .refills-section .frame{padding-bottom: 115px;} .page-template-page-frixion .range-section img.hand-pen{margin-top: 115px;} .page-template-page-frixion .range-section .top-decor{height: 0;} .page-template-page-frixion .range-section img.hand-pen{margin-left: 0;} .page-template-page-frixion .refills-section .text-hold{width: auto;} } @media screen and (max-width:600px){ .page-template-page-frixion #branding a.logo img{max-width: 100%;} .page-template-page-frixion #branding a.logo{margin-top: 8px;} .page-template-page-frixion .refills-section{background-position:50% 8%; } } @media screen and (max-width:480px){ .banner-placer span.decor{bottom: -35px;}.page-template-page-frixion .f-intro .content-wrapper .img-hold img{max-width:100% !important;} .page-template-page-frixion .logos .frame-bot{ padding-bottom: 0; margin-bottom: 0; } .page-template-page-frixion .logos{margin-bottom: 0;} .page-template-page-frixion .slider.frixion .frame,.page-template-page-frixion .builder .instagram{padding-top: 50px;padding-bottom: 0;} .page-template-page-frixion .builder .instagram{margin-top: 0;} .banner-placer span.decor{display: none} .page-template-page-frixion .pens .pen{margin-bottom: 20px;} .page-template-page-frixion .refills-section .ref-img{ width: 300px; height: 300px; } }