200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: pdr4.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> PDR4 Inc</title> <!-- META --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, maximum-scale=1"/> <script src="https://www.youtube.com/iframe_api"></script> <!-- CSS --> <style class='common-css'> body { padding: 0px; margin: 0px; min-height:100%; } .clickable{ cursor:pointer; } .shown { opacity:1; } .bottom-layer{ z-index:0; } .layer1{ z-index:1; } .layer2{ z-index:12; } .layer3{ z-index:123; } .layer4{ z-index:1234; } .layer5{ z-index:12345; } .top-layer{ z-index:123456789; } .space-layer{ z-index:1234567899; } .fully-animated *{ -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); } .animated-color{ -webkit-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); } .zero-opacity{ opacity:0; } .slow-animated-opacity{ -webkit-transition: opacity 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: opacity 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: opacity 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); } .bg-div{ position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background-image:url(/images/backgrounds/1.jpg); background-repeat:no-repeat; background-size: cover; background-position:center; opacity:0; } .bg-div.shown{ opacity:0.4; } /* MAGIC CIRCLE */ .item-settings-menu{ width:25px; height:25px; cursor:pointer; margin:2px; display:inline-block; } img.item-settings-menu:hover{ /*background-color:grey;*/ } .magic-circle-controls{ position:absolute; opacity:0; background-color:black; } .magic-circle-controls.shown { opacity:1; } /* BREAD CRUMBS */ #bread-crumbs{ font-family:HelveNueThinNormal; color:white; font-size:30px; left:40px; top:40px; display:inline-block; position:fixed; } #bread-crumbs img:not(.label-logo){ vertical-align: middle; width:60px; height:60px; margin-top:-16px; } #bread-crumbs img.label-logo{ vertical-align:top; margin-right:5px; } #bread-crumbs span{ color:#666; font-size:30px; display:inline-block; } #bread-crumbs span.im-text , .module-back span.im-text{ /*color:transparent; background-repeat: no-repeat; background-image: url('/images/ui_icons/xprslogo.png'); background-size: contain; height: 25px; background-position: center;*/ } #bread-crumbs .bread-crumbs-path, #bread-crumbs .back-btn{ display: inline-block; } #bread-crumbs span.beta-icon{ font-size:10px; color:white; } #bread-crumbs a{ text-decoration: none; color:white; font-size:12px; } #blocking-div{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:black; background-image:url(/images/x_loader.gif); background-repeat: no-repeat; background-position: center; background-size: 50px 50px; } .terms-link , .call-me{ text-decoration: none; color: #999; font-family: Arial; padding-left: 10px; font-size: 14px; } .tooltip-circle{ background-image:url(/images/ui_icons/tooltip_circle.png); background-repeat:no-repeat; width:100px; height:100px; position:absolute; z-index: 9999999999; cursor:pointer; /*pointer-events:none;*/ } .tooltip-wrapper.top-left{ background-image:url(/images/ui_icons/tooltip_top_left.png); } .tooltip-wrapper.bottom-left{ background-image:url(/images/ui_icons/tooltip_bottom_left.png); } .tooltip-wrapper.top-right{ background-image:url(/images/ui_icons/tooltip_top_right.png); } .tooltip-wrapper.bottom-right{ background-image:url(/images/ui_icons/tooltip_bottom_right.png); } .tooltip-wrapper{ background-repeat:no-repeat; width:300px; height:250px; position:absolute; z-index: 99999999; } .tooltip-holder{ font-family:Arial; margin:30px; text-align: left; } .tooltip-category{ font-size:16px; color:red; font-weight:bold; padding-top: 10px; } .tooltip-title{ font-size:22px; color:#333; } .tooltip-content{ font-size:12px; color:#999; padding-top: 5px; } .tooltip-btn{ border:solid 1px #999; color:#999; font-size:12px; display: inline-block; /*padding: 3px;*/ margin-top: 20px; cursor:pointer; position: absolute; padding: 5px 10px; } .tooltip-btn.tooltip-next{ bottom: 44px; right: 34px; color: white; background-color: #33CC66; border: solid 1px #33CC66; } .tooltip-btn.tooltip-hide{ bottom: 44px; left: 31px; } .regular-mode .pro-feature{ display:none!important; } iframe.stripe_checkout_app { z-index:12345678911!important; } .sr-modal-backdrop{ z-index:1234567891!important; } .sr-confirm-amount{ border:none!important; } .fa.fa-shopping-cart{ border:none!important; } .sr-basket-widget-inner{ border:none!important; } .t-t{ /*color:red!important;*/ } #translation-box{ float: left; text-align: left; color: white; line-height: normal; margin-right: 11px; margin-top: 10px; font-size: 12px; z-index: 1234; background-color: #666; position: relative; font-family: Arial; width: 44px; display: inline-block; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; } #translation-box img.caret{ width:12px; height:12px; margin-top: 2px; margin-left: 4px; } #translation-box ul#lang-dropdown{ line-height: normal; font-size: 12px; padding:4px; display:none; list-style-type: none; margin: 0px; margin-right:11px; padding: 0px; position: absolute; background-color: #666; left: 0px; text-align: left; max-height:170px; overflow-y:scroll; } #translation-box ul#lang-dropdown::-webkit-scrollbar-track{ /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ background-color: #000000; } #translation-box ul#lang-dropdown::-webkit-scrollbar{ width: 6px; background-color: #000000; } #translation-box ul#lang-dropdown::-webkit-scrollbar-thumb{ background-color: #999; } ul#lang-dropdown li:hover{ background-color:#999; } ul#lang-dropdown li{ width: 40px; padding: 2px; padding-left: 12px; padding-top: 5px; padding-bottom: 5px; font-size: 10px; } @media screen and (max-height: 600px) { #user-gravatar{ display:none; } } </style> <style> @font-face { font-family: 'HelveNueThinNormal'; src: url('https://storage.googleapis.com/xprs_resources/fonts/helveticaneuethn-webfont.eot'); src: url('https://storage.googleapis.com/xprs_resources/fonts/helveticaneuethn-webfont.eot?iefix') format('eot'), url('https://storage.googleapis.com/xprs_resources/fonts/helveticaneuethn-webfont.woff') format('woff'), url('https://storage.googleapis.com/xprs_resources/fonts/helveticaneuethn-webfont.ttf') format('truetype'), url('https://storage.googleapis.com/xprs_resources/fonts/helveticaneuethn-webfont.svg#webfontJR0GaG5Z') format('svg'); font-weight: normal; font-style: normal; } </style> <link rel="icon" type="image/png" href="https://sep.yimg.com/yf/common/favicon-32x32.png" /> <link rel="apple-touch-icon" href="https://sep.yimg.com/yf/common/favicon-32x32.png" /> <link rel="stylesheet" type="text/css" href="//editor.turbify.com/css/fonts.css?v=1.5.8c" /> <style class='inline-stripe-data'>/****************************************************************************************************** * STRIPE DATA STYLE * ******************************************************************************************************/ #vbid-9de59c91-fcn1kbvx { background-position: 51.8808784484863% 24.1324920654297%; } #vbid-9de59c91-lhkkac4k.master.item-box { padding-top: 0px; padding-bottom: 0px; min-height: 427px; } #vbid-9de59c91-jv7ik4fg.master.item-box { padding-top: 0px; padding-bottom: 0px; min-height: 296px; } #vbid-9de59c91-pyl0ljzv.master.item-box { padding-top: 10px; padding-bottom: 10px; min-height: 114px; } #vbid-9de59c91-pyl0ljzv.item-box > .item-wrapper { max-width: 1144px; } #vbid-9de59c91-g0v7skg3 { background-position: 23.3408069610596% 0%; } #vbid-9de59c91-of8wfepp.master.item-box { padding-top: 0px; padding-bottom: 0px; min-height: 802px; } #vbid-9de59c91-6q57hvxy.master.item-box { padding-top: 0px; min-height: 463px; } #vbid-9de59c91-0ogwqkxe.master.item-box { min-height: 773px; } #vbid-9de59c91-wzmbiya6.master.item-box { padding-top: 0px; padding-bottom: 35px; min-height: 1343px; } #vbid-9de59c91-wzmbiya6.item-box > .item-wrapper { max-width: 1168px; } #vbid-9de59c91-2niualq6 { background-position: 12.0986547470093% 42.2062797546387%; } #vbid-9de59c91-l5bo4dal.master.item-box { min-height: 231px; } #vbid-9de59c91-iiz5nzaj.master.item-box { padding-top: 10px; padding-bottom: 10px; min-height: 114px; } #vbid-9de59c91-iiz5nzaj.item-box > .item-wrapper { max-width: 1144px; } #vbid-9de59c91-pgqnao2c { background-size: contain; } #vbid-9de59c91-ljbjga1a.master.item-box { padding-top: 10px; padding-bottom: 10px; min-height: 114px; } #vbid-9de59c91-ljbjga1a.item-box > .item-wrapper { max-width: 1000px; } #vbid-9de59c91-hjfvamlu.master.item-box { padding-top: 70px; padding-bottom: 70px; } #vbid-9de59c91-hjfvamlu.item-box > .item-wrapper { max-width: 1000px; } #vbid-9de59c91-af2odvcd { background-position: 46.8609848022461% 26.2973518371582%; } #vbid-9de59c91-0kofotat.master.item-box { padding-bottom: 0px; min-height: 883px; } #vbid-9de59c91-0kofotat.item-box > .item-wrapper { max-width: 1000px; } #vbid-9de59c91-x4k5gqgd.master.item-box { min-height: 231px; } #vbid-9de59c91-vzdkirpf { background-position: 51.9258079528809% 44.8459205627441%; } #vbid-9de59c91-zocreyqz { background-position: 54.0752334594727% 91.5584411621094%; } #vbid-9de59c91-xaaw3gvu.master.item-box { padding-top: 0px; padding-bottom: 0px; min-height: 392px; } #vbid-9de59c91-tc1h0oaa { background-position: 36.0986557006836% 48.3706703186035%; } #vbid-9de59c91-aojuufff.master.item-box { padding-top: 70px; padding-bottom: 70px; } #vbid-9de59c91-aojuufff.item-box > .item-wrapper { max-width: 1000px; } #vbid-9de59c91-luokslqu.master.item-box { padding-top: 0px; padding-bottom: 0px; min-height: 392px; } #vbid-9de59c91-6rhbpglq { background-position: 56.0606079101563% 100%; } #vbid-9de59c91-yaokfbl8.master.item-box { padding-top: 0px; padding-bottom: 0px; min-height: 1343px; } #vbid-9de59c91-tjyjkasf.master.item-box { padding-top: 0px; padding-bottom: 0px; min-height: 688px; } #vbid-9de59c91-tfge3xsd.master.item-box { padding-top: 30px; padding-bottom: 30px; min-height: 1343px; } #vbid-9de59c91-u5cgwx6h.master.item-box { padding-top: 170px; padding-bottom: 100px; } #vbid-9de59c91-u5cgwx6h.item-box > .item-wrapper { max-width: 1000px; } #vbid-9de59c91-acbh810v.master.item-box { min-height: 603px; } #vbid-9de59c91-2cbccgz9.master.item-box { padding-top: 0px; padding-bottom: 0px; min-height: 323px; } #vbid-9de59c91-azoriuoc.master.item-box { padding-top: 0px; padding-bottom: 0px; min-height: 496px; } #vbid-9de59c91-ohbvxkp9.master.item-box { min-height: 386px; } #vbid-9de59c91-yofofn0y.master.item-box { padding-top: 70px; padding-bottom: 70px; min-height: 202px; } #vbid-9de59c91-yofofn0y.item-box > .item-wrapper { max-width: 1000px; } #vbid-9de59c91-vkgfizld.master.item-box { padding-top: 70px; padding-bottom: 60px; min-height: 202px; } #vbid-9de59c91-vkgfizld.item-box > .item-wrapper { max-width: 1000px; } #vbid-9de59c91-ta0fmmil.master.item-box { padding-top: 15px; } #vbid-9de59c91-u1z3iwqv { background-size: 92%; } #vbid-9de59c91-tbdiocoo.master.item-box { padding-top: 10px; padding-bottom: 10px; min-height: 114px; } #vbid-9de59c91-tbdiocoo.item-box > .item-wrapper { max-width: 1270px; } #vbid-9de59c91-chqtiuv3.master.item-box { padding-top: 10px; padding-bottom: 10px; min-height: 87px; } #vbid-9de59c91-chqtiuv3.item-box > .item-wrapper { max-width: 1000px; } #vbid-9de59c91-fhbvmq6v { background-position: 51.3452911376953% 16.8316841125488%; } #vbid-9de59c91-fom10tjl.master.item-box { padding-top: 0px; padding-bottom: 0px; min-height: 813px; } #vbid-9de59c91-bcmystge.master.item-box { padding-top: 0px; min-height: 499px; } #vbid-9de59c91-piv1ewcc.master.item-box { } #vbid-9de59c91-piv1ewcc.master.item-box { min-height: 365px; } #vbid-9de59c91-gbb5tvlv { background-position: 45.6293716430664% 22.344690322876%; } #vbid-9de59c91-bs7cvwad.master.item-box { padding-top: 0px; min-height: 503px; } #vbid-9de59c91-bs7cvwad.item-box > .item-wrapper { max-width: 1000px; } #vbid-9de59c91-xxhqcbht { background-position: 48.6415901184082% 26.6233768463135%; } #vbid-9de59c91-5qfaekwt { background-position: 53.9237670898438% 51.5926666259766%; } #vbid-9de59c91-midenwo2 { background-position: 46.9696960449219% 89.3939361572266%; } #vbid-9de59c91-d5c4y77s.master.item-box { padding-top: 40px; padding-bottom: 40px; } #vbid-9de59c91-d5c4y77s.item-box > .item-wrapper { max-width: 1000px; } #vbid-9de59c91-7bmxwnwk.master.item-box { min-height: 699px; } #vbid-9de59c91-y7b1fyar { background-position: 48.6415901184082% 18.5064926147461%; } #vbid-9de59c91-uwrowbsp.master.item-box { padding-top: 0px; padding-bottom: 0px; min-height: 1343px; } #vbid-9de59c91-uwrowbsp.item-box > .item-wrapper { max-width: 1416px; } #vbid-9de59c91-spersub4 { background-position: 43.6865196228027% 53.7792205810547%; } #vbid-9de59c91-sxwgvqvq { background-position: 50.5673980712891% 54.6576156616211%; } #vbid-9de59c91-sxlcwofv.master.item-box { padding-top: 0px; padding-bottom: 0px; min-height: 1343px; } #vbid-9de59c91-qozef9tl { background-position: 49.8955078125% 0.613496959209442%; } #vbid-9de59c91-gzwkgjce.master.item-box { min-height: 377px; } #vbid-9de59c91-fvrkqsjt { background-size: contain; } #vbid-9de59c91-12esjpag { background-size: contain; } #vbid-9de59c91-g66jfdsh { background-position: 41.9580421447754% 0%; } #vbid-9de59c91-cpqvy6tm.master.item-box { padding-top: 0px; padding-bottom: 0px; min-height: 310px; } #vbid-9de59c91-3weklt3z { background-position: 51.7937202453613% 11.3861389160156%; } #vbid-9de59c91-dbebtft9 { background-position: 48.4326019287109% 71.0374603271484%; } #vbid-9de59c91-ndlwnz8h { background-position: 50% 31.2688827514648%; } #vbid-9de59c91-m5vqz2c4.master.item-box { padding-top: 0px; padding-bottom: 0px; min-height: 659px; } #vbid-9de59c91-y70cnajm.master.item-box { padding-top: 70px; padding-bottom: 70px; } #vbid-9de59c91-y70cnajm.item-box > .item-wrapper { max-width: 1000px; } #vbid-9de59c91-wmf7fnoq { background-position: 44.2089881896973% 48.3110046386719%; } #vbid-9de59c91-pvz2i7mg.master.item-box { padding-top: 30px; padding-bottom: 15px; } #vbid-9de59c91-pvz2i7mg.item-box > .item-wrapper { max-width: 1000px; } #vbid-9de59c91-ay1i2pgg { background-position: 48.2062797546387% 23.9910316467285%; } #vbid-9de59c91-usbmy2at { background-position: 47.9101371765137% 31.5561962127686%; } #vbid-9de59c91-jfqjzqzv.master.item-box { padding-top: 60px; padding-bottom: 80px; min-height: 1343px; } #vbid-9de59c91-jfqjzqzv.item-box > .item-wrapper { max-width: 1000px; } #vbid-9de59c91-mkpvtmkv { background-position: 54.0358734130859% 100%; } #vbid-9de59c91-aaponkol.master.item-box { padding-top: 0px; min-height: 503px; } #vbid-9de59c91-aaponkol.item-box > .item-wrapper { max-width: 1000px; }</style> <style class='view-css'>html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ font-size: 1px; } body{ padding:0px; margin:0px; overflow-y: auto; overflow-x: hidden; min-width:300px; font-size:12px; } ul{ list-style:none; padding: 0px; } li{ margin:0px; padding:0px; } p{ margin:0px; padding:0px; } #xprs{ overflow:hidden; } .item-wrapper{ margin-left: auto; margin-right: auto; height:100%; width:100%; min-height:inherit; } .preview-image-holder .image-link{ min-height:inherit; display:inline-block; } a{ text-decoration: none; pointer-events:auto; } #loading{ left: 50%; position: relative; } .container{ top: 0px; width: auto; height: 100%; left: 0px; min-height:inherit; position: relative; } .element-wrapper .content{ position: relative; } .master.item-box{ width:100%; margin: 0px; text-align: center; } .master.item-box .stripe-background{ height: 100%; width: 100%; min-height: inherit; background-repeat: no-repeat; background-size: cover; background-position:center; position: absolute; pointer-events:none; } .item-box{ position:relative; overflow:visible; } .item-box.hide-from-preview ,.item-box.hide-from-view{ display:none; } .image-cover, .page-image-cover{ display: block; overflow:hidden; } .image-holder,.preview-image-holder{ background-position: center; background-size:cover; background-repeat:no-repeat; background-color:transparent; width:auto; overflow:hidden; width:100%; height:100%; } .image-source{ background-repeat:no-repeat; background-color:transparent; width:100%; height:100%; } .element.image-source{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .icon-source{ background-position: center; background-size:contain; background-repeat:no-repeat; background-color:transparent; height:auto; display:inline-block; position:relative; } .item-content:not(.blocks_layout):hover .hover_none{ -webkit-filter: grayscale(0%) !important; /* New WebKit */ -webkit-filter: brightness(100%) !important; /* New WebKit */ transform: scale(1,1) !important; -ms-transform: scale(1,1) !important; /* IE 9 */ -webkit-transform: scale(1,1) !important; /* Safari and Chrome */ } .item-content{ height:100%; min-height:inherit; position:relative; } .black_and_white , .item-content:not(.blocks_layout):hover .hover_black_and_white { -webkit-filter: grayscale(100%); /* New WebKit */ } .darken_120,.item-content:not(.blocks_layout):hover .hover_darken_120{ -webkit-filter: brightness(0.8); /* New WebKit */ } .darken_140, .item-content:not(.blocks_layout):hover .hover_darken_140{ -webkit-filter: brightness(0.6); /* New WebKit */ } .grow_120, .item-content:not(.blocks_layout):hover .hover_grow_120{ transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); /* IE 9 */ -webkit-transform: scale(1.2,1.2); /* Safari and Chrome */ -moz-transform:scale(1.2,1.2); } .grow_140, .item-content:not(.blocks_layout):hover .hover_grow_140{ transform: scale(1.4,1.4); -ms-transform: scale(1.4,1.4); /* IE 9 */ -webkit-transform: scale(1.4,1.4); /* Safari and Chrome */ -moz-transform:scale(1.4,1.4); } .item-box.element-box{ width:100%; } .page-content > img:first-of-type{ width:700px; } .page-content p.Body:first-of-type{ padding-top: 17px; } .element-holder{ display:block; margin: auto; text-align: center; width:100%; position: relative; } .marginable{ margin-left:60px; margin-right:60px; } .picture-element{ background-position: center; background-size:cover; background-repeat:no-repeat; background-color:transparent; } .icon-element{ background-position: center; background-size:contain; background-repeat:no-repeat; background-color:transparent; height: 50px; } .icon-holder{ width:100%; } .stripe-default-width{ margin-left:auto; margin-right:auto; } #pagination-btn{ cursor:pointer; } #pagination-holder{ display:inline-block; margin-left:auto; margin-right:auto; } #pagination-wrapper{ width:100%; text-align:center; display:none; } [data-child-type='PIC'] .element-wrapper .content{ height:100%; min-height:inherit; } [data-child-type='PIC'] .element-wrapper .content .page-image-cover{ height:100%; min-height:inherit; } [data-child-type='PIC'] .element-wrapper .content .page-image-cover .Picture{ height:100%; min-height:inherit; } [data-child-type='VIDEO'] .element-wrapper .content{ height:100%; min-height:inherit; } [data-child-type='VIDEO'] .element-wrapper .content .page-video-cover{ height:100%; min-height:inherit; } [data-child-type='VIDEO'] .element-wrapper .content .page-video-cover .video-source{ height:100%; min-height:inherit; } [data-child-type='MAP'] .element-wrapper .content{ height:100%; min-height:inherit; } [data-child-type='MAP'] .element-wrapper .content .page-map-cover{ height:100%; min-height:inherit; } [data-child-type='MAP'] .element-wrapper .content .page-map-cover .map-source{ height:100%; min-height:inherit; } .preview-video-holder , .preview-map-holder{ height:100%; min-height:inherit; } .preview-map-holder{ position: absolute; width:100%; top: 0px; left: 0px; line-height:normal; } .preview-video-source, .preview-map-source{ height:100%; min-height:inherit; overflow:hidden; } #xprs:not(.in-editor) .preview-video-source.vid-autoplay{ transition:opacity 1s linear; opacity:0; } .video-source .me-plugin{ position:relative; height:100%; min-height:inherit; } .map-frame{ height: 100%; width: 100%; min-height: inherit; } .ytplayer{ height: 100%; width: 100%; min-height: inherit; } .rounded{ border-radius: 15px; } .title-holder{ margin-right:auto; margin-left:auto; } .video-wrapper{ overflow: hidden; } .video-source.fitvid{ overflow:hidden; } .erred-user-form-field, .erred-user-form-field input[type=date]{ background-color:#de6262 !important; color:white !important; } input[type=checkbox].erred-user-form-field{ box-shadow: 0 0 2px 1px #de6262; } .preview-form .Field { width:100%; pointer-events: auto; box-sizing: border-box; } .preview-form .field-holder label input[type="checkbox"].Field { width:auto; border:none; margin:0px; min-width: auto!important; margin-right:10px; } .preview-form .field-holder input[type="date"].Field{ width: auto!important; text-align: right!important; padding: 0!important; margin: 0!important; border:none!important; min-width: auto!important; } label.preview-element.Field.for-date{ display: inline-flex; justify-content: space-between; align-items: center; } .preview-form textarea.Field { resize: none; height: 4em; } .preview-form .field-checkbox span, .preview-form .field-checkbox input{ vertical-align: middle; } .preview-form .field-checkbox{ text-align: left; } /* fix for old style */ .preview-icon-holder { margin-bottom: 0px!important; } .master.item-box[data-child-type="MAP"]{ min-height:300px; } .disable-max-width{ max-width:none!important; } .master.item-box.header-box{ z-index:123456; } .animated-top{ -webkit-transition: top 2s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: top 2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: top 2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 2s cubic-bezier(0.165, 0.84, 0.44, 1); } iframe.html-frame{ width: 100%; height: 100%; min-height:inherit; } .html-wrapper .content , .html-wrapper .content .page-html-cover , .html-wrapper .content .page-html-cover .html-source, .raw-wrapper .content, .raw-wrapper .content .page-raw-cover, .raw-wrapper .content .page-raw-cover .html-source, .raw-wrapper .content .page-raw-cover .html-source .raw-container{ min-height:inherit; height:inherit; } .raw-wrapper .content .page-raw-cover .html-source .raw-container,.raw-wrapper .content{ overflow: hidden; } .raw-wrapper .content .page-raw-cover.centered .html-source .raw-container{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); height:auto; min-height:initial; } /*****************************************************************************/ /* EFFECTS /*****************************************************************************/ [data-flex_element_effect="effect-fadein"] ~ #children .preview-content-holder{ opacity: 0; } [data-flex_element_effect="effect-fadein"] ~ #children .play-effect .preview-content-holder{ -webkit-transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); /* Safari, Chrome and Opera > 12.1 */ -moz-transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); /* Firefox < 16 */ -ms-transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); /* Internet Explorer */ -o-transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); /* Opera < 12.1 */ transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 1; } [data-flex_element_effect="effect-grow"] ~ #children .preview-content-holder{ transform: scale(0.9); opacity:0 } [data-flex_element_effect="effect-grow"] ~ #children .play-effect .preview-content-holder{ -webkit-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); /* Safari, Chrome and Opera > 12.1 */ -moz-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); /* Firefox < 16 */ -ms-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); /* Internet Explorer */ -o-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); /* Opera < 12.1 */ transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); transform: scale(1); opacity:1 } [data-flex_element_effect="effect-slide-up"] ~ #children .preview-content-holder{ transform: translateY(10vh); opacity:0; } [data-flex_element_effect="effect-slide-up"] ~ #children .play-effect .preview-content-holder{ -webkit-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) , opacity 3s cubic-bezier(0.165, 0.84, 0.44, 1); /* Safari, Chrome and Opera > 12.1 */ -moz-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 3s cubic-bezier(0.165, 0.84, 0.44, 1); /* Firefox < 16 */ -ms-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 3s cubic-bezier(0.165, 0.84, 0.44, 1); /* Internet Explorer */ -o-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 3s cubic-bezier(0.165, 0.84, 0.44, 1); /* Opera < 12.1 */ transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 3s cubic-bezier(0.165, 0.84, 0.44, 1); transform: translateY(0); opacity:1; } .item-details{ line-height:0px; position:relative; } .preview-body ul{ padding-left: 20px!important; list-style:initial; padding: initial; } .preview-body li{ margin:initial; padding:initial; } .preview-raw-wrapper { width: 100%; height: 100%; } .preview-raw-holder { width: 100%; height: 100%; top: 0px; left: 0px; position: relative; } .preview-raw-container{ height:100%; width:100%; } .stripes .master.element-box .image-source{ min-height: inherit; height:100%; } .map-blocker{ height:100%; min-height:inherit; width:100%; position:absolute; left:0px; right:0px; z-index:12345678; } .element-wrapper.pic-wrapper a{ min-height:inherit; } [data-default-currency=USD] .preview-price:not(.sold-out)::before, [data-default-currency=USD] .shipping-currency::before { content: "$"; } [data-default-currency=EUR] .preview-price:not(.sold-out)::before, [data-default-currency=EUR] .shipping-currency::before { content: "\20ac"; } [data-default-currency=GBP] .preview-price:not(.sold-out)::before, [data-default-currency=GBP] .shipping-currency::before{ content: "\00a3"; } [data-default-currency=SEK] .preview-price:not(.sold-out)::after, [data-default-currency=SEK] .shipping-currency::after { content: "Kr"; font-size: 0.7em; } [data-default-currency=NOK] .preview-price:not(.sold-out)::after, [data-default-currency=NOK] .shipping-currency::after { content: "kr"; font-size: 0.7em; } [data-default-currency=CAD] .preview-price:not(.sold-out)::before, [data-default-currency=CAD] .shipping-currency::before { content: "$(cad)"; font-size: 0.7em; } [data-default-currency=AUD] .preview-price:not(.sold-out)::before, [data-default-currency=AUD] .shipping-currency::before { content: "$"; font-size: 0.7em; } [data-default-currency=AUD] .preview-price:not(.sold-out)::after, [data-default-currency=AUD] .shipping-currency::after { content: "(AUD)"; font-size: 0.7em; } [data-default-currency=CHF] .preview-price:not(.sold-out)::after, [data-default-currency=CHF] .shipping-currency::after { font-size: 0.7em; } [data-default-currency=BRL] .preview-price:not(.sold-out)::before, [data-default-currency=BRL] .shipping-currency::before { content: "R$"; } [data-default-currency=MYR] .preview-price:not(.sold-out)::before, [data-default-currency=MYR] .shipping-currency::before { content: "RM"; } [data-default-currency=SGD] .preview-price:not(.sold-out)::before, [data-default-currency=SGD] .shipping-currency::before { content: "S$"; } [data-default-currency=ZAR] .preview-price:not(.sold-out)::before, [data-default-currency=ZAR] .shipping-currency::before { content: "R"; } [data-default-currency=INR] .preview-price:not(.sold-out)::before, [data-default-currency=INR] .shipping-currency::before { content: "\20b9"; } [data-default-currency=NGN] .preview-price:not(.sold-out)::before, [data-default-currency=NGN] .shipping-currency::before { content: "\20a6 "; } [data-default-currency=TRY] .preview-price:not(.sold-out)::before, [data-default-currency=TRY] .shipping-currency::before { content: "\20ba"; } [data-default-currency=CHF] .preview-price:not(.sold-out)::before, [data-default-currency=CHF] .shipping-currency::before { content: "CHF"; } [data-default-currency=AED] .preview-price:not(.sold-out)::after, [data-default-currency=AED] .shipping-currency::after { content: "\062f.\0625"; } [data-default-currency=PKR] .preview-price:not(.sold-out)::after, [data-default-currency=PKR] .shipping-currency::after { content: "₨"; } [data-default-currency=THB] .preview-price:not(.sold-out)::after, [data-default-currency=THB] .shipping-currency::after { content: "฿"; } [data-default-currency=IDR] .preview-price:not(.sold-out)::after, [data-default-currency=IDR] .shipping-currency::after { content: "Rp"; } [data-default-currency=TWD] .preview-price:not(.sold-out)::before, [data-default-currency=TWD] .shipping-currency::before { content: "NT$"; } [data-default-currency=UYU] .preview-price:not(.sold-out)::before, [data-default-currency=UYU] .shipping-currency::before { content: "$U"; } [data-default-currency=MXN] .preview-price:not(.sold-out)::before, [data-default-currency=MXN] .shipping-currency::before { content: "Mex$"; } [data-default-currency=TWD] .preview-price:not(.sold-out)::before, [data-default-currency=TWD] .shipping-currency::before { content: "NT$"; } [data-default-currency=GHS] .preview-price:not(.sold-out)::before, [data-default-currency=GHS] .shipping-currency::before { content: "GH¢"; } [data-default-currency=MAD] .preview-price:not(.sold-out)::after, [data-default-currency=MAD] .shipping-currency::after { content: "DH"; } [data-default-currency=RUB] .preview-price:not(.sold-out)::after, [data-default-currency=RUB] .shipping-currency::after { content: "\20bd"; } [data-default-currency=JPY] .preview-price:not(.sold-out)::before { content: "\00a5"; } [data-default-currency=NZD] .preview-price:not(.sold-out)::before { content: "NZ$"; } [data-default-currency=ILS] .preview-price:not(.sold-out)::before, [data-default-currency=ILS] .shipping-currency::before { content: "\20AA"; } [data-default-currency=PHP] .preview-price:not(.sold-out)::before, [data-default-currency=PHP] .shipping-currency::before { content: "₱"; } .multi_layout .pic-side .inner-pic.circlize{ margin-left: auto; margin-right: auto; } [data-caller=static] .master.item-box.showing-feed:not(.loaded) .sub.item-box{ opacity:0!important; } .sub.item-box{ opacity:1; } .stripe-header , .stripe-footer{ width:100%; z-index:1; } .blocks-preview-divider, .preview-divider{ border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; height: 10px; } .raw-wrapper .content .page-raw-cover.centered{ min-height:100px; } .master.container.narrow-site{ max-width: 1000px; margin: auto; overflow:hidden; } .master.container.narrow-site > #children{ max-width:1000px; margin:auto; } .master.container.narrow-site .control-handle{ max-width:1000px; } .master.container.narrow-site .force-min-height50{ max-width:1000px; margin:auto; left:auto!important; padding-left:0px!important; padding-right:0px!important; width:100%; } .master.container.narrow-site .left-menu-placeholder{ margin-left:-270px; } .master.container.narrow-site .left-menu-placeholder .master.item-box{ left:auto!important; } .master.container.narrow-site.left-menu-layout{ left:135px; } .full-width-bg{ background-size: 100% auto; background-repeat: no-repeat; background-attachment: scroll; background-position: top; } .cover-bg{ background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: top; } .pattern-bg{ background-repeat: repeat; } .fixed-bg{ background-size:cover; background-repeat: no-repeat; background-attachment: fixed; } .contain-bg{ background-size:contain; background-position:center; background-repeat: no-repeat; background-attachment: fixed; } .parallax-bg, .fixed-bg, .parallax50-bg{ background-size:cover!important; background-attachment: fixed; } #xprs.phone-mode .parallax-bg, #xprs.phone-mode .fixed-bg, #xprs.phone-mode .parallax50-bg, #xprs.tablet-mode .parallax-bg, #xprs.tablet-mode .fixed-bg, #xprs.tablet-mode .parallax50-bg{ background-attachment:initial!important; background-position-y:center!important; background-position-x:center!important; } .master.item-box .flex .sub.item-box:not(:only-child) .parallax50-bg, .master.item-box .flex .sub.item-box:not(:only-child) .fixed-bg{ background-attachment:scroll!important; background-position-y:center!important; } #xprs.phone-mode .master.item-box:not([data-preset-type-id='PROMO']) .vimplayer.preview.video-frame{ width: 100%!important; height: 100%!important; margin-top: 0px!important; margin-left: 0px!important; } .sub.item-box:after, .pic-side:after{ pointer-events:none; } .stripe_popup_app_hide { display: none; } .popup-mode .raw-wrapper .content .page-raw-cover .html-source .raw-container { pointer-events: auto; } .shadowed{ -webkit-box-shadow: -7px 15px 40px 4px rgba(0,0,0,0.35); -moz-box-shadow: -7px 15px 40px 4px rgba(0,0,0,0.35); box-shadow: -7px 15px 40px 4px rgba(0,0,0,0.35); } .no-scroll{ overflow-y:hidden; } #xprs.cellphone-preview .hide-from-mobile, #xprs.phone-mode .hide-from-mobile{ display:none!important; } #xprs.phone-mode .preview-form .Field{ min-width:auto!important; } /* Hack for captcha */ div[style*="z-index: 2000000000"]{ z-index:999999999999!important; } .fill-height{ min-height:100vh!important; } .stripe_popup_app{ max-width:100%!important; max-height:100%!important; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .parallax-bg, .fixed-bg, .parallax50-bg { background-attachment:initial!important; background-position-y:center!important; background-position-x:center!important; } } @media screen and (max-height: 575px){ .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} .g-recaptcha > div{ width:200px!important; } } /*TABLET*/ @media only screen and (min-width : 768px) and (max-width : 1024px) { html{ font-size:0.7px; } } /*MOBILE*/ @media only screen and (max-width : 768px) { html{ font-size:0.5px; } .preview-title, .preview-subtitle{ word-break: break-word; } }</style> <style class='multi-css'>.multi_layout .item-preview{ height:inherit; width:100%; min-height:inherit; } .multi_layout .helper-div .text-side .vertical-aligner{ overflow:visible; } .multi_layout .image-cover{ height:inherit; min-height:inherit; } .multi_layout .image-source.background-div{ height:100%; } .multi_layout .image-source.background-image-div{ height:100%; } .multi_layout .preview-image-holder:not(.inner-pic-holder){ height:inherit; min-height:inherit; position:relative; } .multi_layout .benet{ min-height:inherit; } .multi_layout .image-source{ height:inherit; min-height:inherit; position:absolute; } .multi_layout .helper-div .image-source{ position:relative; } /*****************************************************************************/ /* IMAGE & TEXT POSITIONING /*****************************************************************************/ .multi_layout .top-left.helper-div,.middle-left.helper-div ,.middle-left-25.helper-div, .bottom-left.helper-div,.top-right.helper-div, .middle-right.helper-div ,.middle-right-25.helper-div, .bottom-right.helper-div { position:initial; overflow: hidden; height:100%; min-height:inherit; } .multi_layout .vertical-aligner{ position:relative; height:100%; width:100%; display:table; min-height:inherit; overflow:hidden; } .multi_layout .pic-side .inner-pic:not(.circlize){ min-height:inherit; } .multi_layout .pic-side .vertical-aligner a.image-link{ position:relative; display:inline-block; min-height:inherit; overflow:hidden; } .multi_layout .pic-side .vertical-aligner a.image-link.not-wrapping, .multi_layout .pic-side .vertical-aligner a.image-link:empty { position: absolute; left: 0px; top: 0px; } .sub.container .multi_layout .pic-side .vertical-aligner a.image-link{ height:100%; width:100%; } .multi_layout .pic-side .vertical-aligner{ margin-left: auto; margin-right: auto; /*display:inline-block;*/ } .multi_layout .pic-side { text-align:center; line-height:0px; } .multi_layout .pic-side.reset { top:initial!important; margin-left:initial!important; width:100%!important; } .multi_layout .helper-div .pic-side .inner-pic-holder{ /*display: table-cell;*/ /*display:block;*/ overflow: visible; line-height:0px!important; } .multi_layout .preview-image-holder.inner-pic-holder{ display:table-cell; } .multi_layout .pic-side{ position:absolute; pointer-events:auto; /*outline: 1px solid green; background-color: rgba(43,102,10,0.5);*/ overflow:visible; top:0px; bottom:0px; } .draggable-pic{ pointer-events: auto; display: inline-block; width: 100%; height: 100%; background-size:contain; background-repeat: no-repeat; } .flex .multi_layout .middle-center.helper-div .text-side .draggable-pic-wrapper { display: inline-block; position: absolute; /*width: 50%;*/ left: 50%; top: 50%; /*height: 100%;*/ z-index: -1; } .flex .multi_layout .middle-center.helper-div .text-side .draggable-pic-wrapper.ui-draggable { cursor:move; } .draggable-pic-wrapper .ui-resizable-ne,.draggable-pic-wrapper .ui-resizable-se,.draggable-pic-wrapper .ui-resizable-nw,.draggable-pic-wrapper .ui-resizable-sw{ background-color: #0f95ee; border-radius: 7px; } .draggable-pic-wrapper .ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se{ width:9px; height:9px; background-image:none; right: -5px; bottom: -5px; } .flex .multi_layout .middle-center.helper-div .text-side .draggable-pic-wrapper .draggable-pic-holder { display: inline-block; height:100%; } .flex .multi_layout .middle-center.helper-div .draggable-div-holder{ display:block; } .draggable-div-holder{ display:none; } .draggable-pic-wrapper{ pointer-events:auto; } .draggable-pic-wrapper.ui-resizable{ outline:solid 1px #0f95ee; /*box-sizing:border-box;*/ } .draggable-pic-wrapper.ui-resizable .ui-resizable-handle.ui-resizable-s, .draggable-pic-wrapper.ui-resizable .ui-resizable-handle.ui-resizable-n{ height:7px; background-color: transparent; } .draggable-div-holder{ top:0px; position: absolute; height: 500px; min-height:inherit; width:100%; } .multi_layout .inner-pic-holder .inner-pic.fill{ width: 100%!important; height: 100%!important; background-size: cover; background-repeat:no-repeat; max-width: none; max-height: none; } .multi_layout .inner-pic-holder .inner-pic{ /*width: 100%!important;*/ width: 100%; height: 100%; background-repeat:no-repeat; max-width: none; max-height: none; overflow:hidden; } .multi_layout .inner-pic-holder a .inner-pic{ display:table; } .multi_layout .inner-pic-holder .inner-pic#no-image{ outline:none; } /*** TOP LEFT ***/ .multi_layout .top-left.helper-div .pic-side{ width:50%; height: 100%; left: 50%; min-height: inherit; /*margin-left: 50%;*/ } .multi_layout .top-left.helper-div .pic-side .inner-pic{ height: 100%; } .multi_layout .top-left.helper-div .text-side{ width: 50%; height: 100%; position: relative; float: left; min-height: inherit; } .multi_layout .top-left.helper-div .item-details{ /*vertical-align: top;*/ display: table-cell; } /*** CENTER LEFT ***/ .multi_layout .middle-left.helper-div .pic-side, .multi_layout .middle-left-25.helper-div .pic-side{ width:50%; height: 100%; left: 50%; min-height: inherit; /*margin-left: 50%;*/ } .multi_layout .middle-left-25.helper-div .pic-side{ width:75%; left: 25%; } .multi_layout .middle-left.helper-div .pic-side .inner-pic, .multi_layout .middle-left-25.helper-div .pic-side .inner-pic{ height: 100%; } .multi_layout .middle-left.helper-div .text-side, .multi_layout .middle-left-25.helper-div .text-side{ width: 50%; height: 100%; position: relative; float: left; min-height: inherit; display: table; } .multi_layout .middle-left-25.helper-div .text-side{ width: 25%; } .multi_layout .middle-left.helper-div .item-details, .multi_layout .middle-left-25.helper-div .item-details{ /*vertical-align: top;*/ display: table-cell; } /*** BOTTOM LEFT ***/ .multi_layout .bottom-left.helper-div .pic-side{ width:50%; height: 100%; left: 50%; min-height: inherit; } .multi_layout .bottom-left.helper-div .text-side{ width: 50%; height: 100%; position: relative; float: left; min-height: inherit; } .multi_layout .bottom-left.helper-div .item-details{ /*vertical-align: bottom;*/ display: table-cell; } /*** TOP RIGHT ***/ .multi_layout .top-right.helper-div .pic-side{ width:50%; height: 100%; right: 50%; min-height: inherit; } .multi_layout .top-right.helper-div .text-side{ width:50%; height: 100%; position: relative; float: right; min-height: inherit; } .multi_layout .top-right.helper-div .item-details{ /*vertical-align: top;*/ display: table-cell; } /*** MIDDLE RIGHT ***/ .multi_layout .middle-right.helper-div .pic-side, .multi_layout .middle-right-25.helper-div .pic-side{ width:50%; height: 100%; right: 50%; min-height: inherit; } .multi_layout .middle-right-25.helper-div .pic-side{ width:75%; right: 25%; } .multi_layout .middle-right.helper-div .text-side, .multi_layout .middle-right-25.helper-div .text-side{ width:50%; height: 100%; position: relative; float: right; min-height: inherit; display: table; } .multi_layout .middle-right-25.helper-div .text-side{ width:25%; } .multi_layout .middle-right.helper-div .item-details, .multi_layout .middle-right-25.helper-div .item-details{ /*vertical-align: top;*/ display: table-cell; } .multi_layout.product-container .middle-right.helper-div .pic-side{ width:66%; height: 100%; right: 34%; min-height: inherit; } .multi_layout.product-container .middle-right.helper-div .text-side{ width:33%; height: 100%; position: relative; float: right; min-height: inherit; display: table; } .multi_layout.product-container .inner-pic.preview-element{ background-size:contain!important; background-position:center!important; background-repeat:no-repeat!important; } /*** BOTTOM RIGHT ***/ .multi_layout .bottom-right.helper-div .pic-side{ width:50%; height: 100%; right: 50%; min-height: inherit; } .multi_layout .bottom-right.helper-div .text-side{ width:50%; height: 100%; position: relative; float: right; min-height: inherit; } .multi_layout .bottom-right.helper-div .item-details{ /*vertical-align: bottom;*/ display: table-cell; } /*** CENTER CENTER ***/ .multi_layout .middle-center.helper-div{ min-height: inherit; height: 100%; } .xprs-holder:not(.in-editor) .multi_layout .middle-center.helper-div{ pointer-events:none; } .multi_layout .middle-center.helper-div .pic-side{ width:100%; height: 100%; /*text-align:center;*/ top: 0px; } .multi_layout .middle-center.helper-div .pic-side .inner-pic{ margin-left:auto; margin-right:auto; display:inline-block; position:relative; } .multi_layout .middle-center.helper-div .pic-side a .inner-pic{ display:table; } .multi_layout .middle-center.helper-div .text-side{ width:100%; height: 100%; /*text-align:center;*/ min-height: inherit; margin-left: auto; margin-right: auto; display: table; } .multi_layout .middle-center.helper-div .preview-content-holder{ pointer-events: none; } .multi_layout .middle-center.helper-div .preview-content-holder .preview-element{ pointer-events:auto; } .multi_layout .middle-center.helper-div .item-details{ /*vertical-align: middle;*/ display: table-cell; pointer-events: none; } .multi_layout .middle-center.helper-div .vertical-aligner{ margin-left: auto; margin-right: auto; z-index:12345; } .multi_layout .middle-center.helper-div .text-side .vertical-aligner{ width:100%; } /*** BOTTOM CENTER ***/ .multi_layout .bottom-center.helper-div .text-side{ /*vertical-align: middle;*/ display: block; position:relative; } .multi_layout .bottom-center.helper-div .pic-side{ position:relative; /*bottom:0px; top:0px; width:100%;*/ } .multi_layout .bottom-center.helper-div .benet{ min-height:initial; } .multi_layout .bottom-center.helper-div .text-side .vertical-aligner{ width:100%; min-height:0px!important; height:initial!important } .multi_layout .bottom-center.helper-div .pic-side .vertical-aligner{ width:100%; min-height:0px!important; height: inherit!important; } .multi_layout .bottom-center.helper-div .pic-side .inner-pic-holder{ width:100%; min-height:0px!important; height: inherit!important; } .multi_layout .bottom-center.helper-div:not(.flipped-image) .pic-side .inner-pic{ width:100%; min-height:0px!important; } .multi_layout .bottom-center.helper-div.flipped-image .pic-side .inner-pic{ width:100%; min-height:300px!important; } /*** TOP CENTER ***/ .multi_layout .top-center.helper-div{ height: 100%; width: 100%; min-height: inherit; display: block; } .multi_layout .top-center.helper-div .text-side{ /*vertical-align: middle;*/ display: block; position:relative; } .multi_layout .top-center.helper-div .pic-side{ position:relative; /*bottom:0px; top:0px; width:100%;*/ } .multi_layout .top-center.helper-div .text-side .vertical-aligner{ width:100%; } .multi_layout .top-center.helper-div .benet{ min-height:initial; } .multi_layout .top-center.helper-div .text-side .vertical-aligner{ width:100%; min-height:0px!important; height:initial!important } .multi_layout .top-center.helper-div .pic-side .vertical-aligner{ width:100%; min-height:0px!important; height: inherit!important; } .multi_layout .top-center.helper-div .pic-side .inner-pic-holder{ width:100%; min-height:0px!important; height: inherit!important; line-height: 0px; } .multi_layout .top-center.helper-div:not(.flipped-image) .pic-side .inner-pic{ width:100%; min-height:0px!important; } .multi_layout .top-center.helper-div.flipped-image .pic-side .inner-pic{ width:100%; min-height:300px!important; } .multi_layout .helper-div:not(.middle-center) .pic-side .inner-pic#no-image{ /* background-image:url(http://lh3.googleusercontent.com/H91IJNOH5dBhODefYvp-p8aMs08rzundiGNqMQ4F5lHTil9hbPZLZj_QcdBV48sn524pngBjg_RXN8u2Um68pIubkQ); background-size: 50px; background-position:center; background-repeat: no-repeat; */ } .item_layout .item-preview, .item_layout .preview-image-holder, .item_layout .helper-div, .item_layout .text-side{ height:100%; min-height:inherit; } .item_layout .helper-div{ display:flex; } .item_layout .helper-div.middle-right{ flex-direction:row-reverse; } .item_layout .helper-div.bottom-center{ flex-direction:column; } .item_layout .helper-div.middle-center .text-side{ flex:1; } .item_layout .helper-div.middle-left .text-side , .item_layout .helper-div.middle-left .pic-side, .item_layout .helper-div.middle-left-25 .text-side , .item_layout .helper-div.middle-left-25 .pic-side, .item_layout .helper-div.middle-right .text-side , .item_layout .helper-div.middle-right .pic-side { width:50%; } .item_layout .helper-div.middle-center .pic-side{ pointer-events:auto; position: absolute; height:100%; width:100%; } .item_layout .helper-div .pic-side .inner-pic{ height:100%; width:100%; } .item_layout .text-side{ display:flex; align-items: center; justify-content: center; } </style> <style class='menu-css'>.menu_layout.item-content{ height:inherit; } .menu_layout .helper-div{ display:table-cell; vertical-align:middle; } .menu_layout .image-cover{ display:table-cell; vertical-align:middle; } .menu_layout .preview-content-wrapper{ text-align:left; height:inherit; min-height:inherit; } .menu_layout .preview-content-holder{ display: block; max-width: 100%; height:inherit; min-height:inherit; } .menu_layout .preview-item-links{ display:table-cell; vertical-align:middle; } .preview-item-links[data-shrink-style='vertically'] .preview-links-wrapper{ display:flex; flex-direction: column; } .menu_layout{ display:table; } .menu_layout .left-div{ height:10px; /*inherit for chrome*/ display:table; float:left; min-height:inherit; } .item-box[data-height-resize="true"] .menu_layout .left-div{ height:inherit; } .item-box[data-height-resize="true"] .menu_layout .right-div{ height:inherit; } .menu_layout .right-div{ height:10px; /*inherit for chrome*/ display:table; float:right; min-height:inherit; } .menu_layout.item-content{ width:100%; } .menu_layout .preview-item-links li{ display:inline-block; position: relative; } .preview-item-links .submenu li{ display:block!important; } .menu_layout .preview-item-links.flipped{ display:block; } .menu_layout .menu-line{ height: 3px; margin-bottom:5px; display:block; background-color:black; } .menu_layout .logo-holder{ display: table-cell; vertical-align: middle; line-height:0px; } .menu_layout .links-menu-btn{ width: 25px; height: 36px; cursor:pointer; display:none; vertical-align: middle; } .menu_layout .links-menu-btn.hamburger { width: auto; height: auto; position: absolute; top: 50%; right: 0%; transform: translateY(-50%); } .menu_layout .links-menu-btn-wrapper{ display:table; float:right; /*height:100%;*/ } .menu-links-holder{ position:relative; left:0px; top:0px; display:none; } .menu-links-holder.shown{ display:block; } .center-aligned-menu:not(.force-min-height50) .benet{ display:none; } .center-aligned-menu:not(.force-min-height50) .right-div, .center-aligned-menu:not(.force-min-height50) .left-div{ display:block; float:none; height:auto!important; min-height:initial; text-align:center; } .center-aligned-menu:not(.force-min-height50) .menu_layout .preview-item-links{ padding-bottom:25px; } .center-aligned-menu:not(.force-min-height50) .menu_layout .left-div{ padding-top:25px; } .center-aligned-menu:not(.force-min-height50) .helper-div{ display:inline; } .center-aligned-menu:not(.force-min-height50) .logo-holder , .center-aligned-menu:not(.force-min-height50) .preview-item-links{ display:inline-block; } .center-aligned-menu:not(.force-min-height50) .preview-content-wrapper{ display: table; width: 100%; text-align:center; } .center-aligned-menu:not(.force-min-height50) .preview-content-holder{ display: table-cell; vertical-align: middle; } .center-aligned-menu:not(.force-min-height50) .menu_layout .links-menu-btn.shown{ display:inline-block; } .menu_layout .links-menu-btn.shown{ display:table-cell; pointer-events:auto; } .menu-open .preview-element.Link.item-link{ pointer-events: auto; } .menu-open:not(.force-transparency):not(.full-screen-menu) .preview-item-links{ background-color:transparent; pointer-events:none; } .menu-open { pointer-events:auto!important; } .menufied .preview-item-links{ display:block; margin:auto; position:relative; z-index:3; padding-bottom:25px; } .menufied .preview-item-links span, .menufied .preview-item-links li{ display:inline-block; position: relative; } .menufied .preview-item-links.no-place span, .menufied.full-screen-menu.menu-open .preview-item-links span, .menufied.side-screen-menu.menu-open .preview-item-links span, .menufied.full-screen-menu.menu-open .preview-item-links li, .menufied.side-screen-menu.menu-open .preview-item-links li{ display:block; margin-right:auto!important; margin-left:auto!important; } .menufied.full-screen-menu .submenu, .menufied.side-screen-menu .submenu{ background-color:transparent!important; } .menu_layout .submenu li{ min-width:100%; } .left-menu-placeholder .item-wrapper{ padding-top:25%!important; } .left-menu-placeholder .master.item-box{ width:inherit!important; padding-left:0px!important; padding-right:0px!important; } .left-menu-placeholder .preview-item-links span{ margin-right:auto!important; margin-left:auto!important; } .preview-links-wrapper > span:first-child, .preview-links-wrapper > a:first-child span { margin-left:0px!important; } .left-menu-placeholder .preview-item-links{ padding-top:30px!important; } .animated-menu{ -webkit-transition: max-height 0.8s; -moz-transition: max-height 0.8s; transition: max-height 0.8s; } .scale-down08{ -webkit-transform: scale(0.8); transform:scale(0.8); -ms-transform:scale(0.8); } .force-min-height50{ min-height:50px!important; } .force-min-height50 .menus-wrapper{ min-height:50px!important; } .force-transparency{ background-color:transparent!important; pointer-events: none; } .force-transparency .preview-links-wrapper{ pointer-events: auto; } .force-transparency .item-content{ background-color:transparent!important; } .master.container.left-menu-layout [data-preset-type-id='MENUS']{ position:fixed!important; width:270px; top:0px; } .master.container .left-menu-placeholder{ display: inline-block; width:270px; vertical-align:top; } .master.container.left-menu-layout .item-wrapper.menus-wrapper{ display: inline-block; } .master.container.left-menu-layout .menu_layout .preview-item-links a , .master.container.left-menu-layout .menu_layout .preview-item-links .item-link,.master.container.left-menu-layout .menu_layout .preview-item-links li { display:block; } .master.container.left-menu-layout [data-preset-type-id='MENUS'] + .control-handle{ display: none!important; } .master.container.left-menu-layout > #children{ display: inline-block; } .master.container.left-menu-layout .menu_layout .preview-content-holder{ vertical-align:top; } .xprs-holder:not(.in-editor) .master.item-box.header-box.being-scrolled{ z-index:1234567891; } .being-scrolled .menu_layout .preview-subtitle-holder , .minimal-design .menu_layout .preview-subtitle-holder{ display:none; } .being-scrolled .menu_layout .preview-title-holder, .minimal-design .menu_layout .preview-title-holder{ display:table-cell; vertical-align:middle; } .being-scrolled .menu_layout .item-details , .minimal-design .menu_layout .item-details{ display:table; } .master.item-box.header-box.full-screen-menu .preview-links-wrapper, .master.item-box.header-box.side-screen-menu .preview-links-wrapper{ transform: translateY(-50%) translateX(-50%); top: 50%; left: 50%; position: absolute; } .left-menu-placeholder .menus-wrapper { min-width:none!important; } .master.item-box.header-box.full-screen-menu.menu-open .preview-item-links.transform-disabled .preview-links-wrapper{ transform:translateX(-50%); padding-right:-20px; } .master.item-box.header-box.full-screen-menu.menu-open .preview-item-links.transform-disabled{ overflow-y:scroll; padding-right:20px; } .master.item-box.header-box.full-screen-menu .preview-item-links{ position: fixed; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; } .master.item-box.header-box.side-screen-menu .preview-item-links{ position: fixed; top: 0px; right: -315px; z-index: -1; width: 315px; height: 100%; transition:right 1s; display:block; } .left-menu-placeholder .menu_layout .submenu, .header-box.side-screen-menu .submenu, .header-box.full-screen-menu .submenu, .menufied .preview-item-links.no-place .submenu{ position:relative; } .header-box .submenu{ display:none; } .header-box:not(.full-screen-menu) .preview-item-links:not([data-shrink-style='vertically']) .submenu{ position: absolute; left: -10px; top: 100%; min-width: 130px; padding: 10px; z-index:123; } .left-menu-placeholder .menu_layout .submenu .submenu-link , .header-box.side-screen-menu .submenu .submenu-link, .header-box.full-screen-menu .submenu .submenu-link, .menufied .preview-item-links.no-place .submenu .submenu-link{ text-align: center; } .header-box .submenu-link{ display:block; text-align: left; } .header-box .submenu-title{ position:relative; cursor:pointer; } .header-box .submenu-title:after{ content: ' \25be'; /* \25b4*/ } .master.item-box.header-box.boxed-menu .preview-item-links{ width:400px; height:400px; position: absolute; top:0px; right:0px; } .menu-advanced-settings.switching-panel .hamburger-inner:before, .menu-advanced-settings.switching-panel .hamburger-inner, .menu-advanced-settings.switching-panel .hamburger-inner:after{ background-color:#666; } .menu-advanced-settings.switching-panel .hamburger.selected .hamburger-inner:before, .menu-advanced-settings.switching-panel .hamburger.selected .hamburger-inner, .menu-advanced-settings.switching-panel .hamburger.selected .hamburger-inner:after{ background-color:white; } .hamburger{ outline:none; } .very-small .hamburger-box{ -ms-transform: scale(0.5); /* IE 9 */ -webkit-transform: scale(0.5); /* Safari */ transform: scale(0.5); } .small .hamburger-box{ -ms-transform: scale(0.7); /* IE 9 */ -webkit-transform: scale(0.7); /* Safari */ transform: scale(0.7); } .large .hamburger-box{ -ms-transform: scale(1.3); /* IE 9 */ -webkit-transform: scale(1.3); /* Safari */ transform: scale(1.3); } .very-large .hamburger-box{ -ms-transform: scale(1.5); /* IE 9 */ -webkit-transform: scale(1.5); /* Safari */ transform: scale(1.5); } .hidden-menu{ display:none!important; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:''}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--arrow.is-active .hamburger-inner:before{-webkit-transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{-webkit-transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(45deg);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:0;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .15s .4s ease}.hamburger--elastic .hamburger-inner:after{top:20px;transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:.1s;-webkit-transform:translate3d(0,10px,0) rotate(135deg);transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:.1s;-webkit-transform:translate3d(0,-20px,0) rotate(-270deg);transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:0;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .15s .4s ease}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:.1s;-webkit-transform:translate3d(0,10px,0) rotate(-135deg);transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:.1s;-webkit-transform:translate3d(0,-20px,0) rotate(270deg);transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .2s .25s ease-in}.hamburger--emphatic .hamburger-inner:before{left:0;transition:top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(80px,80px,0) rotate(45deg);transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(-80px,80px,0) rotate(-45deg);transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .2s .25s ease-in}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(80px,-80px,0) rotate(-45deg);transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(-80px,-80px,0) rotate(45deg);transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--slider .hamburger-inner{top:0}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{-webkit-transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-20px,0) rotate(-90deg);transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:0}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{-webkit-transform:translate3d(0,10px,0) rotate(-45deg);transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{-webkit-transform:rotate(45deg) translate3d(5.71429px,-6px,0);transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-20px,0) rotate(90deg);transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin .hamburger-inner:before{transition:top .1s .34s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s .14s ease-out;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s .34s ease-in,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s .14s ease-out;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.1s}.hamburger--squeeze .hamburger-inner:before{transition:top .1s .14s ease,opacity .1s ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom .1s .14s ease,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top .1s ease,opacity .1s .14s ease;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transform:rotate(765deg);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transform:rotate(-765deg);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} </style> <style class='flex-css'>.flex { overflow: hidden; } .flex p{ -webkit-font-smoothing: antialiased; } .flex .flex-arrows{ position:relative; cursor:pointer; top:50%; margin-top:-15px; opacity:0; -webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); } .master.item-box:hover .flex .flex-arrows{ opacity:1; } .flex .flex-arrows.disabled{ opacity:0!important; } .flex .flex-arrows.left{ float:left; padding: 2%; } .flex .flex-arrows.right{ float:right; padding: 2%; } .flex .sub.item-box{ -webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; position:relative; -webkit-transition: left 1s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: left 1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: left 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: left 1s cubic-bezier(0.165, 0.84, 0.44, 1); height:100%; width:0px; min-height:inherit; /* display: table-cell;*/ display:inline-block; text-align:left; vertical-align:middle; } .flex.container{ /*overflow: hidden;*/ position: relative; } .flex .sub.item-box:first-child{ width:100%; } .flex #children , .flex #items-holder-wrapper , .flex #items-holder { height:100%; min-height:inherit; text-align:left; /*display:table;*/ display:block; table-layout:fixed; width:100%; font-size: 0px;/* for spaces caused by inline-block elements*/ } .flex #items-holder-wrapper{ position: relative; } .flex .page-navigator{ cursor:pointer; float:left; background-position: center; background-size:cover; background-repeat:no-repeat; background-image:url('https://lh3.googleusercontent.com/Noh7kIm5kfqbPDsQ7iI6rTN4euBfQ7VMAlvb1SR-86_5iQtOVXQ3_UURL-N-97M-RWfKGNH6zjcbX9dCQW8=s30'); width:13px; height:13px; } .flex .page-navigator.active , .page-navigator:hover{ color:red; background-image:url('https://lh3.googleusercontent.com/2M3h4CZBMs93o0xtkzkIWJqLF3D042oh1uQZyF0VYQlmGWdEDh9Y6hC7cBZ712umyXcTAHz_nrGGA--_=s30'); } .flex #paginator{ position:absolute; left: 50%; bottom:2%; z-index:12; } .flex .sub.item-box[data-visible=visible]{ left: 0; } .flex[data-slide-effect='FADE'] .sub.item-box{ left:0; opacity:0; z-index: 0; /* visibility:hidden; */ top:0; -webkit-transition: opacity 3s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: opacity 3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: opacity 3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 3 s cubic-bezier(0.165, 0.84, 0.44, 1); } .flex[data-slide-effect='FILM']{ width: 70%; margin: auto; overflow: visible; } .flex[data-slide-effect='FADE'] .sub.item-box[data-visible=visible]{ opacity:1; z-index: 3; /* visibility: visible; */ } .flex[data-slide-effect='SQUARES'] .sub.item-box[data-visible=visible] { transform: scale(0.7); z-index: 3; } .flex[data-slide-effect='SQUARES'] .sub.item-box.before-visible .magic-circle-holder , .flex[data-slide-effect='SQUARES'] .sub.item-box.after-visible .magic-circle-holder{ pointer-events: none!important; } .flex[data-slide-effect='SQUARES'] .sub.item-box.before-visible{ transform: translateX(60%) scale(0.4); } .flex[data-slide-effect='SQUARES'] .sub.item-box.after-visible{ transform: translateX(-60%) scale(0.4); } .flex[data-slide-effect='FILM'] .sub.item-box.before-visible{ opacity:0.7; } .flex[data-slide-effect='FILM'] .sub.item-box.after-visible{ opacity:0.7; } .flex[data-slide-effect='SQUARES'] .sub.item-box{ -webkit-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), left 1s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), left 1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), left 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 1 s cubic-bezier(0.165, 0.84, 0.44, 1), left 1s cubic-bezier(0.165, 0.84, 0.44, 1); z-index: 0; }</style> <style class='flex-css'> .page-navigator{ cursor:pointer; float:left; background-position: center; background-size:cover; background-repeat:no-repeat; background-image:url('https://lh3.googleusercontent.com/Noh7kIm5kfqbPDsQ7iI6rTN4euBfQ7VMAlvb1SR-86_5iQtOVXQ3_UURL-N-97M-RWfKGNH6zjcbX9dCQW8=s30'); width:13px; height:13px; } .matrix .sub.item-box{ display:inline-block; vertical-align:top; } .matrix .sub.item-box.element-box{ display:inline-block; } .page-navigator.active , .page-navigator:hover{ color:red; background-image:url('https://lh3.googleusercontent.com/2M3h4CZBMs93o0xtkzkIWJqLF3D042oh1uQZyF0VYQlmGWdEDh9Y6hC7cBZ712umyXcTAHz_nrGGA--_=s30'); } .matrix #elements-holder{ display:inline-block; width:100%; } .matrix .sub.item-box:not(.element-box){ /*overflow: hidden;*/ } .matrix .image-cover{ overflow: visible; } .matrix .preview-image-holder{ overflow: visible; } .matrix #items-holder-wrapper{ width:100%; /*display:inline-block;*/ text-align:center; } .matrix #children{ height: 100%; min-height: inherit; } .matrix #items-holder{ width:100%; margin-left:auto; margin-right:auto; text-align:left; font-size: 0px; /* padding:0px; margin:0px; */ } .matrix .element-wrapper{ text-align:center; } </style> <style class='footer-css'>.footer_layout.item-content{ height:inherit; } .footer_layout .helper-div{ display:table-cell; vertical-align:middle; } .footer_layout .image-cover{ display:table-cell; vertical-align:middle; } .footer_layout .preview-content-wrapper{ text-align:left; height:inherit; min-height:inherit; } .footer_layout .preview-content-holder{ display: block; max-width: 100%; height:inherit; min-height:inherit; } .footer_layout .logo-holder{ display: table-cell; vertical-align: middle; } .footer_layout .preview-item-links{ display:table-cell; vertical-align:middle; white-space: nowrap; } .footer_layout .preview-item-links span{ float:left; display:inline-block; } .footer_layout{ display:table; } .footer_layout .left-div{ height:inherit; /*inherit for chrome*/ display:table; float:left; min-height:inherit; } .footer_layout .right-div{ height:inherit; /*inherit for chrome*/ display:table; float:right; min-height:inherit; } .footer_layout .center-div{ height:inherit; /*inherit for chrome*/ display:block; text-align:center; min-height:inherit; } .item-box[data-height-resize="true"] .footer_layout .left-div{ height:inherit; } .item-box[data-height-resize="true"] .footer_layout .right-div{ height:inherit; } .item-box[data-height-resize="true"] .footer_layout .center-div{ height:inherit; } .footer_layout .left-div.flipped{ display:inline-block; width:100%; float:none; height:auto; min-height:initial; } .footer_layout .right-div.flipped{ display:inline-block; width:100%; float:none; height:auto; text-align: center; min-height:initial; } .footer_layout .center-div.flipped{ display:inline-block; width:100%; float:none; height:auto; min-height:initial; } .footer_layout .links-wrapper{ display:table; height:100%; min-height: inherit; margin-left:auto; margin-right:auto; } .footer_layout .right-div .preview-social-wrapper{ display: table-cell; vertical-align: middle; } .footer_layout .right-div.flipped .preview-social-wrapper{ display: inline-block; } .footer_layout.item-content{ width:100%; } .footer_layout .links-menu-btn{ background-image:url('/images/ui_icons/menu_ico.png'); background-repeat:no-repeat; background-position: 50%; /*background-color: black;*/ background-size:contain; width: 50px; height: 50px; float: right; cursor:pointer; /*display:table-cell;*/ /*vertical-align:middle;*/ } .footer_layout .links-menu-btn-wrapper{ display:table; float:right; /*height:100%;*/ } .footer_layout .menu-links-holder{ position:relative; left:0px; top:0px; display:none; z-index:9999999; } .footer_layout .menu-links-holder.shown{ display:block; } </style> <style class='default-style'>/****************************************************************************************************** * DEFAULT PREVIEW_STYLE * ******************************************************************************************************/ .preview-title , .preview-body h1 { display:inline-block; font-family:freight-sans-pro; color:#000; font-size:32rem; line-height:1em; letter-spacing:normal; font-style:normal; text-decoration:none; font-weight:normal; direction:ltr; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; text-shadow:none; text-transform:none; } .preview-title-holder { display:inline-block; text-align:inherit; max-width:inherit; } .preview-subtitle , .preview-body h2 { display:inline-block; font-family:freight-sans-pro; color:#000; font-size:25rem; line-height:1em; letter-spacing:normal; font-style:normal; text-decoration:none; font-weight:normal; direction:ltr; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; text-shadow:none; text-transform:none; } .preview-subtitle-holder { display:inline-block; text-align:inherit; max-width:inherit; } .preview-body { display:inline-block; font-family:freight-sans-pro; color:#000; font-size:25rem; line-height:1em; letter-spacing:normal; font-style:normal; text-decoration:none; font-weight:normal; direction:ltr; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; max-width:980px; text-shadow:none; -webkit-column-count:1; text-transform:none; } .preview-body-holder { display:inline-block; text-align:inherit; max-width:inherit; } .preview-element.icon-source { width:100px; border-style:solid; border-width:0px; border-color:#000000; margin-left:0px; margin-right:0px; margin-top:15px; margin-bottom:15px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; } .preview-icon-holder { text-align:inherit; } .background-div { background-size:cover; background-position:center center; opacity:1; } .preview.image-cover { min-height:inherit; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; } .inner-pic { display:inline-block; -webkit-filter:none;filter:none; background-size:cover; background-position:center center; opacity:1; } .pic-side:after , .item-effect-tester , .sub.item-box:after { background-color:#2098d1; } .inner-pic-holder { vertical-align:middle; text-align:center; background-color:transparent; } .preview-item-links span , #sr-basket-widget * { display:inline-block; font-family:freight-sans-pro; color:#000; font-size:25rem; line-height:1em; letter-spacing:normal; font-style:normal; text-decoration:none; font-weight:normal; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; max-width:980px; text-shadow:none; border-style:solid; border-width:0px; border-color:#000000; border-radius:0px; } .preview-item-links span:hover , .preview-element.Link.hover-tester { color:#000; background-color:transparent; } .preview-item-links { text-align:inherit; } .preview-item-links.allow-bg-color , .submenu { background-color:#666; background-image:none; } .preview-item-links span:before , .effect-tester { background-color:#2098d1; } .preview-form .Field { display:inline-block; font-family:freight-sans-pro; font-size:25rem; line-height:1em; letter-spacing:normal; font-style:normal; text-decoration:none; font-weight:normal; margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:5px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; max-width:400px; min-width:0px; border-style:solid; border-width:1px; border-color:#000000; } .preview-form .Field:hover , .preview-form .Field.hover-tester:not(.placeholder-mode) { color:#000; background-color:transparent; } .field-holder { text-align:inherit; } .preview-form .Field.placeholder-mode:not(:hover) , .preview-form .Field.no-value:not(:hover) , .preview-form .field-holder .Field.field-dropdown:not(.placeholder-mode):not(.no-value):not(:hover) { color:#555; } .preview-form .Field:not(.placeholder-mode):not(.no-value):not(:hover) { color:#000; } .preview-link-img { display:inline-block; width:50px; } .preview-social-holder { display:inline-block; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; border-style:solid; border-width:0px; border-color:#000000; } .preview-social-wrapper { text-align:inherit; } .preview-raw-wrapper { text-align:inherit; } .preview-content-holder { display:inline-block; max-width:none; text-align:center; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; border-style:solid; border-width:0px; border-color:#000000; left:auto; right:auto; top:auto; bottom:auto; width:auto; height:auto; } .preview-content-wrapper { text-align:center; vertical-align:middle; } .blocks-preview-content-holder { display:inline-block; text-align:center; max-width:none; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; } .blocks-preview-content-wrapper { text-align:center; } .middle_layout .helper-div , .multi_layout .helper-div.middle-center .text-side { max-width:none; } .preview-price { display:inline-block; font-family:freight-sans-pro; color:#000; font-size:25rem; line-height:1em; letter-spacing:normal; font-style:normal; text-decoration:none; font-weight:normal; direction:ltr; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; text-shadow:none; text-transform:none; } .preview-price-holder { display:inline-block; text-align:inherit; max-width:inherit; } .stripe-background { -webkit-filter:none;filter:none; opacity:1; background-size:cover; background-position:center center; margin-top:0px; margin-left:0%; } .blocks-preview-title { display:inline-block; font-family:Montserrat; color:#000; font-size:32rem; line-height:1em; letter-spacing:normal; font-style:normal; text-decoration:none; font-weight:normal; direction:ltr; margin-left:0px; margin-right:0px; margin-top:20px; margin-bottom:5px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; text-shadow:none; text-transform:none; } .blocks-preview-title-holder { display:inline-block; text-align:inherit; max-width:inherit; } .blocks-preview-subtitle { display:inline-block; font-family:Arial; color:#999999; font-size:20rem; line-height:1em; letter-spacing:normal; font-style:normal; text-decoration:none; font-weight:normal; direction:ltr; margin-left:0px; margin-right:0px; margin-top:15px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; text-shadow:none; text-transform:none; } .blocks-preview-subtitle-holder { display:inline-block; text-align:inherit; max-width:inherit; } .blocks-preview-body { display:inline-block; font-family:Arial; color:#000; font-size:12rem; line-height:1.2em; letter-spacing:normal; font-style:normal; text-decoration:none; font-weight:normal; direction:ltr; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:20px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; max-width:600px; text-shadow:none; -webkit-column-count:1; text-transform:none; } .blocks-preview-body-holder { display:inline-block; text-align:inherit; max-width:inherit; } .blocks-preview-item-links .Link { display:inline-block; font-family:freight-sans-pro; color:#000; font-size:25rem; line-height:1em; letter-spacing:normal; font-style:normal; text-decoration:none; font-weight:normal; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; max-width:980px; text-shadow:none; border-style:solid; border-width:0px; border-color:#000000; border-radius:0px; } .blocks-preview-item-links { text-align:inherit; } .blocks-preview-item-links .Link:hover { color:#000; background-color:transparent; } .blocks-inner-pic { display:inline-block; width:600px; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:10px; } .blocks-inner-pic-holder { display:inline-block; } .preview-divider { display:inline-block; width:50%; border-style:solid; border-bottom-width:1px; border-color:#000000; margin-top:10px; margin-bottom:10px; } .preview-divider-holder { text-align:inherit; } .blocks-preview-divider { display:inline-block; width:50%; border-style:solid; border-bottom-width:2px; border-color:#000000; margin-top:10px; margin-bottom:10px; } .blocks-preview-divider-holder { text-align:inherit; } .multi_layout .helper-div.middle-center { max-width:none; padding-left:0%; padding-right:0%; width:100%; } .draggable-pic-wrapper { left:200px; top:200px; width:400px; height:400px; } .draggable-pic-wrapper { left:0px; top:0px; width:400px; height:400px; } .draggable-pic-wrapper { left:0px; top:0px; width:400px; height:400px; } /****************************************************************************************************** * DEFAULT STRIPE_STYLE * ******************************************************************************************************/ .Title , .Body h1 { display:inline-block; font-family:freight-sans-pro; color:#000; font-size:50rem; line-height:1em; letter-spacing:normal; font-style:normal; text-decoration:none; font-weight:normal; direction:ltr; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; text-shadow:none; max-width:none; text-transform:none; } .title-holder { text-align:left; } .title-wrapper { max-width:none; } .Subtitle , .Body h2 { display:inline-block; font-family:freight-sans-pro; color:#000; font-size:25rem; line-height:1em; letter-spacing:normal; font-style:normal; text-decoration:none; font-weight:normal; direction:ltr; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; text-shadow:none; max-width:none; text-transform:none; } .subtitle-holder { text-align:left; } .subtitle-wrapper { max-width:none; } .Body { display:inline-block; font-family:Arial; color:#000; font-size:15rem; line-height:1em; letter-spacing:normal; font-style:normal; text-decoration:none; font-weight:normal; direction:ltr; max-width:none; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; text-shadow:none; -webkit-column-count:1; text-transform:none; } .body-holder { text-align:left; } .body-wrapper { max-width:none; } .element.icon-source { width:100px; border-style:solid; border-width:0px; border-color:#000000; } .icon-holder { text-align:center; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; } .element.image-source { border-style:solid; border-width:0px; border-color:#000000; } .page-image-cover { margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; } .item-links span { display:inline-block; font-family:freight-sans-pro; color:#000; font-size:25rem; line-height:1em; letter-spacing:normal; font-style:normal; text-decoration:none; font-weight:normal; direction:ltr; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; text-shadow:none; border-style:solid; border-width:0px; border-color:#000000; border-radius:0px; text-transform:none; } .item-links span:hover { color:#000; background-color:transparent; } .item-links { text-align:left; } .link-wrapper { max-width:none; } .Quote { display:inline-block; font-family:freight-sans-pro; color:#000; font-size:25rem; line-height:1em; letter-spacing:normal; font-style:normal; direction:ltr; text-decoration:none; font-weight:normal; text-shadow:none; } .quote-author { font-family:freight-sans-pro; color:#000; font-size:25rem; line-height:1em; letter-spacing:normal; font-style:normal; text-decoration:none; font-weight:normal; direction:ltr; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; max-width:980px; text-shadow:none; } .quote-holder { display:inline-block; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; } .quote-wrapper { text-align:center; max-width:none; } .content-margin { margin-left:0px; margin-right:0px; } .stripe-default-width { max-width:9000px; } #pagination-holder { display:inline-block; font-family:freight-sans-pro; color:#000; font-size:25rem; line-height:1em; letter-spacing:normal; font-style:normal; text-decoration:none; font-weight:normal; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; max-width:980px; text-shadow:none; border-style:solid; border-width:0px; border-color:#000000; } .element-wrapper { max-width:none; } .link-img { display:inline-block; width:100px; margin:0px; } .social-holder { text-align:center; } .master.container > #children { background-color:white; } .element.video-source { border-style:solid; border-width:0px; border-color:#000000; } .page-video-cover { text-align:center; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color:transparent; } { background-color:transparent; padding-left:0%; padding-right:0%; width:100%; } iframe.html-frame { background-color:transparent; } .html-wrapper { max-width:none; } .self-wrapper { max-width:none; } .background-image-div { -webkit-filter:none;filter:none; opacity:1; background-size:cover; background-position:center center; } </style> <link id="vbid-9de59c91-c8wfiahr-STATIC_STYLE" rel="stylesheet" type="text/css" href="//editor.turbify.com/static_style?v=1.5.8c&vbid=vbid-9de59c91-c8wfiahr&caller=live"> <!-- SCRIPT --> <script src="//editor.turbify.com/js/lib/jquery-2.x-git.min.js" type="text/javascript"></script> <script src="//editor.turbify.com/js/xprs_helper.js?v=1.5.8c" type="text/javascript"></script> <script type="text/javascript" src="//editor.turbify.com/js/ysb.js"></script> <script type="text/javascript" src="//editor.turbify.com/all_js.js?v=1.5.8c"></script> <script src="//editor.turbify.com/js/lib/touchswipe/jquery.mobile.custom.min.js"></script> <!-- User analytics --> <!-- Label config--> <script> var LABEL_CONFIG = {}; </script></head> <body class="fast-animated-bg fixed-bg " data-ecommerce-solution="DISABLED" data-root-id="vbid-9de59c91-c8wfiahr" data-root-style-id="style-9de59c91-vzk0aoha" data-default-currency="USD" data-app-version="1.5.8c" data-caller="live" data-ecommerce-dashboard="" data-static-server="//editor.turbify.com" data-imos-server="https://imos006-dot-im--os.appspot.com" > <div id="xprs" data-website-name="PDR4 Inc" data-slug="" class="xprs-holder" > <div class="main-page " > <div id="content"> <div id="vbid-9de59c91-c8wfiahr" class="master container style-9de59c91-vzk0aoha content stripes scroll-effects scroll_effect3 website-style " data-itemtype="folder" data-creator="" data-itemname="PDR4 Inc" data-itemslug="pet-doctor" data-itemstyleid="style-9de59c91-vzk0aoha" data-margintop="" data-arranger="stripes" data-layout="multi" data-vbid="vbid-9de59c91-c8wfiahr" data-preset-type-id="" data-preview-style="style-9de59c91-vzk0aoha" data-style="style-7f715-gkcpu3e69m" data-absolute-path="" data-block-script='true'> <!-- ARRANGER SETTINGS --> <div class="arranger-settings" style="display:none;" data-ARRANGER_TYPE="stripes" data-ARRANGER_COLS="0" data-ARRANGER_ITEM_MAX_WIDTH="400" data-ARRANGER_ITEM_MIN_WIDTH="230" data-ARRANGER_ITEM_RATIO="1" data-ARRANGER_ITEM_SPACING="20" data-ARRANGER_ITEMS_PER_PAGE="all" data-ARRANGER_ORDER_TYPE="regular" data-AUTO_PLAY="false" data-AUTO_PLAY_DURATION="4" data-SLIDE_EFFECT="SLIDE" data-FLEX_ELEMENT_EFFECT="" data-FLEX_ARROWS="https://lh3.googleusercontent.com/ZMARmveTg1geksYKXZKdh71KW09XrhDLg8N-XrfXCGsDBEHnuKwhmYpHd55Y2-NwuwLX8qsyx26JNyJWtr1jEcxD=s50" ></div> <div class="layout-settings" style="display:none;" data-type="multi"></div> <div id="children"> <div id="vbid-9de59c91-tbfoqr1e" class="master item-box element-box style-9de59c91-vzk0aoha " data-holder-type="element"" data-holder-type="element" data-child-type="RAW" data-styleid="style-9de59c91-vzk0aoha" data-preset-type-id=""> <div id="" class="stripe-background load-high-res " ></div> <div class="element-wrapper item-wrapper raw-wrapper "> <div class="content"> <div class="page-raw-cover dynamic-height " > <div id="vbid-9de59c91-tbfoqr1e" class="element html-source magic-circle-holder page_stripe_popup_app page-app" data-menu-name="RAW" data-json-name="HTML_IFRAME" data-allow-script="False" > <div class="raw-container" id="vbid-9de59c91-tbfoqr1e-raw" data-raw-content-url="/html_src/54d59f3c?raw=true&type=page_stripe_popup_app" data-static="true" > <div id="app_settings" class="popup-form-settings-panel" style="display:none;height:95%;line-height:1em"> <div id="template_selector"> <div id="selectTemplateButton" class="template-blank" onClick="expandPopupList()"><span style="color: white;margin-left: 16px;">Pop-up Preset:</span></div> <ol id="selectable" name="template" value="vbid-3726659f-w2ypdu1q"> <li class="ui-widget-content item" value="vbid-3726659f-w2ypdu1q" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/jMZ2Tw7t9eo82rnDlzvQDDSZNwIiAbqay7BsrRp52KG-pG-z1FgVaJhM98fGZG1ccpaOBxBMKyhzXZcu=s250')"></li> <li class="ui-widget-content item" value="vbid-a89f3468-iidd4ogs" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/VHK8JHwEKjVw5TrU4PFrbz8hPl9gcYyBBks4sKi-Fu4E49EkyJP5kkKIwyGza_twYzEzz9cWYj4bZZXHlg=s250')"></li> <li class="ui-widget-content item" value="vbid-09eff374-gv8ydiax" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/DWJSGNQnK3rUlrSrNHh42jPK5Vbv3BADTVKT6rTCdgvTUMdDOwRl9zqdj7pGGvWEv5CYsBccfGLPvW7vcg=s250')"></li> <li class="ui-widget-content item" value="vbid-68e23454-gq2iu6ee" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/JHTgLyt3TylCweRRUgmDOj2GYgUQSe5PG-ouOGhc0Tbd5E8gTZRlgZ6DD3rjIrO5_uJuExOIoc-ikbFl0QI=s250')"></li> <li class="ui-widget-content item" value="vbid-d0f47672-abrgqdbx" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/A1q1oUvOhHr5x6XPCg25ZSVWlHZiGYNyJjg3KEo0AQkW7WZ8-T97NxHlERgE-HHBOtrkr5WviuD3VczAHw=s250')"></li> <li class="ui-widget-content item" value="vbid-62eb84cb-2qvkpfd1" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/lI9-tyIeV4shBhB3CCtPUlLJrCcFfA728fRiwTZUGog9IPqnYf-hkFrpcQJBG2txCyo7qRa-9jLWRm119Yg=s250')"></li> <li class="ui-widget-content item" value="vbid-14be725f-pzignpuh" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/pxUXT18hfh3c5fxXuNup8HOAX321dtizmIyBuBuk7ZLEGTMuoIwoRN2dSaMGpJTxMj0BLu_qD0eBfDBp=s250')"></li> <li class="ui-widget-content item" value="vbid-a7d541ad-2iozfb83" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/Uwc3LraWb-syaYpszX2GgAJCLhd7EpCzeZ9s-wdv40oCELZuki2LO67NCEqQ4eOX3jq97sBzhwaJJOfNkTQ=s250')"></li> <li class="ui-widget-content item" value="vbid-e237c3c6-ayispqnk" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/4ggYTwR9MatkGWanFU1nQTwp9JrRWYf8zBgG0dOpgQiwPIk4tYtqvgL_4DwTKdedHOU_NKShA7Zde_nsbCU=s250')"></li> <li class="ui-widget-content item" value="vbid-7223cae6-2qvkpfd1" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/_mkGXVIE9zotGkYvdJzqu8O3w6Ni7vAHIulYFpYKIz8aoYEG1nGG2za31ijw9w46yclRz6-2Y6-fuAK_pQ=s250')"></li> <li class="ui-widget-content item" value="vbid-02ce650d-0e85yjxy" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/T_yIk-VmAwIwZ5rL6r8_zH8IyX6qSxCSERuGwwwDkNw0WE9ZemxE3f5jXo3mmWXOZFzDFqdHB5g1qrmTSAs=s250')"></li> <li class="ui-widget-content item" value="vbid-bddafde3-0xlbdgxw" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/sQVik7kseAfLUnZwEHCspRYPCB8kCqATmSrrncLccDpTvZZhGyP2HzHyCVWCMDvyU8mee12aZFWXm8B_=s250')"></li> <li class="ui-widget-content item" value="vbid-ad1b7e75-udmmq7ka" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/zohwE8liYP0dVl96s3CsOR-26tDzcCI3A3F4X35DbKyGxKssTh0UyviLBSNTBpfCgK4JEbhCeDcDEBNNXw=s250')"></li> <li class="ui-widget-content item" value="vbid-a86ce9b6-2qvkpfd1" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/DOnLWB4PeczAQPeWWpq9voKMb1mVkgRpWpxm7uX_yjoLagAxzIJFauWVHQqqzW4bFaD0mKhWowYPDDHldA=s250')"></li> <li class="ui-widget-content item" value="vbid-b7756e4f-gq2iu6ee" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/WCR2bG62NvuH6t9gN280oemGW8JYIZnVt_UFC3wM3ZRCdkl5Po619_Tfgb9pglMGPiFwQhwgIxdoqDlS=s250')"></li> <li class="ui-widget-content item" value="vbid-57286964-gq2iu6ee" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/P1eBKYoYrGaj3ZV7swtXte706n4jfuIqTRvuNDTljpOZUBhgArr3uD0yZSoJWe7cqM19fEfELNC0DVFJkQ=s250')"></li> <li class="ui-widget-content item" value="vbid-627dc7e6-s5pdf8f2" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/rrrM4d3RIw5wYJ1TAo0gt0G09mwJ5sXLvAQt8zTBl8aCs_BJXP4zH_lvfVE3y-J-zek5-i9NmR-mv8zW=s250')"></li> <li class="ui-widget-content item" value="vbid-8ff732dd-abrgqdbx" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/tBT3-1uAyuGx4N7g9L9izG6TZoVf96Ly-9OgvTBJaTRqLWGOiIizej9ekbjKnyD7BmaAcJcw1WYHap_M=s250')"></li> <li class="ui-widget-content item" value="vbid-466845d0-iidd4ogs" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/ApteRE0sFclf1R2YJCTxGfXtgTdkKaTqj0KpFD0vwfmOxQyhMKGlUqFKm5pzcor1yd99aM72ygnUxVAVVg=s250')"></li> <li class="ui-widget-content item" value="vbid-dd9c4df1-u8eh7xv3" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/9xxMvka-ASkV2HFYfqn09hrBvTnhpdSt8tw53ULB19ZXhhSR0DNGCc4ON4zrvXGiin2U309HL-Psqa_m=s250')"></li> <li class="ui-widget-content item" value="vbid-e59d5107-kqgmxt5n" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/7s2eqiLGtVW2cKq9PmypBj7DPgK1QTI1M0TqKCyIjpk1Wm8uTjGgUs2vV6glSoA90MBYOCGWxW0vQ9Ri-S4=s250')"></li> <li class="ui-widget-content item" value="vbid-05fbf368-36hyxloh" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/j2UVF0-_NqZitrzY7Jw_dB8NwbKR_Oe6jt8nV8w2PG3v4N-MSxqrJiAnmBBrxSl88vXEuuOr44pZFjT_=s250')"></li> <li class="ui-widget-content item" value="vbid-71c36603-wgdrzlzs" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/MHyRWCeEK8VShirpKgHhNHaEE5xWhpEYJwUOU493peeHFU_140TE0QYHOc3SYxFXmTXbslSda5Kor5cyMQ=s250')"></li> <li class="ui-widget-content item" value="vbid-275d0285-tpvaafiz" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/gf1RbaxV8A9eXPzZm1xdosCEBJpTtwRs09VeEezhMlz86t0t1iNpXyzOhld_2-btPD8pnTBjlkAfzaM5kQ=s250')"></li> <li class="ui-widget-content item" value="vbid-ae924c98-yeqviu8q" style="background-position: center;background-image:url('https://lh3.googleusercontent.com/uD8xDAgVKM8wavlw9JwcE1UNMKU-9rSaZ8HlRayRNRw90JClCJRo3_3Cj-zez000qwXpNqA2DXm-KttA2KY=s250')"></li> </ol> </div> <div id='template_params' style="padding: 15px;"> <label class='app_text_label' style="width:103px;margin-left: -8px;">Email for replies: </label> <input class='app_field_input ' type="text" name="data_href" style="width: 265px;" placeholder="[email protected]"><br> <textarea class='app_field_input ' style="width: 265px; height:50px" type="text" rows="3" name="data_text" placeholder="Text to be presented after form submission"></textarea> <label class='app_text_label' style="width:103px;margin-left: -8px;">Location: </label> <select class='app_field_input' style="width:150px" name="locationOption" onChange="locationSelected(this.value)"> <option value="center">Centered</option> <option value="bottom_right">Bottom Right</option> <option value="fullscreen">Fullscreen</option> </select> <br> <label class='app_text_label short_label' name="popupWidth">Width </label> <input class='app_field_input short_field' type="number" name="popupWidth" style="width:70px"> <label class='app_text_label short_label' name="popupHeight" style="margin-left: 35px;">Height </label> <input class='app_field_input short_field' type="number" name="popupHeight" style="width:70px"><br><br> <label class='app_text_label' style="width:8em;margin-left: -8px;">Pop Options: </label><br> <input class='app_field_input' type="checkbox" id="timer" name="popingOptions" checked><label class='app_text_label' style="margin-left: 6px;margin-right: 0px;margin-top: 5px;">Timer </label> <input class='app_field_input' type="checkbox" id="on_scroll" name="popingOptions"><label class='app_text_label' style="margin-left: 6px">On Scroll </label> <input class='app_field_input' type="checkbox" id="on_exit" name="popingOptions" style="margin-left: 6px;"><label class='app_text_label' style="margin-left: 6px;margin-right: 0px;">On Exit </label> <br> <div class="extra_options timer" style="display:none"> <label class='app_text_label long_label' style='margin-right: 5px;'>Pop after</label> <input class='app_field_input short_field' type="number" name="timeToPopup"> <label class='app_text_label long_label' style='width:67px;margin-left: 5px;'> seconds</label><br> </div> <div class="extra_options on_scroll" style="display:none"> <label class='app_text_label long_label' style='margin-right: 5px;'>Pop after scrolling</label> <input class='app_field_input short_field' type="number" name="endPrecent"> <label class='app_text_label long_label' style='width: 77px;margin-left: 5px;'> % of the page</label><br> </div> <!-- <div class="extra_options on_exit" style="display:none"> <label class='app_text_label long_label' style="margin-top: 5px;">Every page Reload </label> <input class='app_field_input' type="checkbox" name="aggressive"><br> </div> --> </div> </div> <script> var/*<{*/popupWidth/*}*/ = /*{*/350/*}>*/; var/*<{*/popupHeight/*}*/ = /*{*/600/*}>*/; var /*<{*/timeToPopup/*}*/ = /*{*/5/*}>*/; //in seconds var /*<{*/endPrecent/*}*/ = /*{*/80/*}>*/; var /*<{*/popingOptions/*}*/ = /*{*/[]/*}>*/; var /*<{*/locationOption/*}*/ = /*{*/"bottom_right"/*}>*/; var /*<{*/template/*}*/ = /*{*/"vbid-3726659f-w2ypdu1q"/*}>*/; var /*<{*/data_href/*}*/ = /*{*/""/*}>*/; var /*<{*/data_text/*}*/ = /*{*/""/*}>*/; var stripeObj; var backgroundObj; var gDidPop = false; if (typeof EditorHelper == "undefined"){ if (popingOptions.indexOf("timer") != -1) { document.addEventListener('DOMContentLoaded', setTimeout(popUpStripe, timeToPopup*1000)); } } else { document.addEventListener('xprs-app-loaded', popUpStripe); document.addEventListener('xprs-app-loaded', extraAppOptions); //console.log('listeners added'); } function locationSelected(selVal) { if (selVal == 'fullscreen') { popupWidth=window.innerWidth; popupHeight=window.innerHeight; $("[name=popupWidth]").css('display','none'); $("[name=popupHeight]").css('display','none'); $("[name=popupWidth]").val(popupWidth); $("[name=popupHeight]").val(popupHeight); } else if (selVal == 'bottom_right' || selVal == 'center') { if (selVal == 'center') { popupWidth=1200; popupHeight=600; } if (selVal == 'bottom_right') { popupWidth=400; popupHeight=600; } $("[name=popupWidth]").val(popupWidth); $("[name=popupHeight]").val(popupHeight); $("[name=popupWidth]").css('display','inline-block'); $("[name=popupHeight]").css('display','inline-block'); } $(".shown #update-html").trigger( "click" ); } function fillPopupList() { /* var popupSiteVbid = 'vbid-stripe-popup-form-site';//'vbid-09eff374-npdbqrgi' XPRSHelper.GET("/get_box", {"vbid":popupSiteVbid,"no_style":true},function(jsonObj) { boxChildren = jsonObj['CHILDREN']; if (boxChildren){ for idx, entry in enumerate(boxChildren): entryType = str(entry.keys()[0]) if entryType == "CHILD": if "TYPE" in entry["CHILD"] and entry["CHILD"]["TYPE"] == "FORM" console.log(jsonObj['CHILDREN']); } }); */ } function templateSelected(selVal) { //var popupStripeVbid = 'vbid-stripe-popup-form-' + selVal;//+ $(this).prop('id'); var displayedPanel = $('.shown #app_settings').find('#selectTemplateButton span'); displayedPanel.addClass("loading-state"); closeStripe(); duplicateStripe(selVal, displayedPanel); } function extraAppOptions() { //extra options display if (popingOptions.indexOf("timer") != -1) { $('#app_settings .extra_options.timer').css('display','block'); } else { $('#app_settings .extra_options.timer').css('display','none'); } if (popingOptions.indexOf("on_exit") != -1) { $('#app_settings .extra_options.on_exit').css('display','block'); } else { $('#app_settings .extra_options.on_exit').css('display','none'); } if (popingOptions.indexOf("on_scroll") != -1) { $('#app_settings .extra_options.on_scroll').css('display','block'); } else { $('#app_settings .extra_options.on_scroll').css('display','none'); } $("input.app_field_input[type=checkbox]").unbind("click").bind("click",function(){ var checkboxId = $(this).attr('id'); if ($('#app_settings .extra_options.'+checkboxId).css('display') == 'none') { $('#app_settings .extra_options.'+checkboxId).css('display','block'); } else { $('#app_settings .extra_options.'+checkboxId).css('display','none'); } }); var submitBtn = $(".stripe_popup_app a[data-link-type=SUBMIT]"); var newText = $('.shown textarea[name=data_text]').val(); var btnText = submitBtn.attr("data-text"); var newEmail = $('.shown input[name=data_href]').val(); var btnEmail = submitBtn.attr("data-href"); if ((typeof newText != "undefined" && newText != "") && (typeof newEmail != "undefined" && newEmail != "")) { if (newText != btnText || newEmail != btnEmail) { var target,nofollow; var item = $(".stripe_popup_app[data-preset-type-id=FORM]"); var clickedElement = submitBtn.find("span"); if (item.length > 0 && clickedElement.length > 0) { //setTimeout(function(){ EditorCore.setElementLink(clickedElement.attr("id"), item.attr("id"), "SUBMIT",newEmail,target,nofollow,newText); EditorHelper.wrapElementWithLink(clickedElement,newEmail,"SUBMIT",newText); //},1000); } } } document.removeEventListener('xprs-app-loaded', extraAppOptions); } /* function afterUpdateAppOptions () { console.log('after update...'); var newText = console.log(data_text); $(".stripe_popup_app_animate a[data-link-type='SUBMIT']").attr("data-text",data_text); } */ function popUpStripe() { if(gDidPop) return; fillPopupList(); stripeObj = $('.stripe_popup_app_hide'); if(stripeObj.length == 0) { stripeObj = $('.stripe_popup_app'); } backgroundObj = $('#stripe_popup_app_bg'); addCloseButtonToStripe(stripeObj); if (locationOption =="bottom_right") { stripeObj.addClass("bottom-right"); } else { stripeObj.removeClass("bottom-right"); } stripeObj.removeClass("stripe_popup_app_hide"); stripeObj.addClass("stripe_popup_app"); stripeObj.addClass("stripe_popup_app_invisible"); stripeObj.css({"width":popupWidth+"px","min-height":popupHeight+"px"}); SpimeEngine.ArrangeHolder(stripeObj); $('body').addClass('popup-mode'); stripeObj.removeClass("stripe_popup_app_invisible"); stripeObj.addClass("stripe_popup_app_animate"); stripeObj.removeClass("shadowed"); if (locationOption == 'bottom_right') { stripeObj.addClass("shadowed"); backgroundObj.css( 'pointer-events', 'none' ); } else { backgroundObj.css( 'pointer-events', 'inherit' ); backgroundObj.removeClass("stripe_popup_app_invisible"); backgroundObj.addClass("stripe_popup_app_animate"); backgroundObj.unbind("click").bind("click",function (e) { e.stopPropagation(); closeStripe(); }); } if($('#xprs').hasClass('phone-mode')){ stripeObj.css({'min-height':window.innerHeight - 50 +'px','width':window.innerWidth - 50+'px','height':window.innerHeight - 50 +'px','overflow-y':'auto'}); stripeObj.removeClass("buttom-right"); stripeObj.find('.item-wrapper').css("height","auto"); SpimeEngine.ArrangeHolder(stripeObj); } gDidPop = true; document.removeEventListener('xprs-app-loaded', popUpStripe); } function closeStripe() { stripeObj = $('.stripe_popup_app_hide'); if(stripeObj.length == 0) { stripeObj = $('.stripe_popup_app'); } backgroundObj = $('#stripe_popup_app_bg'); backgroundObj.removeClass("stripe_popup_app_animate"); backgroundObj.addClass("stripe_popup_app_invisible"); stripeObj.removeClass("stripe_popup_app_animate"); stripeObj.addClass("stripe_popup_app_invisible"); $('body').removeClass('popup-mode'); stripeObj.addClass("stripe_popup_app_hide"); } function addCloseButtonToStripe(stripeObj) { //console.log('add x button'); var btnColor = "black"; var closeButton = $("<div class='clickable' style='position: absolute;padding: 20px;right: 0px;top: 0px;width: 20px;height: 20px;color: "+btnColor+";z-index: 999999999999;font-family: Raleway;text-shadow: 1px 1px white;'>X</div>"); closeButton.unbind("click").bind("click",function () { closeStripe(); }); stripeObj.prepend(closeButton); } function duplicateStripe (stripeVbid, displayedPanel) { var currentPageId = EditorHelper.getMasterId(); var appKind = "stripe_popup_app"; //removing old stripe var stripeObj = $("."+appKind+"_hide[data-preset-type-id='FORM'],."+appKind+"_animate[data-preset-type-id='FORM']"); var stripeId = ""; if(stripeObj.length > 0) { stripeObj.each(function(){ var stripeFormId = $(this).attr("id"); EditorHelper.handleDelete({"vbid":stripeFormId}); stripeId = stripeId + "|" + stripeFormId; }); } else { console.log('no stripe found'); } XPRSHelper.SAFEPOST("/remove_child",{"parent":currentPageId , "child": stripeId,"stripe_id":stripeId},currentPageId,"REMOVE-CHILD",function() { var currentPageId = EditorHelper.getMasterId(); var originalStripeId = stripeVbid;//'vbid-034631be-u8eh7xv3'; var originalparentVbid = 'vbid-09eff374-npdbqrgi';//'vbid-stripe-popup-form-site';//'vbid-3a092-7n0wntqn'; $("#empty-stripe").remove(); var addedHolder = $("<div />").addClass("master item-box animated-height").attr("id","empty-stripe"); $("#children").append(addedHolder); EditorHelper.safeCloneStripe(originalStripeId,addedHolder,"FORM",currentPageId,originalparentVbid,"last",false, function(){ addedHolder.addClass("stripe_popup_app_hide"); SpimeEngine.loadHighResImage($(".stripe_popup_app_hide .load-high-res").not("#no-image"),1600); newStripeID = addedHolder.attr("id"); XPRSHelper.SAFEPOST("/update_css_class", {"vbid":newStripeID,"updated_key":"APP_CLASS","updated_value":"stripe_popup_app_hide","stripe_id":newStripeID}, newStripeID, "CSS_CLASS"); $(".shown #update-html").trigger( "click" ); displayedPanel.removeClass("loading-state"); SpimeEngine.sendVideoCommand(addedHolder.find(".vid-autoplay").attr("id"),"play"); setTimeout(function(){EditorHelper.askAboutWebsiteStyle(addedHolder, true); },2000); }, false); }); } //scroll popup code function popupStripeAppOnScroll() { if (popingOptions.indexOf("on_scroll") != -1) { if ( document.documentElement.clientHeight + $(document).scrollTop() >= (document.body.offsetHeight * (endPrecent/100)) ){ popUpStripe(); } } } /// exit popup code (function(root, factory) { if (typeof define === 'function' && define.amd) { define(factory); } else if (typeof exports === 'object') { module.exports = factory(require,exports,module); } else { root.ouibounce = factory(); } }(this, function(require,exports,module) { return function ouibounce(el, custom_config) { "use strict"; var config = custom_config || {}, aggressive = config.aggressive || false, sensitivity = setDefault(config.sensitivity, 15), timer = setDefault(config.timer, 1000), delay = setDefault(config.delay, 0), callback = config.callback || function() {}, cookieExpire = setDefaultCookieExpire(config.cookieExpire) || '', cookieDomain = config.cookieDomain ? ';domain=' + config.cookieDomain : '', cookieName = config.cookieName ? config.cookieName : 'viewedOuibounceModal', sitewide = config.sitewide === true ? ';path=/' : '', _delayTimer = null, _html = document.documentElement; function setDefault(_property, _default) { return typeof _property === 'undefined' ? _default : _property; } function setDefaultCookieExpire(days) { // transform days to milliseconds var ms = days*24*60*60*1000; var date = new Date(); date.setTime(date.getTime() + ms); return "; expires=" + date.toUTCString(); } setTimeout(attachOuiBounce, timer); function attachOuiBounce() { if (isDisabled()) { return; } _html.addEventListener('mouseleave', handleMouseleave); _html.addEventListener('mouseenter', handleMouseenter); _html.addEventListener('keydown', handleKeydown); } function handleMouseleave(e) { if (e.clientY > sensitivity) { return; } _delayTimer = setTimeout(fire, delay); } function handleMouseenter() { if (_delayTimer) { clearTimeout(_delayTimer); _delayTimer = null; } } var disableKeydown = false; function handleKeydown(e) { if (disableKeydown) { return; } else if(!e.metaKey || e.keyCode !== 76) { return; } disableKeydown = true; _delayTimer = setTimeout(fire, delay); } function checkCookieValue(cookieName, value) { return parseCookies()[cookieName] === value; } function parseCookies() { // cookies are separated by '; ' var cookies = document.cookie.split('; '); var ret = {}; for (var i = cookies.length - 1; i >= 0; i--) { var el = cookies[i].split('='); ret[el[0]] = el[1]; } return ret; } function isDisabled() { return checkCookieValue(cookieName, 'true') && !aggressive; } // You can use ouibounce without passing an element // https://github.com/carlsednaoui/ouibounce/issues/30 function fire() { if (isDisabled()) { return; } if (el) { el.style.display = 'block'; } popUpStripe(); callback(); disable(); } function disable(custom_options) { var options = custom_options || {}; // you can pass a specific cookie expiration when using the OuiBounce API // ex: _ouiBounce.disable({ cookieExpire: 5 }); if (typeof options.cookieExpire !== 'undefined') { cookieExpire = setDefaultCookieExpire(options.cookieExpire); } // you can pass use sitewide cookies too // ex: _ouiBounce.disable({ cookieExpire: 5, sitewide: true }); if (options.sitewide === true) { sitewide = ';path=/'; } // you can pass a domain string when the cookie should be read subdomain-wise // ex: _ouiBounce.disable({ cookieDomain: '.example.com' }); if (typeof options.cookieDomain !== 'undefined') { cookieDomain = ';domain=' + options.cookieDomain; } if (typeof options.cookieName !== 'undefined') { cookieName = options.cookieName; } document.cookie = cookieName + '=true' + cookieExpire + cookieDomain + sitewide; // remove listeners _html.removeEventListener('mouseleave', handleMouseleave); _html.removeEventListener('mouseenter', handleMouseenter); _html.removeEventListener('keydown', handleKeydown); } return { fire: fire, disable: disable, isDisabled: isDisabled }; } /*exported ouibounce */ ; })); if (popingOptions.indexOf("on_exit") != -1) { ouibounce(null,{/*<{*/aggressive/*}*/ : /*{*/true/*}>*/}); } //var modal = ouibounce($('#ouibounce-modal')[0], { /*<{*/aggressive/*}*/ : /*{*/true/*}>*/ }); /// exit popup code </script> <style> .stripe_popup_app_bg { position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:99999991; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .stripe_popup_app { position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index:99999992; } #xprs:not(.in-editor) .stripe_popup_app_bg { z-index:9999999991; } #xprs:not(.in-editor) .stripe_popup_app { z-index:9999999992; } .bottom-right { bottom: 0; right: 0; top: inherit; left: inherit; transform: inherit; } .stripe_popup_app_animate { -webkit-transition: opacity 0.5s 0s, visibility 0s 0s; -moz-transition: opacity 0.5s 0s, visibility 0s 0s; transition: opacity 0.5s 0s, visibility 0s 0s; } .stripe_popup_app_invisible { opacity: 0; height:0px; width:0px; pointer-events:none; } .short_field { width: 50px; height: 25px; } .long_label { width: 100px; } .short_label { width: 25px; } .app_field_input { line-height: 1em; } .popup-mode .master.item-box:not(.stripe_popup_app_animate) .stripe-magic-circle { display: none; } .popup-mode .stripe_popup_app_animate .menu-options .item-settings-menu:not(.settings-btn) { display: none; } .raw-parameters #update-html { margin-left: 15px; } .raw-parameters.switching-panel{ margin-left: 0px!important; height: 450px!important; } #xprs-class-selector-holder .raw-parameters.switching-panel { margin-top: 0px; } #app_settings { height: 100%; padding-right: 1.6em; padding-left: 1.6em; } #template_selector { padding-top: 11px; margin-bottom: 8px; background-color: rgba(187, 187, 187, 0.2); height: 37px; /*-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 7px;*/ } </style> <div id="stripe_popup_app_bg" class="stripe_popup_app_bg stripe_popup_app_invisible"></div> <!-- special dropdown controller --> <style> #feedback { font-size: 1.4em; } #selectable { list-style-type: none; margin: 0; padding: 0; width: 88.3%; overflow: hidden; overflow-x: hidden; top: 54px; height: 0px; position: absolute; top:10px; background-color: #4e4e4e;} #selectable li {padding: 0.4em; font-size: 1.4em; height: 100px; background-color:#4e4e4e; color:white; border:none} #selectable li.item:hover {outline: 12px solid gray;} #selectable li.item{background-size: cover;background-repeat: no-repeat;padding: 0px;margin: 12px;} #selectable li.item.ui-selected {outline: 12px solid #F39814;} #selectable::-webkit-scrollbar-track{background-color: #000000;} #selectable::-webkit-scrollbar {width: 6px; background-color: #777;} #selectable::-webkit-scrollbar-thumb{background-color: #000000;} #selectable::-webkit-scrollbar-corner{background-color: #4e4e4e;} #selectable::-webkit-scrollbar-track-piece{background-color: #4e4e4e;} #selectTemplateButton.template-blank {height:22px;font-size: 10pt;font-family: sans-serif;font-weight: 100;letter-spacing: 0.01em;background: #4e4e4e;margin-top: 6px;margin-left: 75px;} #selectTemplateButton.template-selected {line-height: 38px;background-repeat: no-repeat;height: 37px;margin-top: -6px;margin-left: 5px;margin-right: 5px;background-size: contain;background-position: right;} </style> <script> function expandPopupList() { var selectableTemplates = $( ".shown #selectable" ); /* $('.raw-edit.shown #xprs-class-selector-holder').bind("click",function(){ console.log('shut it down!'); $(".shown #selectable").css({"height":"0px","overflow":"hidden"}); $(this).unbind("click"); }); */ if(selectableTemplates.find('.ui-selected').length == 0){ //var selectedVal = selectableTemplates.attr('value'); //$( "li[value="+selectedVal+"]" ).addClass('ui-selected'); selectableTemplates.selectable({ create:function(event, ui){ var selectedVal = selectableTemplates.attr('value'); $(event.target).children("li[value="+selectedVal+"]").addClass('ui-selected'); }, stop:function(event, ui){ $(event.target).children('.ui-selected').not(':first').removeClass('ui-selected'); var selectedTemplateId = $('.ui-selected').attr('value'); var selectedTemplateImage = $('.ui-selected').css('background-image'); if(selectedTemplateId) { templateSelected(selectedTemplateId); selectableTemplates.attr('value',selectedTemplateId); setTimeout(function(){ selectableTemplates.scrollTop(0); selectableTemplates.css({"height":"0px","overflow":"hidden"}); var templatedBtn = $(".shown #selectTemplateButton"); templatedBtn.css('background-image',selectedTemplateImage); templatedBtn.removeClass('template-blank'); templatedBtn.addClass('template-selected'); //trick gilad var disp = selectableTemplates[0].style.display; selectableTemplates[0].style.display = 'none'; var trick = selectableTemplates[0].offsetHeight; selectableTemplates[0].style.display = disp; },500); } } }); } if(selectableTemplates.css("height") == "0px") { selectableTemplates.css({"height":"350px","overflow":"scroll","top":"54px"}); } else { selectableTemplates.css({"height":"0px","overflow":"hidden"}); } //trick gilad var disp = selectableTemplates[0].style.display; selectableTemplates[0].style.display = 'none'; var trick = selectableTemplates[0].offsetHeight; selectableTemplates[0].style.display = disp; } </script> </div> </div> </div> </div> </div> </div> <!-- MENUS START --> <div id="vbid-9de59c91-chqtiuv3" class="master item-box header-box style-9de59c91-615ymjya " data-holder-type="header"" data-holder-type="header" data-child-type="STYLE" data-styleid="style-9de59c91-615ymjya" data-preview-styleid='style-9de59c91-615ymjya' data-preset-type-id="MENUS"> <div id="no-image" class="stripe-background load-high-res " ></div> <div class="header-wrapper item-wrapper menus-wrapper "> <div class="item-content leaf menu_layout header content" data-preview-style="style-9de59c91-615ymjya" data-style="style-7f715-scjjarqgxu" data-behavior-type="NOTHING" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-9de59c91-chqtiuv3" data-bgimg=""> <div class="preview-content-wrapper"> <div class="preview-content-holder"> <div class="left-div"> <div class="benet" style="min-height:inherit;"></div> <div class="logo-holder"> <div class="preview-icon-holder Icon removable-parent" > <img id="vbid-9de59c91-t3j3lcdk" class="preview-element icon-source magic-circle-holder shrinkable-img allow-mobile-hide" data-menu-name="PREVIEW_ICON" src="https://lh3.googleusercontent.com/zzrXaVxwG7jEb3Zk1pMjBIZZpMeaEPzpnHwfPujr1YgviO0HLR1biARGmMSmKbkZ7fl80XeWk4qpdmyuRSLk6bkFNCNV9AAAQYrQmffQcUbSZuUhYzFGqBQ"> </div> <br /> </div> <div class="helper-div"> <div class="item-details menu"> </div> </div> </div> <div class="right-div"> <div class="benet" style="min-height:inherit;"></div> <div class="preview-item-links "> <ul class="preview-links-wrapper"> <li class="removable-parent"> <a class="removable-parent" href="tel:2127601228" data-link-type="EXTERNAL" target="_blank" > <span id="vbid-9de59c91-1csrp67z" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >OFFICE: [email protected]<br>313-451-1295</span> </a> </li> <div class="element-placeholder" data-elementtype='LINK' style="display:none;"></div> </ul> </div> <button class="hamburger links-menu-btn small" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </div> </div> </div> <div class="layout-settings" style="display:none;" data-type="menu" data-MENU_OVERLAY="relative" data-MENU_SCROLL="false" data-ALWAYS_MINIFIED="false" data-MENU_POSITION="top" data-MENU_ALIGN="left" data-BACKGROUND_COLOR="rgb(236, 234, 232)" data-MENU_SHRINK_CLASS="centered" ></div> </div> </div> </div> <!-- MENUS END --> <!-- FEATURES START --> <div id="vbid-9de59c91-u5cgwx6h" class="master item-box gallery-box style-9de59c91-gikm1znh button-effects btn_hover3 items-hover-effects item_hover8 " data-holder-type="gallery"" data-holder-type="gallery" data-child-type="NATIVE_ORDER" data-styleid="style-9de59c91-gikm1znh" data-preview-styleid='style-9de59c91-gikm1znh' data-preset-type-id="FEATURES"> <div id="vbid-9de59c91-hok0qdx7" class="stripe-background load-high-res parallax50-bg" style="background-image:url(https://lh3.googleusercontent.com/8qvWb0rHSuSHI0oOGhEhvH1Suju4mfVwAolaCJEaJmcA5Uuxr_pNadWnp8Kn6_TBEjwvyIuZ5vmON5rVjI0Xs5QJ8aGqeyHYYSVcjal-ZHfC6_pLXH7uZw=s300)" ></div> <div class="gallery-wrapper item-wrapper features-wrapper "> <div class="sub container style-9de59c91-gikm1znh content matrix " data-itemtype="folder" data-creator="" data-itemname="LOADING" data-itemslug="loading" data-itemstyleid="style-9de59c91-gikm1znh" data-margintop="" data-arranger="matrix" data-layout="multi" data-vbid="vbid-9de59c91-u5cgwx6h" data-preset-type-id="FEATURES" data-preview-style="style-9de59c91-gikm1znh" data-style="style-8ec4c-t1avbp6mmi" data-absolute-path="" data-block-script='true'> <!-- ARRANGER SETTINGS --> <div class="arranger-settings" style="display:none;" data-ARRANGER_TYPE="matrix" data-ARRANGER_COLS="3" data-ARRANGER_ITEM_MAX_WIDTH="350" data-ARRANGER_ITEM_MIN_WIDTH="219" data-ARRANGER_ITEM_RATIO="0.7" data-ARRANGER_ITEM_SPACING="14" data-ARRANGER_ITEMS_PER_PAGE="all" data-ARRANGER_ORDER_TYPE="regular" data-AUTO_PLAY="false" data-AUTO_PLAY_DURATION="4" data-SLIDE_EFFECT="SLIDE" data-FLEX_ELEMENT_EFFECT="" data-FLEX_ARROWS="https://lh3.googleusercontent.com/ZMARmveTg1geksYKXZKdh71KW09XrhDLg8N-XrfXCGsDBEHnuKwhmYpHd55Y2-NwuwLX8qsyx26JNyJWtr1jEcxD=s50" ></div> <div class="layout-settings" style="display:none;" data-type="multi"></div> <div id="children"> <!-- STRIPE HEADER --> <div class="stripe-header-wrapper"> <div id="vbid-9de59c91-19mcxkht" class="stripe-header sub item-box page-box style-9de59c91-gikm1znh " data-holder-type="page"" data-holder-type="page" data-child-type="STYLE" data-styleid="style-9de59c91-gikm1znh" data-preview-styleid='style-9de59c91-gikm1znh' data-preset-type-id="UNRESOLVED"> <div class="page-wrapper item-wrapper "> <div class="item-content leaf blocks_layout page content" data-self="vbid-9de59c91-19mcxkht" data-preview-style="style-9de59c91-gikm1znh" data-style="style-8ec4c-t1avbp6mmi" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-9de59c91-19mcxkht" data-bgimg=""> <div class="helper-div middle" > <!-- <div class="benet" style="min-height:inherit;"></div> --> <div class="text-side "> <div class="vertical-aligner"> <div class="item-details blocks-preview-content-wrapper blocks shrinker-parent" style="position:relative;"> <div class="blocks-preview-content-holder shrinker-content"> <!-- BY SPECIFIC ORDER --> <br class="upper-line-break" /> <div class="blocks-preview-title-holder removable-parent order-handle"> <h2 id="vbid-9de59c91-sradrcbb" class="preview-element blocks-preview-title magic-circle-holder inner-page text-element quick-text-style-menu allow-mobile-hide" data-menu-name="BLOCKS_PREVIEW_TITLE" >DEEPER UNDERSTANDING<br>BETTER SOLUTIONS<br></h2> </div> <br class="lower-line-break" /> </div> </div> </div> </div> </div> </div> <div class="layout-settings" style="display:none;" data-type="blocks"></div> </div> </div> </div> <div id="items-holder-wrapper"> <div id="items-holder"> <div id="vbid-9de59c91-h0jzhkmo" class="sub item-box page-box style-9de59c91-gikm1znh " data-holder-type="page"" data-holder-type="page" data-child-type="STYLE" data-styleid="style-9de59c91-gikm1znh" data-preview-styleid='style-9de59c91-gikm1znh' data-preset-type-id="UNRESOLVED"> <div class="page-wrapper item-wrapper "> <div class="item-content leaf multi_layout page content -container" data-self="vbid-9de59c91-h0jzhkmo" data-preview-style="style-9de59c91-gikm1znh" data-style="style-8ec4c-ed91kjv1sl" data-orig-thumb-height="500" data-orig-thumb-width="500" data-vbid="vbid-9de59c91-h0jzhkmo" data-bgimg="https://lh3.googleusercontent.com/oqe-e_2DgvRRJLL_inEqobnA4DAR7n4H-x9-j8DfOcJxp8l5NYM9_9xAd50skRcxsp7StpsHrBLNTZg5_A"> <div class="multi-container preview image-cover" > <div class="Picture item-preview"> <div class="preview-image-holder"> <div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style=""> </div> <div class="helper-div middle-center" > <!-- <div class="benet" style="min-height:inherit;"></div> --> <div class="pic-side"> <div class="vertical-aligner"> <div id="vbid-9de59c91-suey79b0-holder" class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER"> <div id="vbid-9de59c91-suey79b0" class="inner-pic preview-element magic-circle-holder load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style="background-image:url(https://lh3.googleusercontent.com/oqe-e_2DgvRRJLL_inEqobnA4DAR7n4H-x9-j8DfOcJxp8l5NYM9_9xAd50skRcxsp7StpsHrBLNTZg5_A=s300);" data-orig-width="500" data-orig-height="500" > </div> </div> </div> </div> <div class="text-side shrinker-parent"> <div class="vertical-aligner"> <div class="item-details preview-content-wrapper multi" style="position:relative;"> <div class="draggable-div-holder"></div> <div class="preview-content-holder shrinker-content"> <!-- BY NATIVE ORDER --> <br class="upper-line-break" /> <div class="preview-title-holder removable-parent order-handle"> <h2 id="vbid-9de59c91-mdbfofn3" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >About us</h2> </div> <br class="lower-line-break" /> <br class="upper-line-break" /> <div class="preview-body-holder removable-parent order-handle"> <div id="vbid-9de59c91-nobqewel" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu allow-mobile-hide" data-menu-name="PREVIEW_BODY"> <p>"THE RIGHT TALENT. THE RIGHT FIT. EVERY TIME."</p><p><br></p><p>Why Choose PDR4 for Your Staffing and Recruiting Needs?</p><p><br></p><p>While building a strong team is crucial for any organization, the task of identifying and attracting top talent can be challenging. PDR4 understands this, and that's why we offer a distinct advantage over traditional corporate recruiting methods. Here's what sets us apart:</p><p><br></p><p>1. Speed and Efficiency: Faster Fill Times: We leverage industry expertise, comprehensive data sources, and leading-edge technology to identify and connect with qualified candidates quickly. This minimizes downtime and ensures your open positions are filled swiftly.</p><p><br></p><p>2. Deeper Knowledge and Expertise: Industry Veterans: Our team boasts extensive industry experience, giving us a profound understanding of specific skill sets, cultural nuances, and compensation trends within your sector. This translates to a more targeted search and a higher chance of finding the perfect fit.</p><p><br></p><p>3. Focused Recruiting Efforts: Laser-Sharp Focus: Unlike corporate recruiters who manage multiple roles simultaneously, our team dedicates its resources solely to fulfilling your specific requirements. This ensures your needs receive the focused attention they deserve.</p><p><br></p><p>4. Access to a Wider Talent Pool: Beyond Job Boards: We utilize a comprehensive data strategy, encompassing industry-specific resources, professional networks, and advanced tools to access a broader pool of qualified candidates, including those who may not be actively searching.</p><p><br></p><p>5. Enhanced Professionalism: Experienced Guidance: Our team of seasoned professionals leverages their expertise to ensure the entire recruitment process is conducted with the utmost professionalism and adherence to best practices.</p><p><br></p><p>In essence, choosing PDR4 is an investment in your organization's future. Our proven track record and commitment to excellence empower you to build outstanding leadership teams with exceptional talent, allowing you to focus on your core business objectives.</p><p><br></p><p>By partnering with PDR4, you gain a dedicated team of experts who work tirelessly to deliver the right talent, faster, and with a deep understanding of your specific needs.<br type="_moz"></p><p><br type="_moz"></p><p>*EEO Statement PDR4 is an equal opportunity / affirmative action employer committed to a diverse workforce. All qualified applicants will receive consideration for employment without regard to race, color, religion, sex, sexual orientation, gender identity, national origin, disability, or protected veteran status. <br type="_moz"></p><p><br type="_moz"></p><p>*If you are a person with a disability needing assistance with the application or at any point in the hiring process, please contact us at:<br type="_moz"></p><p><br type="_moz"></p><p>[email protected], (313) 451-1295<br type="_moz"></p> </div> </div> <br class="lower-line-break" /> <div class="preview-form order-handle"> <div class="element-placeholder" data-elementtype='FIELD' style="display:none;"></div> </div> <div class="preview-item-links order-handle "> <div class="preview-links-wrapper"> <div class="element-placeholder" data-elementtype='LINK' style="display:none;"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="layout-settings" style="display:none;" data-type="multi"></div> </div> </div> <div id="vbid-9de59c91-mgn0nvgo" class="sub item-box page-box style-9de59c91-gikm1znh " data-holder-type="page"" data-holder-type="page" data-child-type="STYLE" data-styleid="style-9de59c91-gikm1znh" data-preview-styleid='style-9de59c91-gikm1znh' data-preset-type-id="UNRESOLVED"> <div class="page-wrapper item-wrapper "> <div class="item-content leaf multi_layout page content -container" data-self="vbid-9de59c91-mgn0nvgo" data-preview-style="style-9de59c91-gikm1znh" data-style="style-8ec4c-ed91kjv1sl" data-orig-thumb-height="500" data-orig-thumb-width="500" data-vbid="vbid-9de59c91-mgn0nvgo" data-bgimg="https://lh3.googleusercontent.com/HJ7Mcvs_yyGEAkSmR5uY1-D-Y8Iy7N7bCg3hhDhaXxnHusm9eE4amMHKckzvxNckKupWzI1JjfF7CqgAubo"> <div class="multi-container preview image-cover" > <div class="Picture item-preview"> <div class="preview-image-holder"> <div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style=""> </div> <div class="helper-div middle-center" > <!-- <div class="benet" style="min-height:inherit;"></div> --> <div class="pic-side"> <div class="vertical-aligner"> <div id="vbid-9de59c91-as1eaxzp-holder" class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER"> <div id="vbid-9de59c91-as1eaxzp" class="inner-pic preview-element magic-circle-holder load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style="background-image:url(https://lh3.googleusercontent.com/HJ7Mcvs_yyGEAkSmR5uY1-D-Y8Iy7N7bCg3hhDhaXxnHusm9eE4amMHKckzvxNckKupWzI1JjfF7CqgAubo=s300);" data-orig-width="500" data-orig-height="500" > </div> </div> </div> </div> <div class="text-side shrinker-parent"> <div class="vertical-aligner"> <div class="item-details preview-content-wrapper multi" style="position:relative;"> <div class="draggable-div-holder"></div> <div class="preview-content-holder shrinker-content"> <!-- BY NATIVE ORDER --> <br class="upper-line-break" /> <div class="preview-title-holder removable-parent order-handle"> <h2 id="vbid-9de59c91-fcsbde8z" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >SERVICES<br></h2> </div> <br class="lower-line-break" /> <br class="upper-line-break" /> <div class="preview-body-holder removable-parent order-handle"> <div id="vbid-9de59c91-h5kggyo2" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu allow-mobile-hide" data-menu-name="PREVIEW_BODY"> <p>RETAINED SEARCH</p><p>Looking for top talent that seamlessly integrates into your team? Our retained search services offer a dedicated solution. We work closely with you to understand your specific needs and target the perfect candidates. With a focus on quality over quantity, we conduct thorough searches and comprehensive candidate evaluations, ensuring you find the ideal fit who thrives on day one. Let us handle the talent acquisition process while you focus on what matters most – running your business.</p><p><br></p><p>CONTRACT-TO-HIRE</p><p>Many clients, impressed by our consultants' work, look to hire them permanently after a set term. Our flexible conversion process seamlessly integrates these consultants into your team, crediting all their project days, regardless of when the transition is formalized.</p><p><br></p><p>CONTRACT</p><p>Tired of sifting through endless resumes that don't meet your specific needs? Unlike traditional recruiters, we prioritize quality over quantity. Our proprietary process utilizes in-depth candidate assessments and meticulous screening to deliver a select group of highly qualified contract professionals who are a perfect fit for your temporary staffing needs. We understand the value of a candidate's time, minimizing outreach only to those who possess the exact skills and experience you require. Let us streamline your talent acquisition process and find the perfect match, faster.</p><p><br></p><p>KEY EXPERTISE</p><p>Information Technology (IT):</p><p>Chief Information Officer (CIO): Leads the organization's IT strategy and operations.</p><p>Chief Technology Officer (CTO): Oversees the development and implementation of technology solutions.</p><p>Chief Security Officer (CSO): Manages the organization's cybersecurity posture.</p><p>Data Scientist: Analyzes and interprets data to extract insights and inform decision-making.</p><p>Cloud Architect: Designs and implements cloud-based solutions.</p><p>Software Engineer: Develops, tests, and maintains software applications.</p><p><br></p><p>Administrative/HR:</p><p>Chief Human Resources Officer (CHRO): Leads the organization's HR strategy and operations.</p><p>Head of Talent Acquisition: Responsible for attracting and recruiting top talent.</p><p>Compensation and Benefits Manager: Develops and administers employee compensation and benefits programs.</p><p>HR Business Partner: Provides HR support and guidance to specific business units.</p><p>Training and Development Manager: Develops and delivers training programs for employees.</p><p><br></p><p>Project/Program Management:</p><p>Chief Project Officer (CPO): Leads the organization's project management function.</p><p>Program Manager: Oversees the overall success of a large program, which may encompass multiple projects.</p><p>Project Manager: Manages the day-to-day operations of a specific project.</p><p>Business Analyst: Analyzes business needs and requirements to develop project plans and specifications.</p><p><br></p><p>Executive C-Suite Level:</p><p>Chief Executive Officer (CEO): Leads the overall direction and strategy of the organization.</p><p>Chief Financial Officer (CFO): Oversees the organization's financial performance.</p><p>Chief Operating Officer (COO): Manages the day-to-day operations of the organization.</p><p>Chief Marketing Officer (CMO): Leads the organization's marketing and sales efforts.</p><p>Chief Information Officer (CIO) (as mentioned above): Leads the organization's IT strategy and operations.</p><p><br></p><p>It's important to note that this list is not exhaustive, and the specific positions and skill sets sought by retained search firms will vary depending on the industry, company size, and specific needs of the client.</p> </div> </div> <br class="lower-line-break" /> <div class="preview-form order-handle"> <div class="element-placeholder" data-elementtype='FIELD' style="display:none;"></div> </div> <div class="preview-item-links order-handle "> <div class="preview-links-wrapper"> <div class="element-placeholder" data-elementtype='LINK' style="display:none;"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="layout-settings" style="display:none;" data-type="multi"></div> </div> </div> <div id="vbid-9de59c91-edyjjpff" class="sub item-box page-box style-9de59c91-gikm1znh " data-holder-type="page"" data-holder-type="page" data-child-type="STYLE" data-styleid="style-9de59c91-gikm1znh" data-preview-styleid='style-9de59c91-gikm1znh' data-preset-type-id="UNRESOLVED"> <div class="page-wrapper item-wrapper "> <div class="item-content leaf multi_layout page content -container" data-self="vbid-9de59c91-edyjjpff" data-preview-style="style-9de59c91-gikm1znh" data-style="style-8ec4c-ed91kjv1sl" data-orig-thumb-height="500" data-orig-thumb-width="500" data-vbid="vbid-9de59c91-edyjjpff" data-bgimg="https://lh3.googleusercontent.com/xR_4bC_bgnGa6KSLnGDcG35MKSA3WJS4UjhjmHoHEvHmJ6dVp5GWX0Hk2KF9LYPvNHKFkVDsm8KV3WKUEQ"> <div class="multi-container preview image-cover" > <div class="Picture item-preview"> <div class="preview-image-holder"> <div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style=""> </div> <div class="helper-div middle-center" > <!-- <div class="benet" style="min-height:inherit;"></div> --> <div class="pic-side"> <div class="vertical-aligner"> <div id="vbid-9de59c91-kibc1alb-holder" class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER"> <div id="vbid-9de59c91-kibc1alb" class="inner-pic preview-element magic-circle-holder load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style="background-image:url(https://lh3.googleusercontent.com/xR_4bC_bgnGa6KSLnGDcG35MKSA3WJS4UjhjmHoHEvHmJ6dVp5GWX0Hk2KF9LYPvNHKFkVDsm8KV3WKUEQ=s300);" data-orig-width="500" data-orig-height="500" > </div> </div> </div> </div> <div class="text-side shrinker-parent"> <div class="vertical-aligner"> <div class="item-details preview-content-wrapper multi" style="position:relative;"> <div class="draggable-div-holder"></div> <div class="preview-content-holder shrinker-content"> <!-- BY NATIVE ORDER --> <br class="upper-line-break" /> <div class="preview-title-holder removable-parent order-handle"> <h2 id="vbid-9de59c91-x85uolzb" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >OUR PROCESS<br></h2> </div> <br class="lower-line-break" /> <br class="upper-line-break" /> <div class="preview-body-holder removable-parent order-handle"> <div id="vbid-9de59c91-va9ooc67" class="preview-element preview-body magic-circle-holder text-element quick-text-style-menu allow-mobile-hide" data-menu-name="PREVIEW_BODY"> <p>A Comprehensive Recruiting Process Built for Success!<br type="_moz"></p><p><br type="_moz"></p><p> Our staffing and recruiting process prioritizes a deep understanding of your needs to deliver the perfect candidate. Here's how we achieve that: <br type="_moz"></p><p><br type="_moz"></p><p>1. Deep Dive: Understanding Your Priorities Client-Centric Approach: We begin with a thorough consultation, immersing ourselves in your company culture, hiring goals, and the specific challenges and priorities associated with the open position. This includes understanding your preferred hiring styles, desired candidate traits, and any past hiring experiences that shaped your preferences. <br type="_moz"></p><p><br type="_moz"></p><p>2. Crafting the Ideal Candidate Profile Beyond the Resume: We create a detailed profile for the ideal candidate. This goes beyond just technical skills. We assess the cultural fit for your team, leadership qualities, and desired soft skills relevant to the role's success. We work with you to define the ideal candidate profile, ensuring all aspects are considered. <br type="_moz"></p><p><br type="_moz"></p><p>3. Intelligent Search: Leveraging Expertise and Technology Industry Knowledge: Our team boasts extensive experience across various industries. This allows us to tap into our network of pre-vetted professionals while also understanding the specific language and skills required within your specific sector. Data-Driven Approach: We are adept at consolidating vast amounts of data from a wide range of sources, including job boards, social media platforms, targeted databases, and industry-specific resources. This creates an expansive talent pool for potential candidates. Leading-Edge Technology: We leverage Artificial Intelligence to analyze candidate data and identify the most relevant and qualified individuals. This ensures we focus on the best possible matches, saving both your time and the valuable time of potential candidates. <br type="_moz"></p><p><br type="_moz"></p><p>4. Building Trustworthy Relationships with Candidates Candidate Care: We don't just send resumes. We build genuine relationships with candidates. This involves clear and concise communication, transparency about the opportunity, and a focus on fostering trust. We become a resource for potential candidates, providing guidance and career insights throughout the process. Matching Values, Not Just Skills: We prioritize cultural fit. By understanding your company culture and the candidate's personality and work style, we ensure a long-term placement that benefits both parties. <br type="_moz"></p><p><br type="_moz"></p><p>This comprehensive approach ensures we deliver a select group of highly qualified candidates who not only have the technical expertise but also possess the cultural fit and soft skills necessary to thrive in your organization. With this targeted approach, we minimize unnecessary applications and focus on the perfect match for your needs.<br type="_moz"></p> </div> </div> <br class="lower-line-break" /> <div class="preview-form order-handle"> <div class="element-placeholder" data-elementtype='FIELD' style="display:none;"></div> </div> <div class="preview-item-links order-handle "> <div class="preview-links-wrapper"> <div class="element-placeholder" data-elementtype='LINK' style="display:none;"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="layout-settings" style="display:none;" data-type="multi"></div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- FEATURES END --> <!-- FOOTERS START --> <div id="vbid-9de59c91-luokslqu" class="master item-box footer-box style-9de59c91-biabjafl button-effects btn_hover3 " data-holder-type="footer"" data-holder-type="footer" data-child-type="STYLE" data-styleid="style-9de59c91-biabjafl" data-preview-styleid='style-9de59c91-biabjafl' data-preset-type-id="FOOTERS"> <div id="no-image" class="stripe-background load-high-res " ></div> <div class="footer-wrapper item-wrapper footers-wrapper "> <div class="item-content leaf multi_layout footer content -container" data-self="vbid-9de59c91-luokslqu" data-preview-style="style-9de59c91-biabjafl" data-style="style-f785e-jp5ywgaa0t" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-9de59c91-luokslqu" data-bgimg=""> <div class="multi-container preview image-cover" > <div class="Picture item-preview"> <div class="preview-image-holder"> <div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style=""> </div> <div class="helper-div middle-center" > <!-- <div class="benet" style="min-height:inherit;"></div> --> <div class="pic-side"> <div class="vertical-aligner"> <div id="no-image-holder" class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER"> <div id="no-image" class="inner-pic preview-element magic-circle-holder load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style="" data-orig-width="" data-orig-height="" > </div> </div> </div> </div> <div class="text-side shrinker-parent"> <div class="vertical-aligner"> <div class="item-details preview-content-wrapper multi" style="position:relative;"> <div class="draggable-div-holder"></div> <div class="preview-content-holder shrinker-content"> <!-- BY SPECIFIC ORDER --> <div class="preview-item-links order-handle removable-parent" style="display:inline-block;"> <a class="removable-parent" href="tel:2125551212" data-link-type="EXTERNAL" target="_blank" > <span id="vbid-9de59c91-cwipuh2y" class="preview-element Link item-link magic-circle-holder text-element " data-menu-name="PREVIEW_LINK" >RECRUITING: [email protected]<br></span> </a> </div> <div class="preview-icon-holder Icon removable-parent order-handle" > <img id="vbid-9de59c91-s2ktywhu" class="preview-element icon-source magic-circle-holder shrinkable-img allow-mobile-hide" data-menu-name="PREVIEW_ICON" src="https://lh3.googleusercontent.com/en3GC5uR5VbbWdOOaxarhJlu2DsNO1U0bgO3DgP-OKRAmUT6QvBQbxSo2bq2C1m4VQ8nnJ6MxHtU1KZvwb8OPVKa7TmOz7WDw0RR_01I4tACNCplEsBv2g" /> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="layout-settings" style="display:none;" data-type="multi"></div> </div> </div> <!-- FOOTERS END --> <!-- FORM START --> <div id="vbid-9de59c91-bcmystge" class="master item-box page-box style-9de59c91-cqmkwgfu stripe_popup_app_hide " data-holder-type="page"" data-holder-type="page" data-child-type="STYLE" data-styleid="style-9de59c91-cqmkwgfu" data-preview-styleid='style-9de59c91-cqmkwgfu' data-preset-type-id="FORM"> <div id="no-image" class="stripe-background load-high-res " ></div> <div class="page-wrapper item-wrapper form-wrapper "> <div class="item-content leaf multi_layout page content -container" data-self="vbid-9de59c91-bcmystge" data-preview-style="style-9de59c91-cqmkwgfu" data-style="style-e4cfb-6huavktiba" data-orig-thumb-height="2000" data-orig-thumb-width="3000" data-vbid="vbid-9de59c91-bcmystge" data-bgimg="https://lh3.googleusercontent.com/8MoBjvhvfjp2SrPUYwAUg6xkWctz4cDnlT4aCh3X8a00Y6Bz6bXW9ZoDC-duGPqzRAMssiS_RIWm3lKoig"> <div class="multi-container preview image-cover" > <div class="Picture item-preview"> <div class="preview-image-holder"> <div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style=""> </div> <div class="helper-div bottom-center" > <!-- <div class="benet" style="min-height:inherit;"></div> --> <div class="pic-side"> <div class="vertical-aligner"> <div id="vbid-9de59c91-vxcee0qq-holder" class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER"> <div id="vbid-9de59c91-vxcee0qq" class="inner-pic preview-element magic-circle-holder load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style="background-image:url(https://lh3.googleusercontent.com/8MoBjvhvfjp2SrPUYwAUg6xkWctz4cDnlT4aCh3X8a00Y6Bz6bXW9ZoDC-duGPqzRAMssiS_RIWm3lKoig=s300);" data-orig-width="3000" data-orig-height="2000" > </div> </div> </div> </div> <div class="text-side shrinker-parent"> <div class="vertical-aligner"> <div class="item-details preview-content-wrapper multi" style="position:relative;"> <div class="draggable-div-holder"></div> <div class="preview-content-holder shrinker-content"> <!-- BY SPECIFIC ORDER --> <br class="upper-line-break" /> <div class="preview-title-holder removable-parent order-handle"> <h2 id="vbid-9de59c91-vbhjqlrf" class="preview-element preview-title magic-circle-holder inner-page text-element quick-text-style-menu allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >WE ARE HERE FOR YOU AND YOUR PET</h2> </div> <br class="lower-line-break" /> <br class="upper-line-break" /> <div class="preview-subtitle-holder removable-parent order-handle"> <h3 id="vbid-9de59c91-il6vvfnr" class="preview-element preview-subtitle magic-circle-holder text-element quick-text-style-menu allow-mobile-hide" data-menu-name="PREVIEW_SUBTITLE">FEEL FREE TO ASK ANYTHING...</h3> </div> <br class="lower-line-break" /> <br class="upper-line-break" /> <div class="preview-form order-handle removable-parent"> <div class="field-holder"> <input autocomplete="off" type="text" id="vbid-9de59c91-xbfmssxb" name="Email" class="preview-element Field magic-circle-holder field-email" data-menu-name="PREVIEW_FIELD" placeholder="Email" > </div> </div> <br class="lower-line-break" /> <br class="upper-line-break" /> <div class="preview-form order-handle removable-parent"> <div class="field-holder"> <textarea autocomplete="off" type="text" id="vbid-9de59c91-a9xu1ngx" name="FEEL FREE TO ASK ANYTHING" class="preview-element Field magic-circle-holder field-message" data-menu-name="PREVIEW_FIELD" placeholder="FEEL FREE TO ASK ANYTHING" ></textarea> </div> </div> <br class="lower-line-break" /> <div class="preview-item-links order-handle removable-parent" style="display:inline-block;"> <a class="removable-parent" href="" data-link-type="SUBMIT" data-text='' target="_blank" > <span id="vbid-9de59c91-mk1vxadk" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Send</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="layout-settings" style="display:none;" data-type="multi"></div> </div> </div> <!-- FORM END --> </div> </div> </div> </div> <div class="light-box-wrapper space-layer" style="display:none;" tabindex="0"> <div class="light-box-image-holder"> <div class="light-box-image animated"> </div> <div class="lightbox-text-wrapper "> <div class="lightbox-text-holder animated"> <div class="lightbox-title"></div> <div class="lightbox-subtitle"></div> <div id="paginator" style="display:none;"> </div> </div> </div> </div> <img src="https://lh3.googleusercontent.com/EWqW7DEI4kOTRMLjK2-ObFHp-EYBt5apFYZ1LVFAhLtTLjigCRfx5hCCTKbIjIm68VQ00p9twloHJ9w8=s50" class="download-gallery-btn clickable" style="display: none;"> <img src="https://lh3.googleusercontent.com/TgRyMQvJ3_h9RmOnu7AlhIE7NLOOBsRoBounARrs8fQv8HCRPaFtpBneSqJOSZpI6l7He_bAZKN179JBig=s50" class="close-lightbox-btn clickable" style="opacity: 1;"> <img src="https://lh3.googleusercontent.com/43-pXHjwrpmVO8Oean-6BD0uzARvcqUQrpdi7Yw2bxaXwEoP21UdN5kW6Ks9pdOxf7ropMUrh0djgYPwYPU=s50" class="lightbox-arrow lightbox-left clickable top-layer" > <img src="https://lh3.googleusercontent.com/9rwgVnDglPdPFugSu98fhDmxzjXC9KovZ_7BuHkXPIv6jvg9S96flGnhL_e4y8mIpPpZQstfqEV-WitY=s50" class="lightbox-arrow lightbox-right clickable top-layer" > </div> </div> <noscript id="deferred-styles"> <link rel="stylesheet" type="text/css" href="//editor.turbify.com/css/effects.css?v=1.5.8c" /> <link rel="stylesheet" type="text/css" href="//editor.turbify.com/css/lightbox.css?v=1.5.8c"> </noscript> <script> var loadDeferredStyles = function() { var addStylesNode = document.getElementById("deferred-styles"); var replacement = document.createElement("div"); replacement.innerHTML = addStylesNode.textContent; document.body.appendChild(replacement) addStylesNode.parentElement.removeChild(addStylesNode); }; var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame; if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); }); else window.addEventListener('load', loadDeferredStyles); </script> <script src="//editor.turbify.com/js/lightbox.js?v=1.5.8c" type="text/javascript"></script> <script src="//editor.turbify.com/js/spimeengine.js?v=1.5.8c" type="text/javascript"></script> </body> </html>