@charset "UTF-8"; /*------------------------------------*\ Scoped Prefix used to - replace global tags like 'body', 'html' with a custom class selector - prefix all 'reset file' tags and 'scrollbar' pseudo selector for example in builder where, at this moment, Mr.White components are meant to be used only by image manager and modals without affecting legacy code plz alse take a look at gulp.js file and 'cssWrap' task \*------------------------------------*/ /*------------------------------------*\ Sidebar Structure when set to true additional styles are added to element so sidebar structure works and looks properly on demand only! \*------------------------------------*/ /*------------------------------------*\ Grid \*------------------------------------*/ /*------------------------------------*\ Color Palette \*------------------------------------*/ /*------------------------------------*\ Font Settings \*------------------------------------*/ /*------------------------------------*\ Sides - for loops \*------------------------------------*/ /*------------------------------------*\ Spacings \*------------------------------------*/ /*------------------------------------*\ Box Shadows \*------------------------------------*/ /*------------------------------------*\ Borders \*------------------------------------*/ /*------------------------------------*\ Transitions \*------------------------------------*/ /*------------------------------------*\ Z-index \*------------------------------------*/ /*------------------------------------*\ Opacities \*------------------------------------*/ /*------------------------------------*\ Color Modifiers \*------------------------------------*/ /*------------------------------------*\ SVG \*------------------------------------*/ /*------------------------------------*\ Dropdown \*------------------------------------*/ /*------------------------------------*\ Illustration \*------------------------------------*/ /*------------------------------------*\ List \*------------------------------------*/ /*------------------------------------*\ Scroll \*------------------------------------*/ .t-cookie-bar-holder { width: 100%; position: fixed; bottom: 10px; padding: 10px; z-index: 100; } .t-cookie-bar { max-width: 880px; margin: 0 auto; padding: 20px; background-color: #ffffff; font-size: 13px; -moz-border-radius: 3px; border-radius: 3px; font-family: "Robotox", sans-serif; color: #37475a; position: relative; -moz-box-shadow: 0 2px 3px -1px rgba(13, 26, 44, 0.16), 0 6px 9px -1px rgba(13, 26, 44, 0.2); box-shadow: 0 2px 3px -1px rgba(13, 26, 44, 0.16), 0 6px 9px -1px rgba(13, 26, 44, 0.2); } .t-cookie-bar__content + .t-cookie-bar__footer { margin-top: 20px; } .t-cookie-bar__content p { margin-bottom: 0; line-height: 1.54; } .t-cookie-bar__footer { text-align: right; } .t-cookie-bar-btn { padding: 8px 15px; -moz-border-radius: 3px; border-radius: 3px; text-transform: uppercase; -webkit-transition-property: background-color, color, box-shadow; -moz-transition-property: background-color, color, -moz-box-shadow; transition-property: background-color, color, box-shadow; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; border: none; cursor: pointer; } .t-cookie-bar-btn + .t-cookie-bar-btn { margin-left: 15px; } .t-cookie-bar-btn--flat { background-color: #ffffff; color: #1e88e5; } .t-cookie-bar-btn--flat:hover { background-color: #f0f3f5; color: #37475a; } .t-cookie-bar-btn--action { background-color: #1e88e5; color: #ffffff; -moz-box-shadow: 0 0 2px rgba(13, 26, 44, 0.12), 0 1px 1px rgba(13, 26, 44, 0.24); box-shadow: 0 0 2px rgba(13, 26, 44, 0.12), 0 1px 1px rgba(13, 26, 44, 0.24); } .t-cookie-bar-btn--action:hover { -moz-box-shadow: 0 2px 3px rgba(13, 26, 44, 0.09), 0 1px 4px rgba(13, 26, 44, 0.23); box-shadow: 0 2px 3px rgba(13, 26, 44, 0.09), 0 1px 4px rgba(13, 26, 44, 0.23); background-color: #1778cd; } .t-cookie-bar-link { text-decoration: none; color: #1e88e5; } .t-cookie-bar-link:hover { text-decoration: underline; } @media screen and (min-width: 767px) { .t-cookie-bar-holder { bottom: 30px; } .t-cookie-bar-link { position: absolute; left: 20px; bottom: 28px; } } @media screen and (max-width: 350px) { .t-cookie-bar { padding: 15px; } .t-cookie-bar-btn { font-size: 11px; } } /* * Global.css * Extension CSS file containing global rules to be applied to all builder and server pages, * and to be used with css/templates/[theme]/.. * * Copyright 2011 Jounce, Inc. * Author: Taylor Pennock * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* ~~~~~~~~~~ Full Reset ~~~~~~~~~~ */ * { margin: 0; padding: 0; border: none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: none repeat scroll 0 0 transparent; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; padding: 0px !important; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; vertical-align: top; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } img, fieldset { border: 0; } h1, h2, h3, h4, h5, h6 { /* margin-bottom: 0.6em;*/ line-height: 1.25em; } h1 { font-size: 2em; } h2 { font-size: 1.8em; } h3 { font-size: 1.6em; } h4 { font-size: 1.4em; } h5 { font-size: 1.2em; } h6 { font-size: 1em; } p { margin-bottom: 1em; line-height: normal; } /* ~~~~~~~~~~ Clear Floated Elements ~~~~~~~~~~ */ /* http://sonspring.com/journal/clearing-floats */ /*html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear, .clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }*/ html body * span.clearfloat, html body * div.clearfloat, html body * li.clearfloat, html body * dd.clearfloat, .clearfloat { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* ~~~~~~~~~~ reusable class ~~~~~~~~~~ */ .error { color: #C00; font-weight: bold; } .confirmation { color: #080; font-weight: bold; } div.fieldset { border: solid 1px #999; padding: 1em; margin: 1em 0; } legend span { display: block; font-weight: bold; font-size: 1.4em; color: #000; } /* ~~~~~~~~~~ Forms and Inputs ~~~~~~~~~~ */ form { margin: 0; } input { cursor: pointer; } input:focus, select:focus, textarea:focus { /*border-color:#9F9F9F; background:#fff; -webkit-box-shadow: 0 0 3px #007FD4; -moz-box-shadow: 0 0 3px #007FD4; box-shadow: 0 0 3px #007FD4;*/ } input[type="button"]:focus, input[type="submit"]:focus { /*border:none; background-color:transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;*/ } input[type="text"], input[type="password"], input[type="email"], input[type="input"] { cursor: auto !important; background: #eee; border: 1px solid #9F9F9F; font: 1em/1.2em Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; padding: 0.2em; margin: 0 0.5em 0.6em 0; color: #525252; line-height: 1.2em; vertical-align: middle; height: 1.5em; } textarea { cursor: auto !important; background: #eee; border: 1px solid #9F9F9F; font: 1em/1.2em Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; padding: 0.4em; color: #525252; line-height: 1.2em; } select { border: 1px solid #8195A8; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; cursor: auto !important; font-size: 1em; margin: 0 0 0 -1px; padding: 10px 7px 11px 0; height: 40px; width: 100%; text-indent: 0; } .page2 select { line-height: 22px; padding: 9px 7px 9px 0; } /* ~~~~~~~~~~ header section ~~~~~~~~~~ */ #header { margin: 40px auto 0; } /* ~~~~~~~~~~ content section ~~~~~~~~~~ */ #wrapper { float: none; width: 960px; margin: 0 auto; text-align: center; } /* ~~~~~~~~~~ footer section ~~~~~~~~~~ */ #footer { margin: 0 auto 40px; } /* -- emailForm widget -- */ .emailForm { padding-top: 10px; } .emailform .submit-button { width: 242px; } .emailform input.shortnice { background-color: #fff; border: solid 1px #0066c9; font-size: 14px; font-weight: normal; color: #6c6a6a; width: 220px; padding: 7px 10px; height: 16px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; } .emailform input.shortnice.error { border-color: red; } .emailform .input-holder { width: 240px; position: relative; margin: 0 auto; } .emailform .input-holder label.error { position: absolute; bottom: 7px; right: 3px; width: 200px; text-align: right; } /*** DARK-BLUE BUTTON ***/ .btn { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: bold 13px/100% Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; /*'Waiting for the Sunrise', */ padding: .5em 1em .6em; /*text-shadow: 0 1px 1px rgba(0,0,0,.35); text-shadow: 0 1px 1px #3b3b3b;*/ -moz-border-radius: .35em; border-radius: .35em; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; } .btn-dblue { color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); text-shadow: 0 1px 1px #3b3b3b; border: solid 1px #005fbc; background-color: #0064c8; background-image: -webkit-gradient(linear, left top, left bottom, from(#007dd4), to(#0064c8)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(to bottom, #007dd4, #0064c8); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(to bottom, #007dd4, #0064c8); /* FF3.6 */ /* IE10 */ /* Opera 11.10+ */ background-image: -webkit-linear-gradient(top, #007dd4, #0064c8); background-image: -moz-linear-gradient(top, #007dd4, #0064c8); background-image: linear-gradient(to bottom, #007dd4, #0064c8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dd4', endColorstr='#0064c8'); /* IE6â€“IE9 */ } .btn-dblue:hover { background-color: #0084de; background-image: -webkit-gradient(linear, left top, left bottom, from(#008be8), to(#005db8)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(to bottom, #008be8, #005db8); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(to bottom, #008be8, #005db8); /* FF3.6 */ /* IE10 */ /* Opera 11.10+ */ background-image: -webkit-linear-gradient(top, #008be8, #005db8); background-image: -moz-linear-gradient(top, #008be8, #005db8); background-image: linear-gradient(to bottom, #008be8, #005db8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008be8', endColorstr='#005db8'); /* IE6â€“IE9 */ } .btn-dblue:active { background-color: #005db8; background-image: -webkit-gradient(linear, left top, left bottom, from(#005db8), to(#008be8)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(to bottom, #005db8, #008be8); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(to bottom, #005db8, #008be8); /* FF3.6 */ /* IE10 */ /* Opera 11.10+ */ background-image: -webkit-linear-gradient(top, #005db8, #008be8); background-image: -moz-linear-gradient(top, #005db8, #008be8); background-image: linear-gradient(to bottom, #005db8, #008be8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005db8', endColorstr='#008be8'); /* IE6â€“IE9 */ } a.btn-dblue, a.btn-dblue:hover, .btn-dblue a, .btn-dblue a:hover, .btn-dblue h2 { color: #fff !important; text-decoration: none; } #plug_centred { margin: 14px auto 0 auto; display: inline-block; } #plug { font-family: 'Open Sans', sans-serif; background-color: #fff; font-weight: normal; } #plug .icon { float: left; padding-top: 5px; padding-left: 5px; padding-right: 5px; } #plug .message { float: left; font-size: 13px; padding-top: 5px; color: #3c3c3c; padding-right: 5px; } #plug .remove { float: left; border-left: 1px solid #d2d4d3; padding-left: 5px; padding-top: 5px; padding-right: 5px; cursor: pointer; } #plug .empty { padding: 4px 0px; float: left; } #plug .brand { font-weight: bold; color: #3c3c3c; } #plug .cleared { clear: both; } #footer { margin: 0px !important; } .yellowbox { border: 1px #a47120 solid; background-color: #fff7b3 !important; padding: 10px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; width: 250px; margin: 0px auto; height: 100%; position: relative; } .yellowbox p { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -63px; font-size: 16px; font-weight: bolder; color: #2c2223; } .page.page2 { padding: 0; } .page.page2 .block-inner { width: 960px; margin: 0 auto; position: relative; height: 100%; } .page.page2.mobile .block-inner { width: 600px; } .new_mobile .page.page2.mobile .block-inner { width: 400px; text-align: left; } .page.page2.mobile { width: 600px; margin: 0; overflow: hidden; } .new_mobile .page.page2.mobile { width: auto; margin: auto; text-align: center; } .page.page2.new-mobile-preview { width: 400px; margin: 0; overflow: hidden; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .page-block { position: relative; } .page-element { position: absolute; } .widget-text .contents { font-size: 14px; } .widget-headline h1.contents { /*font-size: 36px;*/ } .modal-backdrop.in { opacity: 0.6; } .notification .loading { display: none; height: 40px; width: 40px; } .notification .close-button { display: none; position: fixed; top: 10%; right: 10%; color: #1E90FF; cursor: pointer; } .contents p { margin: 0; } .input-holder > label, .input-holder.field-select .field-element > label { display: block; font-size: 1.1em; margin: 0px 0 5px; } .field-textarea { margin-bottom: 5px; } .input-holder > label.error { margin: 0 0 10px; } #plug-fixed { background-color: rgba(0, 0, 0, 0.701961); border: solid 1px rgba(255, 255, 255, 0.207843); -moz-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px; bottom: 0; height: 45px; left: 0; position: fixed; text-align: center; width: 100%; z-index: 1000; } #plug-fixed img, #plug-fixed div { display: inline-block; vertical-align: top; } #plug-fixed img { margin: 9px 10px 0; } #plug-fixed div { line-height: 45px; } #plug-fixed a { color: #FFFFFF; display: block; line-height: 45px; text-decoration: none; width: 100%; } html.modal-opened { overflow-x: hidden !important; overflow-y: hidden !important; } /*------------------------------------*\ Fix for iOS behavior position: fixed !important; height: 100% !important; https://stackoverflow.com/questions/14270084/overflow-xhidden-doesnt-prevent-content-from-overflowing-in-mobile-browsers \*------------------------------------*/ html.modal-opened.ios-11-fix { position: absolute !important; height: 100% !important; } html.modal-opened.ios-11-fix body { position: fixed !important; top: 0; bottom: 0; left: 0; right: 0; } .notification { display: none; position: relative; z-index: 100998; } .notification-overlay { position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #000; z-index: 998; -moz-opacity: 0.7; opacity: .85; filter: alpha(opacity=70); } .notification-inner { width: 700px; position: fixed; top: 40%; left: 20%; z-index: 999; color: #fff; font-size: 50px; text-align: center; line-height: 150%; } .notification-inner .message { word-wrap: break-word; } .body:not(.new-mobile) .mobile .notification-inner { width: 500px; top: 50%; margin-top: -38px; } /* * Theme Name: Default * Theme URI: http://www.instapage.com * Description: [TODO] * Tags: [TODO] * * Copyright 2010 Jounce, Inc. * Author: Taylor Pennock * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* ~~~~~~~~~~ main page elements ~~~~~~~~~~ */ body { width: 100%; font: 13px/19px Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; margin: 0; min-width: 960px; padding: 0 0 3em 0; background-color: #e9e9e9; float: none; margin: 0px auto; } strong, b { font-weight: bolder; } em, i { font-style: italic; } u { text-decoration: underline; } a, a:hover, a:focus, a:visited { color: inherit; } a:hover font, a:focus font { text-decoration: underline; } a:active { text-decoration: none; color: auto; } a, .page-element-type-button a { text-decoration: none; } a:focus, .page-element-type-button a:focus { outline: 0; } a:hover { text-decoration: underline; } #plug { text-align: right; margin: 10px auto; font-size: 10px; color: #fff; padding-right: 30px; } #plug .link { text-decoration: none; } /* ~~~~~~~~~~ content section ~~~~~~~~~~ */ #container { margin: 0 30px; background: #fff; padding: 9px; -moz-box-shadow: 0px 2px 10px #000; box-shadow: 0px 2px 10px #000; } #container_inner { margin: 0; padding: 0; background: none repeat scroll 0 0 transparent; } .page { margin: 0; padding: 50px; border: none; text-align: center; color: #555555; } .block { margin: 0; padding: 0; } /* * Instapage Builder Variant Types * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* ~~~~~~~~~~ Headline ~~~~~~~~~~ */ .headline h1 { font-size: 3em; line-height: 1.25em; color: #2d5479; margin: 0; background: transparent !important; font-weight: bold; } /* ~~~~~~~~~~ Subheadline ~~~~~~~~~~ */ .subheadline h2 { font-size: 2em; line-height: 1.25em; color: #429013; background: transparent !important; margin: 0; font-weight: bold; } /* ~~~~~~~~~~ Paragraph & tinyMCE Editor General text formatting ~~~~~~~~~~ */ .paragraph { font-size: 1.2em; line-height: 1.8em; color: #555555; text-align: left; background: transparent; } .pargraph p { margin-bottom: 1.2em; padding: 0; } .paragraph a { color: #2d5479; } .paragraph ul { text-align: left; list-style: disc inside none; } .paragraph ol { text-align: left; list-style: decimal inside none; } .paragraph hr { border: 1px solid #687377; } .paragraph blockquote { font: 16px/22px normal Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; margin: 10px 40px; padding: 10px; border-left: 2px solid #64757f; text-align: left; background: #fff9d7; } .paragraph blockquote p { margin: 0; padding: 0; } .paragraph p img { margin: 0; padding: 0; } /* ~~~~~~~~~~ Image ~~~~~~~~~~ */ .image img { max-width: 100%; text-align: center; background: transparent; } .youtube .video_wrapper { margin: 20px; } /* ~~~~~~~~~~ Johnson Box ~~~~~~~~~~ */ .jbox .jbox_wrapper { background: #FFFF99; padding: 20px; -moz-box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888; margin-bottom: 1.25em; } .jbox h3 { color: red; text-align: center; background: transparent; font-size: 20px; line-height: 1em; text-transform: capitalize; } .jbox p { background: transparent; font-size: 15px; line-height: 1em; } /** * mobile specific */ html.mobile { max-width: 600px; width: 600px; background: none; background-color: transparent; margin: 0; } body { background-color: #e9e9e9; } body.mobile { max-width: 600px; min-width: 600px; width: 600px; margin: 0; } body.tablet { max-width: 960px; overflow: hidden; overflow-y: auto; } @media (max-width: 700px) { body.new_mobile { width: auto; min-width: 400px; max-width: 100%; } } /** * Facebook specific */ body.mobile.facebook { max-width: none; width: 100%; } body.mobile.facebook .page.page2.mobile { width: 100%; } /** * Google Remarketing */ body iframe[name="google_conversion_frame"] { display: none; } /** * General */ .page { margin: 0; padding: 0; background-color: transparent; border: none; text-align: center; color: #555555; } #container { background: #e4e4e4; } #container_inner { border: 1px solid #cbcbcb; } .new_mobile .page-element.widget-container.page-element-type-box.widget-box .box { -moz-box-sizing: border-box; box-sizing: border-box; } .page .page-block .block-inner { background-color: #fff; } .page .page-block .border-holder { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .page .page-element { z-index: 6; } .page .page-element.page-element-type-strip { z-index: 2; width: 100%; } .page .page-element.page-element-type-circle, .page .page-element.page-element-type-circle .circle { -moz-border-radius: 50%; border-radius: 50%; z-index: 3; } .page .page-element.page-element-type-box { z-index: 3; } .page .page-element.page-element-type-image { z-index: 4; } .page .page-element.page-element-type-image img { vertical-align: top; } .page .page-element.page-element-type-line-horizontal, .page .page-element.page-element-type-line-vertical { z-index: 5; } .page .page-element-type-text { text-align: left; } .widget-headline h1 { text-align: left; /*font-size: 36px;*/ } .widget-html .contents.full-size-contents { width: 100%; height: 100%; } .widget-form .contents { text-align: left; } .widget-form .contents .field-element { clear: both; } .widget-form .widget-editor { text-align: left; } .widget-form .form-input[type="text"], .widget-form .form-input[type="password"], .widget-form .form-input[type="email"], .widget-form textarea.form-input { background-color: #fff; border: 1px solid #8095a8; padding: 9px 10px 10px 10px; -moz-border-radius: 3px; border-radius: 3px; margin: 8px 0 8px 0; font-size: 15px; line-height: 19px; width: 100%; height: 43px; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-form textarea.form-input.shortnice { height: 100px; margin-top: 8px; } .widget-form textarea[placeholder].form-input.shortnice { margin-bottom: 3px; vertical-align: top; } .widget-form textarea[placeholder].shortnice.true.form-input.label-position-inside { margin-bottom: 8px; } .widget-form select { margin: 8px 0; -moz-border-radius: 3px; border-radius: 3px; border-style: solid; border-width: 1px; width: 100%; height: 43px; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-size: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("//storage.googleapis.com/instapage-app-assets/img/builder2/select-arrow-drop-down.png"); background-position: right; background-repeat: no-repeat; padding-left: 9px; -moz-padding-start: 5px; } .widget-form select option { padding-left: 9px; } .widget-form .select-outer .select-icon { background: url("//storage.googleapis.com/instapage-app-assets/img/builder2/select-arrow-drop-down.png") no-repeat; display: block; height: 6px; position: absolute; right: 0; margin-top: -30px; width: 21px; } .widget-form .button_submit { margin: 8px 0; } .widget-form .dynamic-button { margin-top: 8px; width: 175px; display: block; line-height: 47px; } .widget-form .dynamic-button span { line-height: 40px; } .widget-form .dynamic-button.button-alignment-right { margin-left: auto; margin-right: 0; } .widget-form .dynamic-button.button-alignment-center { margin: 10px auto; width: 100%; } .email-form-messagebox-wrapper { z-index: 997; border: 1px solid #E22828; -moz-border-radius: 5px; border-radius: 5px; display: none; position: absolute; right: -260px; width: 242px; margin-top: 7px; left: 0; } .email-form-messagebox-wrapper .email-form-messagebox { background-color: #ffe9e9; color: #e12627; padding: 10px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; text-align: left; } .email-form-messagebox-wrapper .email-form-messagebox li { list-style-image: url("//storage.googleapis.com/instapage-app-assets/img/builder2/errorbullet.png"); list-style-position: inside; } .email-form-messagebox-wrapper .email-form-messagebox li label.form-validation-error { color: #e12627; font-weight: normal; } #footer-form-singin-wrapper .email-form-messagebox-wrapper { text-align: left; } #footer-form-singin-wrapper .email-form-messagebox-wrapper .email-form-messagebox { background-color: #ffe9e9; color: #e12627; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .email-form-messagebox-header { background-color: #e12627; color: #fff; padding: 2px 10px; text-align: left; } .footer-form-singin-wrapper .email-form-messagebox-wrapper .email-form-messagebox { background-color: #ffe9e9; color: #e12627; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .widget-form .form-validation-error { border-color: #e12627 !important; } .widget-form .field-text .field-element.form-validation-error-icon:before { background: url("//storage.googleapis.com/instapage-app-assets/img/builder2/erroricon.png"); content: " "; display: block; height: 17px; margin: 20px 0 0 -28px; position: absolute; width: 18px; } .widget-form .field-checkbox .field-element.form-validation-error-icon:before { background: url("//storage.googleapis.com/instapage-app-assets/img/builder2/erroricon.png"); content: " "; display: block; height: 17px; margin: 0px 0 0 -28px; position: absolute; width: 18px; } .widget-form .field-radio .field-element.form-validation-error-icon:before { background: url("//storage.googleapis.com/instapage-app-assets/img/builder2/erroricon.png"); content: " "; display: block; height: 17px; margin: 0px 0 0 -28px; position: absolute; width: 18px; } .widget-form .field-select .field-element.form-validation-error-icon:before { background: url("//storage.googleapis.com/instapage-app-assets/img/builder2/erroricon.png"); content: " "; display: block; height: 17px; margin: 20px 0 0 -28px; position: absolute; width: 18px; } .widget-form .field-textarea .field-element.form-validation-error-icon:before { background: url("//storage.googleapis.com/instapage-app-assets/img/builder2/erroricon.png"); content: " "; display: block; height: 17px; margin: 0px 0 0 -28px; position: absolute; width: 18px; } .dynamic-button { text-shadow: none; } .form-option-element > input[type=radio], .form-option-element > input[type=checkbox], .field-radio > div input[type=radio], .field-checkbox > div input[type=checkbox] { display: none; } .field-checkbox .field-element, .field-radio .field-element { position: relative; vertical-align: middle; } .field-checkbox .field-element label:before, .field-radio .field-element label:before { content: ''; cursor: pointer; position: absolute; width: 16px; height: 16px; top: 2px; left: -1px; -moz-border-radius: 4px; border-radius: 4px; display: block; border: 1px solid #8195A8; background: #fff; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-form.mobile-form .field-checkbox .field-element label:before, .widget-form.mobile-form .field-radio .field-element label:before { top: 16px; } .field-radio .field-element label:before { -moz-border-radius: 8px; border-radius: 8px; } .field-checkbox .field-element label:after, .field-radio .field-element label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; background: transparent; } .field-checkbox .field-element label:after { width: 9px; height: 5px; top: 7px; left: 2px; border: 3px solid #fff; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -moz-box-sizing: border-box; box-sizing: border-box; } .field-radio .field-element label:after { width: 16px; height: 16px; top: 2px; left: -1px; -moz-border-radius: 8px; border-radius: 8px; border: 4px solid #0076D0; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-form.mobile-form .field-checkbox .field-element label:after { top: 18px; } .widget-form.mobile-form .field-radio .field-element label:after { top: 13px; } :not(.mobile-form) .field-checkbox .field-element label:hover::after, :not(.mobile-form).field-radio .field-element label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; } .field-checkbox .field-element input[type=checkbox]:checked + label:before { background: none; background-color: #0076D0; } .field-checkbox .verticalspace, .field-radio .verticalspace { margin-top: 0; height: 5px; } .field-checkbox .field-element input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .field-radio .field-element input[type=radio]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .widget-form .form-option-element label, .field-radio > div label, .field-checkbox > div label { cursor: pointer; display: inline-block; margin: 0 0 10px 25px; font-size: 15px; } .field-container.edit > label { font-weight: normal; margin: 0 0 5px; font-size: 15px; } .field-container.edit > label.label-outside, .input-holder > label.outside-top, .input-holder.field-select .field-element > label.outside-top { margin: 5px 0 0 0; display: block; } .input-holder.field-checkbox > label.outside-top, .input-holder.field-radio > label.outside-top, .field-container.edit.field-checkbox > label.label-outside, .field-container.edit.field-radio > label.label-outside { margin-bottom: 8px; } .input-holder.field-textarea > label.outside-top, .field-container.edit.field-textarea > label.label-outside { margin-bottom: 0; } .form-option-element > input { background-color: #FFFFFF; border: none; border: 1px solid #8095A8; color: #222222; margin: 0 0 10px; padding: 6px 21px; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; height: 31px; } .form-option-element > input:focus { border: 1px solid #8095A8; -moz-box-shadow: none; box-shadow: none; } .error-msg { position: relative; bottom: 4px; color: #a94442; } .builder .has-error .form-control[type="text"] { border: 1px solid #a94442; } .form-option-element { position: relative; } .form-option-element:first-child { margin-top: 8px; } .form-option-element.checkbox-element .button-silver.button-delete, .form-option-element.radio-element .button-silver.button-delete { background: transparent url("//storage.googleapis.com/instapage-app-assets/img/ip2/btns_builder/forms/delete2.png") no-repeat bottom right; border: none; height: 11px; padding: 0; position: absolute; right: 9px; top: 5px; width: 11px; } .form-option-element.checkbox-element .button-silver.button-delete:hover, .form-option-element.radio-element .button-silver.button-delete:hover { background-position: top right; } .widget-form .field-editor .form-options { overflow-y: auto; } .widget-text .contents, .widget-headline .contents { word-wrap: break-word; } .widget-text .contents ul { list-style-type: disc; padding-left: 40px; display: block; margin: 10px 0; } .widget-text .contents ol { list-style-type: decimal; padding-left: 40px; display: block; margin: 10px 0; } .widget-text .contents li { display: list-item; } .widget-line-horizontal { padding-bottom: 12px; } .widget-line-vertical { padding-right: 12px; } .widget-video .video_wrapper { width: 100%; height: 100%; } .widget-video__animoto { position: relative; overflow: hidden; background: #000; } .widget-video__animoto-inner { position: absolute; top: 0; bottom: 0; width: 100%; height: 0; padding-bottom: 56.25%; margin: auto; } .widget-video__animoto-inner iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; } /* prevents cutting width of the elements with width: auto; on the edge / outside of the container */ .widget-social > .social.horizontal { display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .widget-social .item { display: none; } .widget-social .active { display: block; margin: 0 9px 9px 0; } .widget-social .horizontal .active { display: inline-block; } .widget-social .display-type .active:last-of-type { margin: 0px; } .widget-social .tiles .item { min-height: 62px; height: 62px; } .widget-social .tiles .google img { margin-top: 2px; } .widget-social .tiles .facebook img { margin-top: 1px; } .widget-social .lines .item { min-height: 20px; height: 20px; } .widget-social .item { text-align: left; } .widget-social .item img { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .widget-social .vertical .item { float: none; clear: both; } .widget-social .buttons .item { min-height: 20px; height: 20px; } .social .custom-twitter-widget, .social [class^=fb-like] { margin-bottom: 9px; margin-right: 9px; } .social [class^=IN-widget] { margin-right: 9px; margin-bottom: 7px; } .social [id^=___plus] { margin-bottom: 9px !important; margin-right: 9px !important; } .social.horizontal.lines .custom-twitter-widget, .social.horizontal.lines [class^=fb-like], .social.horizontal.buttons .custom-twitter-widget, .social.horizontal.buttons [class^=fb-like] { margin-right: 5px; } .social.horizontal.lines [class^=IN-widget], .social.horizontal.buttons [class^=IN-widget] { margin-right: 3px; } .social.horizontal.lines [id^=___plus], .social.horizontal.buttons [id^=___plus] { margin-right: 5px !important; } .social.horizontal .custom-twitter-widget:last-child, .social.horizontal [class^=IN-widget]:last-child, .social.horizontal [class^=fb-like]:last-child { margin-right: 0; } .social.horizontal [id^=___plus]:last-child { margin-right: 0 !important; } .social.vertical .custom-twitter-widget:last-child, .social.vertical [class^=IN-widget]:last-child, .social.vertical [class^=fb-like]:last-child { margin-bottom: 0; } .social.vertical.tiles [id^=___plus] { margin-bottom: 6px !important; } .social.vertical [id^=___plus]:last-child { margin-bottom: 0 !important; } .social.vertical div, .social.vertical a, .social.vertical iframe, .social.vertical span.IN-widget { display: block !important; text-align: left !important; float: none; } .social.horizontal div, .social.horizontal a, .social.horizontal iframe, .social.horizontal span.IN-widget { float: left !important; text-align: left !important; } .social.tiles.horizontal .custom-twitter-widget, .social.tiles.vertical .custom-twitter-widget { width: 58px; height: 62px; background-image: url("//storage.googleapis.com/instapage-app-assets/img/builder2/share-this-twitter.png"); } .social.lines.horizontal .custom-twitter-widget, .social.lines.vertical .custom-twitter-widget { width: 58px; height: 20px; background-image: url("//storage.googleapis.com/instapage-app-assets/img/builder2/share-this-twitter-flat.png"); } .social.buttons.horizontal .custom-twitter-widget, .social.buttons.vertical .custom-twitter-widget { width: 58px; height: 20px; background-image: url("//storage.googleapis.com/instapage-app-assets/img/builder2/share-this-twitter-button.png"); } .social.tiles.horizontal .custom-twitter-widget:hover, .social.tiles.vertical .custom-twitter-widget:hover, .social.lines.horizontal .custom-twitter-widget:hover, .social.lines.vertical .custom-twitter-widget:hover, .social.buttons.horizontal .custom-twitter-widget:hover, .social.buttons.vertical .custom-twitter-widget:hover { -moz-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1); } .social .IN-widget [id$=title] { max-width: 30px !important; } .dynamic-button { color: #fff; -moz-border-radius: 0; border-radius: 0; cursor: pointer; border: 0; padding: 0; margin: 0; display: table-cell; vertical-align: middle; } .dynamic-button:active { text-decoration: none; } .dynamic-button:focus, .dynamic-button:active:focus { outline: 0; } .dynamic-button.corners { -moz-border-radius: 5px; border-radius: 5px; } .dynamic-button.text-shadow { text-shadow: #000 0 1px 1px; } .dynamic-button.shadow { -moz-box-shadow: 0 1px 3px rgba(1, 1, 1, 0.5); box-shadow: 0 1px 3px rgba(1, 1, 1, 0.5); } .widget-button a:hover { text-decoration: none; } .button_color_ff0000_glossy { background-color: #e60000; background-image: -webkit-linear-gradient(bottom, #e60000 0%, #ff2929 66%); background-image: -moz-linear-gradient(bottom, #e60000 0%, #ff2929 66%); background-image: linear-gradient(to top, #e60000 0%, #ff2929 66%); background-image: -moz-linear-gradient(to top, #e60000 0%, #ff2929 66%); background-image: -webkit-linear-gradient(to top, #e60000 0%, #ff2929 66%); background-image: -ms-linear-gradient(to top, #e60000 0%, #ff2929 66%); background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0, #e60000), color-stop(0.66, #ff2929)); border: #BC1014 solid 1px; text-shadow: none; font-size: 15px; font-weight: bold; color: white; text-align: center; text-shadow: #BC1014 0px 1px 1px; } .button_color_ff0000_glossy:hover { border: #BC1014 solid 1px; text-shadow: #BC1014 0px 1px 1px; background-color: #ff2929; background-image: none; } .button_color_ff0000_glossy:active { border: #BC1014 solid 1px; text-shadow: #BC1014 0px 1px 1px; background-image: -webkit-linear-gradient(top, #e60000 0%, #ff2929 66%); background-image: -moz-linear-gradient(top, #e60000 0%, #ff2929 66%); background-image: linear-gradient(to bottom, #e60000 0%, #ff2929 66%); background-image: -moz-linear-gradient(to bottom, #e60000 0%, #ff2929 66%); background-image: -webkit-linear-gradient(to bottom, #e60000 0%, #ff2929 66%); background-image: -ms-linear-gradient(to bottom, #e60000 0%, #ff2929 66%); background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #e60000), color-stop(0.66, #ff2929)); } .button_color_0066cc_glossy { background-color: #0066cc; background-image: -webkit-linear-gradient(bottom, #0066cc 0%, #2492ff 66%); background-image: -moz-linear-gradient(bottom, #0066cc 0%, #2492ff 66%); background-image: linear-gradient(to top, #0066cc 0%, #2492ff 66%); background-image: -moz-linear-gradient(to top, #0066cc 0%, #2492ff 66%); background-image: -webkit-linear-gradient(to top, #0066cc 0%, #2492ff 66%); background-image: -ms-linear-gradient(to top, #0066cc 0%, #2492ff 66%); background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0, #0066cc), color-stop(0.66, #2492ff)); border: #039 solid 1px; text-shadow: none; font-size: 15px; font-weight: bold; color: white; text-align: center; text-shadow: #039 0px 1px 1px; } .button_color_0066cc_glossy:hover { border: #039 solid 1px; text-shadow: #039 0px 1px 1px; background-color: #2492ff; background-image: none; } .button_color_0066cc_glossy:active { border: #039 solid 1px; text-shadow: #039 0px 1px 1px; background-image: -webkit-linear-gradient(top, #0066cc 0%, #2492ff 66%); background-image: -moz-linear-gradient(top, #0066cc 0%, #2492ff 66%); background-image: linear-gradient(to bottom, #0066cc 0%, #2492ff 66%); background-image: -moz-linear-gradient(to bottom, #0066cc 0%, #2492ff 66%); background-image: -webkit-linear-gradient(to bottom, #0066cc 0%, #2492ff 66%); background-image: -ms-linear-gradient(to bottom, #0066cc 0%, #2492ff 66%); background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #0066cc), color-stop(0.66, #2492ff)); } .button_color_5db60a_glossy { background-color: #4fa103; background-image: -webkit-linear-gradient(bottom, #4fa103 0%, #6acf0c 66%); background-image: -moz-linear-gradient(bottom, #4fa103 0%, #6acf0c 66%); background-image: linear-gradient(to top, #4fa103 0%, #6acf0c 66%); background-image: -moz-linear-gradient(to top, #4fa103 0%, #6acf0c 66%); background-image: -webkit-linear-gradient(to top, #4fa103 0%, #6acf0c 66%); background-image: -ms-linear-gradient(to top, #4fa103 0%, #6acf0c 66%); background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0, #4fa103), color-stop(0.66, #6acf0c)); border: #458b00 solid 1px; text-shadow: none; font-size: 15px; font-weight: bold; color: white; text-align: center; text-shadow: #3b6f07 0px 1px 1px; } .button_color_5db60a_glossy:hover { border: #458b00 solid 1px; text-shadow: #3b6f07 0px 1px 1px; background-color: #6acf0c; background-image: none; } .button_color_5db60a_glossy:active { border: #458b00 solid 1px; text-shadow: #3b6f07 0px 1px 1px; background-image: -webkit-linear-gradient(top, #4fa103 0%, #6acf0c 66%); background-image: -moz-linear-gradient(top, #4fa103 0%, #6acf0c 66%); background-image: linear-gradient(to bottom, #4fa103 0%, #6acf0c 66%); background-image: -moz-linear-gradient(to bottom, #4fa103 0%, #6acf0c 66%); background-image: -webkit-linear-gradient(to bottom, #4fa103 0%, #6acf0c 66%); background-image: -ms-linear-gradient(to bottom, #4fa103 0%, #6acf0c 66%); background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #4fa103), color-stop(0.66, #6acf0c)); } .button_color_ffcc00_glossy { background-color: #ffcc00; background-image: -webkit-linear-gradient(bottom, #ffcc00 0%, #fff30a 66%); background-image: -moz-linear-gradient(bottom, #ffcc00 0%, #fff30a 66%); background-image: linear-gradient(to top, #ffcc00 0%, #fff30a 66%); background-image: -moz-linear-gradient(to top, #ffcc00 0%, #fff30a 66%); background-image: -webkit-linear-gradient(to top, #ffcc00 0%, #fff30a 66%); background-image: -ms-linear-gradient(to top, #ffcc00 0%, #fff30a 66%); background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0, #ffcc00), color-stop(0.66, #fff30a)); border: #e4a600 solid 1px; text-shadow: none; font-size: 15px; font-weight: bold; color: #000; text-align: center; } .button_color_ffcc00_glossy:hover { background-color: #ffcc00; border: #e4a600 solid 1px; background-color: #fff30a; background-image: none; } .button_color_ffcc00_glossy:active { border: #e4a600 solid 1px; background-image: -webkit-linear-gradient(top, #ffcc00 0%, #fff30a 66%); background-image: -moz-linear-gradient(top, #ffcc00 0%, #fff30a 66%); background-image: linear-gradient(to bottom, #ffcc00 0%, #fff30a 66%); background-image: -moz-linear-gradient(to bottom, #ffcc00 0%, #fff30a 66%); background-image: -webkit-linear-gradient(to bottom, #ffcc00 0%, #fff30a 66%); background-image: -ms-linear-gradient(to bottom, #ffcc00 0%, #fff30a 66%); background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ffcc00), color-stop(0.66, #fff30a)); } .button_color_ebebeb_glossy { background-color: #ebebeb; background-image: -webkit-linear-gradient(bottom, #ebebeb 0%, white 66%); background-image: -moz-linear-gradient(bottom, #ebebeb 0%, white 66%); background-image: linear-gradient(to top, #ebebeb 0%, white 66%); background-image: -moz-linear-gradient(to top, #ebebeb 0%, white 66%); background-image: -webkit-linear-gradient(to top, #ebebeb 0%, white 66%); background-image: -ms-linear-gradient(to top, #ebebeb 0%, white 66%); background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0, #ebebeb), color-stop(0.66, white)); border: #CCC solid 1px; text-shadow: none; font-size: 15px; font-weight: bold; color: #525252; text-align: center; } .button_color_ebebeb_glossy:hover { border: #CCC solid 1px; background-color: white; background-image: none; } .button_color_ebebeb_glossy:active { border: #CCC solid 1px; text-align: center; background-image: -webkit-linear-gradient(top, #ebebeb 0%, white 66%); background-image: -moz-linear-gradient(top, #ebebeb 0%, white 66%); background-image: linear-gradient(to bottom, #ebebeb 0%, white 66%); background-image: -moz-linear-gradient(to bottom, #ebebeb 0%, white 66%); background-image: -webkit-linear-gradient(to bottom, #ebebeb 0%, white 66%); background-image: -ms-linear-gradient(to bottom, #ebebeb 0%, white 66%); background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ebebeb), color-stop(0.66, white)); } .button_color_ff8a00_glossy { background-color: #ff8800; background-image: -webkit-linear-gradient(bottom, #ff8800 0%, #ffa200 66%); background-image: -moz-linear-gradient(bottom, #ff8800 0%, #ffa200 66%); background-image: linear-gradient(to top, #ff8800 0%, #ffa200 66%); background-image: -moz-linear-gradient(to top, #ff8800 0%, #ffa200 66%); background-image: -webkit-linear-gradient(to top, #ff8800 0%, #ffa200 66%); background-image: -ms-linear-gradient(to top, #ff8800 0%, #ffa200 66%); background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0, #ff8800), color-stop(0.66, #ffa200)); border: #ea6e00 solid 1px; text-shadow: none; font-size: 15px; font-weight: bold; color: white; text-align: center; text-shadow: #a34d00 0px 1px 1px; } .button_color_ff8a00_glossy:hover { border: #ea6e00 solid 1px; background-color: #ffa200; background-image: none; } .button_color_ff8a00_glossy:active { border: #ea6e00 solid 1px; text-shadow: #a34d00 0px 1px 1px; background-image: -webkit-linear-gradient(top, #ff8800 0%, #ffa200 66%); background-image: -moz-linear-gradient(top, #ff8800 0%, #ffa200 66%); background-image: linear-gradient(to bottom, #ff8800 0%, #ffa200 66%); background-image: -moz-linear-gradient(to bottom, #ff8800 0%, #ffa200 66%); background-image: -webkit-linear-gradient(to bottom, #ff8800 0%, #ffa200 66%); background-image: -ms-linear-gradient(to bottom, #ff8800 0%, #ffa200 66%); background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ff8800), color-stop(0.66, #ffa200)); } .button_color_9224ac_glossy { background-color: #9324ac; background-image: -webkit-linear-gradient(bottom, #9324ac 0%, #b33ad1 66%); background-image: -moz-linear-gradient(bottom, #9324ac 0%, #b33ad1 66%); background-image: linear-gradient(to top, #9324ac 0%, #b33ad1 66%); background-image: -moz-linear-gradient(to top, #9324ac 0%, #b33ad1 66%); background-image: -webkit-linear-gradient(to top, #9324ac 0%, #b33ad1 66%); background-image: -ms-linear-gradient(to top, #9324ac 0%, #b33ad1 66%); background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0, #9324ac), color-stop(0.66, #b33ad1)); border: #671d79 solid 1px; text-shadow: none; font-size: 15px; font-weight: bold; color: white; text-align: center; text-shadow: #671d79 0px 1px 1px; } .button_color_9224ac_glossy:hover { background-color: #9224ac; border: #671d79 solid 1px; text-shadow: #671d79 0px 1px 1px; background-color: #b33ad1; background-image: none; } .button_color_9224ac_glossy:active { background-color: #9224ac; border: #671d79 solid 1px; text-shadow: #671d79 0px 1px 1px; background-image: -webkit-linear-gradient(top, #9324ac 0%, #b33ad1 66%); background-image: -moz-linear-gradient(top, #9324ac 0%, #b33ad1 66%); background-image: linear-gradient(to bottom, #9324ac 0%, #b33ad1 66%); background-image: -moz-linear-gradient(to bottom, #9324ac 0%, #b33ad1 66%); background-image: -webkit-linear-gradient(to bottom, #9324ac 0%, #b33ad1 66%); background-image: -ms-linear-gradient(to bottom, #9324ac 0%, #b33ad1 66%); background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #9324ac), color-stop(0.66, #b33ad1)); } .button_color_2a2a2a_glossy { background-color: #1a1a1a; background-image: -webkit-linear-gradient(bottom, #1a1a1a 0%, #333333 66%); background-image: -moz-linear-gradient(bottom, #1a1a1a 0%, #333333 66%); background-image: linear-gradient(to top, #1a1a1a 0%, #333333 66%); background-image: -moz-linear-gradient(to top, #1a1a1a 0%, #333333 66%); background-image: -webkit-linear-gradient(to top, #1a1a1a 0%, #333333 66%); background-image: -ms-linear-gradient(to top, #1a1a1a 0%, #333333 66%); background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0, #1a1a1a), color-stop(0.66, #333333)); border: #000 solid 1px; text-shadow: none; font-size: 15px; font-weight: bold; color: white; text-align: center; text-shadow: #000 0px 1px 1px; } .button_color_2a2a2a_glossy:hover { background-color: #2a2a2a; border: #000 solid 1px; text-shadow: #000 0px 1px 1px; background-color: #333333; background-image: none; } .button_color_2a2a2a_glossy:active { background-color: #2a2a2a; border: #000 solid 1px; text-shadow: #000 0px 1px 1px; background-image: -webkit-linear-gradient(top, #1a1a1a 0%, #333333 66%); background-image: -moz-linear-gradient(top, #1a1a1a 0%, #333333 66%); background-image: linear-gradient(to bottom, #1a1a1a 0%, #333333 66%); background-image: -moz-linear-gradient(to bottom, #1a1a1a 0%, #333333 66%); background-image: -webkit-linear-gradient(to bottom, #1a1a1a 0%, #333333 66%); background-image: -ms-linear-gradient(to bottom, #1a1a1a 0%, #333333 66%); background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #1a1a1a), color-stop(0.66, #333333)); } .button_color_ff0000 { background-color: red; border: #BC1014 solid 1px; font-size: 15px; font-weight: bold; color: white; text-align: center; text-shadow: #BC1014 0px 1px 1px; } .button_color_0066cc { background-color: #06C; border: #039 solid 1px; font-size: 15px; font-weight: bold; color: white; text-align: center; } .button_color_5db60a { background-color: #5db60a; border: #458b00 solid 1px; font-size: 15px; font-weight: bold; color: white; text-align: center; } .button_color_ffcc00 { background-color: #ffcc00; border: #e4a600 solid 1px; font-size: 15px; font-weight: bold; color: #000; text-align: center; text-shadow: none; } .button_color_ebebeb { background-color: #ebebeb; border: #CCC solid 1px; font-size: 15px; font-weight: bold; color: #525252; text-shadow: none; text-align: center; } .button_color_ff8a00 { background-color: #ff8a00; border: #ea6e00 solid 1px; font-size: 15px; font-weight: bold; color: white; text-align: center; } .button_color_9224ac { background-color: #9224ac; border: #671d79 solid 1px; font-size: 15px; font-weight: bold; color: white; text-align: center; } .button_color_2a2a2a { background-color: #2a2a2a; border: #000 solid 1px; font-size: 15px; font-weight: bold; color: white; text-align: center; } #plug { height: 37px; padding-right: 0; background-color: #fff; position: relative; z-index: 101000; } #plug .icon { padding: 0; margin: 5px; } #plug a { text-decoration: none; } .footer-form-singin-wrapper { position: relative; width: 960px; margin: 0 auto; } .page .page-element-type-form { z-index: 100750; } .widget-form .contents .edit .form-input[type="text"], .widget-form .contents .edit textarea.form-input { cursor: move; color: #8095a8; } .widget-form input[type="text"].shadow-inside, .widget-form input[type="email"].shadow-inside, .widget-form input[type="email"].shadow-inside, .widget-form input[type="password"].shadow-inside { -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.28); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.28); } .widget-form textarea.shadow-inside { -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.28); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.28); } .widget-form select.shadow-inside { -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.28); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.28); } .widget-form .contents .edit .form-input[type="text"][disabled] { color: #B4B4B4; } .widget-form .field-container.edit-field .button-silver.sortable-button { position: absolute; width: 16px; left: 2px; top: -2px; background: transparent url("//storage.googleapis.com/instapage-app-assets/img/ip2/btns_builder/forms/inputdrag2.png") no-repeat 8px 4px; border: none; } .widget-form.mobile-form .select-outer { overflow: hidden; -moz-border-radius: 2px; border-radius: 2px; } .widget-form.mobile-form .select-outer select { width: 100%; height: 56px; border: 0; margin-bottom: 8px; margin-top: 8px; -webkit-appearance: none; line-height: 30px; border-style: solid; border-width: 1px; background-image: url("//storage.googleapis.com/instapage-app-assets/img/builder2/select-arrow-drop-down.png"); background-position: right; background-repeat: no-repeat; } .verticalspace { margin-top: 8px; } .fb-like { display: inline-block !important; /* overwrite facebook JS styles - consulted with Marek */ width: auto !important; } .popup { display: none; } .popup .modal-branding { position: fixed; left: 25px; bottom: 30px; font-size: 15px; color: #fff; } .popup .modal-branding a, .popup .modal-branding a:hover { color: #fff; text-decoration: none; } .popup .modal-dialog-center { margin-top: 15%; margin-left: auto; margin-right: auto; } .widget-form.mobile-form .form-input[type="text"], .widget-form.mobile-form .form-input[type="password"], .widget-form.mobile-form .form-input[type="email"], .widget-form.mobile-form textarea.form-input { padding-top: 8px; padding-bottom: 9px; font-size: 20px; line-height: 22px; height: 56px; } .widget-form.mobile-form .field-container.edit > label.label-outside, .widget-form.mobile-form .input-holder > label.outside-top, .widget-form.mobile-form .input-holder.field-select .field-element > label.outside-top { font-size: 20px; line-height: 22px; padding-top: 12px; padding-bottom: 9px; } .widget-form.mobile-form select { font-size: 20px; height: 56px; padding-left: 9px; width: -webkit-calc( 100% + 2px); width: -moz-calc( 100% + 2px); width: calc( 100% + 2px); -moz-padding-start: 5px; } .widget-form.mobile-form .input-holder.field-checkbox > label.outside-top, .widget-form.mobile-form .input-holder.field-radio > label.outside-top, .widget-form.mobile-form .field-container.edit.field-checkbox > label.label-outside, .widget-form.mobile-form .field-container.edit.field-radio > label.label-outside { margin-top: 8px; margin-bottom: 2px; } .widget-form.mobile-form .form-option-element label, .widget-form.mobile-form .field-element label { font-size: 20px; line-height: 22px; padding-bottom: 0; margin-bottom: 9px; } .widget-form.mobile-form .form-option-element label, .field-radio.mobile-form > div label, .field-checkbox.mobile-form > div label { cursor: pointer; display: inline-block; margin: 0 0 0px 25px; padding-top: 12px; } .page2.mobile .jspPane, .page2.new-mobile-preview .jspPane { width: 400px !important; } .page2.old-mobile-preview .jspPane { width: 600px !important; } .page2.mobile.jspScrollable, .page2.new-mobile-preview.jspScrollable { width: 400px; } .page2.old-mobile-preview.jspScrollable { width: 600px !important; } .page2.mobile .jspContainer, .page2.new-mobile-preview .jspContainer { width: 400px; } .page2.old-mobile-preview .jspContainer { width: 600px !important; } .page2.mobile .jspTrack, .page2.new-mobile-preview .jspTrack, .page2.old-mobile-preview .jspTrack, body.new_mobile .page2 .jspTrack { background: transparent; } .page2.mobile .jspVerticalBar, .page2.new-mobile-preview .jspVerticalBar, .page2.old-mobile-preview .jspVerticalBar, body.new_mobile .page2 .jspVerticalBar { background: transparent; width: 10px; z-index: 1000000; } .page2.mobile .jspHorizontalBar, .page2.new-mobile-preview .jspHorizontalBar, .page2.old-mobile-preview .jspHorizontalBar, body.new_mobile .page2 .jspHorizontalBar { visibility: hidden; height: 0px; } .page2.mobile .jspDrag, .page2.new-mobile-preview .jspDrag, .page2.old-mobile-preview .jspDrag, body.new_mobile .page2 .jspDrag { background: #7E7E7E; -moz-border-radius: 8px; border-radius: 8px; margin-right: -1px; opacity: 0.8; } a.popup-link:focus { text-decoration: none; } [id^=___plus] { width: 57px !important; } div.social.lines { white-space: nowrap; } div.social.lines [id^=___plus] { width: 82px !important; } div.social.lines [id^=twitter-widget-] { width: 78px !important; } div.social.lines span[class^=IN-widget] { min-width: 58px !important; } div.social.buttons span[class^=IN-widget] { width: 62px; } div.social.buttons div[class^=fb-like] { width: 58px !important; } div.social.tiles [id^=___plus] { height: 63px !important; margin-top: 2px !important; } div.social.tiles span[class^=IN-widget] { width: 60px; } div.social.tiles .fb-like iframe { margin-top: 1px !important; } .widget-form select { border-color: #000; } .selectboxit-container .selectboxit-options { max-height: 240px; } .selectboxit-container .selectboxit-arrow-container { margin: -2px 1px 0 0; -moz-box-shadow: -1px 0 0 0 #dadada; box-shadow: -1px 0 0 0 #dadada; background: #f4f4f4; } .selectboxit-container .selectboxit-arrow-container .selectboxit-default-arrow { border-top: 4px solid #777; } .page .popup-link, .page .onpage-link, .page .on-page-scroll { cursor: pointer; outline: none; } .hasRecaptcha .recaptchaWrapper { top: 0 !important; -moz-box-sizing: border-box; box-sizing: border-box; height: 100vh; width: 100vw !important; overflow-y: auto; padding: 5px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .hasRecaptcha .recaptchaContainer { position: relative !important; -moz-box-sizing: border-box; box-sizing: border-box; } .hasRecaptcha .recaptchaContainer > iframe { position: relative !important; } .hasRecaptcha #i-page, .hasRecaptcha { height: 100vh !important; overflow: hidden !important; } .popup .popup-close-button { width: 25px; height: 25px; right: -12.5px; top: -12.5px; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -moz-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 100; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75); box-shadow: 0 0 5px rgba(0, 0, 0, 0.75); } .popup .popup-close-button .circle-outer { fill: #fff; } .popup .popup-close-button .circle-inner { fill: #323232; } .popup .popup-close-button .close-icon { fill: #fff; } @media (max-width: 999px) { .popup .popup-close-button { width: 20px; height: 20px; right: -10px; top: -10px; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -moz-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 100; } .popup .popup-close-button .circle-outer { fill: #fff; } .popup .popup-close-button .circle-inner { fill: #323232; } .popup .popup-close-button .close-icon { fill: #fff; } } .page.page2 .popup .modal-content { -moz-border-radius: 3px; border-radius: 3px; } /* * Instapage Highlighted Box Styles * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /*** Definition of Style Summary ***/ /* * [Style Index #] - Border-Width, Border-Color, Border-Style, Background-Color, Container Style (Radius, Square) ***/ .style_type_btn { display: inline-block; height: 112px; width: 112px; } /*Special rule for the resizable widget handler icon position for highlighted columns*/ .highlight_style .ui-resizable-e { right: -22px !important; } /* ~~~~~~~~~~ Style 0 - Blank, No style ~~~~~~~~~~ */ .widget_style_0 { border: none; background-color: none !important; padding: 0; /* margin:10px 10px 20px; */ } .style_type_btn_0 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -336px bottom !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 1 - 2px, black, solid, grey-bg, square ~~~~~~~~~~ */ .widget_style_1 { border: 2px #000 solid; background-color: #f0f0f0 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_1 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat left top transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 2 - 2px, red, solid, grey-bg, square ~~~~~~~~~~ */ .widget_style_2 { border: 2px #c33030 solid; background-color: #f0f0f0 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_2 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -112px top transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 3 - 2px, green, solid, grey-bg, square ~~~~~~~~~~ */ .widget_style_3 { border: 2px #609e1e solid; background-color: #f0f0f0 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_3 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -224px top transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 4 - 2px, black, solid, tan-bg, square ~~~~~~~~~~ */ .widget_style_4 { border: 2px #000 solid; background-color: #fff7b3 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_4 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -336px top transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 5 - 2px, red, solid, tan-bg, square ~~~~~~~~~~ */ .widget_style_5 { border: 2px #c33030 solid; background-color: #fff7b3 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_5 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -448px top transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 6 - 2px, green, solid, tan-bg, square ~~~~~~~~~~ */ .widget_style_6 { border: 2px #609e1e solid; background-color: #fff7b3 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_6 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat right top transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 7 - 2px, blue, solid, grey-bg, square ~~~~~~~~~~ */ .widget_style_7 { border: 2px #343ebb solid; background-color: #f0f0f0 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_7 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat left -112px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 8 - 2px, purple, solid, grey-bg, square ~~~~~~~~~~ */ .widget_style_8 { border: 2px #8c2c95 solid; background-color: #f0f0f0 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_8 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -112px -112px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 9 - 2px, orange, solid, grey-bg, square ~~~~~~~~~~ */ .widget_style_9 { border: 2px #ff5a00 solid; background-color: #f0f0f0 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_9 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -224px -112px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 10 - 2px, blue, solid, tan-bg, square ~~~~~~~~~~ */ .widget_style_10 { border: 2px #343ebb solid; background-color: #fff7b3 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_10 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -336px -112px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 11 - 2px, purple, solid, tan-bg, square ~~~~~~~~~~ */ .widget_style_11 { border: 2px #8c2c95 solid; background-color: #fff7b3 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_11 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -448px -112px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 12 - 2px, orange, solid, tan-bg, square ~~~~~~~~~~ */ .widget_style_12 { border: 2px #ff5a00 solid; background-color: #fff7b3 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_12 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat right -112px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 13 - 2px, black, dashed, tan-bg, square ~~~~~~~~~~ */ .widget_style_13 { border: 2px #000 dashed; background-color: #fff7b3 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_13 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat left -224px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 14 - 2px, red, dashed, tan-bg, square ~~~~~~~~~~ */ .widget_style_14 { border: 2px #c33030 dashed; background-color: #fff7b3 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_14 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -112px -224px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 15 - 2px, green, dashed, tan-bg, square ~~~~~~~~~~ */ .widget_style_15 { border: 2px #609e1e dashed; background-color: #fff7b3 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_15 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -224px -224px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 16 - 2px, black, dashed, grey-bg, square ~~~~~~~~~~ */ .widget_style_16 { border: 2px #000 dashed; background-color: #f0f0f0 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_16 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -336px -224px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 17 - 2px, red, dashed, grey-bg, square ~~~~~~~~~~ */ .widget_style_17 { border: 2px #c33030 dashed; background-color: #f0f0f0 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_17 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -448px -224px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 18 - 2px, green, dashed, grey-bg, square ~~~~~~~~~~ */ .widget_style_18 { border: 2px #609e1e dashed; background-color: #f0f0f0 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_18 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat right -224px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 19 - 2px, blue, dashed, tan-bg, square ~~~~~~~~~~ */ .widget_style_19 { border: 2px #343ebb dashed; background-color: #fff7b3 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_19 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat left -336px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 20 - 2px, purple, dashed, tan-bg, square ~~~~~~~~~~ */ .widget_style_20 { border: 2px #8c2c95 dashed; background-color: #fff7b3 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_20 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -112px -336px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 21 - 2px, orange, dashed, tan-bg, square ~~~~~~~~~~ */ .widget_style_21 { border: 2px #ff5a00 dashed; background-color: #fff7b3 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_21 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -224px -336px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 22 - 2px, blue, dashed, grey-bg, square ~~~~~~~~~~ */ .widget_style_22 { border: 2px #343ebb dashed; background-color: #f0f0f0 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_22 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -336px -336px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 23 - 2px, purple, dashed, grey-bg, square ~~~~~~~~~~ */ .widget_style_23 { border: 2px #8c2c95 dashed; background-color: #f0f0f0 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_23 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -448px -336px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 24 - 2px, orange, dashed, grey-bg, square ~~~~~~~~~~ */ .widget_style_24 { border: 2px #ff5a00 dashed; background-color: #f0f0f0 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_24 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat right -336px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 25 - 1px, grey, solid, grey-bg, square ~~~~~~~~~~ */ .widget_style_25 { border: 1px #848484 solid; background-color: #f0f0f0 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_25 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat left -448px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 26 - 1px, lt.blue, solid, lt.blue-bg, square ~~~~~~~~~~ */ .widget_style_26 { border: 1px #7bb9ea solid; background-color: #def1ff !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_26 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -112px -448px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 27 - 1px, lt.green, solid, lt.green-bg, square ~~~~~~~~~~ */ .widget_style_27 { border: 1px #8add4c solid; background-color: #ebffdc !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_27 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -224px -448px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 28 - 1px, tan, solid, tan-bg, square ~~~~~~~~~~ */ .widget_style_28 { border: 1px #a47120 solid; background-color: #fff7b3 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_28 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -336px -448px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 29 - 1px, lt.purple, solid, lt.purple-bg, square ~~~~~~~~~~ */ .widget_style_29 { border: 1px #c77bea solid; background-color: #f2deff !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_29 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -448px -448px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 30 - 1px, lt.red, solid, lt.red-bg, square ~~~~~~~~~~ */ .widget_style_30 { border: 1px #dd4c4c solid; background-color: #ffdcdc !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_30 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat right -448px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 31 - 1px, grey, solid, grey-bg, rounded ~~~~~~~~~~ */ .widget_style_31 { border: 1px #848484 solid; background-color: #f0f0f0 !important; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_31 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat left -560px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 32 - 1px, lt.blue, solid, lt.blue-bg, rounded ~~~~~~~~~~ */ .widget_style_32 { border: 1px #7bb9ea solid; background-color: #def1ff !important; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_32 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -112px -560px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 33 - 1px, lt.green, solid, lt.green-bg, rounded ~~~~~~~~~~ */ .widget_style_33 { border: 1px #8add4c solid; background-color: #ebffdc !important; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_33 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -224px -560px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 34 - 1px, tan, solid, tan-bg, rounded ~~~~~~~~~~ */ .widget_style_34 { border: 1px #a47120 solid; background-color: #fff7b3 !important; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_34 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -336px -560px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 35 - 1px, lt.purple, solid, lt.purple-bg, rounded ~~~~~~~~~~ */ .widget_style_35 { border: 1px #c77bea solid; background-color: #f2deff !important; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_35 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -448px -560px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 36 - 1px, lt.red, solid, lt.red-bg, rounded ~~~~~~~~~~ */ .widget_style_36 { border: 1px #dd4c4c solid; background-color: #ffdcdc !important; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_36 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat right -560px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 37 - 1px, grey, solid, grey-bg, square, shadow ~~~~~~~~~~ */ .widget_style_37 { border: 1px #848484 solid; background-color: #f0f0f0 !important; padding: 10px 10px; margin: 10px 10px 10px; -moz-box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); } .style_type_btn_37 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat left -672px transparent !important; padding: 0 !important; margin: 0 !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* ~~~~~~~~~~ Style 38 - 1px, lt.blue, solid, lt.blue-bg, square, shadow ~~~~~~~~~~ */ .widget_style_38 { border: 1px #7bb9ea solid; background-color: #def1ff !important; padding: 10px 10px; margin: 10px 10px 10px; -moz-box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); } .style_type_btn_38 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -112px -672px transparent !important; padding: 0 !important; margin: 0 !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* ~~~~~~~~~~ Style 39 - 1px, lt.green, solid, lt.green-bg, square, shadow ~~~~~~~~~~ */ .widget_style_39 { border: 1px #8add4c solid; background-color: #ebffdc !important; padding: 10px 10px; margin: 10px 10px 10px; -moz-box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); } .style_type_btn_39 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -224px -672px transparent !important; padding: 0 !important; margin: 0 !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* ~~~~~~~~~~ Style 40 - 1px, tan, solid, tan-bg, square, shadow ~~~~~~~~~~ */ .widget_style_40 { border: 1px #a47120 solid; background-color: #fff7b3 !important; padding: 10px 10px; margin: 10px 10px 10px; -moz-box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); } .style_type_btn_40 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -336px -672px transparent !important; padding: 0 !important; margin: 0 !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* ~~~~~~~~~~ Style 41 - 1px, lt.purple, solid, lt.purple-bg, square, shadow ~~~~~~~~~~ */ .widget_style_41 { border: 1px #c77bea solid; background-color: #f2deff !important; padding: 10px 10px; margin: 10px 10px 10px; -moz-box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); } .style_type_btn_41 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -448px -672px transparent !important; padding: 0 !important; margin: 0 !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* ~~~~~~~~~~ Style 42 - 1px, lt.red, solid, lt.red-bg, square, shadow ~~~~~~~~~~ */ .widget_style_42 { border: 1px #dd4c4c solid; background-color: #ffdcdc !important; padding: 10px 10px; margin: 10px 10px 10px; -moz-box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); } .style_type_btn_42 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat right -672px transparent !important; padding: 0 !important; margin: 0 !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* ~~~~~~~~~~ Style 43 - 1px, grey, solid, grey-bg, rounded, shadow ~~~~~~~~~~ */ .widget_style_43 { border: 1px #848484 solid; background-color: #f0f0f0 !important; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding: 10px 10px; margin: 10px 10px 10px; -moz-box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); } .style_type_btn_43 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat left -784px transparent !important; padding: 0 !important; margin: 0 !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* ~~~~~~~~~~ Style 44 - 1px, lt.blue, solid, lt.blue-bg, rounded, shadow ~~~~~~~~~~ */ .widget_style_44 { border: 1px #7bb9ea solid; background-color: #def1ff !important; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding: 10px 10px; margin: 10px 10px 10px; -moz-box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); } .style_type_btn_44 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -112px -784px transparent !important; padding: 0 !important; margin: 0 !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* ~~~~~~~~~~ Style 45 - 1px, lt.green, solid, lt.green-bg, rounded, shadow ~~~~~~~~~~ */ .widget_style_45 { border: 1px #8add4c solid; background-color: #ebffdc !important; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding: 10px 10px; margin: 10px 10px 10px; -moz-box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); } .style_type_btn_45 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -224px -784px transparent !important; padding: 0 !important; margin: 0 !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* ~~~~~~~~~~ Style 46 - 1px, tan, solid, tan-bg, rounded, shadow ~~~~~~~~~~ */ .widget_style_46 { border: 1px #a47120 solid; background-color: #fff7b3 !important; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding: 10px 10px; margin: 10px 10px 10px; -moz-box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); } .style_type_btn_46 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -336px -784px transparent !important; padding: 0 !important; margin: 0 !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* ~~~~~~~~~~ Style 47 - 1px, lt.purple, solid, lt.purple-bg, rounded, shadow ~~~~~~~~~~ */ .widget_style_47 { border: 1px #c77bea solid; background-color: #f2deff !important; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding: 10px 10px; margin: 10px 10px 10px; -moz-box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); } .style_type_btn_47 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -448px -784px transparent !important; padding: 0 !important; margin: 0 !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* ~~~~~~~~~~ Style 48 - 1px, lt.red, solid, lt.red-bg, rounded, shadow ~~~~~~~~~~ */ .widget_style_48 { border: 1px #dd4c4c solid; background-color: #ffdcdc !important; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding: 10px 10px; margin: 10px 10px 10px; -moz-box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); } .style_type_btn_48 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat right -784px transparent !important; padding: 0 !important; margin: 0 !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* ~~~~~~~~~~ Style 49 - 1px, yellow, solid, yellow-bg, square, shadow ~~~~~~~~~~ */ .widget_style_49 { border: 1px #fff71c solid; background-color: #feff96 !important; padding: 10px 10px; margin: 10px 10px 10px; -moz-box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); } .style_type_btn_49 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat left -896px transparent !important; padding: 0 !important; margin: 0 !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* ~~~~~~~~~~ Style 50 - 1px, yellow, solid, yellow-bg, rounded, shadow ~~~~~~~~~~ */ .widget_style_50 { border: 1px #fff71c solid; background-color: #feff96 !important; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding: 10px 10px; margin: 10px 10px 10px; -moz-box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); box-shadow: -4px 5px 5px rgba(64, 64, 64, 0.75); } .style_type_btn_50 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -112px -896px transparent !important; padding: 0 !important; margin: 0 !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* ~~~~~~~~~~ Style 51 - 3px, grey, solid, grey-bg, rounded ~~~~~~~~~~ */ .widget_style_51 { border: 3px #848484 solid; background-color: #f0f0f0 !important; -moz-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_51 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -224px -896px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 52 - 3px, lt.blue, solid, lt.blue-bg, rounded ~~~~~~~~~~ */ .widget_style_52 { border: 3px #7bb9ea solid; background-color: #def1ff !important; -moz-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_52 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -336px -896px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 53 - 3px, lt.green, solid, lt.green-bg, rounded ~~~~~~~~~~ */ .widget_style_53 { border: 3px #8add4c solid; background-color: #ebffdc !important; -moz-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_53 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -448px -896px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 54 - 3px, tan, solid, tan-bg, rounded ~~~~~~~~~~ */ .widget_style_54 { border: 3px #a47120 solid; background-color: #fff7b3 !important; -moz-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_54 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat right -896px transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 55 - 5px, grey, solid, grey-bg, square ~~~~~~~~~~ */ .widget_style_55 { border: 5px #7f7f7f solid; background-color: #f0f0f0 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_55 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat left bottom transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 56 - 5px, red, solid, grey-bg, square ~~~~~~~~~~ */ .widget_style_56 { border: 5px #c33030 solid; background-color: #f0f0f0 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_56 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -112px bottom transparent !important; padding: 0 !important; margin: 0 !important; } /* ~~~~~~~~~~ Style 57 - 5px, green, solid, grey-bg, square ~~~~~~~~~~ */ .widget_style_57 { border: 5px #609e1e solid; background-color: #f0f0f0 !important; padding: 10px 10px; margin: 10px 10px 10px; } .style_type_btn_57 { border: none !important; background: url("//storage.googleapis.com/instapage-app-assets/img/site/highlight_styles.png") no-repeat -224px bottom transparent !important; padding: 0 !important; margin: 0 !important; } .widget-testimonial .widget-editor { position: relative; } .widget-testimonial .contents { /*prevent margins from going out of the container*/ overflow: auto; padding: 5px; } .oracle-testimonial-style .style-1 { background-image: url("//storage.googleapis.com/instapage-app-assets/img/ip2/btns_builder/testimonial/style1.png"); } .oracle-testimonial-style .style-1:hover, .oracle-testimonial-style .style-1.active { background-position: bottom; } .oracle-testimonial-style .style-2 { background-image: url("//storage.googleapis.com/instapage-app-assets/img/ip2/btns_builder/testimonial/style2.png"); } .oracle-testimonial-style .style-2:hover, .oracle-testimonial-style .style-2.active { background-position: bottom; } .oracle-testimonial-style .style-3 { background-image: url("//storage.googleapis.com/instapage-app-assets/img/ip2/btns_builder/testimonial/style3.png"); } .oracle-testimonial-style .style-3:hover, .oracle-testimonial-style .style-3.active { background-position: bottom; } .oracle-testimonial-style .style-4 { background-image: url("//storage.googleapis.com/instapage-app-assets/img/ip2/btns_builder/testimonial/style4.png"); } .oracle-testimonial-style .style-4:hover, .oracle-testimonial-style .style-4.active { background-position: bottom; } .oracle-testimonial-style .small-line-between { border-left: 1px solid #212121; padding-right: 11px; display: inline-block; height: 96px; float: left; } .oracle-testimonial-style .avatar-box { padding: 10px; } .oracle-testimonial-style .avatar-option { width: 20px; height: 20px; cursor: pointer; display: inline-block; position: relative; margin-left: 10px; } .oracle-testimonial-style .avatar-option.square { background-image: url("//storage.googleapis.com/instapage-app-assets/img/ip2/btns_builder/testimonial/square.png"); } .oracle-testimonial-style .avatar-option.roundedsquare { background-image: url("//storage.googleapis.com/instapage-app-assets/img/ip2/btns_builder/testimonial/roundedsquare.png"); } .oracle-testimonial-style .avatar-option.round { background-image: url("//storage.googleapis.com/instapage-app-assets/img/ip2/btns_builder/testimonial/round.png"); } .oracle-testimonial-style .avatar-option.square:hover, .oracle-testimonial-style .avatar-option.square.active, .avatar-option.roundedsquare:hover, .avatar-option.roundedsquare.active, .avatar-option.round:hover, .avatar-option.round.active { background-position: bottom; } .widget-testimonial .testimonial-avatar { max-height: 75px; max-width: 75px; } .widget-testimonial .testimonial-avatar.roundedsquare { -moz-border-radius: 10px; border-radius: 10px; } .widget-testimonial .testimonial-avatar.round { -moz-border-radius: 40px; border-radius: 40px; } .widget-testimonial .testimonial-name { margin-top: 10px; font-weight: 700; } .widget-testimonial.style-1 .testimonial-text { margin-top: 90px; } .widget-testimonial.style-1 .testimonial-avatar { position: absolute; top: 10px; left: 0; right: 0; margin: 0 auto; } .widget-testimonial.style-2 .testimonial-text { margin-left: 90px; text-align: left; } .widget-testimonial.style-2 .testimonial-avatar { position: absolute; top: 8px; left: 8px; } .widget-testimonial.style-2 .testimonial-name { margin-left: 90px; text-align: left; } .widget-testimonial.style-2 .testimonial-title { margin-left: 90px; text-align: left; } .widget-testimonial.style-3 .contents { padding: 0px; } .widget-testimonial.style-3 .testimonial-text { border: 1px solid #ddd; position: relative; margin: 10px; padding: 15px; background: #fff; } .widget-testimonial.style-3 .testimonial-text:after, .widget-testimonial.style-3 .testimonial-text:before { border: solid transparent; content: ' '; height: 0; top: 100%; position: absolute; width: 0; } .widget-testimonial.style-3 .testimonial-text:after { border-width: 9px; border-top-color: #fff; left: 30px; } .widget-testimonial.style-3 .testimonial-text:before { border-width: 11px; border-top-color: #ddd; left: 28px; } .widget-testimonial.style-3 .testimonial-avatar { float: left; margin: 10px 0 0 10px; } .widget-testimonial.style-3 .testimonial-name { margin-top: 28px; position: absolute; left: 100px; } .widget-testimonial.style-3 .testimonial-title { margin-top: 47px; position: absolute; left: 100px; } .widget-testimonial.style-4 .contents { background: #fff; padding: 30px; border: 1px solid #ddd; } .widget-testimonial.style-4 .widget-editor.editor-active.static-editor { border: 1px solid #ddd; margin: 10px; padding: 15px 15px 15px 15px; } .widget-testimonial.style-4 .testimonial-text { text-align: left; } .widget-testimonial.style-4 .testimonial-avatar { margin-top: 15px; } @font-face { font-family: BebasNeue; src: url("//storage.googleapis.com/instapage-app-assets/font/bebasneue-webfont.eot"); src: url("/static/font/bebasneue-webfont.eot?#iefix") format("embedded-opentype"), url("//storage.googleapis.com/instapage-app-assets/font/bebasneue-webfont.woff2") format("woff2"), url("//storage.googleapis.com/instapage-app-assets/font/bebasneue-webfont.woff") format("woff"), url("//storage.googleapis.com/instapage-app-assets/font/bebasneue-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } div.widget-timer .timer-labels { position: relative; width: 100%; height: 15%; top: 0; display: block; line-height: 1em; } div.widget-timer .timer-labels .timer-label { width: 20%; height: 100%; display: inline-block; margin-left: 5%; float: left; left: 0; text-align: center; font-family: BebasNeue, sans-serif; font-weight: 400; } div.widget-timer .timer-labels .timer-label.first-label { width: 25%; margin-left: 0; left: 0; } div.widget-timer .days, div.widget-timer .hours, div.widget-timer .minutes, div.widget-timer .seconds, div.widget-timer .colon { position: relative; height: 78%; top: 7%; width: 20%; display: inline-block; float: left; -moz-border-radius: 4px; border-radius: 4px; padding: 0; font-family: BebasNeue, sans-serif; text-align: center; line-height: 1em; } div.widget-timer .days span, div.widget-timer .hours span, div.widget-timer .minutes span, div.widget-timer .seconds span, div.widget-timer .colon span { display: block; vertical-align: middle; line-height: 1em; margin-top: 0.17em; } div.widget-timer .days { width: 25%; left: 0; margin-left: 0; } div.widget-timer .days span { margin-top: 0.17em; } div.widget-timer .colon { width: 5%; margin-left: 0; -moz-border-radius: 0; border-radius: 0; background: none; } div.widget-timer .colon div { position: absolute; -moz-border-radius: 100px; border-radius: 100px; width: 30%; height: 7%; left: 34%; } div.widget-timer .colon .colon-top { top: 34%; } div.widget-timer .colon .colon-bottom { bottom: 34%; } div.widget-timer .timer.labels-bottom .timer-labels { top: 85%; } div.widget-timer .timer.labels-bottom .days, div.widget-timer .timer.labels-bottom .hours, div.widget-timer .timer.labels-bottom .minutes, div.widget-timer .timer.labels-bottom .seconds, div.widget-timer .timer.labels-bottom .colon { top: -15%; } div.widget-timer .timer.no-labels .timer-labels { display: none; } div.widget-timer .timer.no-labels .days, div.widget-timer .timer.no-labels .hours, div.widget-timer .timer.no-labels .minutes, div.widget-timer .timer.no-labels .seconds, div.widget-timer .timer.no-labels .colon { top: 0; height: 100%; }