/* FONTS */ @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Kanit'; src: url('../fonts/Kanit-Black.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Vockel'; src: url('../fonts/Vockel.ttf') format('truetype'); font-weight: bold; font-style: normal; } /* fix for blue focus */ *:focus{ outline: none; } /* jquery.Jcrop.min.css v0.9.12 (build:20130126) */ .jcrop-holder{direction:ltr;text-align:left;} .jcrop-vline,.jcrop-hline{background:#FFF url('/assets/img/Jcrop.gif');font-size:0;position:absolute;} .jcrop-vline{height:100%;width:1px!important;} .jcrop-vline.right{right:0;} .jcrop-hline{height:1px!important;width:100%;} .jcrop-hline.bottom{bottom:0;} .jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;} .jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;} .jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;} .jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;} .jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;} .jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;} .jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;} .jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;} .jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;} .jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;} .jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;} .jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;} .jcrop-dragbar.ord-n{margin-top:-4px;} .jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;} .jcrop-dragbar.ord-e{margin-right:-4px;right:0;} .jcrop-dragbar.ord-w{margin-left:-4px;} .jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;} .jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;} .jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;} .jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;} .solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;} .jcrop-holder img,img.jcrop-preview{max-width:none;} /* admin */ .csvdate { width: 115px !important; } .tt-hint{display:none;} .twitter-typeahead{width:100%;display:block;} .tt-suggestion{} .twitter-typeahead .tt-query, .twitter-typeahead .tt-hint { margin-bottom: 0; } .tt-dropdown-menu { min-width: 160px; margin-top: 2px; padding: 5px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; max-height:200px;overflow-y:scroll;overflow-x:none;} .tt-suggestion { display: block; padding: 3px 20px; } .tt-suggestion.tt-is-under-cursor { color: #fff; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0) } .tt-suggestion.tt-is-under-cursor a {color: #fff;} .tt-suggestion p {margin: 0;} .btn-file { position: relative; overflow: hidden; vertical-align: middle;} .btn-file > input { position: absolute; top: 0; right: 0; /*left: 0; bottom: 0;*/min-width:100%; min-height:100%; margin: 0; font-size: 999px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); display:block; /*transform: translate(-300px, 0) scale(4);*/ direction: ltr;} .panel-title>a{display:block;} .btn-red{background:#a4181e;color:white;} .btn-danger{background-color:#92160f;border-color:#92160f;color:white;} .btn-success{background-color:#1f7b1f;border-color:#1f7b1f;color:white;} .btn-red:hover{color:white;} .btn-option, .btn-rounded, .btn-round{border-radius:20px;} .btn-highlight:hover{box-shadow:0 0 30px #fff584;} #format #buttons { display:none; } #format #buttons .btn { margin-top:10px; display: block; } #format .form-group span { font-size: 12px; } #format label { margin-top: 10px; } body.modal-open{margin-right:0 !important;} @media screen and (min-width: 768px){ .modal-dialog{width:700px;} } html{padding:0;margin:0;} body{padding:0;font-family:'aaux-next',Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing: antialiased;} .bot-space {margin-bottom: 20px;} h1{color:#295025;} h1{font-family:'aaux-next',Arial,sans-serif;} h1 a.btn{padding:20px 0;font-size:40px;border-radius:40px;} h1.action{color:#295025;font-weight:600;font-size:52px;margin-bottom:30px;margin-top:0;} h2{color:#295025;} h2{font-family:'aaux-next',Arial,sans-serif;} h2.action{color:#295025;font-weight:200;} h2.testimonial{font-size:36px;} h2.price{font-size:38px;} h2.best-value, h2.free{margin-left:-12px;margin-top:-3px;} h2.best-value{margin-top:-6px;} h2.best-value:before{background-image:url('/assets/img/value.jpg');background-size:100%;display:inline-block;width:78px;height:50px;content:"";margin-right:-6px;} h2.free:before{background-image:url('/assets/img/free.jpg');background-size:100%;display:inline-block;width:78px;height:50px;content:"";margin-right:-6px;} h2.xlarge{font-size:40px;margin-left:-19px;margin-right:-19px;} h3{font-family:'aaux-next',Arial,sans-serif;} h4{font-size:36px;font-weight:200;} a.green, p.green, p.green small{color:#295025;} p.light-green{color:#35a930;} body.body_nicelist { background: #18581C; } body.body_calendar { background: #005689; } body.body_letter { background: #2355a6; } body.body_postcard2 { background: #025887; } .black{color:#111;font-weight:bold;text-decoration:underline;font-size:120%;} select{font-family:"Arial","Helvetica",sans-serif;} .has-error .checkbox label{color:#b94a48;} .has-error .checkbox input{border: 1px solid #b94a48;} .has-error .btn-default{border-color:#b94a48;} .has-error button { border: #b94a48 1px solid; } .has-error-style { border: #b94a48 1px solid; } button.has-error-style { box-shadow: 0px 0px 3px 1px #b94a48; } #name input { margin-bottom: 20px !important; } #scheduler{font-family:"Arial","Helvetica Neue", "Helvetica", sans-serif;} .red{color:#92160f;} .bred{color:#bd0101;} .bsmall{font-size:0.9em;} .bsmall a {color: inherit; text-decoration: underline;} sup{font-size:40%;top:-1.25em;} #header{background:#295025 url('/assets/img/video_bg.jpg') no-repeat;background-position:left center;background-size:contain;border-bottom:4px solid #b9995b;margin-bottom:20px;padding:20px 0;} #logo{margin:0 auto;} #headline{background:#92160f;border-top:4px solid #b9995b;border-bottom:2px solid #b9995b;} #headline h1{/* font-family:'arno-pro'; */color:white;text-shadow:2px 2px 4px #000;padding:12px 0;margin:0;font-size:50px;} #headline h1 span{color:#f1ff78;border-bottom:3px solid #f1ff78;} #headline h1 span small{color:#f1ff78;} #header-nav{margin-top:3.1em;} #header-nav a{display:inline-block;font-size:12px;padding:0 12px;} #footer-nav a{padding:0 12px;} #social{width:244px;margin:0 auto;} #social a{display:block;float:left;} #faq .modal-body, #faq .modal-body a{font-size:80%;} #faq .modal-title{font-size:190%;font-family:Arial,sans-serif;} #faq .panel-title{font-size:180%;font-family:Arial,sans-serif;} #faq .panel-body{font-size:130%;font-family:Arial,sans-serif;} #watch{background:#295025;} #watch h1{color:white;margin:0 0 25px;font-family:tekton-pro-condensed,Arial,sans-serif;font-size:54px;} #watch img.heading{width:100%;margin-top:40px;} #video-container{background:url('/assets/img/video-bg.jpg') no-repeat;background-size:cover;padding:30px 0 0;border:6px solid #22791e;border-right:none;border-left:none;margin-bottom:30px;position: relative;} #video-container .video-container{margin-bottom:30px;} .view-tab{background:#a21008;font-size:16px;text-align:center;border-radius:8px 8px 0 0;padding:10px 20px 20px;color:white;text-shadow:2px 2px 0 #333;line-height:1.1;} .view-tab span{font-size:150%;color:#f2ff85;} .view-tab a{display:block;color:#f2ff85;font-size:0.825em;text-decoration:underline;text-shadow:none;} #watch .well-white{margin-top:30px;border:3px solid #22791e;} .view-tab-green{background:#22791e;color:#f2ff85;} .view-tab-green a{display:inline;text-shadow:2px 2px 0 #333;} #watch-footer{margin:50px 0;} #watch-footer p{color:white;} #watch-footer a{color:#f2ff85;text-decoration:underline;} #watch-footer span{color:white;margin:20px 0 0;display:block;} .hmstimer {font-size: 17px !important; margin: 3px 0 !important;} .yellowtext {color:#f2ff85 !important;} #oops{padding:40px 0;color:#295025;} #oops a{color:#295025;text-decoration:underline;font-weight:bold;} #oops h2{margin-bottom:2px;} #upgrade_modal{color:#295025;} #upgrade_modal img{margin-top:20px;} #upgrade_modal a.btn{margin-top:20px;} .highlight{color:#70899f;} .hero h1{margin:40px 0 5px;} .hero p{font-size:16px;line-height:1.2;margin-bottom:20px;} ol .btn-lg{margin-bottom:10px;} .well{margin-bottom:0;} .packages{margin-top:20px;} .packages ul li .watch-preview { color: yellow !important; position:relative; z-index:3;} .packages button span.hidden-md{display:inline!important;} .packages h2{margin-right:-15px;margin-left:-15px;} /* .packages:hover{box-shadow:0 0 60px #fff584;} */ .well-blue{background:#e8edf6;} .well-white{background:white;border-radius:20px;} .has-error .well{border-color:#b94a48;} .well-white h2{font-size:40px;} .well-green{background:white;border:1px solid #10b332;padding:10px;margin-top:3.5em;} .well-green h3{padding:0;margin:0;color:#b80f01;} .packages > ul{min-height:202px;} .packages > ul li.checkmark, .scroll li.checkmark{margin-left:-24px;} .scroll li.checkmark{color:#bf0f17;font-weight:600;} .scroll-middle > ul{min-height:242px;} .checkmark{list-style:none;font-size:110%;position:relative;padding-left:24px;} .checkmark:before{content: url('/assets/img/checkmark.png');width:34px;height:34px;position:absolute;top:-8px;left:-10px;} span.checkmark{margin-left:15px;} #digitalul{min-height:0px;} #digitalredtext p{color:#bf0f17;font-weight:600;font-size:110%;position:relative;text-align:center;margin-bottom:0px;margin-top:7px;} .scroll{padding:0;background:#F7E6BA;padding:20px 0;border-radius:10px;} .scroll-top{background:url('/assets/img/scroll-top.jpg') bottom center no-repeat;background-size:contain;width:100%;height:0;padding-bottom:20%;} .scroll-middle{/*background:url('/assets/img/scroll-bg.jpg') top center repeat-y;background-size:contain;*/width:100%;padding:0 12% 0 11%;float:left;display:inline;} .scroll-middle h2{margin-right:-20px;margin-left:-20px;font-size:28px;} .scroll-bottom{background:url('/assets/img/scroll-bottom.jpg') top center no-repeat;background-size:contain;width:100%;height:0;padding-bottom:18%;} #advantages{padding-left:0;font-size:120%;line-height:1.7} #advantages ul { list-style: none; text-align: center; } @media (max-width: 767px) { #advantages ul { text-align: left; } } #advantages ul li { display: inline-block; white-space: nowrap; } #guarantee{background:#92160f;margin-top:40px;padding-top:20px;} #guarantee h1{color:white;} #photos .well{padding:0;overflow:hidden;border-radius:25px;margin-bottom:20px;} #photos legend{border-bottom:none;} #photos .well .pad{padding:0 15px;margin:20px 0 40px;} #photos .well .pad p{padding:0 35px;} #confirmation{margin:20px 0;padding:0 30px;} #confirmation li{margin-bottom:12px;} #confirmation-letter{margin:60px 0 30px;} .jcrop-holder{margin-bottom:20px;} #form-nav{margin:20px 0;} .btn-group .btn{border-radius:30px;} #form-nav a.active{cursor:default;} #form-nav a { font-size: 14px; } .btn-success .badge{background-color:white;color:#5cb85c;} .warning{color:#d9534f;padding:0;margin:0;} .tagline{text-align:center;padding:0;margin:-10px 0 0;} #greeting .well { border-radius: 20px; } #greeting .well img{opacity:0.3;margin:20px auto 0;} #greeting .well-white, #scene .well-white{background-color:#FFF;} #greeting .well-white img{opacity:1;} #scene .well{margin-bottom:20px;} .scene-info{min-height:120px;} #naughty-nice #nnMessage p { font-size: 12px; } #message img{width:100%;} #message h3{font-size:20px;} #message ul{padding-left:15px;} #message .input-group-addon { color: #fff; background: #bb0101; } #review ul{list-style:none;padding:0;margin:0;} #review ul li{margin-bottom:10px;} #review ul li span{color:#0254DA;} #review ul li span.red{color:#DD0006;} #terms_modal .modal-header { min-height: 0; position: relative; padding: 0; } #terms_modal .close { color: #000; position: absolute; right: 20px; top: 5px; margin: 0; opacity: 1; cursor: pointer; z-index: 2; } #terms_modal .modal-body { padding: 15px 30px; max-height: 300px; overflow-y: scroll; } #terms_modal p { font-size: 14px; } #terms_modal strong { font-size: 14px; } #scene-carousel{margin-top:60px;} #scene-carousel .carousel-caption{bottom:60px;left:10%!important;right:10%!important;} #scene-carousel .carousel-indicators{bottom:auto;top:-60px;} #scene-carousel .carousel-indicators li{text-indent:inherit;width:52px;height:52px;line-height:52px;font-size:26px;background:white;border-radius:26px;color:#113d73;border:none;} #scene-carousel .carousel-indicators .active{background:#cc0000;color:white;} #scene-carousel .carousel-control{background:none !important; position: absolute; top: calc(50% - 45px); width: 30px; height: 30px;} #scene-carousel .carousel-control.left { left: -40px; } #scene-carousel .carousel-control.right { right: -40px; } #scene-carousel .carousel-control img { width: 30px; height: 30px; } #scene-carousel .carousel-control .icon-prev, #scene-carousel .carousel-control .icon-next, #scene-carousel .carousel-control .glyphicon-chevron-left, #scene-carousel .carousel-control .glyphicon-chevron-right{top:36%;} #scene-carousel .sceneBtnColumn:first-child { padding: 0 5px 0 15px; } #scene-carousel .sceneBtnColumn:last-child { padding: 0 15px 0 5px; } #scene-carousel .sceneBtnColumn .btn { font-size: 16px; color: #fff; border-radius: 0; border: none; margin: 10px 0; } #scene-carousel .sceneBtnColumn .btn-default { background: #095fcb; } #scene-carousel .sceneBtnColumn .btn-success { background: #06be01; } #scene-carousel .sceneBtnColumn .activeBtn { background: #BF000A; } .trailer-modal .modal-content { background: #cc0000; } .trailer-modal .modal-content .modal-header { position: relative; } .trailer-modal .modal-content .modal-header h4 { font-size: 16px; font-weight: 600; color: #fff !important; } .trailer-modal .modal-content .modal-header .close { font-size: 26px; color: #fff; position: absolute; top: 15px; right: 10px; margin: 0; opacity: 1; } .trailer-modal .modal-content .modal-body { padding: 0; } .trailer-modal .modal-content .modal-body video { width: 100%; } .btn-file{margin-top:10px;padding:35px 0 65px;font-size:20px;} /* Facebook */ .fb-container .fb-like { position: absolute !important; display: block; left: 50%; transform: translateX(-50%) translateY(-15%); bottom: 0%;} .fb-container .fb-share-button { position: absolute !important; display: block; left: 50%; transform: translateX(-50%) translateY(15%); top: 0%; } /* PROGRESS BARS */ .status{margin-top:-20px;} .progress{position:relative;} .progress-chunk{position:absolute;bottom:0;height: 2px;font-size: 12px; color: #fff; text-align: center; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15); -webkit-transition: width .6s ease; transition: width .6s ease;} .btn-square{border-radius:0;} .btn-lg.btn-square{min-width:49px;} footer{margin:40px 0;} footer .btn{margin:10px 0;} footer p{color:#428bca;} footer a.btn{padding:0;} #watch-footer a.inappropriate{color:#48af3d;font-size:11px;} #watch-footer a.popit{color:white;text-decoration:none;} /* VIDEO */ .video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;} .video-container iframe, .video-container object, .video-container embed, .video-container .video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:1;} .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .personalizedLetter_li { clear: both; } /* center addthis share buttons code taken from http://support.addthis.com/customer/portal/questions/563732-how-to-align-the-addthis-widget-in-the-center */ div.addthis_toolbox { width: 242px; margin: 0 auto; } .red-text { color: #C81B1D; } .admin_extension_btns_holder { margin: 5px 0 0 0; } .extension-datepicker-holder { margin: 5px 0 0 0; } .extension-datepicker-holder input.form-control { width: 75%; height: 34px; padding: 6px; } .extension-datepicker-holder .btn-add-custom { font-size: 14px; font-weight: 700; width: 25%; height: 34px; background: #C81B1D; border-color: #C81B1D; color: #fff; } #book_thumb, #wall_thumb {margin-left: 13%; padding: 3px; background-color: #0254DA;} /* stuff for URL copy box */ #directurlbox {background-color: #22791e; border-radius: 15px; margin-top:25px; padding-bottom: 25px;} #directurlbox>a {border-radius: 15px; width: 93%;} #responsive_urltext {font-weight: bold; margin-top: 3px; margin-bottom: 3px;} #paginator>.active>a {border-color: #ddd;} #logoWithoutStars { max-width: 65%; margin: 0 auto; } .error-view-well p strong a { color: #333; text-decoration: underline; } #start-view-2014-holder .btn-warning { background: #e57303; border-color: #e57303; } #start-view-2014-holder h1, #start-view-2014-holder h2, #start-view-2014-holder h3, #start-view-2014-holder h4, #start-view-2014-holder h5, #start-view-2014-holder p, #start-view-2014-holder *{font-family:'Montserrat', sans-serif;} #start-view-2014-holder .fa{font-family:'FontAwesome' !important;} #start-view-2014-holder .btn-prev, #start-view-2014-holder .btn-prev:hover{background:#17548d;border-color:#5196ec;} #start-view-2014-holder .btn-next, #start-view-2014-holder .btn-next:hover{background:#059601;border-color:#06c243;} #start-view-2014-holder #scene-carousel .item img { margin: 0 auto; } #start-view-2014-holder .gender:hover { cursor: pointer; } #start-view-2014-holder h1, #start-view-2014-holder h2, #start-view-2014-holder h3, #start-view-2014-holder h4, #start-view-2014-holder p, #start-view-2014-holder legend, #start-view-2014-holder label, #start-view-2014-holder .form-control { color: #065385; } #start-view-2014-holder .btn-primary { color: #fff; } #start-view-2014-holder #naughty-nice-btn-holder { width: 100%; text-align: center; } #start-view-2014-holder #naughty-nice-btn-holder img { width: 50%; float: left; cursor: pointer; } #start-view-2014-holder #review .help-block { color: #d70909; } #start-view-2014-holder .warning { color: #d9534f; } #start-view-2014-holder .spelling-info { font-size: 75%; } #start-view-2014-holder .scheduler-modal { } #start-view-2014-holder .scheduler-modal .modal-dialog { width: 400px; } #start-view-2014-holder .scheduler-modal .modal-dialog .modal-content { background: #CC0001; border: 5px solid #fff; border-radius: 15px; text-align: center; } #start-view-2014-holder .scheduler-modal .modal-dialog .modal-body { padding: 15px 30px; } #start-view-2014-holder .scheduler-modal .close { font-size: 28px; opacity: 1; float: none; position: absolute; top: 5px; right: 5px; } #start-view-2014-holder .scheduler-modal .close .fa { color: #fff; } #start-view-2014-holder .scheduler-modal h2 { font-size: 32px; font-weight: 600; margin: 30px 0 15px 0; color: #fff; } #start-view-2014-holder .scheduler-modal p { font-size: 16px; font-weight: 500; margin: 0 0 15px 0; color: #fff; } #start-view-2014-holder .scheduler-modal .btn { color: #fff; border-radius: 5px; margin: 10px 0 0 0; } #start-view-2014-holder .scheduler-modal .btn-success { background: #04B700; border-color: #04B700; } #start-view-2014-holder .scheduler-modal .btn-danger { background: #7A0404; border-color: #7A0404; } #start-view-2014-holder .scheduler-modal .modal-dialog .modal-content { background: #CC0001; border: 5px solid #CC0001;} #start-view-2014-holder .scheduler-modal .img-responsive { margin: auto; text-align: center; max-width: 50%; } #start-view-2014-holder .scheduler-modal .close i { color: #fff; } #start-view-2014-holder .scheduler-modal .btn-danger { background: #fff; color: #CC0001; border:none; font-weight: 700;} #start-view-2014-holder .scheduler-modal h3 { color: #fff; font-size: 18px;} #start-view-2014-holder .scheduler-modal .modal-dialog .modal-content .modal-body .error-list { list-style: none; margin:auto; padding:0; } #start-view-2014-holder .scheduler-modal .modal-dialog .modal-content .modal-body .error-list li, #start-view-2014-holder .scheduler-modal .modal-dialog .modal-content .modal-body p { margin:auto; color: #fff; margin-bottom: 2px; font-weight: 300;} /* START - UPDATED HOME PAGE STYLING */ #app-upsell-modal .modal-dialog { width: 100%; height: 100%; margin: 0; } #app-upsell-modal .modal-dialog .modal-content { width: 100%; height: 100%; border-radius: 0; background: url('/assets/img/2015/app_upsell_modal_background.jpg'); background-size: cover; background-repeat: no-repeat; } #app-upsell-modal .modal-dialog .modal-content .close { font-size: 22px; color: #fff; opacity: 1; float: none; position: absolute; top: 5px; right: 5px; } #app-upsell-modal .modal-dialog .modal-content #app-upsell-link { display: block; } #app-upsell-modal .modal-dialog .modal-content #app-upsell-link img { display: block; margin: 0 auto; max-width: 95%; } #app-upsell-modal .modal-dialog .modal-content #app-upsell-continue-link { text-decoration: none; margin: 10px 0; display: block; } #app-upsell-modal .modal-dialog .modal-content #app-upsell-continue-link p { font-size: 14px; font-weight: 500; line-height: 1; color: #85B7F2; text-align: center; margin: 0; } #app-upsell-modal .modal-dialog .modal-content #app-upsell-continue-link p span { font-weight: 600; text-decoration: underline; } #pfs_share_holder { padding: 0 15px; text-align: center; background:#082947; background-size: cover; color: #fff; } #pfs_share_holder a { /* padding: 10px 15px; */ color: #fff; border-radius: 0 !important;} #pfs_share_holder .share_tag { display: inline-block; position: relative; top: -20px; right: 5px; } #pfs_share_holder .addthis_responsive_sharing { display: inline-block; } #spaceForFixedNav { background: #12223b; } #headline.fpv-landing { border: none; background: url('/assets/img/2015/FPV/background.jpg'); background-size: cover; padding-top: 20px; } @media (min-width: 1400px) { #headline.fpv-landing { background-size: cover; background-position-y: 50%; } } @media (min-width: 1500px) { #headline.fpv-landing { background-size: cover; background-position-y: 50%; } } @media (min-width: 1800px) { #headline.fpv-landing { background-size: cover; background-position-y: 30%; } } #headline h1 { font-weight: 700; padding: 15px 0 5px 0; font-size: 52px; } #headline h1 span { border: none; font-weight: 700; display: inline-block; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); } #headline h2 { font-weight: 100; font-size: 36px; margin: 0 0 30px 0; text-align: center; color: #fff; } #headline h3 { font-size: 42px; font-weight: 700; margin: 5px 0 30px 0; text-align: center; color: #fff; text-decoration: underline; } #headline img { margin: 0 auto; display: block; } /* #headline .video-column { background: url('/assets/img/2015/FPV/wood_frame.png'); padding: 0; background-repeat: no-repeat; background-size: 100%; } #headline .video-column .video-container { } */ #packages { position: relative; } #packages .fb-like { position: absolute; left: 28%; top: 20%; } #packages #pfs_packages_red { background: #a00008; } #packages #pfs_packages_green { background: #0c6a0c; } #packages #pfs_packages_blue { background: #154f81; } #packages .pfs_package_holder { color: #fff; } #packages .pfs_package_holder h2 { text-shadow: 2px 2px 0px rgba(0,0,0,0.75); text-align: center; color: #fff; margin: 10px 0 0 0; font-weight:700;} #packages .pfs_package_holder .pfs_package_info_holder h2 { text-shadow: none; } #packages .pfs_package_holder .pfs_package_info_holder h2.best-value:before { display: block; background: url('/assets/img/2014/best-value.png'); position: absolute; width: 98px; height: 63px; top: 0; left: 17%; } #packages .pfs_package_holder ul { width: 75%; margin: 0 auto; padding: 0; line-height: 1.2; min-height: 0; } #packages .pfs_package_holder ul li { padding: 8px 0; font-weight:600; line-height:1; float: none;} #packages .pfs_package_holder ul li.checkmark { padding-left: 24px; color: #fff; } #packages .pfs_package_holder ul li.checkmark:before { content: url('/assets/img/2014/checkmark-yellow.png'); } #packages .pfs_package_holder ul li.checkmark a { color: #fff; text-decoration: underline; } #packages .pfs_package_holder h3 { text-align: center; font-size: 36px; font-weight: 100; } #packages .pfs_package_holder .package-unavailable-text { font-size: 24px; font-weight: 700; margin: 20px 0; text-align: center; } #packages .pfs_package_holder p { text-align: center; -webkit-font-smoothing: subpixel-antialiased;} #packages .pfs_package_holder select { width: 100%; background: #fff; color: #000; } #packages .pfs_package_holder .pfs_package_select_btn { font-size: 32px; font-weight: 700; background: #fffb2d; border: none; border-radius: 30px; width: 100%; margin: 10px auto; display: block; padding: 10px 0; } #packages #pfs_packages_red .pfs_package_select_btn { color: #a00008; } #packages #pfs_packages_green .pfs_package_select_btn { color: #0c6a0c; } #packages #pfs_packages_blue .pfs_package_select_btn { color: #154f81; } #packages .pfs_package_holder .pfs_package_info_holder { width: 100%; padding: 0 45px 15px 45px; position: absolute; bottom: 18px; left: 0; } #packages #pfs_packages_blue h3 { font-size: 36px; font-weight: 100; } #packages #pfs_packages_blue p { font-size: 11px; margin: 0; left: 0; } .onBottom { position: absolute; bottom: 18px; text-align: center; width: 100%; } .bestValueHolder { height: 30px; } .bestValue { position: absolute; top: 15px; left: calc(50% - 170px); } @media (max-width: 1300px) { .bestValue { width: 80px; top: 30px; left: calc(50% - 140px);} } #packages .santaOnVacation { margin: 0 auto; width: 100%; } #pfs_packages_offers { background: url('/assets/img/2014/bg_repeat.jpg'); background-repeat: repeat-y; background-size: cover; } #pfs_video_green { background: #063d04; text-align: center; color: #fff; padding: 30px 15px; } #pfs_video_green h2 { font-size: 50px; font-weight: 100; color: #fff; margin: 0 0 10px 0; } #pfs_video_green p { font-size: 26px; font-weight: 100; margin: 0; } #pfs_naughty_nice_holder { padding: 100px 15px; background: url('/assets/img/2015/FPV/background_elf.jpg'); background-size: cover; background-position-y: 10%; } #pfs_naughty_nice_holder h2 { font-family:'proxima-nova',Arial,sans-serif; margin: 0; color: #fff; font-size: 50px; font-weight: 700; text-shadow: 3px 3px 0px #000; line-height: 1; } #pfs_naughty_nice_holder h3 { margin: 0 0 5px 0; color: #fff; font-size: 48px; font-weight: 100; text-shadow: 2px 2px 0px #000; } #pfs_naughty_nice_holder ul { padding: 0 0 0 20px; color: #fff; line-height: 1.2; margin-bottom: 30px; } #pfs_naughty_nice_holder ul li { padding: 5px 0; line-height: 1; font-size:18px; text-shadow: 2px 2px 0px #000; } #pfs_naughty_nice_holder a.btn { padding: 10px 15px; font-weight: 700; width: 100%; font-size: 28px; font-weight: 700; text-shadow: 1px 0px 5px #000; color: #fff; border: 1px solid #fff; border-radius: 0; background: #107005; } #pfs_naughty_nice_holder a.btn:hover { box-shadow: 0 0 30px #fff584; } #pfs_naughty_nice_holder .app_btn_holder { width: 65%; text-align: center; display: block; overflow: hidden; } #pfs_naughty_nice_holder .app_btn_holder .get_app_img { display: block; margin: 30px auto; } #pfs_naughty_nice_holder .app_btn_holder .app_btn_link { width: calc(50% - 5px); float: left; } #pfs_naughty_nice_holder .app_btn_holder .app_btn_link img { max-width: 100%; height: auto; max-height: 72px; } #pfs_naughty_nice_holder .app_btn_holder .ios_app_link { margin-right: 5px; } #pfs_naughty_nice_holder .app_btn_holder .android_app_link { margin-left: 5px; } #pfs_naughty_nice_mobile_top { background: #740301; padding: 15px; } #pfs_naughty_nice_mobile_bottom { padding: 0; width: 100%; background: #740301; } #pfs_naughty_nice_mobile_bottom img { width: 100%; } .btn-nice-naughty { font-size: 26px; } #pfs_testimonial { background: #063d04; } #pfs_testimonial h2 { color: #fff; font-weight: 100; } #pfs_testimonial p small { color: #fff; } #pfs_testimonial img { margin: 30px auto 10px auto; } #pfs_testimonial #elfie_img { position: absolute; right: -100px; bottom: -60px; } #tech { background: #063d04; margin: 0; padding: 40px 0; } #tech #fpv-gears { width: auto; max-width: 100%; max-height: 60px; vertical-align: text-bottom; } #pfs_no_fake_beards { background: #9a050b; color: #fff; padding: 0 15px 30px 15px; } #pfs_no_fake_beards h1 { font-size: 130px; font-family:'proxima-nova',Arial,sans-serif; position: absolute; left: 28%; top: -55px; text-align: center; color: #fff; font-weight: 700; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); } #pfs_no_fake_beards h2 { font-size: 65px; margin-top: 105px; font-family:'proxima-nova',Arial,sans-serif; line-height: 0.8; text-align: center; color: #fff; font-weight: 700; } #pfs_no_fake_beards #no_fake_beard_holder { text-align: center; } #pfs_no_fake_beards #no_fake_beard_img { position: relative; margin-bottom: -120px; top: -45px; } #pfs_no_fake_beards h3 { font-size: 36px; margin: 30px 0 0 0; font-weight: 700; } #pfs_no_fake_beards p { font-size: 22px; margin: 5px 0; font-weight: 700; line-height: 1.2; } #pfs_no_fake_beards h4 { font-size: 36px; margin: 5px 0; font-weight: 700; } #pfs_no_fake_beards h4 .underlined { text-decoration: underline; } #pfs_no_fake_beards h4 .gold-text { color: #fef31f; } #no_fake_beards_slide_in { } #no_fake_beards_slide_in.slide-left { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(-100px, 0px, 0px); -webkit-transform: translate3d(-100px, 0px, 0px); -o-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate3d(-100px, 0px, 0px); } #no_fake_beards_slide_in.slide-left.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } #pfs_real_santa_section { padding: 30px 15px 30px 15px; text-align: center; } #pfs_real_santa_section .checkmark { font-size: 100%; } #pfs_real_santa_section .sleigh-img { margin: 30px auto; display: block; } #pfs_real_santa_section h2 { font-size: 42px; text-align: center; } #pfs_real_santa_section .link_to_packages { font-size: 32px; font-weight: 600; display: inline-block; color: #fff; background: #02A315; text-align: center; width: auto; margin: 15px auto; padding: 10px 20px; border-radius: 45px; max-width: 100%; } #pfs_real_santa_section hr { margin: 45px 0 0 0; } #elfie_get_started_section { padding: 125px 15px; background: url('/assets/img/2014/magical.jpg'); background-size: cover; } #elfie_get_started_section h2 { color: #fff; font-weight: 100; font-size: 52px; } #elfie_get_started_section a { font-size: 26px; font-weight: 700; padding: 10px 15px; background: #18400b; color: #fef31f; width: 65%; margin: 0 auto; border-radius: 30px; border: 4px solid #fff; text-shadow: 1px 0px 5px #000; } #elfie_get_started_section a:hover { box-shadow: 0 0 30px #fff584; } #guarantee { margin-top: 0; } #guarantee h1.action { font-weight: 400; } #guarantee h1.action b { font-weight: 600; } .products.fpv-products { padding: 10px 0 45px 0; } #email_modal .modal-header, #ppe_email_modal .modal-header { padding: 15px 15px 0 15px; } #email_modal .modal-header button, #ppe_email_modal .modal-header button { font-family: proxima-nova, sans-serif; font-size: 46px; font-weight: 100; color: #157cb2; opacity: 1; } #email_modal .modal-body, #ppe_email_modal .modal-body { padding: 15px 15px 0 15px; } #email_modal .modal-body input, #ppe_email_modal .modal-body input { font-family: proxima-nova, sans-serif; font-size: 20px; height: auto; } #email_modal .modal-body button, #ppe_email_modal .modal-body button { font-size: 20px; background: #157cb2; } #email_modal .modal-body p, #ppe_email_modal .modal-body p { font-family: proxima-nova, sans-serif; color: #157cb2; font-size: 18px; line-height: 1; text-align: center; } #email_modal .modal-title, #ppe_email_modal .modal-title { font-family: proxima-nova, sans-serif; color: #157cb2; font-size: 32px; font-weight: 300; text-align: center; margin: 15px 0 0 0; } #email_modal .modal-footer, #ppe_email_modal .modal-footer { border: none; margin: 0; padding: 0 15px; } #email_modal .modal-content { padding: 15px; } #email_modal .modal-header { padding: 0; min-height: 0; overflow: hidden; } #email_modal .modal-header .close { line-height: 30px; height: 30px; margin: 0; } #email_modal .modal-body { padding: 0 15px; } #email_modal .modal-body > .row { display: flex; } #email_modal .modal-body > .row > .col-sm-4 img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } #email_modal .modal-title { font-size: 34px; font-weight: 700; margin: 15px 0; } #email_modal .form-group { position: relative; } #email_modal .form-group .form-control { font-size: 16px; color: #157cb2; padding-right: 40px; height: 40px; } #email_modal .form-group img { width: 30px; height: 30px; position: absolute; top: 5px; right: 5px; } #email_modal .alert { font-size: 16px; font-weight: bold; background: #ff0000; color: #fff; } #email_modal ::-webkit-input-placeholder { font-size: 16px; color: #157cb2; } #email_modal ::-moz-placeholder { font-size: 16px; color: #157cb2; } #email_modal :-ms-input-placeholder { font-size: 16px; color: #157cb2; } #email_modal :-moz-placeholder { font-size: 16px; color: #157cb2; } #email_modal #email_modal_start_btn { font-size: 20px; font-weight: 700; color: #fff; background: #157cb2; margin: 0; padding: 10px; line-height: 1; text-align: center; float: right; } #email_modal #email_modal_start_btn_disabled { font-size: 20px; font-weight: 700; color: #fff; background: #C5C5C7; margin: 0; padding: 10px; line-height: 1; text-align: center; float: right; cursor: none; } #email_modal .terms_link { font-size: 16px; font-weight: bold; color: #fff; text-transform: uppercase; position: absolute; right: 0; bottom: -45px; text-decoration: underline; } /* END - UPDATED HOME PAGE STYLING */ /* START - PPE PAGE STYLING */ #ppe_share { text-align: center; background: rgb(35,80,139); /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyMzUwOGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiMwMTFhMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-radial-gradient(center, ellipse cover, rgba(35,80,139,1) 0%, rgba(1,26,57,1) 99%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(35,80,139,1)), color-stop(99%,rgba(1,26,57,1))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(35,80,139,1) 0%,rgba(1,26,57,1) 99%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(35,80,139,1) 0%,rgba(1,26,57,1) 99%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(35,80,139,1) 0%,rgba(1,26,57,1) 99%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(35,80,139,1) 0%,rgba(1,26,57,1) 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23508b', endColorstr='#011a39',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } #ppe_share.ppe_silver { background: rgb(75,144,53); /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0YjkwMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiMxNjM1MGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-radial-gradient(center, ellipse cover, rgba(75,144,53,1) 0%, rgba(22,53,12,1) 99%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(75,144,53,1)), color-stop(99%,rgba(22,53,12,1))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(75,144,53,1) 0%,rgba(22,53,12,1) 99%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(75,144,53,1) 0%,rgba(22,53,12,1) 99%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(75,144,53,1) 0%,rgba(22,53,12,1) 99%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(75,144,53,1) 0%,rgba(22,53,12,1) 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b9035', endColorstr='#16350c',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } #ppe_share #ppe_order_now_btn { position: relative; font-size: 26px; padding: 6px 15px; margin-top: 0 !important; width: 40%; background: #880107; color: #fff; border: 2px solid #4a9cff; font-weight: 700; display: inline-block; } #ppe_share #ppe_order_now_btn:hover { box-shadow: 0 0 30px #fff584; } #ppe_share.ppe_silver #ppe_order_now_btn { border-color: #75ff4a; } #ppe_share .addthis_responsive_sharing { display: inline-block; } #ppe_share a { font-size: 28px; padding: 10px 5px; color: #fff; margin: 10px 5px 10px 0; display: inline-block; } #ppe_share a:last-child { margin-right: 0; } #ppe_share a.share_facebook { background: #305991; } #ppe_share a.share_pinterest { background: #c92627; } #ppe_share a.share_twitter { background: #2da8d2; } #ppe_share a.share_email { background: #738b8d; } #ppe_share a.share_more { background: #fa694e; } #ppe_share h2 { color: #fff; font-weight: 200; font-size: 42px; margin: 15px 0; } #ppe_share h3 { color: #fff; font-weight: 700; font-size: 72px; margin: 10px 0; font-family: proxima-nova; } #ppe_share h3 .ppe_percentage { position: relative; top: -15px; } #ppe_share .video-container { height: auto; padding: 0; } #ppe_share .video-container .video { position: relative; } #ppe_share #ppe_elf_img { position: absolute; left: -150px; bottom: -75px; width: 150px; } #ppe_share h1 { color: #fff; margin: 20px 0; display: inline-block; position: relative; } #ppe_share h1 .ppe_header_small { font-weight: 200; font-size: 46px; letter-spacing: 5px; } #ppe_share h1 .ppe_header_med { font-weight: 700; font-size: 46px; font-family: proxima-nova; } #ppe_share h1 .ppe_header_lg { font-weight: 700; font-size: 110px; font-family: proxima-nova; line-height: .8; } #ppe_share #share_now { text-align: center; margin-top: 15px; } #ppe_share #share_now #ppe_order_now_btn { display: inline-block; margin: 0 10px 0 0; width: 343px; max-width: 100%; float: none; } #ppe_share #share_now .ppe_share_btn { display: inline-block; margin: 0; padding: 0; width: auto; float: none; } #ppe_share #share_now .ppe_share_btn:hover { box-shadow: 0 0 30px #fff584; } #ppe_order_section { background: #880308; color: #fff; position: relative; } #ppe_order_section #ppe_order_details { text-align: center; } #ppe_order_section #ppe_order_details h2 { font-size: 42px; font-weight: 200; color: #fff; margin: 20px 0 0 0; } #ppe_order_section #ppe_order_details h3 { font-size: 42px; font-weight: 400; color: #fff; margin: 5px 0; } #ppe_order_section #ppe_order_details h4 { font-size: 40px; font-weight: 700; color: #fff; margin: 15px 0; text-shadow: 1px 0px 5px #000; line-height: 1; } #ppe_order_section #ppe_order_details h4 .ppe_percentage { width: 125px; position: relative; top: -5px; } #ppe_order_section #ppe_order_details h1 { font-size: 46px; font-weight: 700; color: #fff; margin: 15px 0; text-shadow: 1px 0px 5px #000; line-height: 1; } #ppe_order_section #ppe_order_details #ppe_order_coupon { padding: 15px 0; width: 75%; position: relative; margin: 30px auto; background: #055fb5; border: 2px solid #bf8b04; } #ppe_order_section #ppe_order_details #ppe_order_coupon:hover { box-shadow: 0 0 30px #fff584; } #ppe_order_section #ppe_order_details #ppe_order_coupon h4 { margin: 0; font-weight: 200; } #ppe_order_section #ppe_order_details #ppe_order_coupon h3 { margin: 0; font-weight: 700; } #ppe_order_section #ppe_order_details #ppe_order_coupon h3 .gold_text { color: #f8ff37; } #ppe_order_section #ppe_order_details #ppe_order_coupon img { position: absolute; top: 0; right: -85px; width: 150px; } #ppe_order_section #ppe_package_details { margin: 30px 0 15px 0; } #ppe_order_section #ppe_package_details #ppe_package_img { width: 100%; } #ppe_order_section #ppe_package_details h3 { font-size: 30px; text-shadow: 1px 0px 5px #000; } #ppe_order_section #ppe_package_details ul { padding-left: 15px; } #ppe_order_section #ppe_package_details ul li { font-size: 16px; padding: 10px 0; line-height: 1; } #ppe_order_section #ppe_package_details ul li .gold-text { color: #ffff2d; } #ppe_order_section #ppe_package_details ul li .bold-text { font-weight: 700; } #ppe_order_section #ppe_package_details ul li .underlined { text-decoration: underline; } #ppe_order_section #ppe_package_details ul li button { background: none; border: none; padding: 0; font-weight: 400; } #ppe_order_section #ppe_package_details p { text-align: center; font-size: 22px; margin: 5px 0; font-weight: 400; } #ppe_order_section #ppe_package_details .ppe_order_btn { background: #055fb5; font-size: 28px; font-weight: 700; color: #fff; border: 3px solid #d4ba01; width: 90%; position: relative; padding: 10px 15px; } #ppe_order_section #ppe_package_details .ppe_order_btn:hover { box-shadow: 0 0 30px #fff584; } #ppe_order_section #ppe_package_details .ppe_order_btn img { position: absolute; right: -50px; top: 0; width: 80px; } #ppe_order_section #ppe_package_details .ppe_order_btn.ppe_silver_order_btn { background: #048c08; } #ppe_order_section #ppe_package_details .ppe_order_btn.ppe_silver_order_btn img { position: relative; right: -10px; top: -5px; } #ppe_order_section #ppe_package_details .ppe_share_btn { font-size: 28px; font-weight: 700; background: #048c08; color: #fff; border: 3px solid #d4ba01; width: 90%; padding: 10px 15px; } #ppe_order_section #ppe_package_details .ppe_share_btn:hover { box-shadow: 0 0 30px #fff584; } #ppe_order_section #ppe_hurry_section { text-align: center; } #ppe_order_section #ppe_hurry_section h1 { color: #fff; font-weight: 700; font-size: 64px; font-family: proxima-nova; margin: 15px 0 0 0; line-height: .8; } #ppe_order_section #ppe_hurry_section h2 { color: #fff; font-weight: 700; font-size: 42px; font-family: proxima-nova; margin: 0 0 15px 0; } #ppe_order_section #ppe_hurry_section hr { width: 80%; border-color: #a54247; } #ppe_order_section #ppe_hurry_section .ft-logo img { margin-bottom: 0 !important; } #ppe_order_section #ppe_hurry_section p a { color: #fff; } .ppeModal .modal-header button { margin-top: -13px; } .ppeModal .modal-body { padding: 15px; } .ppeModal .modal-body .iframe-wrap { height: 0; padding-bottom: 56.25%; width: 100%; position: relative; } .ppeModal .modal-body .iframe-wrap iframe { height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .ppeModal .modal-footer { margin: 0; padding: 15px; border: none; color: #fff; } .ppeModal .modal-footer a { color: #fff; } .finish_modal .finish_disabled_btn { color: #A42832; background: #5E181A; cursor: default; } .finish_modal.calendar_modal .finish_disabled_btn { color: #356897; background: #113D6A; } .finish_modal .finish_disabled_btn span { font-size: 20px; font-weight: 300; display: block; } .finish_modal .finish_disabled_btn:hover { box-shadow: none; } .finish_modal .form-group { position: relative; } .finish_modal .form-group input { padding-right: 45px; } .finish_modal .form-group img { width: 25px !important; height: 25px !important; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } .finish_modal .form-group .valid_img { width: 30px; height: 30px; } /* END - PPE PAGE STYLING */ /* UPDATED WATCH PAGE STYLING */ #watch h1.watch-name { letter-spacing: 4px; } #watch .view-tab-green { background: #166813; } #watch .watch-tabs-row .col-sm-6, #watch .watch-tabs-row .col-sm-5 { padding: 35px 15px; } #watch .watch-tabs-row .video-availability-tab { width: 100%; } #watch .watch-tabs-row .video-availability-tab p { font-size: 14px; margin: 5px 0; color: #fff; text-shadow: none; font-weight: 400; } #watch .watch-tabs-row .video-availability-tab h3 { font-size: 22px; margin: 5px 0; color: #fff; text-shadow: none; font-weight: 700; } #watch .watch-tabs-row .video-keepsake-tab { right: 15px; background: #a60a0a; } #watch .watch-tabs-row .video-keepsake-tab img { position: absolute; bottom: 0; left: 5px; } #watch .watch-tabs-row .video-keepsake-tab p { font-size: 14px; font-weight: 700; color: #fff; text-shadow: none; margin: 0; padding-left: 30px; } #watch .watch-tabs-row .video-keepsake-tab p u { color: #fdff3d; } #watch .watch-tabs-row .video-remaining-views-tab { right: 15px; } #watch .watch-tabs-row .view-tab { padding: 10px 15px; position: absolute; bottom: 0; margin-bottom: 0; text-shadow: none; font-weight: 700; } #watch #watch-share-holder h3 { color: #fff; font-weight: 700; font-size: 32px; margin: 15px 0; } #watch #watch-share-holder .addthis_responsive_sharing { text-align: center; } #watch #directurlbox { background: none; } #watch #directurlbox h5 { font-weight: 700; } #watch #directurlbox #responsive_urltext { background: #d7bc75; color: #000; padding: 15px; margin: 0; border: none; border-radius: 0; width: 100%; } #watch #watchPageCopyUrlBtn { float: right; background: #118e04; color: #fff; border-radius: 0; padding: 10px 15px; border: none; } #watch #watchPageCopyUrlBtn.zeroclipboard-is-hover { box-shadow: 0 0 30px #fff584; } #watch #watch-footer hr { border-color: #1a7611; } #watch #watch-footer a.inappropriate { color: #fff; } #upgrade_modal .modal-body { padding: 20px 45px; } #upgrade_modal .close { font-size: 16px; margin-top: -10px; right: -30px; position: relative; font-weight: 100; text-decoration: underline; } #upgrade_modal h1 { font-size: 30px; font-weight: 100; text-align: center; margin: 0; } #upgrade_modal .upgrade_modal_img { width: 33%; margin-right: .33%; float: left; } #upgrade_modal .upgrade_modal_img:last-child { margin-right: 0; } #upgrade_modal p { font-weight: 700; margin: 15px 0 10px; } #upgrade_modal ul { padding: 0 15px; } #upgrade_modal #upgrade_modal_btn_holder { text-align: center; } #upgrade_modal #upgrade_modal_btn_holder .col-xs-12 > div { padding: 10px 0 15px; border-top: 1px solid #babdc4; border-bottom: 1px solid #babdc4; } #upgrade_modal #upgrade_modal_btn_holder a { color: #295025; font-size: 12px; display: block; } #upgrade_modal #upgrade_modal_btn_holder a:hover { text-decoration: none; } #upgrade_modal #upgrade_modal_btn_holder a p { font-size: 12px; margin: 5px 0 0 0; } #upgrade_modal #upgrade_modal_btn_holder a u { text-decoration: none; border-bottom: 1px solid #295025; font-size: 32px; font-weight: 700; } #upgrade_modal #upgrade_modal_elfie_img_holder { position: relative; display: inline; } #upgrade_modal #upgrade_modal_elfie_img { position: absolute; left: -45px; } #upgrade_modal .modal-footer { display: none; } #watch-closed-for-season-section { background: #fff; } #watch-closed-for-season-section h4 { font-size: 32px; font-weight: 500; margin: 30px 0 0 0; color: #294D25; text-align: center; } #watch-closed-for-season-section h3 { font-size: 32px; font-weight: 700; margin: 5px 0 15px 0; color: #294D25; text-align: center; } #watch-closed-for-season-section h3 span { color: #C90D1D; } #watch-closed-for-season-section h5 { font-size: 22px; font-weight: 600; margin: 10px 0 5px 0; color: #294D25; text-align: center; } #watch-closed-for-season-section h2 { font-size: 42px; font-weight: 700; margin: 10px 0; color: #E50011; text-decoration: underline; text-align: center; } #watch-closed-for-season-section p { font-size: 18px; font-weight: 400; margin: 0; color: #294D25; text-align: center; } #watch-closed-for-season-section p b { font-size: 20px; font-weight: 700; } #watch-closed-for-season-section p:last-child { margin: 0 0 30px 0; } #watch-closed-for-season-section ul { padding: 0 0 0 90px; } #watch-closed-for-season-section ul li { color: #294D25; } #watch-closed-for-season-section .preview-img-ul { max-width: 80%; display: block; margin: 0 auto; padding: 0; list-style: none; overflow: hidden; } #watch-closed-for-season-section .preview-img-ul li { width: 32%; display: inline-block; float: left; } #watch-closed-for-season-section .preview-img-ul li:nth-child(2) { margin: 0 5px; } #watch-closed-for-season-section .preview-img-ul li img { width: 100%; } #watch-closed-for-season-section .col-sm-5 img { margin: 60px 0 0 0; } /* END */ /* UPDATED CONFIRMATION VIEW STYLING */ #confirmation_page_holder .confirmation-main-title { margin: 20px 0 15px 0; font-size: 46px; color: #003566; } #confirmation_page_holder .tagline { color: #224A6E; } #confirmation_page_holder .tagline small { font-weight: 700; color: #DA0301; margin: 15px 0; display: block; } #confirmation_page_holder .tagline span.red-text { color: #DA0301; } #confirmation_page_holder .confirmation_app_divider { width: 85%; border-top: 1px solid #1C1C1C; display: block; margin: 15px auto; clear: both; } #confirmation_phonecall_card { padding: 20px 30px; margin: 10px 0; border-radius: 15px; background: #b1131a; } #confirmation_phonecall_card h1 { color: #fff; margin: 10px 0; font-weight: 700; text-shadow: 2px 2px 0 #000; text-align: center; } #confirmation_phonecall_card h1 .underlined { color: #fff033; border-bottom: 2px solid #fff033; } #confirmation_phonecall_card h2 { font-size: 26px; font-weight: 100; text-align: center; color: #fff; margin: 15px 0; } #confirmation_phonecall_card #confirmation_page_santa { max-width: 75%; margin: 0 auto; display: block; } #confirmation_phonecall_card #confirmation_page_devices { max-width: 100%; margin: 0 auto; display: block; } #confirmation_phonecall_card h3 { font-size: 26px; font-weight: 700; text-align: center; color: #fff467; text-decoration: underline; margin: 15px 0 5px 0; } #confirmation_phonecall_card h4 { font-size: 14px; font-weight: 100; text-align: center; color: #fff467; margin: 0; } #confirmation_phonecall_card #confirmation_page_arrow_right { position: absolute; right: 30px; top: 20px; } #confirmation_phonecall_card .confirmation_page_download_link { width: 49%; float: left; } #confirmation_phonecall_card .confirmation_page_download_link:first-child { margin-right: 1%; } #confirmation_phonecall_card .confirmation_page_download_link:last-child { margin-left: 1%; } #confirmation_phonecall_card .confirmation_page_download_link img { width: 100%; } #confirmation_keepsake_card { padding: 20px 30px; margin: 15px 0; border-radius: 15px; background: none; } #confirmation_keepsake_card h1 { font-size: 30px; font-weight: 700; color: #fff; background: #D60000; text-align: center; margin: 0 0 15px 0; padding: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; text-transform: uppercase; } #confirmation_keepsake_card h1 span.gold-text { color: #F5FF2F; } #confirmation_keepsake_card h1 span:not(.gold-text) { font-size: 24px; font-weight: 100; display: block; } #confirmation_keepsake_card .upgrade_modal_img { width: 33%; margin-right: .33%; float: left; } #confirmation_keepsake_card .upgrade_modal_img:last-child { margin-right: 0; } #confirmation_keepsake_card p { font-weight: 700; margin: 15px 0 10px; } #confirmation_keepsake_card ul { padding: 0 15px; } #confirmation_keepsake_card ul li { margin: 5px 0; color: #224A6E; } #confirmation_keepsake_card ul li a { text-decoration: underline; color: #224A6E; } #confirmation_keepsake_card ul li a img { margin: 5px 0; max-width: 85%; border-radius: 8px; } #confirmation_keepsake_card #keepsake_elfred_img { float: right; } #confirmation_keepsake_card #upgrade_modal_btn_holder { text-align: center; } #confirmation_keepsake_card #upgrade_modal_btn_holder a { width: 100%; border-bottom-left-radius:15px; border-bottom-right-radius:15px; padding: 10px 15px; color: #fff; background: #D60000; font-size: 24px; display: block; margin: 10px 0; } #confirmation_keepsake_card #upgrade_modal_btn_holder a:hover { text-decoration: none; } #confirmation_keepsake_card #upgrade_modal_btn_holder a h2 { font-size: 42px; font-weight: 700; color: #F5FF2F; margin: 0; text-decoration: underline; } #confirmation_keepsake_card #upgrade_modal_btn_holder a h2 .fa { font-size: 52px; line-height: 42px; height: 42px; margin-left: 10px; vertical-align: middle; } #confirmation_keepsake_card #upgrade_modal_btn_holder a p { font-size: 20px; font-weight: 600; margin: 0; } #confirmation_keepsake_card #upgrade_modal_btn_holder a p span { font-size: 20px; font-weight: 500; } #confirmation_keepsake_card #upgrade_modal_elfie_img_holder { position: relative; display: inline; } #confirmation_keepsake_card #upgrade_modal_elfie_img { position: absolute; left: -45px; top: -20px; } #confirmation_keepsake_card .special-offer { text-transform: uppercase; color: #F5FF2F;} #confirmation_app_section { } #confirmation_app_section .app_btn_holder { width: 60%; float: left; } #confirmation_app_section .app_btn_holder.align-left { text-align: left; } #confirmation_app_section .app_btn_holder.align-right { text-align: right; } #confirmation_app_section .app_btn_holder h2 { font-size: 30px; font-weight: 700; color: #0C457E; margin: 0 0 5px 0; } #confirmation_app_section .app_btn_holder h3 { font-size: 24px; font-weight: 400; color: #0C457E; margin: 0 0 5px 0; line-height: 1.2; } #confirmation_app_section .app_btn_holder a { display: block; margin: 5px 0; } #confirmation_app_section .app_img_holder { width: 40%; float: left; } #confirmation_app_section .app_img_holder img { width: 100%; } #confirmation_app_section .col-sm-2 img { max-width: 100%; margin: 15px auto 0 auto; display: block; } #confirmation_page_holder .app-download-row .col-sm-3 { padding:0; } #confirmation_page_holder .app_btn_holder h2 { font-size: 25px; font-weight: 600; color: #000;} #confirmation_page_holder .app_btn_holder h3 {font-size: 18px;} #confirmation_page_holder .app-download-row .col-sm-9 { white-space: nowrap; } #confirmation_page_holder .app-download-row .col-sm-3 h6 { text-align:right; font-weight: 900; } #confirmation_page_holder .app-download-row .col-sm-9 a:last-of-type { padding-left: 10px; } #confirmation_page_holder #video_app_section .video-app-img { float: right; } #confirmation_page_holder #video_app_section h2 { font-size: 32px; color: #124280;} #confirmation_page_holder #video_app_section h3 { font-size: 28px; color: #5e88bc; font-weight: 600; } #confirmation_page_holder #nice_list_section, #confirmation_page_holder #call_app_section { padding-bottom: 15px; padding-top: 15px; } #confirmation_package_section { text-align: center; margin: 30px 0; } #confirmation_package_section img { max-width: 100%; margin: 0 auto; } #confirmation_package_section .btn { font-size: 18px; width: 65%; white-space: normal; font-weight: 100; background: #aa050b; color: #fff; padding: 15px 25px; margin: 10px auto; border-radius: 45px; line-height: 1.1; } #confirmation_package_section .btn .underline { font-weight: 700; text-decoration: underline; } #confirmation_package_section .btn .gold-text { color: #fffa00; } #confirmation_package_section h3 { color: #a70208; margin: 5px 0 15px 0; font-weight: 100; line-height: 1.2; } #confirmation_page_holder .btn-success { border-radius: 0; } #confirmation_watch_video_link_holder { padding: 15px 0 30px 0; border-top: 2px solid #f9faff; } #confirmation_watch_video_link_holder h3 { font-size: 32px; margin: 5px 0; font-weight: 700; color: #2d5e86; } #confirmation_watch_video_link_holder h3 a { text-decoration: underline; color: #2d5e86; } #confirmation_watch_video_link_holder p { font-weight: 300; font-size: 14px; color: #124280 !important; margin: 0 0 5px 0; } /* END */ #watch #video-container #santa-on-vacation-img { position: absolute; right: 0; top: 0; z-index: 0; height: 100%; } #watch #watch-page-closed-for-season-holder { z-index: 1; } #watch #watch-page-closed-for-season-holder h3 { color: #295025; margin: 10px 0 5px 0; line-height: 1; } #watch #watch-page-closed-for-season-holder h2 { color: #295025; font-weight: 700; margin: 0 0 15px 0; line-height: 1; } #watch #watch-page-closed-for-season-holder p.align-left { font-weight: 700; color: #295025; text-align: left; margin: 10px 0 5px 0; } #watch #watch-page-closed-for-season-holder ul { color: #295025; width: 400px; text-align: left; padding: 0 0 0 20px; margin: 0; } #watch #watch-page-closed-for-season-holder h4 { font-size: 26px; font-weight: 500; color: #295025; margin: 15px 0 5px 0; line-height: 1; } #watch #watch-page-closed-for-season-holder h1 { font-weight: 700; color: #295025; margin: 10px 0; line-height: 1; text-decoration: underline; font-family: 'aaux-next',Arial,sans-serif; } #watch #watch-page-closed-for-season-holder a { color: #295025; } #watch #watch-page-closed-for-season-holder p { color: #295025; } #watch #watch-page-closed-for-season-holder p a { font-weight: 700; text-decoration: underline; } #watch #watch-page-closed-for-season-holder p.red-text { font-weight: 700; color: #a81215; margin: 0; } #productModal { z-index:99999 !important;} .modal-content {border: none;} .modal-header {border: none !important;} .modal-header .close { margin-top:-13px;} .modal-footer { text-align:center !important; font-size:11px; } .hide-web { display:none; visibility:hidden; } footer { background: #0a3e7d; padding:2% 0; margin: 0; } footer p { color:#fff; font-size:60%; } footer p a { color:#fff; text-decoration:underline; } footer p a:hover, footer p a:visited { color:#fff; text-decoration:underline; } footer .santa-links { margin-bottom:2%; text-align:center; padding-left:0;} footer .santa-links li { list-style:none; display:inline; margin:0 2%; } footer .santa-links li a, footer .santa-links li a:hover, footer .santa-links li a:visited { color:#ffffff; text-decoration:underline; font-size:14px; white-space: nowrap; } .ft-logo .img-responsive { margin:0 auto 3% auto !important; display:inline;} .ft-social { padding-left:0;} .ft-social li { list-style:none; display:inline; margin:0 1px } .products { padding:2% 0 4% 0; color:#376229; } .products h2 { font-weight: 100; text-align: center; margin: 15px 0 30px 0; } .products img { margin-bottom:3%; } .products h4, .products h4 a { font-size:13px; border-bottom:2px solid #376229; display:inline; font-family: "proxima-nova",sans-serif; font-style: normal;font-weight: 700; color:#376229; text-decoration:none !important;} .products a:hover { text-decoration:none !important; } .products p { font-size:14px; padding:3% 0; height:110px; font-family: "proxima-nova",sans-serif;font-style: normal;font-weight: 400; } .products .btn-success { background:#53ac33; display: block; margin: 0 auto; font-size:25px; font-family: "proxima-nova",sans-serif;font-style: normal;font-weight: 600; border-radius:50px; width:50%; background:#53ac33; } .products .btn-success:hover { background:#53ac33; -moz-box-shadow: 0px 0px 6px 3px #fff46c; -webkit-box-shadow: 0px 0px 6px 3px #fff46c; box-shadow: 0px 0px 6px 3px #fff46c; border-color:#53ac33; } /* PDF PROMO PAGE */ #pfs_promo_share_nav #pfs_share_holder { background: none; } #pfs_promo_share_nav #pfs_share_holder .addthis_responsive_sharing { position: relative; } #pfs_promo_share_nav #pfs_share_holder .addthis_responsive_sharing .share_text { float: left; line-height: 40px; margin: 0 10px 0 0; text-shadow: 0px 0px 5px #000; display: none; } #pfs_promo_share_nav #pfs_share_holder .addthis_responsive_sharing.has_share_overlay .share_text { display: inline-block; } #pfs_promo_share_nav #pfs_share_holder .addthis_responsive_sharing > div { float: left; } #pdfpromo_container.nicelist_container { background: #18581C; } #pdfpromo_container.calendar_container { background: #005689; } #pdfpromo_container ::-webkit-input-placeholder { font-size: 16px; font-weight: normal; color: #0D3A03; } #pdfpromo_container ::-moz-placeholder { font-size: 16px; font-weight: normal; color: #0D3A03; } #pdfpromo_container :-ms-input-placeholder { font-size: 16px; font-weight: normal; color: #0D3A03; } #pdfpromo_container :-moz-placeholder { font-size: 16px; font-weight: normal; color: #0D3A03; } #pdfpromo_container input, #pdfpromo_container select { font-size: 16px; font-weight: normal; color: #0D3A03; border: none; } #pdfpromo_container.calendar_container ::-webkit-input-placeholder { color: #355B7D; } #pdfpromo_container.calendar_container ::-moz-placeholder { color: #355B7D; } #pdfpromo_container.calendar_container :-ms-input-placeholder { color: #355B7D; } #pdfpromo_container.calendar_container :-moz-placeholder { color: #355B7D; } #pdfpromo_container.calendar_container input, #pdfpromo_container.calendar_container select { color: #355B7D; } #pdfpromo_container p, #pdfpromo_container h1, #pdfpromo_container h2, #pdfpromo_container h3, #pdfpromo_container h4, #pdfpromo_container span, #pdfpromo_container input, #pdfpromo_container textarea, #pdfpromo_container select, #pdfpromo_container button, #pdfpromo_container a, #pdfpromo_container label, #pdfpromo_container ul, #pdfpromo_container li { font-family: "Montserrat", sans-serif; font-weight: inherit; } #pdfpromo_container .form-control:focus, #pdfpromo_container .form-control:active { box-shadow: 0 0 30px #fff584; outline: none; } #pdfpromo_container .btn:active, #pdfpromo_container .btn:focus, #pdfpromo_container button:active, #pdfpromo_container button:focus { outline: none; box-shadow: none; } #pdfpromo_container select { -webkit-appearance: none; -moz-appearance: none; background: url("/assets/img/promo_pdf/selectArrow.png"); background-repeat: no-repeat; background-position: 97% 50%; background-color: #fff; background-size: 15px; } #pdfpromo_container p { font-weight: bold; color: #0D3A03; } #pdfpromo_container .alert { font-size: 16px; font-weight: bold; font-family: "Montserrat", sans-serif; color: #fff; background: #ff0000; border-color: #ff0000; } #pdfpromo_container .mobile_no_padding, #pdfpromo_container .mobile_padding, #pdfpromo_container .mobile_text, #pdfpromo_container .mobile_notext { display: none; width: 100%; } #pdfpromo_container .nicelist_scroll_img { width: 100%; height: auto; } #pdfpromo_container .nicelist_scroll_content_bg { margin: -2px 0; padding: 2px 0; background: url("/assets/img/promo_pdf/bg_repeat.jpg"); background-size: 100% auto; background-repeat: repeat-y; position: relative; } #pdfpromo_container .nicelist_scroll_content { position: absolute; left: 25%; top: -45px; width: 50%; padding: 0 0 0 1%; margin: 0 auto; display: block; } #pdfpromo_container .auto_height .nicelist_scroll_content { top: 0; } #pdfpromo_container #pdfpromo_nophoto_chkbox input { visibility: hidden; } #pdfpromo_container #pdfpromo_nophoto_chkbox span { line-height: 1; position: absolute; left: 35px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } #pdfpromo_container #pdfpromo_nophoto_chkbox label { width: 30px; height: 30px; display: inline-block; background: #fff; border-radius: 5px; } #pdfpromo_container #pdfpromo_nophoto_chkbox input[type=checkbox]:checked ~ label { background: #fff url("/assets/img/promo_pdf/checkmark.jpg"); background-size: 20px; background-repeat: no-repeat; background-position: 50%; } #pdfpromo_container.calendar_container #pdfpromo_nophoto_chkbox input[type=checkbox]:checked ~ label { background: #fff url("/assets/img/promo_pdf/calendar/checkmark.jpg"); background-size: 20px; background-repeat: no-repeat; background-position: 50%; } #nicelist_part1 > p { margin: 0; text-align: center; letter-spacing: -1px; } #nicelist_part1 hr { border-color: #C1A987; } #pdfpromo_container .nicelist_scroll_top_holder { position: relative; } #pdfpromo_container .nicelist_scroll_top_holder .fb-container { position: absolute; top: 44%; left: 40%; } #pdfpromo_container #nicelist_scroll_clickbox { width: 27%; height: 30%; position: absolute; bottom: 33%; left: 10%; z-index: 5; cursor: pointer; } #pdfpromo_container #nicelist_scroll_clickbox:hover, #pdfpromo_container #nicelist_scroll_clickbox:focus, #pdfpromo_container #nicelist_scroll_clickbox:active, #pdfpromo_container #nicelist_scroll_clickbox:visited { color: transparent; background: none; border: none; outline: none; } #pdfpromo_container .pdfpromo_photo_preview { padding: 30px; } #pdfpromo_container .pdfpromo_photo_preview img { display: block; width: auto; max-width: 100%; margin: 0 auto; } #pdfpromo_container .pdfpromo_photo_preview .remove-photo-btn { font-size: 20px; font-weight: normal; color: #fff; margin: 15px 0 0 0; padding: 15px; line-height: 1; text-align: center; text-decoration: none; border: none; border-radius: 10px; background: #C2252C; white-space: normal; } #pdfpromo_container .pdfpromo_photo_preview .remove-photo-btn:hover { box-shadow: 0 0 30px #fff584; } #pdfpromo_container .pdfpromo_upload_photo { padding: 30px; margin: 15px 0 0 0; background: #fff; border-radius: 10px; text-align: center; position: relative; cursor: pointer; } #pdfpromo_container .pdfpromo_upload_photo.no-photo { display: none; } #pdfpromo_container .pdfpromo_upload_photo .pdfpromo_upload_file { display: none; } #pdfpromo_container .pdfpromo_upload_photo img { width: 45px; position: absolute; left: 30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } #pdfpromo_container .pdfpromo_upload_photo h3 { font-size: 28px; font-weight: bold; padding-left: 50px; margin: 0; } #pdfpromo_container .pdfpromo_upload_photo h3 span { font-size: 16px; font-weight: 300; display: block; } #pdfpromo_container.calendar_container .pdfpromo_upload_photo h3 { color: #355B7D; } #pdfpromo_container .nicelist_scroll_content > p { font-size: 18px; font-weight: 700; margin: 0 0 30px 0; text-align: center; } #pdfpromo_container .nicelist_scroll_content .checkbox { margin: 15px 0; } #pdfpromo_container .nicelist_scroll_content .nicelist_holder { padding: 15px 0; border-top: 1px solid #9e8d75; } #pdfpromo_container .form-group { border-radius: 10px; border-collapse: separate; } #pdfpromo_container .form-group.invalid { border: 5px solid #ff0000; border-radius: 5px; } #pdfpromo_container .nicelist_scroll_content .nicelist_holder .form-group { position: relative; } #pdfpromo_container .nicelist_scroll_content .nicelist_holder .form-group p { margin: 0; }#pdfpromo_container .nicelist_scroll_content .nicelist_holder input.form-control:not(.hide) { margin-top: 5px; } #pdfpromo_container .nicelist_scroll_content .nicelist_holder select .custom-option { font-size: 18px; font-weight: bold; color: #2DA007; } #pdfpromo_container .nicelist_scroll_content .nicelist_holder label { font-size: 18px; font-weight: bold; color: #0D3A03; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } #pdfpromo_container .btn_holder { margin: 0 -10px; padding: 0; list-style: none; display: block; } #pdfpromo_container .btn_holder li { padding: 0 10px; float: none; display: inline-block; width: 50%; } #pdfpromo_container .btn_holder li.full-width { width: 100%; } #pdfpromo_container .next-btn { font-size: 26px; font-weight: 700; color: #fff; padding: 15px; line-height: 1; background: #2DA007; border: none; } #pdfpromo_container .next-btn:hover { box-shadow: 0 0 30px #fff584; } #pdfpromo_container .back-btn { font-size: 26px; font-weight: 700; color: #fff; padding: 15px; line-height: 1; background: #CF0D15; border: none; } #pdfpromo_container .back-btn:hover { box-shadow: 0 0 30px #fff584; } #pdfpromo_container .pdfpromo_part2 .complete_pdfpromo_holder { margin: 0; padding: 0; list-style: none; display: block; } #pdfpromo_container .pdfpromo_part2 .complete_pdfpromo_holder li { font-size: 20px; font-weight: normal; color: #F5FF80; background: #104414; display: block; width: 100%; padding: 10px; margin: 0 0 15px 0; text-align: left; line-height: 45px; overflow: hidden; border-radius: 10px; } #pdfpromo_container .pdfpromo_part2 .complete_pdfpromo_holder li:only-child .remove { display: none; } #pdfpromo_container .pdfpromo_part2 .complete_pdfpromo_holder li:last-child { margin: 0; } #pdfpromo_container .pdfpromo_part2 .complete_pdfpromo_holder li span { display: inline-block; float: right; } #pdfpromo_container .pdfpromo_part2 .complete_pdfpromo_holder li span a { color: #fff; cursor: pointer; text-decoration: underline; } #pdfpromo_container .pdfpromo_part2 .complete_pdfpromo_holder li a.edit { margin: 0; } #pdfpromo_container .pdfpromo_part2 .complete_pdfpromo_holder li .remove { margin: 0 0 0 15px; } #pdfpromo_container .pdfpromo_part2 .complete_pdfpromo_holder li img { width: auto; height: 45px; float: left; cursor: pointer; } #pdfpromo_container .pdfpromo_part2 .pdfpromo_add_btn { width: 100%; display: block; margin: 30px 0; padding: 0; position: relative; } #pdfpromo_container .pdfpromo_part2 .pdfpromo_add_btn * { cursor: pointer; } #pdfpromo_container .pdfpromo_part2 .pdfpromo_add_btn img { width: 60px; height: auto; } #pdfpromo_container .pdfpromo_part2 .pdfpromo_add_btn span { font-size: 20px; font-weight: bold; color: #002800; text-decoration: underline; position: absolute; left: 75px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } #pdfpromo_container .pdfpromo_part2 .btn { font-size: 26px; font-weight: 700; color: #fff; padding: 15px; line-height: 1; background: #2DA007; border: none; border-radius: 10px; } #pdfpromo_container .pdfpromo_part2 .btn:hover { box-shadow: 0 0 30px #fff584; } footer.nicelist_footer { background: rgb(24,88,28); background: -moz-linear-gradient(top, rgba(24,88,28,1) 23%, rgba(1,3,0,1) 100%); background: -webkit-linear-gradient(top, rgba(24,88,28,1) 23%,rgba(1,3,0,1) 100%); background: linear-gradient(to bottom, rgba(24,88,28,1) 23%,rgba(1,3,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18581c', endColorstr='#010300',GradientType=0 ); } #pdfpromo_container #calendar_header_holder { background: url("/assets/img/promo_pdf/calendar/vertical_repeat.jpg"); background-size: auto 100%; background-repeat: repeat-x; } #pdfpromo_container #calendar_header_holder .container { position: relative; } #calendar_header_holder .fb-container { bottom: 17.5%; right: 40%; position: absolute; z-index: 10; } #calendar_header_holder .mobile-fb-container, .nicelist_container .mobile-fb-container { bottom: -2%; width: 60%; left: 50%; transform: translateX(-50%); position: absolute; z-index: 3; } #calendar_header_holder .mobile-fb-container { bottom: -30px; text-align: center; } .nicelist_container .mobile-fb-container { bottom: 5%; text-align: center; } #calendar_header_holder .mobile-fb-container .fb-like, .nicelist_container .mobile-fb-container .fb-like { left: 0; right: auto; position: relative; top:0; display: inline-block; } #calendar_header_holder .mobile-fb-container .fb-share-button, .nicelist_container .mobile-fb-container .fb-share-button { right:0; left: auto; position: relative; top:0; display: inline-block; } #pdfpromo_container #calendar_header_holder #calendar_clickbox { width: 22%; height: 41%; position: absolute; right: 17%; bottom: 3%; cursor: pointer; z-index: 5; } #pdfpromo_container #calendar_header_holder #calendar_clickbox:hover, #pdfpromo_container #calendar_header_holder #calendar_clickbox:focus, #pdfpromo_container #calendar_header_holder #calendar_clickbox:active, #pdfpromo_container #calendar_header_holder #calendar_clickbox:visited { color: transparent; background: none; border: none; outline: none; } #pdfpromo_container #calendar_header_img { width: 100%; height: auto; } #pdfpromo_container #calendar_box { display: block; margin: 0 auto; width: 100%; max-width: 900px; padding: 30px 20%; box-shadow: 0 0 30px #429DF0; border-radius: 15px; background: rgb(2,64,125); background: -moz-linear-gradient(top, rgba(2,64,125,1) 0%, rgba(2,87,168,1) 50%, rgba(2,52,101,1) 100%); background: -webkit-linear-gradient(top, rgba(2,64,125,1) 0%,rgba(2,87,168,1) 50%,rgba(2,52,101,1) 100%); background: linear-gradient(to bottom, rgba(2,64,125,1) 0%,rgba(2,87,168,1) 50%,rgba(2,52,101,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02407d', endColorstr='#023465', GradientType=0 ); } #pdfpromo_container #calendar_box .checkbox { margin: 15px 0; } #pdfpromo_container #calendar_box #calendar_part1 > p { font-size: 16px; font-weight: bold; color: #fff; text-align: center; margin: 0; padding: 0; } #pdfpromo_container #calendar_box #calendar_part1 > hr { border-top: 2px solid #185CA0; margin: 15px 0; } #pdfpromo_container #calendar_box #pdfpromo_nophoto_chkbox span { color: #fff; font-weight: bold; left: 40px; } #pdfpromo_container .pdfpromo_part2 .complete_pdfpromo_holder.complete_calendars_holder li { background: #123D68; } #pdfpromo_container .pdfpromo_part2 .complete_pdfpromo_holder.complete_calendars_holder li img { margin: 0 45px 0 0; } #pdfpromo_container .pdfpromo_part2 .pdfpromo_add_btn.calendar_add_btn span { color: #fff; } #pdfpromo_container.calendar_container .btn-orange { color: #fff !important; background: #F78000 !important; border: none; } #pdfpromo_container.calendar_container .btn-orange:hover { box-shadow: 0 0 50px #e8f4ff !important; } #pdfpromo_container.calendar_container .next-btn:hover { box-shadow: 0 0 50px #e8f4ff; } #pdfpromo_container.calendar_container .back-btn:hover { box-shadow: 0 0 50px #e8f4ff; } #pdfpromo_container.calendar_container .form-control:focus, #pdfpromo_container.calendar_container .form-control:active { box-shadow: 0 0 50px #e8f4ff; } footer.calendar_footer { background: rgb(0,86,137); background: -moz-linear-gradient(top, rgba(0,86,137,1) 0%, rgba(1,46,75,1) 100%); background: -webkit-linear-gradient(top, rgba(0,86,137,1) 0%,rgba(1,46,75,1) 100%); background: linear-gradient(to bottom, rgba(0,86,137,1) 0%,rgba(1,46,75,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005689', endColorstr='#012e4b',GradientType=0 ); } #pdfpromo_container .modal { -webkit-overflow-scrolling: auto; } #pdfpromo_container .modal .modal-dialog { margin-top: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } #pdfpromo_container .modal .modal-content .modal-header { padding: 0; border: none; margin: 0; position: relative; min-height: 0; } #pdfpromo_container .modal .modal-content .modal-header .close { font-size: 40px; font-weight: bold; color: #fff; background: #C5232E; border: 2px solid #fff; width: 40px; height: 40px; border-radius: 50%; position: relative; top: -5px; right: -5px; opacity: 1; text-align: center; line-height: 0.9; z-index: 5; } #pdfpromo_container .modal .modal-content .modal-header .close span { font-size: 40px; font-family: Arial; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } #pdfpromo_container .modal .modal-content .modal-body h1 { font-size: 48px; font-weight: bold; color: #fff; text-shadow: 5px 5px 5px #000; margin: 0; text-align: center; line-height: 1; } #pdfpromo_container .modal .modal-content .modal-body p { font-size: 18px; font-weight: bold; color: #fff; text-align: center; margin: 0 0 15px 0; } #pdfpromo_container .modal .modal-content .modal-body img { width: 100%; display: block; margin: 0 auto; } #pdfpromo_container .modal .modal-content .modal-body .jcrop-holder { margin: 0 auto; max-width: 100%; } #pdfpromo_container .modal .modal-content .modal-body .jcrop-holder .jcrop-keymgr { opacity: 0; } /* #pdfpromo_container .modal .modal-content .modal-body .jcrop-holder * { max-width: 100%; } */ #pdfpromo_container .modal .modal-content .modal-footer { border: none; } #pdfpromo_container .modal .modal-content .modal-footer ul { margin: 0 -10px; padding: 0; display: block; list-style: none; } #pdfpromo_container .modal .modal-content .modal-footer ul li { width: 50%; padding: 0 10px; float: left; } #pdfpromo_container .modal .modal-content .modal-footer .btn { font-size: 20px; font-weight: normal; color: #fff; margin: 0; padding: 15px; line-height: 1; text-align: center; text-decoration: none; border: none; border-radius: 10px; } #pdfpromo_container .modal .modal-content .modal-footer .btn:hover { box-shadow: 0 0 30px #fff584; } #pdfpromo_container .modal .modal-content .modal-footer .cancel-btn { background: #C2252C; } #pdfpromo_container .modal .modal-content .modal-footer .save-btn { background: #2DA007; } #pdfpromo_container .nicelist_modal .modal-content { background: rgb(173,28,35); background: -moz-linear-gradient(top, rgba(173,28,35,1) 0%, rgba(110,18,21,1) 100%); background: -webkit-linear-gradient(top, rgba(173,28,35,1) 0%,rgba(110,18,21,1) 100%); background: linear-gradient(to bottom, rgba(173,28,35,1) 0%,rgba(110,18,21,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad1c23', endColorstr='#6e1215',GradientType=0 ); } #pdfpromo_container .calendar_modal .modal-content { background: #004D9E; } #pdfpromo_container .promo_modal .modal-content .modal-body .btn { margin: 15px 0; } #pdfpromo_container .promo_modal .modal-content .modal-body h1 { font-size: 42px; font-weight: bold; margin: 15px 0; text-shadow: 0 0 5px #000; } #pdfpromo_container .promo_modal .modal-content .modal-body p { font-size: 16px; font-weight: 300; } #pdfpromo_container .nophoto_modal .modal-content .modal-body { padding: 60px 25%; } #pdfpromo_container .nophoto_modal .modal-content .modal-body p { font-weight: 300; margin: 10px 0 0 0; } #pdfpromo_container .cropper_modal .mobile-span { display: none; } #pdfpromo_container .cropper_modal .desktop-span { display: inline-block; } #pdfpromo_container .finish_modal .modal-body { padding: 45px 30px 15px 30px; } #pdfpromo_container .finish_modal p { font-size: 16px; font-weight: normal; margin: 0; } #pdfpromo_container .finish_modal p span { font-weight: bold; color: #FAFE2E; } #pdfpromo_container .finish_modal .terms_link { font-size: 14px; font-weight: 300; color: #fff; position: absolute; right: 0; bottom: -30px; text-decoration: underline; } #pdfpromo_container .finish_modal .btn { font-size: 26px; font-weight: 700; color: #fff; padding: 15px; margin: 15px 0 45px 0; line-height: 1; background: #2DA007; border: none; border-radius: 10px; white-space: normal; } #pdfpromo_container .finish_modal .btn:hover { box-shadow: 0 0 30px #fff584; } #pdfpromo_container .finish_modal .checkbox { font-size: 14px; font-weight: normal; color: #fff; line-height: 1; } #pdfpromo_container .finish_modal .checkbox input { visibility: hidden; } #pdfpromo_container .finish_modal .checkbox span { line-height: 1; position: absolute; left: 40px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } #pdfpromo_container .finish_modal .checkbox label { width: 30px; height: 30px; display: inline-block; background: #fff; border-radius: 5px; } #pdfpromo_container .finish_modal .checkbox input[type=checkbox]:checked ~ label { background: #fff url("/assets/img/promo_pdf/checkmark.jpg"); background-size: 20px; background-repeat: no-repeat; background-position: 50%; } #pdfpromo_container.calendar_container .finish_modal .checkbox input[type=checkbox]:checked ~ label { background: #fff url("/assets/img/promo_pdf/calendar/checkmark.jpg"); background-size: 20px; background-repeat: no-repeat; background-position: 50%; } #pdfpromo_container .finish_modal .finish_disabled_btn { color: #A42832; background: #5E181A; cursor: default; } #pdfpromo_container .finish_modal.calendar_modal .finish_disabled_btn { color: #356897; background: #113D6A; } #pdfpromo_container .finish_modal .finish_disabled_btn span { font-size: 20px; font-weight: 300; display: block; } #pdfpromo_container .finish_modal .finish_disabled_btn:hover { box-shadow: none; } #pdfpromo_container .finish_modal .form-group { position: relative; } #pdfpromo_container .finish_modal .form-group input { padding-right: 45px; } #pdfpromo_container .finish_modal .form-group img { width: 25px !important; height: 25px !important; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } #pdfpromo_container .finish_modal .form-group .valid_img { width: 30px; height: 30px; } #pdfpromo_container .promo_modal { } #pdfpromo_container .promo_modal .modal-body { padding: 30px; } #pdfpromo_container .promo_modal p { font-size: 16px; font-weight: 300; color: #fff; text-align: center; margin: 0 0 15px 0; } #pdfpromo_container .promo_modal h1 { margin: 0; padding: 0 50px; } #pdfpromo_container .promo_modal img { width: 100%; margin: 0; display: block; } #pdfpromo_container .promo_modal .testimonial { padding: 0 30px; } #pdfpromo_container .promo_modal .testimonial span { display: block; } #pdfpromo_container .promo_modal .btn-success { font-size: 26px; font-weight: 700; color: #fff; padding: 15px; line-height: 1; background: #2DA007; border: none; white-space: normal; } #pdfpromo_container .promo_modal .btn-success:hover { box-shadow: 0 0 30px #f6ff00; } #pdfpromo_container .maxnum_modal .modal-body { padding: 60px; } #pdfpromo_container .maxnum_modal .modal-body h1 { font-size: 38px; font-weight: bold; padding: 0 30px; margin: 0 0 15px 0; } #pdfpromo_container .maxnum_modal .modal-body p { font-size: 16px; font-weight: 300; margin: 0; } #pdfpromo_container #terms_modal .modal-dialog { margin-top: 15px; position: relative; top: auto; left: auto; transform: none; } #pdfpromo_container #terms_modal .modal-header { min-height: 0; position: relative; padding: 0; } #pdfpromo_container #terms_modal .close { color: #000; background: none; position: absolute; right: 5px; top: 5px; margin: 0; opacity: 1; cursor: pointer; z-index: 2; } #pdfpromo_container #terms_modal p { font-size: 14px; font-weight: 300; color: #000; text-align: left; } #pdfpromo_container #terms_modal strong { font-size: 14px; } /* POSTCARD FROM SANTA PAGE STYLING */ #postcard_header_row { background: url("/assets/img/promo_pdf/postcard/bg_repeat.jpg"); background-repeat: repeat-x; background-size: 1px 100%; } #postcard_header_row .col-xs-12 > img { width: 100%; } #postcard_header_row .fb-container { bottom: 17.5%; right: 40%; position: absolute; } #postcard_header_row .mobile_header_bubble { margin: 0 0 -15px 0; } #pdfpromo_container.postcard_container .form-group.invalid { border: 3px solid #ff0000; } #pdfpromo_container.postcard_container .form-group.invalid.pfs_dropdown_holder { border: none; } #pdfpromo_container.postcard_container .pfs_dropdown_holder { width: 100%; } #pdfpromo_container.postcard_container .pfs_dropdown { width: 100%; display: block; margin: 0 auto; } #pdfpromo_container.postcard_container .pfs_dropdown .dropdown-toggle { font-size: 14px; font-weight: bold; font-family: "Monsterrat", sans-serif; padding: 0 10px; margin: 0; line-height: 40px; height: 40px; color: #ae0d0d; background: #faff75; text-align: left; } #pdfpromo_container.postcard_container .pfs_dropdown .dropdown-toggle .fa { font-size: 46px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } #pdfpromo_container.postcard_container .pfs_dropdown .pfs_select { width: 100%; margin: 0; padding: 0; max-height: 500px; overflow-y: auto; } #pdfpromo_container.postcard_container .pfs_dropdown .pfs_select li { font-size: 14px; font-weight: bold; font-family: "Monsterrat", sans-serif; padding: 5px 10px; color: #ae0d0d; cursor: pointer; } #pdfpromo_container.postcard_container .pfs_dropdown .pfs_select li:hover { background: #ae0d0d; color: #fff; } #pdfpromo_container.postcard_container .pfs_dropdown .pfs_select li.active { background: #ae0d0d; color: #fff; } #pdfpromo_container.postcard_container .pfs_dropdown_holder select { position: absolute; z-index: -1; left: 0; display: none; } #pdfpromo_container.postcard_container .pfs_dropdown_holder.invalid .pfs_dropdown { border: 3px solid #ff0000; border-radius: 5px; } #pdfpromo_container.postcard_container .pfs_dropdown_holder.invalid.custom .pfs_dropdown .dropdown-toggle { border: none !important; } #pdfpromo_container.postcard_container .pfs_dropdown_holder.invalid.custom > input { border: 3px solid #ff0000; } #pdfpromo_container.postcard_container .pfs_dropdown_holder #postcard_custom_closing_line { display: none; margin: 10px 0 0 0; } #pdfpromo_container.postcard_container .pfs_dropdown_holder.custom #postcard_custom_closing_line { display: block; } #pdfpromo_container.postcard_container ::-webkit-input-placeholder { font-size: 16px; font-weight: bold; color: #ae0d0d; background: #faff75; } #pdfpromo_container.postcard_container ::-moz-placeholder { font-size: 16px; font-weight: bold; color: #ae0d0d; background: #faff75; } #pdfpromo_container.postcard_container :-ms-input-placeholder { font-size: 16px; font-weight: bold; color: #ae0d0d; background: #faff75; } #pdfpromo_container.postcard_container :-moz-placeholder { font-size: 16px; font-weight: bold; color: #ae0d0d; background: #faff75; } #pdfpromo_container.postcard_container .postcard-body .form-control { font-size: 18px; font-weight: bold; height: 40px; color: #ae0d0d; background: #faff75; line-height: 40px; } #pdfpromo_container #postcard_scroll_clickbox { width: 22%; height: 30%; position: absolute; bottom: 35%; right: 18%; z-index: 5; cursor: pointer; } #pdfpromo_container #postcard_scroll_clickbox:focus, #pdfpromo_container #postcard_scroll_clickbox:hover, #pdfpromo_container #postcard_scroll_clickbox:active, #pdfpromo_container #postcard_scroll_clickbox:visited { outline: none; border: none; background: none; text-decoration: none; } .postcard_container .postcard-header { background: #AF0C0D; height: auto; padding: 10px 15px; } .postcard_container .postcard-header h2 { color: #FFFFFF; font-size: 20px; font-weight: lighter; padding:0; margin: 0; line-height: 1; } .postcard_container .postcard-header b { text-transform: uppercase; } .postcard_container .postcard-header:first-of-type { border-top-left-radius: 15px; border-top-right-radius: 15px; } .postcard_container .postcard-body { margin:0; padding: 20px; background: #FFFFFF; position: relative; } .postcard_container .postcard-body:last-of-type { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .postcard_container .postcard-body .postcard-select-img { opacity: .5; cursor: pointer; width: 100%; } .postcard_container .postcard-body .postcard-select-img:hover { opacity: 1; } .postcard_container .postcard-body .postcard-select-img.selected { opacity: 1; } .postcard_container .postcard-body .postcard-checkmark { display: none; max-width: 20%; width: auto; height: auto; top: 5px; left: 20px; position: absolute; } .postcard_container .postcard-body .postcard-select-img.selected ~ .postcard-checkmark { display: block; } .postcard_container .postcard-body #postcard_img_row .col-xs-6:first-child { padding-right: 10px; } .postcard_container .postcard-body #postcard_img_row .col-xs-6:last-child { padding-left: 10px; } .postcard_container .postcard-body #postcard_elf { position: absolute; top: 0; right: -65px; width: 84px; height: auto; } .postcard_container .postcard-body #postage_img { display: block; float: right; clear: both; width: auto; height: auto; max-width: 100%; } .postcard_container .postcard-body .postcard_mailto_header { font-size: 24px; font-weight: 500; color: #fff; background: #AF0C0D; padding: 5px; line-height: 1; margin: 15px 0; text-align: left; } .postcard_container .postcard-body #postcard_greeting_form_group.invalid { border: none; } .postcard_container .postcard-body #postcard_greeting_form_group.invalid input { border: 3px solid #ff0000; } .postcard_container .postcard-body #postcard_greeting { width: auto; margin: 0; } .postcard_container .postcard-body #postcard_copy { display: block; } .postcard_container .postcard-body #postcard_copy span { font-size: 22px; font-weight: bold; font-family: "Vockel", sans-serif; color: #041d06; } .postcard_container .postcard-body #postcard_copy .edit-btn { font-size: 16px; font-weight: bold; color: #fff; background: #009ce5; border-radius: 6px; margin: 0 0 0 5px; padding: 5px 10px; line-height: 1; } .postcard_container #postcard_copyaddress_checkbox { } .postcard_container #postcard_copyaddress_checkbox { font-size: 16px; font-weight: normal; color: #041d06; line-height: 1; text-align: left; } .postcard_container #postcard_copyaddress_checkbox input { visibility: hidden; } .postcard_container #postcard_copyaddress_checkbox span { font-weight: 300; padding: 0; line-height: 1; position: absolute; left: 40px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } .postcard_container #postcard_copyaddress_checkbox span b { font-size: 18px; font-weight: 700; } .postcard_container #postcard_copyaddress_checkbox label { width: 30px; height: 30px; display: inline-block; background: #fff; border-radius: 5px; border: 1px solid #041d06; } .postcard_container #postcard_copyaddress_checkbox input[type=checkbox]:checked ~ label { background: #fff url("/assets/img/promo_pdf/checkmark.jpg"); background-size: 20px; background-repeat: no-repeat; background-position: 50%; } .postcard_container #postcard_content_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .postcard_container #postcard_content_row > .col-sm-6:first-child { border-right: 2px solid #d7d7d7; } .postcard_container #postcard_content_row #postcard_editing_holder { display: none; } .postcard_container #postcard_content_row.editing #postcard_copy { display: none; } .postcard_container #postcard_content_row.editing #postcard_editing_holder { display: block; } .postcard_container #postcard_content_row #postcard_content { margin: 0 0 5px 0; height: auto; line-height: 1.42857143; } .postcard_container #postcard_content_row #postcard_char_cnt { font-size: 16px; font-weight: bold; margin: 0 0 5px 0; } .postcard_container #postcard_content_row .done-btn { font-size: 16px; font-weight: bold; color: #fff; background: #AF0C0D; border-radius: 6px; margin: 0 0 15px 0; padding: 5px 10px; line-height: 1; } .postcard_container #postcard_content_col #postcard_closing_line_dropdown { float: right; max-width: 100%; width: 350px; } .postcard_container #postcard_content_col #postcard_closing_line_dropdown img { max-width: 90%; margin: 10px 0 0 0; display: block; float: right; } .postcard_container #postcard_content_col #postcard_greeting_form_group, .postcard_container #postcard_content_col #postcard_copy, .postcard_container #postcard_content_col #postcard_editing_holder, .postcard_container #postcard_content_col #postcard_closing_line_dropdown { display: none; } .postcard_container #postcard_content_col.template_selected #postcard_greeting_form_group, .postcard_container #postcard_content_row:not(.editing) #postcard_content_col.template_selected #postcard_copy, .postcard_container #postcard_content_row.editing #postcard_content_col.template_selected #postcard_editing_holder, .postcard_container #postcard_content_col.template_selected #postcard_closing_line_dropdown { display: block; } .postcard_container #postcard_form .row .col-sm-6:first-child { padding-right: 5px; } .postcard_container #postcard_form .row .col-sm-6:last-child { padding-left: 5px; } .postcard_container #postcard_form .row .col-sm-6:only-child { padding: 0 15px 0 5px; } .postcard_container #postcard_content_row .form-group > #mailto_zip ~ p { font-size: 12px; font-weight: 300; color: #ae0d0d; margin: 5px 0 0 0; display: none; } .postcard_container #postcard_content_row .form-group > #mailto_zip.invalid ~ p { display: block; } .postcard_container #postcard_next_btn_holder { } .postcard_container #postcard_next_btn_holder .checkbox { font-size: 16px; font-weight: normal; color: #fff; line-height: 1; text-align: right; } .postcard_container #postcard_next_btn_holder .checkbox input { visibility: hidden; } .postcard_container #postcard_next_btn_holder .checkbox span { font-weight: 300; padding: 0 0 0 15%; line-height: 1; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } .postcard_container #postcard_next_btn_holder .checkbox span b { font-size: 18px; font-weight: 700; } .postcard_container #postcard_next_btn_holder .checkbox label { width: 30px; height: 30px; display: inline-block; background: #fff; border-radius: 5px; } .postcard_container #postcard_next_btn_holder .checkbox input[type=checkbox]:checked ~ label { background: #fff url("/assets/img/promo_pdf/checkmark.jpg"); background-size: 20px; background-repeat: no-repeat; background-position: 50%; } .postcard_container #postcard_next_btn_holder #postcard_back_btn { font-size: 23px; font-weight: bold; color: #fff; background: #AF0C0D; float: left; display: block; padding: 15px 30px; margin: 0; line-height: 1; border-radius: 15px; } .postcard_container #postcard_next_btn_holder #postcard_next_btn { font-size: 23px; font-weight: bold; color: #fff; background: #00a802; float: right; display: block; padding: 15px 30px; margin: 0; line-height: 1; border-radius: 15px; } .postcard_container #postcard_list_content { background: #fff; padding: 30px; border-radius: 15px; } .postcard_container #postcard_step2 .complete_pdfpromo_holder { margin: 0; padding: 0; list-style: none; display: block; } .postcard_container #postcard_step2 .complete_pdfpromo_holder li { font-size: 20px; font-weight: normal; color: #EBF447; background: #177F1C; display: block; width: 100%; padding: 10px 30px; margin: 0 0 15px 0; text-align: left; line-height: 45px; overflow: hidden; border-radius: 10px; } .postcard_container #postcard_step2 .complete_pdfpromo_holder li:only-child .remove { display: none; } .postcard_container #postcard_step2 .complete_pdfpromo_holder li:last-child { margin: 0; } .postcard_container #postcard_step2 .complete_pdfpromo_holder li span { display: inline-block; float: right; } .postcard_container #postcard_step2 .complete_pdfpromo_holder li span a { color: #fff; cursor: pointer; text-decoration: underline; } .postcard_container #postcard_step2 .complete_pdfpromo_holder li .edit { margin: 0; } .postcard_container #postcard_step2 .complete_pdfpromo_holder li .remove { margin: 0 0 0 15px; } .postcard_container #postcard_step2 .complete_pdfpromo_holder li img { width: auto; height: 45px; float: left; cursor: pointer; margin: 0 5px 0 0; } .postcard_container #postcard_step2 .pdfpromo_add_btn { width: 100%; display: block; margin: 30px 0; padding: 0; position: relative; } .postcard_container #postcard_step2 .pdfpromo_add_btn * { cursor: pointer; } .postcard_container #postcard_step2 .pdfpromo_add_btn img { width: 60px; height: auto; } .postcard_container #postcard_step2 .pdfpromo_add_btn span { font-size: 20px; font-weight: bold; color: #417D46; text-decoration: underline; position: absolute; left: 75px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } #pdfpromo_container.postcard_container #postcard_chkbox_alert { margin: 15px 0; } #pdfpromo_container.postcard_container #postcard_list_content ::-webkit-input-placeholder { font-size: 16px; font-weight: normal; color: #417D46; background: none; } #pdfpromo_container.postcard_container #postcard_list_content ::-moz-placeholder { font-size: 16px; font-weight: normal; color: #417D46; background: none; } #pdfpromo_container.postcard_container #postcard_list_content :-ms-input-placeholder { font-size: 16px; font-weight: normal; color: #417D46; background: none; } #pdfpromo_container.postcard_container #postcard_list_content :-moz-placeholder { font-size: 16px; font-weight: normal; color: #417D46; background: none; } .postcard_container #postcard_list_content { position: relative; } .postcard_container #postcard_list_content p { font-size: 16px; font-weight: normal; margin: 0; text-align: center; } .postcard_container #postcard_list_content p span { font-weight: bold; color: #CB2C2C; } .postcard_container #postcard_list_content .terms_link { font-size: 14px; font-weight: 300; color: #fff; position: absolute; right: 0; bottom: -30px; text-decoration: underline; } .postcard_container #postcard_list_content .btn { font-size: 26px; font-weight: 700; color: #fff; padding: 15px; margin: 15px 0 45px 0; line-height: 1; background: #CD0A12; border: none; border-radius: 10px; white-space: normal; } .postcard_container #postcard_list_content .btn:hover { box-shadow: 0 0 30px #fff584; } .postcard_container #postcard_list_content .checkbox { font-size: 14px; font-weight: bold; color: #43914A; line-height: 1; } .postcard_container #postcard_list_content .checkbox input { visibility: hidden; } .postcard_container #postcard_list_content .checkbox span { line-height: 1; position: absolute; left: 40px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } .postcard_container #postcard_list_content .checkbox label { width: 30px; height: 30px; border: 1px solid #43914A; display: inline-block; background: #fff; border-radius: 5px; } .postcard_container #postcard_list_content .checkbox input[type=checkbox]:checked ~ label { background: #fff url("/assets/img/promo_pdf/checkmark.jpg"); background-size: 20px; background-repeat: no-repeat; background-position: 50%; } .postcard_container #postcard_list_content .finish_disabled_btn { color: #A42832; background: #5E181A; cursor: default; } .postcard_container #postcard_list_content .finish_disabled_btn:hover { box-shadow: none; } .postcard_container #postcard_list_content .form-group { position: relative; } .postcard_container #postcard_list_content .form-group input { border: 1px solid #43914A; padding-right: 45px; height: 45px; } .postcard_container #postcard_list_content .form-group img { width: 25px !important; height: 25px !important; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } .postcard_container #postcard_list_content .form-group .valid_img { width: 30px; height: 30px; } .postcard_container #postcard_list_content .terms_link { font-size: 14px; font-weight: normal; color: #fff; position: absolute; bottom: -24px; right: 0; } #postcard_geoblock h1 { font-size: 42px; font-weight: normal; color: #fff; margin: 30px 0 10px 0; text-align: center; } #postcard_geoblock p { font-size: 20px; font-weight: normal; color: #fff; margin: 0 0 30px 0; text-align: center; } #postcard_finish_chkbox_alert { margin: 0 0 15px 0; } #postcard_address_unverified_modal { } #postcard_address_unverified_modal img { display: block; width: auto; max-width: 100%; margin: 0 auto; } #pdfpromo_container .postcard_modal .modal-content .modal-body h1 { font-size: 22px; font-weight: bold; margin: 0; color: #1F78B5; text-align: center; text-shadow: none; } #pdfpromo_container .postcard_modal .modal-content .modal-body h2 { font-size: 18px; font-weight: bold; margin: 15px 0; padding: 10px 0; color: #1F78B5; text-align: center; border: none; } #pdfpromo_container .postcard_modal .modal-content .modal-body h3 { font-size: 18px; font-weight: bold; margin: 15px 0; padding: 10px 0; color: #1F78B5; text-align: center; border-top: 2px solid #1F78B5; border-bottom: 2px solid #1F78B5; line-height: 1.5; } #pdfpromo_container .postcard_modal .modal-content .modal-body p { font-size: 18px; font-weight: bold; margin: 15px 0; color: #AD0C0C; text-align: center; } #pdfpromo_container .postcard_modal .modal-content .modal-body img { width: auto; margin: 0 auto 15px auto; max-width: 100%; } #pdfpromo_container .postcard_modal .modal-content .modal-body .btn { font-size: 18px; font-weight: bold; color: #fff; padding: 10px; line-height: 1; border-radius: 5px; margin: 0 0 15px 0; } #pdfpromo_container .postcard_modal .modal-content .modal-body .btn:last-child { margin: 0; } #pdfpromo_container .postcard_modal .modal-content .modal-body .addressConfirmBtn { background: #14801C; } #pdfpromo_container .postcard_modal .modal-content .modal-body .backBtn { background: #AD0C0C; } #pdfpromo_container .maxnum_modal.postcard_modal .modal-body { background: #A51618; padding: 60px 5%; } #pdfpromo_container .maxnum_modal.postcard_modal .modal-body h1 { font-size: 32px; font-weight: bold; color: #fff; margin: 0; text-shadow: 3px 3px 3px #000; text-align: center; line-height: 1; } #pdfpromo_container .maxnum_modal.postcard_modal .modal-body p { font-size: 20px; font-weight: 300; color: #fff; margin: 5px 0 0 0; } #pdfpromo_container .nophoto_modal.postcard_modal .modal-body { background: #A51618; padding: 60px 15%; } #pdfpromo_container .nophoto_modal.postcard_modal .modal-body h1 { font-size: 42px; font-weight: bold; color: #fff; margin: 0; text-shadow: 3px 3px 3px #000; text-align: center; line-height: 1; } #pdfpromo_container .modal.confirm_remove_modal .modal-body { padding: 30px 15%; } #pdfpromo_container .modal.confirm_remove_modal .modal-body h1 { font-size: 26px; font-weight: bold; color: #fff; margin: 30px 0 45px 0; text-shadow: 3px 3px 3px #000; text-align: center; line-height: 1; } #pdfpromo_container .modal.confirm_remove_modal .modal-body .btn { font-size: 20px; font-weight: bold; font-family: "Monsterrat", sans-serif; text-shadow: 3px 3px 3px #000; color: #fff; line-height: 1; text-decoration: underline; padding: 0; margin: 0; } #pdfpromo_container .modal.confirm_remove_modal .modal-body .cancel-btn { float: left; } #pdfpromo_container .modal.confirm_remove_modal .modal-body .remove-child-btn { float: right; } #pdfpromo_container.postcard_groupon_container #postcard_header_row { background: url("/assets/img/promo_pdf/postcard_groupon/bg_repeat.jpg"); background-repeat: repeat-x; background-size: 1px 100%; } #pdfpromo_container.postcard_groupon_container { background: #025887; } #pdfpromo_container.postcard_groupon_container p { color: #006093; } #pdfpromo_container.postcard_groupon_container .postcard_modal .modal-content .modal-body .addressConfirmBtn { background: #006093; } .postcard_groupon_container .postcard-header { background: #177bcc; } .postcard_groupon_container .postcard-header h2 { } .postcard_groupon_container .postcard-body .postcard_mailto_header { background: #177bcc; } .postcard_groupon_container #postcard_content_row #postcard_char_cnt { color: #006093; } .postcard_groupon_container #postcard_next_btn_holder #postcard_next_btn { background: #ff780a; } .postcard_groupon_container #postcard_step2 .complete_pdfpromo_holder li { background: #006093; } .postcard_groupon_container #postcard_step2 .pdfpromo_add_btn span { color: #006093; } #pdfpromo_container.postcard_groupon_container #postcard_list_content ::-webkit-input-placeholder { color: #006093; } #pdfpromo_container.postcard_groupon_container #postcard_list_content ::-moz-placeholder { color: #006093; } #pdfpromo_container.postcard_groupon_container #postcard_list_content :-ms-input-placeholder { color: #006093; } #pdfpromo_container.postcard_groupon_container #postcard_list_content :-moz-placeholder { color: #006093; } .postcard_groupon_container .postcard-body #postcard_copy .edit-btn { background: #E8291F; } .postcard_groupon_container #postcard_list_content .form-group input { color: #006093; border: 1px solid #D7E1E3; } .postcard_groupon_container #postcard_list_content .checkbox { color: #006093; } .postcard_groupon_container #postcard_list_content .checkbox input[type=checkbox]:checked ~ label { background: #fff url("/assets/img/promo_pdf/calendar/checkmark.jpg"); background-size: 20px; background-repeat: no-repeat; background-position: 50%; } .postcard_groupon_container #postcard_next_btn_holder .checkbox input[type=checkbox]:checked ~ label { background: #fff url("/assets/img/promo_pdf/calendar/checkmark.jpg"); background-size: 20px; background-repeat: no-repeat; background-position: 50%; } footer.postcard_groupon_footer { background: rgb(2,88,135); background: -moz-linear-gradient(top, rgba(2,88,135,1) 43%, rgba(0,48,73,1) 100%); background: -webkit-linear-gradient(top, rgba(2,88,135,1) 43%,rgba(0,48,73,1) 100%); background: linear-gradient(to bottom, rgba(2,88,135,1) 43%,rgba(0,48,73,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#025887', endColorstr='#003049',GradientType=0 ); } #pdfpromo_container #postcard_geoblock_modal .modal-body { background: #1A731F; padding: 30px; } #pdfpromo_container #postcard_geoblock_modal p { font-size: 16px; font-weight: 300; color: #fff; margin: 0; padding: 0; line-height: 1; } #pdfpromo_container #postcard_geoblock_modal h2 { font-size: 18px; font-weight: bold; font-family: "Kanit", sans-serif; color: #F6FD3F; text-shadow: 3px 3px 3px #000; margin: 15px 0; padding: 0; line-height: 1; letter-spacing: 1px; } #pdfpromo_container #postcard_geoblock_modal h3 { font-size: 20px; font-weight: bold; font-family: "Kanit", sans-serif; color: #fff; text-shadow: 3px 3px 3px #000; margin: 0; padding: 0; border: none; line-height: 1; letter-spacing: 1px; } #pdfpromo_container #postcard_geoblock_modal h3 a { font-family: "Kanit", sans-serif; color: #F6FD3F; text-decoration: underline; } #pdfpromo_container #postcard_geoblock_modal img { width: 100%; height: auto; margin: 30px 0; box-shadow: 0 0 30px #fff584; } #pdfpromo_container #postcard_geoblock_modal .btn { font-size: 18px; font-weight: bold; color: #fff; padding: 10px; margin: 0 auto; background: #FD6500; white-space: normal; line-height: 1.2; max-width: 350px; border-radius: 10px; } #pdfpromo_container #postcard_geoblock_modal .btn:hover { box-shadow: 0 0 30px #fff584; } #pdfpromo_offseason { } #pdfpromo_offseason h1 { font-size: 36px; font-weight: bold; color: #3B6DA9; margin: 0 0 10px 0; text-align: center; line-height: 0.9; } #pdfpromo_offseason p { font-size: 16px; font-weight: bold; color: #3B6DA9; margin: 0 0 15px 0; text-align: center; } #pdfpromo_offseason img { width: 100%; } #pdfpromo_offseason input { width: calc(100% - 155px); height: 45px; float: left; } #pdfpromo_offseason button { width: 150px; font-size: 24px; font-weight: bold; font-family: "Kanit", sans-serif; color: #fff; background: #196DD6; text-align: center; text-shadow: none; line-height: 1; border: none; border-radius: 30px; padding: 10px 20px; margin: 0 0 0 5px; } #pdfpromo_offseason h2 { font-size: 36px; font-weight: bold; color: #3B6DA9; margin: 0; text-align: center; display: none; } #pdfpromo_offseason.newsletter_submitted h1 { display: none; } #pdfpromo_offseason.newsletter_submitted p { display: none; } #pdfpromo_offseason.newsletter_submitted form { display: none; } #pdfpromo_offseason.newsletter_submitted h2 { display: block; } .nicelist_container #pdfpromo_offseason h1 { color: #0D3A03; } .nicelist_container #pdfpromo_offseason p { color: #0D3A03; } .nicelist_container #pdfpromo_offseason button { color: #fff; background: #2DA007; } .nicelist_container #pdfpromo_offseason h2 { color: #0D3A03; } .calendar_container #pdfpromo_offseason h1 { color: #fff; } .calendar_container #pdfpromo_offseason p { color: #fff; } .calendar_container #pdfpromo_offseason button { color: #fff; background: #196DD6; } .calendar_container #pdfpromo_offseason h2 { color: #fff; } .postcard_container #pdfpromo_offseason h1 { font-size: 38px; color: #fff; } .postcard_container #pdfpromo_offseason p { color: #fff; } .postcard_container #pdfpromo_offseason button { color: #fff; background: #FF850E; } .postcard_container #pdfpromo_offseason h2 { color: #fff; } .postcard_container #pdfpromo_offseason ::-webkit-input-placeholder { color: #ae0d0d; background: #fff; } .postcard_container #pdfpromo_offseason ::-moz-placeholder { color: #ae0d0d; background: #fff; } .postcard_container #pdfpromo_offseason :-ms-input-placeholder { color: #ae0d0d; background: #fff; } .postcard_container #pdfpromo_offseason :-moz-placeholder { color: #ae0d0d; background: #fff; } .postcard_container #pdfpromo_offseason .form-control { color: #ae0d0d; background: #fff; } /* LETTER FROM SANTA PAGE STYLING */ #freeletter_container { background: #fff; font-family: "Monsterrat", sans-serif; } #freeletter_container .fb-container { position: relative; margin-bottom: 20px; } #freeletter_container ::-webkit-input-placeholder { font-size: 16px; font-weight: normal; font-family: "Monsterrat", sans-serif; color: #1c78db; } #freeletter_container ::-moz-placeholder { font-size: 16px; font-weight: normal; font-family: "Monsterrat", sans-serif; color: #1c78db; } #freeletter_container :-ms-input-placeholder { font-size: 16px; font-weight: normal; font-family: "Monsterrat", sans-serif; color: #1c78db; } #freeletter_container :-moz-placeholder { font-size: 16px; font-weight: normal; font-family: "Monsterrat", sans-serif; color: #1c78db; } #freeletter_container .form-control, #freeletter_container label, #freeletter_container a:not(.btn) { font-family: "Monsterrat", sans-serif; font-weight: bold; } #freeletter_container .form-control { color: #1c78db; } #freeletter_container #freeletter_header img { width: 100%; } #freeletter_container .mobile_header_padding, #freeletter_container .mobile_header { display: none; } #freeletter_container #freeletter_content { background: #fff; } #freeletter_container #freeletter_content .fb-container { text-align: center; } #freeletter_container #freeletter_content .fb-like { position: relative !important; display: inline-block; margin: 0 auto; text-align: center; transform: none; left: auto; bottom: auto; top: auto; right: auto; } #freeletter_container #freeletter_content .fb-share-button { position: relative !important; display: inline-block; transform: none; left: auto; bottom: auto; top: auto; right: auto; } #freeletter_container #freeletter_content .freeletter_step { display: none; } #freeletter_container #freeletter_content[data-currentstep='1'] #freeletter_step1 { display: block; } #freeletter_container #freeletter_content[data-currentstep='2'] #freeletter_step2 { display: block; } #freeletter_container #freeletter_content[data-currentstep='3'] #freeletter_step3 { display: block; } #freeletter_container #freeletter_content[data-currentstep='4'] #freeletter_step4 { display: block; padding-top: 20px;} #freeletter_container h1.freeletter_step_header { font-size: 32px; font-weight: bold; font-family: "Kanit", sans-serif; color: #3B6DA9; margin: 15px 0 0 0; text-align: center; } #freeletter_container p.freeletter_step_subheader { font-size: 16px; font-weight: normal; color: #3B6DA9; margin: 0 0 15px 0; text-align: center; } #freeletter_container #freeletter_step1 { } #freeletter_container #freeletter_step1 ul { display: block; margin: 0 -10px; padding: 0; list-style: none; } #freeletter_container #freeletter_step1 ul li { padding: 0 10px; width: 33.33%; display: inline-block; position: relative; border: 5px solid transparent; cursor: pointer; overflow: visible; } #freeletter_container #freeletter_step1 ul li img { width: 100%; /* border-radius: 10px; */ } #freeletter_container #freeletter_step1 ul li:hover img { box-shadow: 0 0 30px #fff584; } #freeletter_container #freeletter_step1 ul li:hover .letterhead_overlay { background: none; } #freeletter_container #freeletter_step1 ul li .letterhead_overlay { background: rgba(255,255,255,0.5); display: block; position: absolute; top: 0; left: 10px; right: 10px; height: 100%; /* border-radius: 10px; */ } #freeletter_container #freeletter_step1 ul li.active .letterhead_overlay { background: none; box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.5); border: 5px solid #F80410; } #freeletter_container #freeletter_step2 { margin: 30px -15px 0 -15px; } #freeletter_container #freeletter_step2 #letter_cat_select_holder { position: relative; width: 100%; display: block; padding: 0 15%; } #freeletter_container #freeletter_step2 #letter_cat_select_holder .form-control { height: 50px; width: 100%; max-width: 350px; margin: 0 auto; color: #fff; background: #1c78db; } #freeletter_container #cat_available_letters { display: block; width: 100%; padding: 0 10%; margin: 30px 0; text-align: center; } #freeletter_container #cat_available_letters hr { margin: 0; border-top: 2px solid #1c78db; } #freeletter_container #cat_available_letters h3 { font-size: 20px; font-weight: 700; color: #1c78db; text-align: center; margin: 30px 0 15px 0; padding: 0; } #freeletter_container #cat_available_letters ul { display: inline-block; list-style: none; padding: 0; margin: 0 0 30px 0; } #freeletter_container #cat_available_letters ul li { font-size: 16px; font-weight: 700; color: #1c78db; text-align: left; cursor: pointer; } #freeletter_container #cat_available_letters ul li a { padding: 5px; border-radius: 5px; line-height: 22px; color: #1c78db; } #freeletter_container #cat_available_letters ul li .letter_select_link { font-size: 18px; whitespace: nowrap; display: inline-block; } #freeletter_container #cat_available_letters ul li .letter_preview_link { font-size: 18px; whitespace: nowrap; color: #fff; background: #C10F14; margin: 0 0 0 5px; padding: 5px 10px; display: none; } #freeletter_container #cat_available_letters ul li.active .letter_select_link { color: #fff; background: #049F06; border-radius: 5px; } #freeletter_container #cat_available_letters ul li.active .letter_preview_link { display: inline-block; } #freeletter_container #freeletter_form { padding: 0; } #freeletter_container #freeletter_form #freeletter_form_alert { margin: 0 0 30px 0; } #freeletter_container #freeletter_form > p { font-size: 18px; font-weight: normal; color: #1c78db; margin: 0 0 30px 0; padding: 0; text-align: center; } #freeletter_container #freeletter_form label { color: #1c78db; } #freeletter_container #freeletter_form .form-group { text-align: center; } #freeletter_container #freeletter_form .form-group > label { max-width: 50%; white-space: nowrap; } #freeletter_container #freeletter_form .form-group > .form-control { max-width: 50%; } #freeletter_container #freeletter_form .form-control { color: #1c78db; } #freeletter_container #freeletter_form .invalid .form-control { border: 3px solid #C10F14; } #freeletter_container #freeletter_form .invalid label { color: #C10F14; } #freeletter_container #freeletter_editor { width: 100%; height: 0; padding: 7% 7% 122.42% 7%; background-size: cover !important; background-repeat: no-repeat !important; position: relative; } #freeletter_container #freeletter_editor[data-selectedletterhead='redribbon'] { background: url('/assets/img/promo_pdf/letter/letterhead1.jpg'); } #freeletter_container #freeletter_editor[data-selectedletterhead='santaface'] { background: url('/assets/img/promo_pdf/letter/letterhead2.jpg'); } #freeletter_container #freeletter_editor[data-selectedletterhead='sleigh'] { background: url('/assets/img/promo_pdf/letter/letterhead3.jpg'); } #freeletter_container #freeletter_editor .freeletter_editor_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.75); z-index: 1; } #freeletter_container #freeletter_editor .freeletter_editor_content { width: 100%; display: block; margin: 0; z-index: 2; position: relative; } #freeletter_container #freeletter_editor .freeletter_editor_content h2 { font-size: 16px; font-weight: bold; font-family: "Monsterrat", sans-serif; color: #1c78db; margin: 0 0 5px 0; text-align: right; position: relative; } #freeletter_container #freeletter_editor .freeletter_editor_content h2 span { color: #C10F14; } #freeletter_container #freeletter_editor #freeletter_editor_textarea { font-size: 16px; font-weight: bold; color: #426798; min-height: 350px; } #freeletter_container #freeletter_editor #freeletter_editor_select_holder { margin: 0; padding: 10% 15% 0 50%; position: relative; left: 15%; } #freeletter_container #freeletter_editor #freeletter_editor_select_holder #freeletter_santa_signature { margin: 15px auto 0 auto; display: block; } #freeletter_container #freeletter_editor .freeletter_editor_tip { width: 250px; display: block; box-shadow: 0 0 10px rgba(0,0,0,0.5); border-radius: 5px; z-index: 4; } #freeletter_container #freeletter_editor .freeletter_editor_tip .editor_tip_content { padding: 15px; position: relative; background: #F40B10; border: 4px solid #fff; border-radius: 5px; } #freeletter_container #freeletter_editor .freeletter_editor_tip .editor_tip_content .editor_tip_close { font-size: 16px; font-weight: 500; color: #fff; text-decoration: none; position: absolute; top: 10px; right: 10px; cursor: pointer; line-height: 1; } #freeletter_container #freeletter_editor .freeletter_editor_tip .editor_tip_content h2 { font-size: 18px; font-weight: 300; color: #fff; margin: 0 0 15px 0; text-align: left; } #freeletter_container #freeletter_editor .freeletter_editor_tip .editor_tip_content p { font-size: 16px; font-weight: 300; color: #fff; margin: 0; text-align: left; } #freeletter_container #freeletter_editor .freeletter_editor_tip .editor_tip_content:after, #freeletter_container #freeletter_editor .editor_tip_content:before { top: 50%; border-style: solid; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } #freeletter_container #freeletter_editor .freeletter_editor_tip .editor_tip_content:before { border-color: transparent #fff; border-width: 36px 0 36px 112px; margin-top: -36px; z-index: 0; right: -112px; } #freeletter_container #freeletter_editor .freeletter_editor_tip .editor_tip_content:after { border-color: rgba(136,225,245,0); border-left-color: #F40B10; border-width: 30px 0 30px 100px; margin-top: -30px; z-index: 1; right: -100px; } #freeletter_container #freeletter_editor #freeletter_editor_custom_closing_line, #freeletter_container #freeletter_editor_custom_closing_line_mobile { display: none; width: 100%; margin-top: 15px; } #freeletter_container .freeletter_alert_4 { margin: 10px 0px 10px 0px; } #freeletter_container #freeletter_editor #editor_tip_1 { position: absolute; top: -125px; left: -25%; } #freeletter_container #freeletter_editor #editor_tip_1 .editor_tip_content:before { margin: 0; right: -81px; top: 72%; border-width: 32px 0 32px 102px; transform: rotate(30deg); filter: drop-shadow(5px 0px 5px rgba(0,0,0,0.5)); -webkit-filter: drop-shadow(5px 0px 5px rgba(0,0,0,0.5)); } #freeletter_container #freeletter_editor #editor_tip_1 .editor_tip_content:after { margin: 0; top: 71%; right: -74px; transform: rotate(30deg); } #freeletter_container #freeletter_editor #editor_tip_2 { position: absolute; top: 15px; left: -15%; } #freeletter_container #freeletter_editor #editor_tip_2 .editor_tip_content:before { filter: drop-shadow(5px 0px 2px rgba(0,0,0,0.5)); -webkit-filter: drop-shadow(5px 0px 2px rgba(0,0,0,0.5)); } #freeletter_container #freeletter_step3 .freeletter_editor_tip_overlay { display: none; background: rgba(0,0,0,0.75); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } #freeletter_container #mobile_editor_tip { width: 250px; display: none; box-shadow: 0 0 10px rgba(0,0,0,0.5); border-radius: 5px; z-index: 4; position: absolute; top: 150px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } #freeletter_container #mobile_editor_tip .editor_tip_content { padding: 15px; position: relative; background: #F40B10; border: 4px solid #fff; border-radius: 5px; } #freeletter_container #mobile_editor_tip .editor_tip_content .editor_tip_close { font-size: 16px; font-weight: 500; color: #fff; text-decoration: none; position: absolute; top: 10px; right: 10px; cursor: pointer; line-height: 1; } #freeletter_container #mobile_editor_tip .editor_tip_content h2 { font-size: 18px; font-weight: 300; color: #fff; margin: 0 0 15px 0; text-align: left; } #freeletter_container #mobile_editor_tip .editor_tip_content p { font-size: 16px; font-weight: 300; color: #fff; margin: 0; text-align: left; } #freeletter_container #freeletter_step3 .checkbox { margin: 30px 0 0 0; text-align: right; } #freeletter_container #freeletter_step3 .checkbox input { display: none; } #freeletter_container #freeletter_step3 .checkbox > span { font-size: 16px; font-weight: bold; color: #1c78db; line-height: 1; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } #freeletter_container #freeletter_step3 .checkbox > span span { display: none; } #freeletter_container #freeletter_step3 .checkbox label { width: 30px; height: 30px; display: inline-block; background: #fff; border-radius: 5px; border: 3px solid #1c78db; } #freeletter_container #freeletter_step3 .checkbox input[type=checkbox]:checked ~ label { background: #fff url("/assets/img/promo_pdf/calendar/checkmark.jpg"); background-size: 20px; background-repeat: no-repeat; background-position: 50%; } #freeletter_container #freeletter_closing_line_alert { margin: 15px 0 0 0; } #freeletter_container #freeletter_alert_3_chkbox { margin: 15px 0 0 0; } #freeletter_container #freeletter_step4 .complete_pdfpromo_holder { margin: 0; padding: 0; list-style: none; display: block; } #freeletter_container #freeletter_step4 .complete_pdfpromo_holder li { font-size: 20px; font-weight: normal; color: #F5FF80; background: #C21114; display: block; width: 100%; padding: 10px 30px; margin: 0 0 15px 0; text-align: left; line-height: 45px; overflow: hidden; border-radius: 30px; } #freeletter_container #freeletter_step4 .complete_pdfpromo_holder li:only-child .remove { display: none; } #freeletter_container #freeletter_step4 .complete_pdfpromo_holder li:last-child { margin: 0; } #freeletter_container #freeletter_step4 .complete_pdfpromo_holder li span { display: inline-block; float: right; } #freeletter_container #freeletter_step4 .complete_pdfpromo_holder li span a { color: #fff; cursor: pointer; text-decoration: underline; } #freeletter_container #freeletter_step4 .complete_pdfpromo_holder li .edit { margin: 0; } #freeletter_container #freeletter_step4 .complete_pdfpromo_holder li .remove { margin: 0 0 0 15px; } #freeletter_container #freeletter_step4 .complete_pdfpromo_holder li img { width: auto; height: 45px; float: left; cursor: pointer; margin: 0 5px 0 0; } #freeletter_container #freeletter_step4 .pdfpromo_add_btn { width: 100%; display: block; margin: 30px 0; padding: 0; position: relative; } #freeletter_container #freeletter_step4 .pdfpromo_add_btn * { cursor: pointer; } #freeletter_container #freeletter_step4 .pdfpromo_add_btn img { width: 60px; height: auto; } #freeletter_container #freeletter_step4 .pdfpromo_add_btn span { font-size: 20px; font-weight: bold; color: #186FD9; text-decoration: underline; position: absolute; left: 75px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } #freeletter_container #freeletter_buttons { display: block; margin: 30px -15px; } #freeletter_container #freeletter_buttons .btn { font-size: 36px; font-weight: bold; font-family: "Kanit", sans-serif; color: #fff; margin: 0; padding: 10px 20px; border-radius: 30px; border: none; line-height: 1; text-align: center; text-shadow: none; } #freeletter_container #freeletter_buttons .btn:hover { box-shadow: 0 0 30px #fff584; } #freeletter_container #freeletter_buttons .back-btn { background: #F40B10; } #freeletter_container #freeletter_buttons .next-btn { background: #196DD6; } #freeletter_container #freeletter_footer img { width: 100%; } #freeletter_container .alert-danger { font-size: 16px; font-weight: bold; color: #fff; background: #C10F14; border: none; } footer.letter_footer { background: #2355a6; } #freeletter_container .pfs_dropdown { max-width: 350px; display: block; margin: 0 auto; } #freeletter_container .pfs_dropdown .dropdown-toggle { font-size: 14px; font-weight: bold; font-family: "Monsterrat", sans-serif; padding: 0 10px; margin: 0; line-height: 50px; height: 50px; color: #fff; background: #1c78db; text-align: left; } #freeletter_container .pfs_dropdown .dropdown-toggle .fa { font-size: 46px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } #freeletter_container .pfs_dropdown .pfs_select { width: 100%; margin: 0; padding: 0; max-height: 500px; overflow-y: auto; } #freeletter_container .pfs_dropdown .pfs_select li { font-size: 14px; font-weight: bold; font-family: "Monsterrat", sans-serif; padding: 5px 10px; color: #1c78db; cursor: pointer; } #freeletter_container .pfs_dropdown .pfs_select li:hover { background: #1c78db; color: #fff; } #freeletter_container .pfs_dropdown .pfs_select li.active { background: #1c78db; color: #fff; } #freeletter_container .pfs_dropdown_holder select { position: absolute; z-index: -1; left: 0; display: none; } #freeletter_container .pfs_dropdown_holder.invalid .pfs_dropdown .dropdown-toggle { border: 3px solid #C10F14 !important; line-height: 30px !important; } #freeletter_container #freeletter_form .pfs_dropdown { width: 100%; max-width: 50%; margin: 0; display: block; float: left; } #freeletter_container #freeletter_form .pfs_dropdown .dropdown-toggle { height: 34px; line-height: 34px; background: #fff; color: #1c78db; border: 1px solid #ccc; border-radius: 4px; } #freeletter_container #freeletter_form .pfs_dropdown .dropdown-toggle .fa { font-size: 34px; color: #1c78db; } #freeletter_container .freeletter_modal { -webkit-overflow-scrolling: auto; } #freeletter_container .freeletter_modal .modal-dialog { margin-top: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .freeletter_modal .modal-content .modal-header { padding: 0; border: none; margin: 0; position: relative; min-height: 0; } .freeletter_modal .modal-content .modal-header .close { font-size: 40px; font-weight: bold; color: #fff; background: #C5232E; border: 2px solid #fff; width: 40px; height: 40px; border-radius: 50%; position: relative; top: -5px; right: -5px; opacity: 1; text-align: center; line-height: 0.9; z-index: 5; } .freeletter_modal .modal-content .modal-header .close span { font-size: 40px; font-family: Arial; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .freeletter_modal ::-webkit-input-placeholder { color: #1c78db; font-family: "Montserrat", sans-serif; font-weight: bold; } .freeletter_modal ::-moz-placeholder { color: #1c78db; font-family: "Montserrat", sans-serif; font-weight: bold; } .freeletter_modal :-ms-input-placeholder { color: #1c78db; font-family: "Montserrat", sans-serif; font-weight: bold; } .freeletter_modal :-moz-placeholder { color: #1c78db; font-family: "Montserrat", sans-serif; font-weight: bold; } .freeletter_modal input, .freeletter_modal select { color: #1c78db; font-family: "Montserrat", sans-serif; font-weight: bold; border-top-width: 0px;} .freeletter_modal .finish_disabled_btn span { font-size: 20px; font-weight: 300; display: block; } #letter_sample_modal .modal-body { padding: 30px 40px 30px 40px; } #letter_sample_modal .modal-body h2 {font-weight: bold; color: #1f5491; } #letter_sample_modal .modal-body h3 { font-size: 16px; font-weight: bold; color: #B70F18; margin: 30px 0; } #letter_sample_modal .modal-body p { font-size: 16px; font-weight: normal; color: #1358a3; white-space: pre-wrap; margin: 0; } #letter_sample_modal .modal-body p span { background: #FDFD37; } #letter_sample_modal .modal-body .btn { font-size: 24px; font-weight: bold; font-family: "Kanit", sans-serif; color: #fff; background: #196DD6; padding: 10px; line-height: 1; text-align: center; border-radius: 30px; text-shadow: none; margin: 30px 0; letter-spacing: 1px; } #letter_sample_modal .modal-body .copy { font-size: 14px; font-weight: bold; color: #B70F18; margin: 0; display: block; text-align: center; text-decoration: none; } #letter_sample_modal .modal-body .copy span { text-decoration: underline; margin: 0 0 0 5px; } #letter_maxnum_modal .modal-body { padding: 60px; } #letter_maxnum_modal .modal-body h1 { font-size: 38px; font-weight: bold; padding: 0 30px; margin: 0 0 15px 0; } #letter_maxnum_modal .modal-body p { font-size: 16px; font-weight: 300; margin: 0; } #letterhead_confirm_modal { } #letterhead_confirm_modal .modal-content { border-radius: 15px; background: #fff; } #letterhead_confirm_modal .modal-snow { position: absolute; left: -20px; top: -40px; width: auto; height: 90px; z-index: 2; } #letterhead_confirm_modal .modal-body { padding: 30px; } #letterhead_confirm_modal .modal-body img { width: 100%; height: auto; } #letterhead_confirm_modal .modal-body p { font-size: 16px; font-weight: bold; color: #1c78db; text-align: center; margin: 30px 0 0 0; } #letterhead_confirm_modal .modal-body p a { text-decoration: underline; } #letter_finish_modal .modal-dialog { margin-top: 0; } #letter_finish_modal .modal-content { background: rgb(145,183,216); background: -moz-linear-gradient(top, rgba(145,183,216,1) 0%, rgba(242,247,250,1) 100%); background: -webkit-linear-gradient(top, rgba(145,183,216,1) 0%,rgba(242,247,250,1) 100%); background: linear-gradient(to bottom, rgba(145,183,216,1) 0%,rgba(242,247,250,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91b7d8', endColorstr='#f2f7fa',GradientType=0 ); border-radius: 15px; box-shadow: none; } #letter_finish_modal .modal-header .close { top: -15px; right: -20px; } #letter_finish_modal .modal-body { padding: 60px 30px 15px 30px; overflow: visible; } #letter_finish_modal .modal-body:after { position: absolute; top: -10px; bottom: -10px; left: -10px; right: -10px; background: linear-gradient(to bottom, #D1E6F3 100%, #6A99C0 100%); box-shadow: 0 5px 15px rgba(0,0,0,.5); -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); content: ''; z-index: -1; border-radius: 15px; } #letter_finish_modal .modal-snow { position: absolute; left: -20px; top: -40px; width: auto; height: 90px; z-index: 2; } #letter_finish_modal .form-control { color: #1c78db; } #letter_finish_modal p { font-size: 16px; font-weight: bold; margin: 0; color: #1c78db; text-align: center; } #letter_finish_modal p span { text-transform: uppercase; } #letter_finish_modal .terms_link { font-size: 14px; font-weight: 300; color: #fff; position: absolute; right: 0; bottom: -30px; text-decoration: none; } #letter_finish_modal .btn { font-size: 26px; font-weight: 700; font-family: "Kanit", sans-serif; letter-spacing: 1px; color: #fff; padding: 15px; margin: 15px 0; line-height: 1; background: #196DD6; border: none; border-radius: 25px; white-space: normal; } #letter_finish_modal .btn:hover { box-shadow: 0 0 30px #fff584; } #letter_finish_modal .checkbox { font-size: 14px; font-weight: bold; color: #1c78db; line-height: 1; } #letter_finish_modal .checkbox input { visibility: hidden; } #letter_finish_modal .checkbox span { line-height: 1; position: absolute; left: 40px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } #letter_finish_modal .checkbox label { width: 30px; height: 30px; display: inline-block; background: #fff; border-radius: 5px; border: 1px solid #1c78db; } #letter_finish_modal .checkbox input[type=checkbox]:checked ~ label { background: #fff url("/assets/img/promo_pdf/calendar/checkmark.jpg"); background-size: 20px; background-repeat: no-repeat; background-position: 50%; } #letter_finish_modal .checkbox span u { text-decoration: underline; } #letter_finish_modal .finish_disabled_btn { color: #CFDEE8; background: #A9C2D6; cursor: default; } #letter_finish_modal .finish_disabled_btn:hover { box-shadow: none; } #letter_finish_modal .form-group { position: relative; } #letter_finish_modal .form-group input { padding-right: 45px; } #letter_finish_modal .form-group img { width: 25px !important; height: 25px !important; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } #letter_finish_modal .form-group .valid_img { width: 30px; height: 30px; } #freeletter_container .modal.confirm_remove_modal .modal-body { padding: 30px 15%; background: #A51618; } #freeletter_container .modal.confirm_remove_modal .modal-body h1 { font-size: 26px; font-weight: bold; color: #fff; margin: 30px 0 45px 0; text-shadow: 3px 3px 3px #000; text-align: center; line-height: 1; } #freeletter_container .modal.confirm_remove_modal .modal-body .btn { font-size: 20px; font-weight: bold; font-family: "Monsterrat", sans-serif; text-shadow: 3px 3px 3px #000; color: #fff; line-height: 1; text-decoration: underline; padding: 0; margin: 0; } #freeletter_container .modal.confirm_remove_modal .modal-body .cancel-btn { float: left; } #freeletter_container .modal.confirm_remove_modal .modal-body .remove-child-btn { float: right; } #freeletter_container .modal .modal-content .modal-header { padding: 0; min-height: 0; } #freeletter_container .modal .modal-content .modal-header .close { font-size: 40px; font-weight: bold; color: #fff; background: #C5232E; border: 2px solid #fff; width: 40px; height: 40px; border-radius: 50%; position: relative; top: -5px; right: -5px; opacity: 1; text-align: center; line-height: 0.9; z-index: 5; } #freeletter_container .modal .modal-content .modal-header .close span { font-size: 40px; font-family: Arial; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .modal-content p.valid-email { color:#bf1b0d !important;} .additional-santa-emails span { font-size: 100%; } .carousel-container { background: #0D3F7C; text-align: center; color: white; padding-bottom: 60px;} .carousel-container .carousel-header { color: #fff; margin-top:0; font-size: 350%; text-transform: capitalize; text-shadow: #222222 0 4px 4px; font-weight: 500; } .carousel-container .includes-header { font-size: 150%; margin-top: 20px;} .carousel-container .watch-now { font-size: 32px; font-weight: 200; } .carousel-container #story-carousel .carousel-control {} #story-carousel{margin-top:60px;} #story-carousel .carousel-inner { width: 90%; background: #0a5994; padding: 0; margin: auto auto 20px auto; border-radius: 10px; } #story-carousel .carousel-inner .item h5 { padding: 0; margin: 0 0 15px 0; font-size: 150%; } #story-carousel .carousel-inner .item { width: 100%; margin: auto; padding: 15px 30px 30px 30px; } #story-carousel .carousel-inner .item .embed-responsive { margin: auto; } #story-carousel .carousel-inner .item .embed-responsive video { display: none; max-width: 100%; width: 100%; } #story-carousel .carousel-inner .item img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } #story-carousel .carousel-inner .item .fpv_carousel_overlay { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* background: rgba(0,0,0,0.35); */ z-index: 3; } #story-carousel .carousel-inner .item .play-icon { display: block; width: auto; height: 90px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); z-index: 4; cursor: pointer; } #story-carousel .carousel-inner .item.playing .embed-responsive video { display: block; } #story-carousel .carousel-inner .item.playing img { display: none; } #story-carousel .carousel-inner .item.playing .fpv_carousel_overlay { display: none; } #story-carousel .carousel-inner .item.playing .fa-play-circle { display: none; } #story-carousel .elf-hang { position: absolute; top: -7%; right: calc(5% - 65px); width: 84px; height: auto; z-index:3;} #story-carousel .carousel-caption{bottom:60px;left:10%!important;right:10%!important;} #story-carousel .carousel-indicators{bottom:auto;top: -60px;} #story-carousel .carousel-indicators li{ text-indent:inherit;width:45px;height:45px;line-height:45px;font-size:35px;background:white;border-radius:26px;color:#113d73;border:none; margin: 0 10px 1% 10px; transition: box-shadow 1s, background 1s, color 1s; font-weight: 700; font-family: Montserrat, Arial, sans-serif;} #story-carousel .carousel-indicators li:last-child{ font-size: 12px; font-weight:bold; line-height: 45px; transform: translateY(-15px); } #story-carousel .carousel-indicators li:last-child p{ transform: translateY(12px); line-height: 12px; } #story-carousel .carousel-indicators .active, .carousel-indicators li:hover{background:#cc0000;color:white; box-shadow: #00FFFF 0 0 10px 1px;} #story-carousel .carousel-control{z-index: 3; background:#195a9a; color: #80a4c8; !important; position: absolute; border-radius: 50%; top: 50%; transform: translateY(-50%); width: 80px; height: 80px; opacity:1;} #story-carousel .carousel-control span { text-shadow: none; position: absolute; top:50%; left: 50%; transform: translateY(-50%) translateX(-50%); font-size: 250%; text-align: center;} #story-carousel .carousel-control.left { left: -60px; transform: translateY(-50%) rotateY(180deg); } #story-carousel .carousel-control.right { right: -60px; } #personalize_carousel_btn { font-size: 40px; font-weight: bold; color: #fff; background: #299034; border: 5px solid #E7E366; box-shadow: 0px 0px 30px #1D69BD; border-radius: 30px; margin: 30px 0; padding: 15px 30px; line-height: 1; } #pfs_testimonial { background: #0D3F7C; } #pfs_testimonial .testimonial-title { color: #FFF; margin: 35px 0 35px 0; text-align:center;} #pfs_testimonial .thumbnail-img { position: relative; margin: auto; text-align:center; } #pfs_testimonial .row-o-stars { list-style: none; margin: auto; padding:0;} #pfs_testimonial .row-o-stars li { display: inline; } #pfs_testimonial .row-o-stars li img { display: inline; width:40px; } #pfs_testimonial .testimonial-header { font-size: 150%; } #pfs_testimonial .testimonial { width: 100%; margin:auto; text-align:center; color: #FFF; padding: 10px 0 10px 0; } #pfs_testimonial .personalize-button { border: #FFEE05 3px solid; border-radius: 30px; box-shadow: #23a3ff 0 0 20px 1px; text-align: center; margin: auto; background: #108900; width: 80%; font-size: 125%; color: #fff; font-weight: bold; padding: 6px 0 6px 0; position:absolute; left:50%; transform: translateX(-50%); } #pfs_testimonial .kids-parents-img { margin-top: 90px; } #tech{color:white; background: #0D3F7C;} #tech h1, #tech p{color:white;} #tech h1{font-weight:200;margin:22px 0;} #tech p{font-size:17px;font-weight:200;line-height:1.2;padding:10px 0;} #tech .btn{margin-bottom:40px;} #tech img{width:100%;} body.body_redemption { background: #00335b; } #redemption_container { padding: 60px 15px 100px 15px; background: #00335b url("/assets/img/2016/redemption/redeem-bg.jpg"); background-repeat: no-repeat; background-position: top center; } #redemption_container .pfs-logo { width: auto; max-width: 100%; margin: 0 auto; display: block; } #redemption_container h1 { font-size: 20px; font-weight: 500; margin: 30px 0; color: #fff; text-align: center; } #redemption_container h1 img { height: 30px; margin: 0 0 0 5px; } #redemption_container .btn { font-size: 20px; font-weight: 700; color: #fff; background: #029F2A; text-align: center; max-width: 350px; margin: 0 auto 30px auto; padding: 10px; line-height: 1.2; border-radius: 7px; border: 2px solid transparent; } #redemption_container .btn span { display: block; } #redemption_container .btn:hover { border: 2px solid #ffff00; box-shadow: 0 0 20px #ffff00; } #redemption_container .elf-img-holder { display: block; overflow: hidden; } #redemption_container .elf-img { margin: 30px auto 15px auto; display: block; } #redemption_container .copy-text { font-size: 12px; font-weight: 500; color: #66859d; text-align: center; } #redemption_container .copy-text a { color: #66859d; text-decoration: underline; } #redemption_container a:visited, #redemption_container a:focus, #redemption_container a:active { outline: none; } #fpv-gears { color: #0a5994; } .nowrap {white-space:nowrap;} .free-text { transform: rotate(10deg); text-align:center; display: block; } .free-text:hover, .free-text:active, .free-text:focus, .free-text:visited { text-decoration: none; } .free-text h3 { color: yellow !important; text-decoration: none !important; text-shadow: #009DFF 0 5px 21px; font-size: 100px !important; margin: 0 !important; } .free-text h4 { margin: 0; color: white; text-shadow: #009DFF 2px -5px 10px; padding: 0; font-size: 25px; font-family:'proxima-nova',Arial,sans-serif; font-weight: 700; } .video-column { padding-bottom: 30px; } .fpv-landing .video-container { margin:auto; width: 80%; overflow: visible; } .fpv-landing .video-container .video { position: relative; padding-top: 0; } .fpv-landing .video-container .get-started { display: block; position: relative; text-align: center; color: #FFF; text-decoration: underline; } .fpv-landing .video-container .video .get-started h4 { font-size: 30px; font-weight: 700; } .free-text .get-started { text-shadow: none !important; text-decoration: underline; font-size: 80px; font-stretch: extra-expanded;} #tech .get-started-button { color: #0c2e7c; font-weight: 600; } #tech .get-started-button:hover { box-shadow: #3db7ff 0 0 30px 1px; } #headline.fpv-landing .fb-container { position:absolute; left: 120%; bottom: 115%; z-index:3; } #headline.fpv-landing .mobile-fb-container { position: relative; transform: none; z-index: 3; width: 100%; text-align: center; } #headline.fpv-landing .mobile-fb-container .fb-like, #headline.fpv-landing .mobile-fb-container .fb-share-button { display: inline-block; } #pronunciation { width: 40px; } #pronunciation:focus {outline:0 !important;} .disabled { background: #CCC !important; color: #777 !important; cursor: default; } /* Core Offers Page Styling */ #co_container { } #co_container .font-monsterrat, #co_container .font-monsterrat * { font-family: "monsterrat", Arial, sans-serif; } #co_container .font-opensans, #co_container .font-opensans * { font-family: "Open Sans", Arial, sans-serif; } #co_container .co_child_string { text-transform: capitalize; } #co_container .co_child_string span { text-transform: none; } #co_container .co_child_string.name_placeholder { } #co_container .co_ordernow_holder { display: block; width: 100%; text-align: center; } #co_container .co_ordernow_btn { font-size: 32px; font-weight: 700; color: #fff; background: #F40000; /* display: none; */ display: inline-block; clear: both; width: auto; height: auto; padding: 10px 30px; margin: 15px 0; text-align: center; text-decoration: underline; border-radius: 5px; } #co_header_row { background: url('/assets/img/2016/coreoffers/santa.jpg') no-repeat top right #850101; background-size: contain; min-height: 480px; position: relative; overflow: hidden; } #co_header_row .co_share_banner { position: absolute; top: 0; left: 0; width: 100%; text-align: center; } #co_header_row .co_share_banner a { font-size: 14px; font-weight: bold; margin: 0; padding: 5px 15px; width: auto; height: auto; color: #fff; background: #006fd5; border-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 0; letter-spacing: 0.5px; } #co_header_row .header_burst_img { width: 60%; height: auto; position: absolute; left: 5%; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 0; } #co_header_row .video { z-index: 2; } #co_header_row .video h2 { font-size: 26px; font-weight: bold; /* color: #fff; */ color: #F7F93E; margin: 30px 0 0 0; text-align: center; } #co_header_row .video h1 { font-size: 28px; font-weight: bold; color: #fff; margin: 15px 0; text-align: center; } #co_header_row .video .co_video_holder { position: relative; } #co_header_row .video .co_video_holder video { width: 80%; margin: 0 auto; display: block; } #co_header_row .video .co_video_holder .vsl_play_img { cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } #co_header_row #co_ordernow_row { position: relative; margin: 15px -15px 10px -15px; } #co_header_row #co_ordernow_row .guarantee_img { width: 30%; height: auto; position: absolute; left: 0%; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } #co_header_row #co_ordernow_row .ordernow_img { max-width: 50%; width: auto; height: auto; display: block; margin: 15px auto; } #co_header_row .header_continue_text { font-size: 16px; font-weight: 500; color: #fff; display: block; margin: 15px 0; text-align: center; text-decoration: underline; } #co_children_row h2 { font-size: 28px; font-weight: 700; color: #DE0204; margin: 30px 0 15px 0; text-align: center; text-transform: uppercase; } #co_children_row h1 { font-size: 36px; font-weight: 500; color: #011C75; margin: 0; text-align: center; } #co_children_row .co_child_photos { margin: 30px 0 0 0; } #co_countdown_row { } #co_countdown_row h2 { font-size: 26px; font-weight: 400; color: #011C75; margin: 30px 0 15px 0; text-align: center; } #co_countdown_row img { width: 100%; } #co_countdown_row h3 { font-size: 36px; font-weight: 600; color: #000; margin: 30px 0 15px 0; text-align: center; } #co_countdown_row p { font-size: 16px; font-weight: 500; color: #000; text-align: center; } #co_countdown_row .countdown-time { padding: 0; margin: 0 0 30px 0; text-align: center; list-style: none; } #co_countdown_row .countdown-time li { font-size: 90px; font-weight: 700; color: #DE0204; font-family: "proxima-nova",sans-serif!important; padding-right: 40px; display: inline-block; box-sizing: border-box; } #co_countdown_row .countdown-time .countdown-blue { font-size: 32px; font-weight: 400; color: #011C75; margin-top: -20px; } #co_countdown_row .countdown-time .countdown-grey { font-size: 32px; font-weight: 400; color: #868686; margin-top: -20px; } #co_package_row { } #co_package_row .co_discount_text_img { width: 75%; display: block; margin: 15px auto; } #co_package_row .co_package_img { width: 80%; display: block; margin: 0 auto; } #co_package_row h2 { font-size: 20px; font-weight: bold; color: #011C75; margin: 30px 0 0 0; text-align: center; } #co_package_row h2 a { color: #011C75; text-decoration: underline; } #co_package_row h3 { font-size: 20px; font-weight: 400; color: #011C75; margin: 0 0 30px 0; text-align: center; } #co_package_row .checklist_holder { text-align: center; } #co_package_row .co_mobile_checklist { width: auto; display: inline-block; list-style: none; margin: 0; padding: 0; } #co_package_row .co_mobile_checklist li { font-size: 20px; font-weight: 700; color: #011C75; background: url("/assets/img/2016/coreoffers/checkmark.jpg") no-repeat; background-position: 0; background-size: 24px; text-align: left; display: block; width: 100%; padding: 3px 3px 3px 30px; margin: 0 0 5px 0; } #co_package_row .co_elf_mobile_img { width: 100%; height: auto; display: block; } #co_call_row {} #co_call_row #co_slide_in_col { } #co_call_row #co_slide_in_col.slide-left { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(-100px, 0px, 0px); -webkit-transform: translate3d(-100px, 0px, 0px); -o-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate3d(-100px, 0px, 0px); } #co_call_row #co_slide_in_col.slide-left.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } #co_call_row #co_slide_in_col img { width: 110%; } #co_call_row img { width: 100%; height: auto; margin: 0; display: block; } #co_call_row p { font-size: 14px; font-weight: 500; color: #011C75; text-align: center; margin: 5px 0 0 0; } #co_call_row h2 { font-size: 50px; font-weight: bold; color: #0295E5; margin: 15px 0; text-align: center; line-height: 0.9; } #co_call_row h2 span { font-size: 26px; font-weight: 600; color: #0295E5; display: block; margin: 0; text-align: center; } #co_banner_row { margin: 30px -15px; } #co_banner_row img { width: 80%; display: block; margin: 0 auto; } #co_banner_row a { font-size: 14px; font-weight: 500; color: #011C75; display: block; width: 70%; text-align: right; margin: 0 auto; text-decoration: underline; } #co_banner_row h3 { font-size: 20px; font-weight: 500; color: #011C75; margin: 15px 0; text-align: center; } #co_pckgcontents_row {} #co_pckgcontents_row h2 { font-size: 24px; font-weight: 500; color: #011C75; margin: 0 0 30px 0; text-align: left; padding: 0 30px; } #co_pckgcontents_row h2 b { font-weight: bold; } #co_pckgcontents_row .package_content_row { margin: 0 -15px 30px -15px; display: flex; position: relative; } #co_pckgcontents_row img { width: auto; height: auto; max-width: 100%; max-height: 200px; display: block; margin: 0 auto; } #co_pckgcontents_row p { font-size: 16px; font-weight: 500; font-family: "Open Sans", Arial, sans-serif; color: #011C75; margin: 0; text-align: left; width: 100%; position: absolute; left: 0%; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } #co_pckgcontents_row p b { font-size: 18px; color: #DE0204; } #co_pckgcontents_row p span:not(.co_child_string) { font-weight: 700; } #co_pckgcontents_row p b span.co_child_string span { font-weight: 700; } #co_pckgcontents_row p span.co_child_string span { font-weight: 500; } /* #co_pckgcontents_row p .co_child_string.name_placeholder { text-transform: lowercase; } */ #co_pckgcontents_row p i { font-style: italic; } #co_pckgcontents_row .co_ordernow_btn { margin: 0 0 30px 0; } #co_pckgcontents_row .package_content_ordernow_row { margin: 0 -15px 30px -15px; } #co_pckgcontents_row .package_content_ordernow_row h2 { font-size: 22px; font-weight: 700; color: #011C75; margin: 0; text-align: center; letter-spacing: -0.5px; } #co_pckgcontents_row .package_content_ordernow_row h2 span { font-size: 22px; font-weight: 400; color: #011C75; margin: 0 0 5px 0; text-align: center; display: block; } #co_pckgcontents_row .package_content_ordernow_row h3 { font-size: 22px; font-weight: 400; color: #011C75; margin: 0 0 5px 0; text-align: center; display: block; letter-spacing: -0.5px; } #co_pckgcontents_row .package_content_ordernow_row a { font-size: 22px; font-weight: 700; color: #1D94BC; margin: 0; text-align: center; text-decoration: underline; display: block; } #co_pckgcontents_row .package_content_ordernow_row .co_ordernow_btn { color: #fff; display: inline-block; } #co_news_row {} #co_news_row .co_logos_holder { display: block; width: 100%; margin: 0 auto; text-align: center; } #co_news_row a:visited, #co_news_row a:active, #co_news_row a:focus, #co_news_row a:hover { outline: none; } #co_news_row .co_pfs_logo { display: inline-block; max-width: 300px; width: calc(50% - 5px); margin: 0 10px 0 0; } #co_news_row .co_bbb_logo { display: inline-block; max-width: 300px; width: calc(50% - 5px); margin: 45px 0 0 0; } #co_news_row .co_news_img_holder { display: block; width: 100%; margin: 15px 0 0 0; text-align: center; } #co_news_row .co_news_img_holder p { font-size: 24px; font-weight: 700; color: #000; line-height: 80px; display: inline-block; } #co_news_row .co_news_img_holder img { height: 80px; width: auto; display: inline-block; margin: 0 0 0 15px; } #co_testimonial_row { margin: 30px -15px 0 -15px; } #co_testimonial_row .testimonial_row { margin: 0 -30px; } #co_testimonial_row .testimonial_row .col-sm-4 { padding: 0 30px; } #co_testimonial_row .col-sm-4 img { width: 100%; } #co_testimonial_row .col-sm-4 p { font-size: 18px; font-weight: 400; color: #000; margin: 15px 0; } #co_testimonial_row .col-sm-4 p b { font-weight: 700; font-style: italic; } #co_testimonial_row h2 { font-size: 20px; font-weight: 700; color: #000; margin: 30px 0; text-align: center; } #co_testimonial_row .co_buynow_btn { } #co_testimonial_row .co_continue_btn { font-size: 16px; font-weight: 500; width: 100%; display: block; margin: 15px 0 0 0; text-align: center; } #co_testimonial_row .co_continue_btn span { font-size: 20px; display: block; text-decoration: underline; } #co_gallery_row {} #co_gallery_row #gallery { list-style: none; padding: 0; margin: 0; } #co_gallery_row #gallery li { list-style: none; margin-top: 2%; padding: 0 1%; } #co_gallery_row #gallery li .galleryItem { position: relative; } #co_gallery_row #gallery li img { margin: auto; width: 100%; } #co_gallery_row #gallery li .added { position: absolute; top: 0; display: none; width: 100%; } #co_footer { padding: 2% 0 0 0; margin: 0; background: #fff; position: relative; } #co_footer .footer_snow { position: absolute; top: -50px; left: 0; width: 100%; height: auto; } #co_footer .co_ordernow_btn { margin: 10px 0 0 0; } #co_footer h3 { font-size: 16px; font-weight: 400; color: #011C75; margin: 15px 0 0 0; text-align: center; } #co_footer h3 a { color: #011C75; text-decoration: underline; } #co_footer p { font-size: 14px; font-weight: 400; color: #011C75; margin: 0 0 30px 0; text-align: center; } #co_footer a { color: #011C75; } #co_container .co_modal .modal-content { overflow: hidden; border-radius: 10px; } #co_container .co_modal .modal-header { background: #CC0001; position: relative; padding: 15px; border: none; } #co_container .co_modal .modal-header .close { font-size: 26px; color: #fff; margin: 0; opacity: 1; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } #co_container .co_modal .modal-header .modal-title { font-size: 20px; font-weight: 700; margin: 0; padding: 0 30px 0 0; color: #fff; text-align: left; } #co_container .co_modal .modal-body { padding: 0; } #co_container #foxnewsModal .modal-header { height: 20px; background: #fff; } #co_container #foxnewsModal .modal-header .close { color: #CC0001; top: 5px; right: 5px; transform: none; -moz-transform: none; -ms-transform: none; -webkit-transform: none; } #co_container #foxnewsModal .modal-body { padding: 0 15px 15px 15px; } #co_container #foxnewsModal .modal-body img { max-width: 100%; width: auto; height: auto; display: block; margin: 0 auto; } #co_container #shareOfferModal { } #co_container #shareOfferModal .modal-header { height: 20px; background: #fff; } #co_container #shareOfferModal .modal-header .close { color: #CC0001; top: 5px; right: 5px; transform: none; -moz-transform: none; -ms-transform: none; -webkit-transform: none; } #co_container #shareOfferModal .modal-body { padding: 0 15px 15px 15px; } #co_container #shareOfferModal .modal-body h2 { font-size: 30px; font-weight: bold; color: #006fb3; margin: 20px 10px; padding: 20px 0 0 0; border-top: 1px solid #006fb3; text-align: center; } #co_container #shareOfferModal .modal-body .co_share_holder { text-align: center; } .modal-backdrop.in { opacity: 0.75; } @media (max-width: 1340px){ #co_container #co_header_row .video h2 { font-size: 18px; } #co_container #co_header_row .video h1 { font-size: 22px; } } @media (max-width: 1200px){ #co_container #co_header_row .video h2 { font-size: 16px; } #co_container #co_header_row .video h1 { font-size: 20px; } } @media (max-width: 992px){ #co_container #co_header_row { min-height: 350px; } #co_header_row .header_burst_img { left: 0%; width: 55%; } #co_package_row .co_package_img { width: 100%; } #co_package_row h2 { font-size: 16px; } #co_package_row h3 { font-size: 16px; } #co_news_row .co_news_img_holder p { display: block; margin: 15px 0; line-height: 1; } #co_news_row .co_news_img_holder img { max-width: 28%; width: auto; height: auto; margin: 0; } #co_news_row .co_news_img_holder a:nth-of-type(2) img { margin: 0 15px; } #co_footer .footer_snow { top: -30px; } } @media (max-width: 767px){ #co_container #co_header_row { background: url("/assets/img/2016/coreoffers/m_header.jpg") #850101; background-repeat: no-repeat; background-size: 100% 100%; min-height: none; } #co_container #co_header_row .header_burst_img { display: none; } #co_container #co_header_row .video h2 { font-size: 22px; } #co_header_row .video h2 { color: #F7F93E; } #co_header_row #co_ordernow_row { margin: 10px -15px 0 -15px; } #co_header_row #co_ordernow_row .ordernow_img { max-width: 80%; margin: 0 auto; } #co_header_row #co_ordernow_row .guarantee_img { width: 50%; display: block; margin: 0 auto; position: relative; left: 0%; top: 0%; transform: none; -moz-transform: none; -ms-transform: none; -webkit-transform: none; } #co_container .co_ordernow_btn { display: inline-block; } #co_header_row .video .co_video_holder video { width: 100%; } #co_header_row .header_continue_text { font-size: 14px; } #co_children_row h1 { font-size: 26px; } #co_banner_row img { width: 100%; } #co_banner_row a { width: 100%; text-align: center; } #co_package_row .co_package_img { width: 80%; margin: 0 auto; } #co_package_row .co_discount_text_img { width: 100%; margin: 0 auto; } #co_package_row h2 { font-size: 20px; margin: 5px 0 0 0; } #co_package_row h2 .mobile_bonus_text { display: inline-block; clear: both; width: auto; margin: 5px auto; padding: 5px; color: #DE0204; background: #FEFD27; } #co_package_row h3 { font-size: 18px; } #co_countdown_row h2 { font-size: 20px; margin: 15px 0 0 0; } #co_countdown_row .countdown-time { margin: 0 -15px 15px -15px; } #co_countdown_row .countdown-time li { font-size: 50px; padding: 0 15px; } #co_countdown_row .countdown-time .countdown-blue { font-size: 16px; margin-top: -10px; } #co_countdown_row.red_mobile_countdown_row { padding: 10px 0; margin: 0 -15px 30px -15px; background: #DE0204; } #co_countdown_row.red_mobile_countdown_row img { display: none; } #co_countdown_row.red_mobile_countdown_row h4 { font-size: 18px; font-weight: 700; color: #fff; margin: 0; text-align: center; } #co_countdown_row.red_mobile_countdown_row p { display: none; } #co_countdown_row.red_mobile_countdown_row .countdown-time { margin: 0 -15px; } #co_countdown_row.red_mobile_countdown_row .countdown-time li { color: #FBFA24; } #co_countdown_row.red_mobile_countdown_row .countdown-time .countdown-grey { font-size: 16px; font-weight: 600; color: #fff; } #co_news_row .co_pfs_logo { display: block; max-width: 70%; width: auto; margin: 0 auto; } #co_news_row .co_bbb_logo { display: block; max-width: 70%; width: auto; margin: 0 auto; } #co_pckgcontents_row h2 { padding: 0; text-align: center; } #co_pckgcontents_row .package_content_row { margin: 0 -15px 30px -15px; display: block; } #co_pckgcontents_row .package_content_row:last-child { margin: 0 -15px; } #co_pckgcontents_row img { width: auto; height: auto; max-width: 100%; max-height: 200px; display: block; margin: 0 auto 15px auto; } #co_pckgcontents_row p { font-size: 16px; font-weight: 500; position: relative; left: 0%; top: 0%; transform: none; -moz-transform: none; -ms-transform: none; -webkit-transform: none; } #co_pckgcontents_row .package_content_ordernow_row h2 { margin: 0 0 15px 0; } #co_pckgcontents_row .package_content_ordernow_row h2 span { display: inline; margin: 0; } #co_pckgcontents_row .package_content_ordernow_row h3 { margin: -15px 0 15px 0; } #co_testimonial_row .testimonial_row { margin: 0 -15px; } #co_footer .footer_snow { top: -15px; } #co_footer p { margin: 2px 0 30px 0; line-height: 1.25; } } @media (max-width: 480px){ #co_container .co_modal .modal-header .modal-title { font-size: 14px; } #co_package_row .co_package_img { width: 100%; } #co_package_row .co_mobile_checklist li { font-size: 16px; } #co_countdown_row .countdown-time li { padding: 0 10px; } #co_call_row h2 { font-size: 48px; } #co_call_row h2 span { font-size: 22px; } #co_pckgcontents_row h2 { font-size: 20px; } #co_footer h3 { font-size: 14px; } #co_footer p { font-size: 12px; } } /* CUSTOM MEDIA BREAKPOINT FOR PROMO MODALS */ @media (min-width: 768px) and (max-height: 950px){ #pdfpromo_container .promo_modal .modal-dialog { position: relative; left: auto; top: auto; transform: none; margin-top: 25px; } #freeletter_container .freeletter_modal .modal-dialog { position: relative; left: auto; top: auto; transform: none; margin-top: 45px; } } @media (min-width: 768px) and (max-height: 1000px){ #freeletter_container #letterhead_confirm_modal .modal-dialog { position: relative; left: auto; top: auto; transform: none; margin-top: 45px; } } @media (min-width: 768px){ #pdfpromo_container.postcard_container .modal-dialog { width: 600px; } } @media (min-width: 1200px){ .col-lg-offset-2-5 { margin-left: 20.83333333%; } } @media (min-width: 1201px) { #confirmation_phonecall_card #confirmation_page_arrow_right { right: 65px; } #no_fake_beards_slide_in.slide-left.in-view { opacity: 1; -moz-transform: translate3d(50px, 0px, 0px); -webkit-transform: translate3d(50px, 0px, 0px); -o-transform: translate(50px, 0px); -ms-transform: translate(50px, 0px); transform: translate3d(50px, 0px, 0px); } #pdfpromo_container .nicelist_scroll_content_bg { height: 264px; } } @media (min-width: 1401px) { #no_fake_beards_slide_in.slide-left.in-view { opacity: 1; -moz-transform: translate3d(75px, 0px, 0px); -webkit-transform: translate3d(75px, 0px, 0px); -o-transform: translate(75px, 0px); -ms-transform: translate(75px, 0px); transform: translate3d(75px, 0px, 0px); } } @media (min-width: 481px){ .finish_modal .modal-dialog { max-width: 450px; margin: 60px auto 0 auto; } #letter_finish_modal .modal-dialog { max-width: 450px; margin: 60px auto 0 auto; } } @media (max-width: 1550px){ #freeletter_container #freeletter_editor #editor_tip_1 { left: -15%; } #story-carousel .carousel-indicators li { margin: 0 10px 0 0; } } @media (max-width:1250px) { #headline h1 { font-size: 46px; } #headline h2 { font-size: 32px; } } @media (max-width:1200px) { .free-text h3 { font-size: 75px !important; } .free-text h4 { font-size: 20px; } #header-nav{margin-top:1em;} #form-nav a { font-size: 12px; } footer .santa-links li a, footer .santa-links li a:hover, footer .santa-links li a:visited { font-size:12px; } .products .col-md-3 { padding-left:5px; padding-right:5px; } .products h4 { font-size:13px; } .products p { height:135px; } .products .btn-success { width:70%; } #pfs_no_fake_beards h1 { left: 25%; } #packages .pfs_package_holder .pfs_package_info_holder h2.best-value:before { left: 11%; } #pfs_naughty_nice_holder .app_btn_holder { width: 90%; } #pfs_no_fake_beards #no_fake_beard_img { margin-bottom: -80px; } #ppe_order_section #ppe_order_details h2 { font-size: 36px; } #ppe_order_section #ppe_order_details h3 { font-size: 36px; } #ppe_order_section #ppe_order_details h4 { font-size: 32px; } #ppe_order_section #ppe_order_details h4 .ppe_percentage { width: 100px; } #ppe_order_section #ppe_order_details h1 { font-size: 42px; } #ppe_order_section #ppe_package_details ul li { font-size: 14px; } #ppe_order_section #ppe_package_details p { font-size: 18px; } #scene-carousel .sceneBtnColumn .btn { font-size: 13px; } .scene-info{min-height:200px;} #upgrade_modal h1 { font-size: 28px; } #confirmation_phonecall_card .confirmation_page_download_link { margin-top: 10px; } .hmstimer {font-size: 14px !important; margin: 3px 0 !important;} #confirmation_app_section .app_btn_holder h2 { font-size: 24px; } #confirmation_app_section .app_btn_holder h3 { font-size: 18px; } #confirmation_app_section .col-sm-2 img { margin: 0 auto; } #watch-closed-for-season-section h4 { font-size: 28px; } #watch-closed-for-season-section h3 { font-size: 28px; } #watch-closed-for-season-section .col-sm-5 img { margin: 90px 0 0 0; } #pdfpromo_container .nicelist_scroll_content_bg { height: 488px; } #pdfpromo_container .nicelist_scroll_content { top: -30px; } #pdfpromo_container #calendar_box { max-width: 800px; } #pdfpromo_container.postcard_container .pfs_dropdown .dropdown-toggle { font-size: 12px; } #pdfpromo_container.postcard_container .pfs_dropdown .dropdown-toggle .fa { font-size: 26px; } #pdfpromo_container.postcard_container ::-webkit-input-placeholder { font-size: 12px; } #pdfpromo_container.postcard_container ::-moz-placeholder { font-size: 12px; } #pdfpromo_container.postcard_container :-ms-input-placeholder { font-size: 12px; } #pdfpromo_container.postcard_container :-moz-placeholder { font-size: 12px; } #pdfpromo_container.postcard_container .postcard-body .form-control { font-size: 14px; } #freeletter_container #freeletter_editor #editor_tip_2 { left: -30%; } #freeletter_container #freeletter_editor #freeletter_editor_select_holder { padding: 10% 15% 0 40%; } .postcard_container .postcard-body #postcard_copy span { font-size: 16px; } #scene-carousel .carousel-indicators li { width: 46px; height: 46px; line-height: 46px; } } @media (max-width: 1100px){ .testimonial .row-o-stars li img { width: 40px !important; } .testimonial .testimonial-header { font-size: 22px !important; } #pfs_testimonial .personalize-button { font-size: 18px; width: 90%; } } @media (max-width:1050px) { #packages .pfs_package_holder ul li { font-size: 14px; } } @media (max-width:992px) { #form-nav a { font-size: 14px; } #headline h1 { font-size: 42px; } #headline h2 { font-size: 30px; } .products .col-md-3 { width:48%; margin-right:1%; margin-left: 1%; float:left; margin-bottom:3%; } .products p { height:100px; } .products img { width: 100%; } .packages > ul{min-height:284px;} h1 a.btn{font-size:30px;} footer .santa-links li { margin:0 3px; } footer .santa-links li a, footer .santa-links li a:hover, footer .santa-links li a:visited { font-size:12px; } #packages .pfs_package_holder .pfs_package_info_holder h2.best-value:before { left: 0%; } #pfs_no_fake_beards p { font-size: 18px; } #pfs_no_fake_beards h4 { font-size: 30px; } #pfs_naughty_nice_holder .app_btn_holder { width: 100%; } #packages .fb-like { left: 26%; top: 18%; } #ppe_order_section #ppe_order_details h2 { font-size: 32px; } #ppe_order_section #ppe_order_details h3 { font-size: 32px; } #ppe_order_section #ppe_order_details h4 { font-size: 28px; } #ppe_order_section #ppe_order_details h4 .ppe_percentage { width: 90px; } #ppe_order_section #ppe_order_details h1 { font-size: 38px; } #ppe_order_section #ppe_order_details #ppe_order_coupon img { width: 125px; right: -85px; top: 10px; } #watch .watch-tabs-row .video-availability-tab h3 { font-size: 16px; } #watch .watch-tabs-row .video-availability-tab p { font-size: 12px; } #watch .watch-tabs-row .video-keepsake-tab p { font-size: 12px; padding-left: 20px; } #watch .watch-tabs-row .video-remaining-views-tab { font-size: 13px; } #watch-closed-for-season-section h4 { font-size: 22px; } #watch-closed-for-season-section h3 { font-size: 22px; } #watch-closed-for-season-section ul { padding: 0 0 0 60px; } #upgrade_modal h1 { font-size: 26px; } #confirmation_phonecall_card h3 { font-size: 22px; } #confirmation_phonecall_card #confirmation_page_arrow_right { right: 0; top: 15px; } #confirmation_package_section a { width: 80%; } #watch #watch-page-closed-for-season-holder h3 { font-size: 18px; } #watch #watch-page-closed-for-season-holder h2 { font-size: 24px; } #watch #watch-page-closed-for-season-holder p { font-size: 14px; } #watch #watch-page-closed-for-season-holder ul { font-size: 14px; } #watch #watch-page-closed-for-season-holder h4 { } #watch #watch-page-closed-for-season-holder h1 { font-size: 46px; } .hmstimer {font-size: 11px !important; margin: 3px 0 !important;} #confirmation_app_section .app_btn_holder h2 { font-size: 20px; } #confirmation_app_section .app_btn_holder h3 { font-size: 14px; } #confirmation_app_section .col-sm-2 img { margin: 0 auto; } #pdfpromo_container .nicelist_scroll_content_bg { height: 649px; } #pdfpromo_container .pdfpromo_upload_photo h3 { font-size: 22px; } #pdfpromo_container .pdfpromo_upload_photo h3 span { font-size: 16px; } #pdfpromo_container .pdfpromo_part2 .pdfpromo_add_btn span { font-size: 18px; } #freeletter_container #freeletter_editor #editor_tip_1 { left: -10%; } #freeletter_container #freeletter_editor #editor_tip_2 { left: -10%; } #freeletter_container #freeletter_editor #freeletter_editor_select_holder { padding: 10% 15% 0 50%; } #freeletter_container #freeletter_step2 #letter_cat_select_holder { padding: 0; } #freeletter_container #cat_available_letters { padding: 0; } #freeletter_container #freeletter_form { padding: 0; } #freeletter_container #freeletter_form > p { padding: 0; } .postcard_container #postcard_next_btn_holder .checkbox { padding: 5px 0; } #confirmation_page_holder #video_app_section h2 { font-size: 25px; } #confirmation_page_holder #video_app_section h3 { font-size: 21px; } } } } @media (max-width: 900px) { #pfs_no_fake_beards h1 { font-size: 105px; } #pfs_no_fake_beards h2 { font-size: 60px; margin-top: 85px; } #pfs_no_fake_beards #no_fake_beard_img { width: 80%; /* left: 10%; */ top: -30px; } #pfs_no_fake_beards h4 { font-size: 30px; } #pfs_no_fake_beards p { font-size: 14px; } #pfs_no_fake_beards h4 { font-size: 24px; } #pfs_testimonial .personalize-button { width: 100%; } .testimonial .row-o-stars li img { width: 35px !important; } .testimonial .testimonial-header { font-size: 20px !important; } } @media (max-width:860px) { #packages .pfs_package_holder ul li { font-size: 12px; } } @media (max-width: 768px) { #header{padding-top:180px;background-position:top left;background-size:contain;} h1 a.btn{font-size:20px;} .scene-info{min-height:inherit;} } @media (max-width: 767px) { body.modal-open { overflow: hidden; } .checkmark{clear:both;float:left;text-align:left;} #scene-carousel .carousel-control { display: none; } /* #headline { background-position: 0% 0% !important; } */ #headline h1 span { display: block; } #pfs_share_holder .share_tag span { display: none; } #packages .packages { margin: 0; } #packages .pfs_package_holder h2 { margin-top: 0; padding-top: 15px; } #pfs_testimonial img { width: 100%; } #pfs_testimonial #elfie_img { width: 25%; right: 5px; bottom: -75px; } #packages .pfs_package_holder .pfs_package_info_holder h2.best-value:before { left: 30%; } #pfs_naughty_nice_holder { background-position-x: 100%; padding: 100px 15px; text-align: center; text-shadow: 1px 0px 5px #000; } #pfs_naughty_nice_holder ul { list-style: none; padding: 0; margin-bottom: 10px; } #elfie_get_started_section { text-align: center; background-position-x: 75%; padding: 50px 15px; } #pfs_no_fake_beards { text-align: center; } #pfs_no_fake_beards h1 { position: relative; top: 0; left: 0; margin: 0; } #pfs_no_fake_beards h2 { margin: 10px 0; } #pfs_no_fake_beards #no_fake_beard_img { position: relative; width: 40%; margin: 0 auto; top: 0; left: 0; display: block; } #pfs_no_fake_beards h3 { margin: 0; } #pfs_real_santa_section { padding: 30px 15px 15px 15px; } #pfs_real_santa_section hr { margin: 15px 0 0 0; } #advantages { overflow: hidden; padding-top: 7px; } #guarantee h1 { font-size: 42px; } #tech { padding: 20px 0; } #tech #fpv-gears { display: none; } #packages .fb-like { top: 2%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } #packages .pfs_package_holder ul li { font-size: 16px; } #pfs_naughty_nice_holder { background: none; padding: 0 15px; } #pfs_naughty_nice_holder h2 { font-size: 42px; } #pfs_naughty_nice_holder h3 { font-size: 36px; } #pfs_naughty_nice_holder ul li { font-size: 16px; } #pfs_naughty_nice_holder .app_btn_holder .get_app_img { margin: 15px auto; width: 75%; } #ppe_share #ppe_order_now_btn { width: 100%; margin: 15px 0 5px 0 !important; top: 0; } #ppe_share #video_window { width: 100%; } #ppe_share #ppe_elf_img { display: none; } #ppe_order_section #ppe_order_details h2 { font-size: 28px; } #ppe_order_section #ppe_order_details h3 { font-size: 28px; } #ppe_order_section #ppe_order_details h4 { font-size: 24px; } #ppe_order_section #ppe_order_details h4 .ppe_percentage { width: 70px; } #ppe_order_section #ppe_order_details #ppe_order_coupon { width: 100%; } #ppe_order_section #ppe_order_details h1 { font-size: 32px; } #ppe_order_section #ppe_order_details #ppe_order_coupon img, #ppe_order_section #ppe_package_details .ppe_order_btn img { display: none; } #ppe_order_section #ppe_package_details { text-align: center; } #ppe_order_section #ppe_package_details ul { padding: 0; list-style: none; } #ppe_order_section #ppe_package_details .ppe_order_btn { width: 100%; } #ppe_order_section #ppe_package_details .ppe_share_btn { width: 100%; } #watch .watch-tabs-row .col-sm-5 { padding: 0 15px; } #watch .watch-tabs-row .view-tab { position: relative; width: 100%; right: 0; border-radius: 0; } #watch .watch-tabs-row .video-availability-tab h3 { font-size: 18px; } #watch .watch-tabs-row .video-availability-tab p { font-size: 14px; } #watch .watch-tabs-row .video-keepsake-tab p { font-size: 14px; padding-left: 20px; } #watch .watch-tabs-row .video-remaining-views-tab { font-size: 14px; } #watch #watchPageCopyUrlBtn { width: 100%; } #watch-closed-for-season-section .preview-img-ul { max-width: 100%; } #watch-footer, #watch-footer p, #watch-footer img { text-align: center !important; } #watch-footer .col-sm-6 { padding: 0; } #watch #video-container #santa-on-vacation-img { display: none; } #watch #watch-page-closed-for-season-holder p.align-left { text-align: center; } #watch #watch-page-closed-for-season-holder h3 { font-size: 20px; } #watch #watch-page-closed-for-season-holder h2 { font-size: 28px; } #watch #watch-page-closed-for-season-holder p { font-size: 16px; } #watch #watch-page-closed-for-season-holder ul { font-size: 16px; margin: 0 auto; } #watch #watch-page-closed-for-season-holder h4 { font-size: 16px; } #watch #watch-page-closed-for-season-holder h1 { font-size: 44px; } #watch-closed-for-season-section h4 { font-size: 26px; } #watch-closed-for-season-section h3 { font-size: 26px; } #upgrade_modal .modal-body { padding: 20px; } #upgrade_modal .modal-body .close { right: -5px; } #upgrade_modal h1 { font-size: 36px; } #upgrade_modal #upgrade_modal_btn_holder .col-xs-12 > div { margin-top: 10px; background: #a60a0b; border: none; padding: 5px 15px 15px 15px; } #upgrade_modal #upgrade_modal_btn_holder a { color: #fff; font-size: 14px; } #upgrade_modal #upgrade_modal_btn_holder a u { border-color: #fff; font-size: 32px; } #email_modal .modal-body > .row { display: block; } #email_modal .modal-body > .row > .col-sm-4 img { display: block; margin: 0 auto; position: relative; left: 0; top: 0; transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; } #email_modal #email_modal_start_btn { width: 100%; float: none; } #email_modal #email_modal_start_btn_disabled { width: 100%; float: none; } #confirmation_keepsake_card, #confirmation_phonecall_card { padding: 0; margin: 0; border-radius: 0; background: none; } #confirmation_keepsake_card p { text-align: center; font-size: 18px; } #confirmation_keepsake_card #upgrade_modal_btn_holder a { width: 100%; } #confirmation_keepsake_card #upgrade_modal_btn_holder { text-align: center; } #confirmation_page_holder .keepsake-row { background: #fff; } #confirmation_page_holder .keepsake-header { background: #D60000;} #confirmation_keepsake_card ul li a img { max-width: 100%; display: block; } #confirmation_phonecall_card > .row { background: #b1131a; } #confirmation_phonecall_card > .row:first-child { padding: 15px 0 0 0; } #confirmation_phonecall_card > .row:last-child { padding: 0 0 15px 0; } #confirmation_phonecall_card h1 { margin: 0 0 15px 0; font-size: 32px; } #confirmation_phonecall_card h2 { margin: 15px 0; font-size: 20px; } #confirmation_phonecall_card #confirmation_page_santa { max-width: 75%; margin: 0 auto; display: block; float: none; } #confirmation_phonecall_card .confirmation_page_download_link { margin-top: 15px; width: 48%; } #confirmation_phonecall_card .confirmation_page_download_link:first-child { margin-right: 2%; } #confirmation_phonecall_card .confirmation_page_download_link:last-child { margin-left: 2%; } #confirmation_phonecall_card #confirmation_page_arrow_down { margin: 5px auto 0 auto; } #confirmation_package_section { margin: 15px 0 0 0; } #confirmation_package_section a { width: 100%; } .hmstimer {font-size: 14px !important; margin: 3px 0 !important;} #confirmation_app_section { text-align: center; } #confirmation_app_section .app_img_holder { width: 30%; } #confirmation_app_section .app_btn_holder { width: 70%; } #confirmation_app_section .app_btn_holder.align-right { float: right; text-align: left; } #confirmation_app_section .app_btn_holder h2 { font-size: 30px; } #confirmation_app_section .app_btn_holder h3 { font-size: 24px; } #confirmation_page_holder #call_app_section .col-xs-6 img { margin-top: 15px; } #confirmation_page_holder #call_app_section { background: #108906;} #confirmation_page_holder .app-download-row .col-sm-9 a:last-of-type { padding-left: 0px; } #confirmation_page_holder .app-download-row .col-sm-9 { left: calc(50% - 89px); } #confirmation_page_holder .triangle {margin:auto; color: yellow; text-shadow: 0 0 5px yellow; text-align: center;} #call_app_section h2, #call_app_section h3 { color: #fff !important; text-align: center; } #confirmation_page_holder #video_app_section .video-app-img { float: left; } #confirmation_page_holder .mobile-app-store-images a:first-of-type {float:left; padding-left: 15%;} #confirmation_page_holder .mobile-app-store-images a:last-of-type {float:right; padding-right:15%;} #nice_list_section .app_btn_holder { text-align: center; } #pdfpromo_container .cropper_modal .mobile-span { display: inline-block; } #pdfpromo_container .cropper_modal .desktop-span { display: none; } #pdfpromo_container.has_share_overlay .nicelist_scroll_top_holder.show_part1 .mobile_padding.mobile_text { display: block; } #pdfpromo_container.has_share_overlay .nicelist_scroll_top_holder.show_part2 .mobile_padding.mobile_notext { display: block; } #pdfpromo_container:not(.has_share_overlay) .nicelist_scroll_top_holder.show_part1 .mobile_no_padding.mobile_text { display: block; } #pdfpromo_container:not(.has_share_overlay) .nicelist_scroll_top_holder.show_part2 .mobile_no_padding.mobile_notext { display: block; } #pdfpromo_container.calendar_container #calendar_header_holder .container .mobile_no_padding { display:none; } #pdfpromo_container.calendar_container #calendar_header_holder .container .mobile_padding { display:block; width:110%; margin-left:-5%; } #pdfpromo_container.nicelist_container > .row > .container > .row > .col-xs-12 { padding: 0; } #pdfpromo_container .nicelist_scroll_top_holder .fb-container .fb-like { top: auto; bottom: 3%; left: 50%; right: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } #pdfpromo_container .nicelist_scroll_content_bg { background: url("/assets/img/promo_pdf/bg_repeat_mobile.jpg"); background-size: 100% auto; background-repeat: repeat-y; height: auto; } #pdfpromo_container .nicelist_scroll_content_bg.auto_height .nicelist_scroll_content { top: 0; } #pdfpromo_container .nicelist_scroll_content { position: relative; left: 0; top: -30px; width: 79%; } #pdfpromo_container .nicelist_scroll_content > div { padding: 0 10px; } #pdfpromo_container #nicelist_scroll_clickbox { width: 27%; height: 35%; bottom: 23%; left: 10%; } #pdfpromo_container .nicelist_scroll_content .nicelist_holder { padding: 15px 0 15px 30px; } #pdfpromo_container .pdfpromo_upload_photo h3 { font-size: 24px; } #pdfpromo_container .pdfpromo_upload_photo h3 span { font-size: 16px; } #pdfpromo_container .nophoto_modal .modal-body { padding: 60px 15%; } #pdfpromo_container .promo_modal h1 { padding: 0; } #pdfpromo_container .modal .modal-dialog { margin-top: 60px; position: relative; top: auto; left: auto; transform: none; } #pdfpromo_container #calendar_header_holder { background: url("/assets/img/promo_pdf/calendar/mobile_bg_repeat.jpg"); background-size: auto 100%; background-repeat: repeat-x; } #pdfpromo_container.has_share_overlay #calendar_header_holder { background: url("/assets/img/promo_pdf/calendar/mobile_bg_repeat_padded.jpg"); background-size: auto 100%; background-repeat: repeat-x; } #pdfpromo_container #calendar_box { max-width: 100%; padding: 45px 10% 30px 10%; } #postcard_header_row { padding-top: 10px; } #pdfpromo_container.has_share_overlay #postcard_header_row { padding-top: 60px; } #pdfpromo_container #postcard_scroll_clickbox { display: none; } #postcard_header_row .fb-like { position: relative !important; display: inline-block; left:0; right: auto; top: 0; transform: none;} #postcard_header_row .fb-share-button { position: relative !important; display: inline-block; left: auto; right:0; top: 0; transform: none;} #postcard_header_row .fb-container { width: 100%; text-align: center; position: relative; margin: 0px; top: -10px; left: 0%; transform: none; -ms-transform: none; -webkit-transform: none; -moz-transform: none; } .postcard_container #postcard_content_row { display: block; } .postcard_container #postcard_content_row > .col-sm-6 { padding: 15px; } .postcard_container #postcard_content_row > .col-sm-6:first-child { border-right: none; border-bottom: 2px solid #d7d7d7; } .postcard_container #postcard_form .row .col-sm-6 { padding: 0 15px !important; } .postcard_container #postcard_form > .row:last-child .form-group { margin: 0; } .postcard_container #postcard_next_btn_holder .checkbox { padding: 15px 0; } .postcard_container #postcard_next_btn_holder .checkbox span { padding: 0 0 0 30px; } #pdfpromo_container.postcard_container .pfs_dropdown .dropdown-toggle { font-size: 14px; } #pdfpromo_container.postcard_container .pfs_dropdown .dropdown-toggle .fa { font-size: 36px; } #pdfpromo_container.postcard_container ::-webkit-input-placeholder { font-size: 14px; } #pdfpromo_container.postcard_container ::-moz-placeholder { font-size: 14px; } #pdfpromo_container.postcard_container :-ms-input-placeholder { font-size: 14px; } #pdfpromo_container.postcard_container :-moz-placeholder { font-size: 14px; } #pdfpromo_container.postcard_container .postcard-body .form-control { font-size: 16px; } #freeletter_container.has_share_overlay .mobile_header_padding { display: block; } #freeletter_container:not(.has_share_overlay) .mobile_header { display: block; } #freeletter_container #freeletter_step1 ul li.active .letterhead_overlay { box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); } #freeletter_container #freeletter_step1 ul li { padding: 0; } #freeletter_container #freeletter_step1 ul li .letterhead_overlay { top: 0; left: 0; right: 0; bottom: 0; } #freeletter_container #freeletter_form .form-group { text-align: left; padding: 0 15px; } #freeletter_container #freeletter_form .form-group > label { max-width: 100%; width: 100%; padding: 0; } #freeletter_container #freeletter_form .form-group > .form-control { max-width: 100%; width: 100%; } #freeletter_container #freeletter_step2 #letter_cat_select_holder { padding: 0 15px; } #freeletter_container #freeletter_step2 .santa_img { width: 30%; } #freeletter_container #freeletter_step2 .santa_img ~ .form-group { width: 70%; position: absolute; left: 30%; } #freeletter_container #cat_available_letters h3 { font-size: 16px; } #freeletter_container #cat_available_letters ul li .letter_select_link { font-size: 18px; white-space: nowrap; } #freeletter_container #freeletter_form .form-group > label { font-size: 16px; } #freeletter_container #freeletter_step3.tipsShown .freeletter_editor_tip_overlay { display: block; } #freeletter_container #mobile_editor_tip { display: block; } #freeletter_container #mobile_editor_tip .editor_tip_content:before, #freeletter_container #mobile_editor_tip .editor_tip_content:after { width: 0; height: 0; border: none; } #freeletter_container #freeletter_editor #editor_tip_1 { display: none; } #freeletter_container #freeletter_editor #editor_tip_2 { display: none; } #freeletter_container #freeletter_editor { height: auto; padding: 0; } #freeletter_container #freeletter_editor .freeletter_editor_content { padding: 50px 15px 15px 15px; } #freeletter_container #freeletter_editor #freeletter_editor_select_holder { padding: 0; margin: 15px 0 0 0; left:0; overflow: hidden; } #freeletter_container #freeletter_editor .freeletter_editor_content h2 { position: absolute; top: 0; left: 0; width: 100%; height: 40px; padding: 10px; margin: 0; background: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); text-align: center; z-index: 5; } #freeletter_container #freeletter_editor #freeletter_editor_select_holder #freeletter_santa_signature { max-width: 33%; float: right; } #freeletter_container .modal .modal-dialog { margin-top: 25px; position: relative; top: auto; left: auto; transform: none; } #letterhead_confirm_modal .modal-snow { width: 80%; height: auto; top: 0; left: 0; margin: -5% 0 0 -2%; } #letter_finish_modal .modal-header .close { top: -15px; right: -5px; } #freeletter_container #freeletter_editor_select_holder_mobile { margin: 15px 0 0 0; position: relative; } #freeletter_container #freeletter_editor_select_holder_mobile .pfs_dropdown { max-width: 100%; } #freeletter_container #freeletter_step3 .checkbox { margin: 15px 0 0 0; } #freeletter_container #freeletter_step3 .checkbox label { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 2; } #freeletter_container #freeletter_step3 .checkbox > span { font-size: 14px; display: block; padding: 0 40px 0 0; position: relative; top: auto; right: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; } #freeletter_container #freeletter_step3 .checkbox > span span { display: inline-block; } #freeletter_container #freeletter_step3 .checkbox > span br { display: none; } #freeletter_container #freeletter_editor #freeletter_editor_custom_closing_line { max-width:50%; margin-left: 50%; } #freeletter_container #freeletter_form .pfs_dropdown { max-width: 100%; } #freeletter_container .pfs_dropdown .dropdown-toggle .fa { font-size: 36px; } #freeletter_container #cat_available_letters ul li.active .letter_select_link { display: block; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #freeletter_container #cat_available_letters ul li.active .letter_preview_link { display: block; width: 100%; margin: 0 0 5px 0; border-top-left-radius: 0; border-top-right-radius: 0; } .award-text { font-size: 150% } #freeletter_container .fb-container { position: relative; margin-bottom: 10px; width: 100%; } #freeletter_container .fb-container .fb-like { right: auto; left: 0; top: 0; position:absolute; transform: none;} #freeletter_container .fb-container .fb-share-button { right: 0; left: auto; top: 0; position: absolute; transform: none;} .additional-santa-emails span { font-size: 100%; } #pdfpromo_container ::-webkit-input-placeholder, #freeletter_container ::-webkit-input-placeholder, .freeletter-modal ::-webkit-input-placeholder { font-size: 12px; font-weight: normal; } #pdfpromo_container ::-webkit-input-placeholder, #freeletter_container ::-webkit-input-placeholder, .freeletter-modal ::-moz-placeholder { font-size: 12px; font-weight: normal; } #pdfpromo_container ::-webkit-input-placeholder, #freeletter_container ::-webkit-input-placeholder, .freeletter-modal :-ms-input-placeholder { font-size: 12px; font-weight: normal; } #pdfpromo_container ::-webkit-input-placeholder, #freeletter_container ::-webkit-input-placeholder, .freeletter-modal :-moz-placeholder { font-size: 12px; font-weight: normal; } .bbb-logo { display:block; margin: 0 auto 10px auto; } .elf-hang {display:none;} .carousel-container { padding-bottom: 0; } .carousel-container .carousel-col { width: 100%; margin:0; background: #0a5994; } #story-carousel { margin: 0 -15px; padding: 0 15px; } #story-carousel .carousel-inner { border-radius: 0; margin: 0; width: 100%; } #story-carousel .carousel-inner .item { width: 100%; padding: 15px 15px 30px 15px;} #story-carousel .carousel-inner .item .embed-responsive { width: 95%; } #story-carousel .carousel-control { width: 52px; height: 52px; font-size: 75%; background: transparent; color: #FFF; z-index: 6; top: calc(50% + 114px);} #story-carousel .carousel-control.left { left: 40px; transform: translateY(calc(-50% - 72px)) rotateY(180deg);} #story-carousel .carousel-control.right { right: 40px; transform: translateY(calc(-50% - 72px));} #story-carousel .carousel-indicators { position: relative; display: block; top: 15px; left: 0; width: 100%; margin: auto; } #personalize_carousel_btn { font-size: 28px; width: 100%; white-space: normal; margin: 0 0 30px 0; } .carousel-container .carousel-header { font-size: 250%; } #pfs_testimonial .row-o-stars li img { display: inline; width:25px !important; } #headline.fpv-landing { background: url('../../assets/img/2015/FPV/background-mobile.jpg'); background-size: cover !important; } .video-column {padding-bottom: 0; } .free-text { transform: none; padding-bottom: 30px; background: #c40606; text-shadow: red; border-radius: 10px; height: auto; margin-bottom: 95px;} .free-text h3 {text-shadow: #ff2c00 0 5px 21px; font-size: 60px !important; } .free-text h4 {text-shadow: #ff2c00 2px -5px 10px; font-size: 15px; } #pfs_testimonial .personalize-button { font-size: 18px; width: 100%; } .fpv-landing .video-container { margin: 15px auto; padding-top: 0; padding-bottom: 46.25%; } #scene-carousel .carousel-indicators li { width: 42px; height: 42px; line-height: 42px; } #redemption_container h1 { font-size: 16px; } } @media (max-width:720px) { footer .santa-links li { display:block; width:100%; } footer .santa-links li a, footer .santa-links li a:hover, footer .santa-links li a:visited { font-size:12px; } #packages .pfs_package_holder .pfs_package_info_holder h2.best-value:before { left: 25%; } #story-carousel .left-mobile, #story-carousel .right-mobile { top: -25%; } } @media (max-width:600px) { .products .col-md-3 { width:100%; float:none; margin: 0 0 6% 0; padding: 0 15px; } .products .col-md-3 h4 { margin-left:17%; } .products .col-md-3 p { height:auto; padding-left:17%; padding-right:17%; } .products .col-md-3 img { margin:2% auto; } .products .col-md-3 .btn-success { margin-left:14%; } header .col-md-12 .container { background:url('img/background-header_mobile.jpg') no-repeat top center;padding-bottom:61%;height:auto; } #packages .pfs_package_holder .pfs_package_info_holder h2.best-value:before { left: 20%; } } @media (max-width:550px) { .hide-mobile { display:none; visibility:hidden; } .hide-web { visibility:visible; display:block; } .products .col-md-3 h4 { margin-left:13%; } .products .col-md-3 p { padding-left:13%; padding-right:13%; } #pfs_promo_share_nav .at-icon { width: 1.5pc; height: 1.5pc; } #story-carousel .carousel-caption{font-size:18px;} #story-carousel .carousel-indicators li{ text-indent:inherit;width:35px;height:35px;line-height:35px;font-size:25px;background:white;border-radius:26px;color:#113d73;border:none; margin: 0 10px 1% 10px; transition: box-shadow 1s, background 1s, color 1s; font-weight: 700; font-family: Montserrat, Arial, sans-serif;} #story-carousel .carousel-indicators li:last-child{ font-size: 8px; font-weight:bold; line-height: 35px; transform: translateY(-12px); } #story-carousel .carousel-indicators li:last-child p{ transform: translateY(10px); line-height: 8px; } #story-carousel .carousel-control.left { left: 10px; } #story-carousel .carousel-control.right { right: 10px; } #confirmation_page_holder .mobile-app-store-images a:first-of-type {padding-left: 10%;} #confirmation_page_holder .mobile-app-store-images a:last-of-type {padding-right: 10%;} #tech p{font-size:14px;} } @media (max-width: 480px) { .packages > ul{min-height:0;} .packages ul li { font-size: 14px;} #watch-footer p{text-align:center;} #day, #month, #year {padding:0px;} #birthday .col-xs-4 {padding-left:5px; padding-right:5px;} #confirmation-letter{font-size:12px;} /*#packages .pfs_package_holder ul { overflow: hidden; } Dale wants checkmarks */ #packages .pfs_package_holder .pfs_package_info_holder h2.best-value:before { left: 15%; } #pfs_naughty_nice_holder .btn { font-size: 22px; } #elfie_get_started_section a { width: 100%; } #pfs_testimonial #elfie_img { bottom: -50px; } #elfie_get_started_section h2 { font-size: 44px; } #pfs_real_santa_section .link_to_packages { font-size: 28px; } #pfs_naughty_nice_holder a.btn { font-size: 26px; } #packages .fb-like { top: 8px; } #ppe_share a { font-size: 20px; margin: 10px 5px 0 0; } #ppe_share h2 { font-size: 30px; } #ppe_share h3 { font-size: 50px; } #ppe_share h3 .ppe_percentage { width: 150px; top: 0; } #ppe_share h1 { width: 100%; } #ppe_share h1 .ppe_header_small { font-size: 34px; } #ppe_share h1 .ppe_header_med { font-size: 34px; } #ppe_share h1 .ppe_header_lg { font-size: 80px; } #ppe_order_section #ppe_order_details #ppe_order_coupon h3 { font-size: 20px; } #ppe_order_section #ppe_order_details h1 { font-size: 20px; } #ppe_order_section #ppe_package_details .ppe_order_btn, #ppe_order_section #ppe_package_details .ppe_share_btn { font-size: 24px; } #ppe_order_section #ppe_hurry_section h1 { font-size: 56px; } #ppe_order_section #ppe_hurry_section h2 { font-size: 24px; } #ppe_hurry_section .container { padding: 0; } #ppe_hurry_section .ft-social li:first-child { display: none; } #upgrade_modal .modal-body { padding: 20px 15px; } #upgrade_modal h1 { font-size: 26px; } #upgrade_modal p { margin: 10px 0; font-size: 13px; } #upgrade_modal ul { font-size: 12px; } #upgrade_modal #upgrade_modal_btn_holder a { font-size: 10px; } #upgrade_modal #upgrade_modal_btn_holder a p { font-size: 10px; } #upgrade_modal #upgrade_modal_btn_holder a u { font-size: 26px; } #confirmation_page_holder .confirmation-main-title { font-size: 36px; } #confirmation_page_holder > .col-xs-12 > .tagline { font-size: 12px; } #confirmation_keepsake_card p { font-size: 14px; } #confirmation_keepsake_card ul li { font-size: 11px; } #confirmation_keepsake_card #upgrade_modal_btn_holder a { font-size: 16px; padding: 10px 15px; } #confirmation_package_section a { font-size: 14px; border-radius: 15px; } #confirmation_watch_video_link_holder { padding: 15px 0; } #confirmation_watch_video_link_holder h3 { font-size: 22px; margin: 5px 0; font-weight: 700; color: #2d5e86; } #confirmation_watch_video_link_holder p { font-weight: 300; font-size: 18px; color: #2d5e86; margin: 0 0 5px 0; } #confirmation_app_section .app_btn_holder h2 { font-size: 24px; margin: 0; } #confirmation_app_section .app_btn_holder h3 { font-size: 18px; margin: 0; } #scene-carousel .carousel-indicators li{width:30px;height:30px;line-height:30px;font-size:26px;border-radius:20px;} #pdfpromo_container .pdfpromo_part2 .complete_pdfpromo_holder li { text-align: center; } #pdfpromo_container .pdfpromo_part2 .complete_pdfpromo_holder li img { display: block; float: none; margin: 0 auto; } #pdfpromo_container .pdfpromo_part2 .complete_pdfpromo_holder li span { display: block; float: none; text-align: center; } #pfs_promo_share_nav #pfs_share_holder .addthis_responsive_sharing.has_share_overlay .share_text { display: none; } #pdfpromo_container .pdfpromo_part2 .complete_pdfpromo_holder.complete_calendars_holder li img { margin: 0 10px 0 0; } #pdfpromo_container .nicelist_scroll_content_bg.auto_height .nicelist_scroll_content { top: 0; } #pdfpromo_container .pdfpromo_upload_photo { padding: 30px 15px; } #pdfpromo_container .pdfpromo_upload_photo img { width: 30px; left: 15px; } #pdfpromo_container .pdfpromo_upload_photo h3 { font-size: 18px; padding-left: 30px; } #pdfpromo_container .pdfpromo_upload_photo h3 span { font-size: 12px; } #pdfpromo_container input, #pdfpromo_container select { font-size: 12px; } #pdfpromo_container ::-webkit-input-placeholder { font-size: 12px; } #pdfpromo_container ::-moz-placeholder { font-size: 12px; } #pdfpromo_container :-ms-input-placeholder { font-size: 12px; } #pdfpromo_container :-moz-placeholder { font-size: 12px; } #pdfpromo_container .nophoto_modal .modal-content .modal-body { padding: 30px; } #pdfpromo_container.postcard_container .pfs_dropdown .dropdown-toggle { font-size: 12px; } #pdfpromo_container.postcard_container .pfs_dropdown .dropdown-toggle .fa { font-size: 30px; } #pdfpromo_container.postcard_container ::-webkit-input-placeholder { font-size: 12px; } #pdfpromo_container.postcard_container ::-moz-placeholder { font-size: 12px; } #pdfpromo_container.postcard_container :-ms-input-placeholder { font-size: 12px; } #pdfpromo_container.postcard_container :-moz-placeholder { font-size: 12px; } #pdfpromo_container.postcard_container .postcard-body .form-control { font-size: 12px; } #pdfpromo_container.postcard_container #postcard_list_content ::-webkit-input-placeholder { font-size: 12px; } #pdfpromo_container.postcard_container #postcard_list_content ::-moz-placeholder { font-size: 12px; } #pdfpromo_container.postcard_container #postcard_list_content :-ms-input-placeholder { font-size: 12px; } #pdfpromo_container.postcard_container #postcard_list_content :-moz-placeholder { font-size: 12px; } #pdfpromo_container .maxnum_modal .modal-body { padding: 30px; } #pdfpromo_container .modal .modal-content .modal-body h1 { font-size: 24px; padding: 0; margin: 0 0 15px 0; } #pdfpromo_container .modal .modal-content .modal-body p { font-size: 16px; margin: 0; } #pdfpromo_container .promo_modal .modal-content .modal-body .btn { font-size: 16px; line-height: 1.2; } #pdfpromo_container .promo_modal .modal-content .modal-body h1 { font-size: 26px; margin: 15px 0; } #pdfpromo_container .promo_modal .modal-content .modal-body p { font-size: 14px; font-weight: 300; } #pdfpromo_container #calendar_box { padding: 45px 30px 30px 30px; } #freeletter_container #freeletter_buttons .btn { font-size: 28px; } #freeletter_container #freeletter_step2 #letter_cat_select_holder { padding: 0 15px; } #freeletter_container #freeletter_step2 .santa_img { width: auto; margin: 0 auto; display: block; } #freeletter_container #freeletter_step2 .santa_img ~ .form-group { width: 100%; position: relative; left: auto; top: auto; transform: none; display: block; padding: 0; margin: 0; } #freeletter_container #cat_available_letters h3 { font-size: 14px; } #freeletter_container #cat_available_letters ul li .letter_select_link { font-size: 16px; whitespace: nowrap; } #freeletter_container #cat_available_letters ul li .letter_preview_link { font-size: 16px; whitespace: nowrap; } #freeletter_container #freeletter_form .form-group > label { font-size: 14px; } #letterhead_confirm_modal .modal-body p { font-size: 14px; } #freeletter_container .pfs_dropdown .dropdown-toggle .fa { font-size: 28px; } .additional-santa-emails span { font-size: 90%; } .postcard_container .postcard-header h2 { font-size: 16px; } .postcard_container #postcard_next_btn_holder .checkbox span { padding: 0 0 0 15px; } #confirmation_page_holder .mobile-app-store-images a:first-of-type {padding-left: 2%;} #confirmation_page_holder .mobile-app-store-images a:last-of-type {padding-right: 2%;} #redemption_container h1 { font-size: 13px; } #redemption_container h1 img { height: 24px; } #redemption_container .btn { font-size: 16px; } } @media (max-width:400px) { .products .col-md-3 h4 { margin-left:0%; } .products .col-md-3 p { padding-left:0%; padding-right:0%; } #packages .pfs_package_holder .pfs_package_info_holder h2.best-value:before { left: 10%; } #packages .fb-like { top: 5px; } #freeletter_container #cat_available_letters ul li .letter_select_link { font-size: 14px; whitespace: nowrap; } #freeletter_container #cat_available_letters ul li .letter_preview_link { font-size: 14px; whitespace: nowrap; } #freeletter_container .pfs_dropdown .dropdown-toggle { font-size: 12px; } #freeletter_container .pfs_dropdown .dropdown-toggle .fa { font-size: 24px; } .additional-santa-emails span { font-size: 80%; } #pdfpromo_container.nicelist_container input, #pdfpromo_container.nicelist_container select { font-size: 10px; } #pdfpromo_container .finish_modal ::-webkit-input-placeholder { font-size: 10px; } #pdfpromo_container .finish_modal ::-moz-placeholder { font-size: 10px; } #pdfpromo_container .finish_modal :-ms-input-placeholder { font-size: 10px; } #pdfpromo_container .finish_modal :-moz-placeholder { font-size: 10px; } #pdfpromo_container .nicelist_scroll_content .nicelist_holder { padding: 15px 0; } #pdfpromo_container .nicelist_scroll_content .nicelist_holder label { display: none; } #story-carousel .carousel-inner .item h5 { font-size: 100%; } #story-carousel .carousel-indicators li { margin: 0 5px 0 0; } #story-carousel .left-mobile, #story-carousel .right-mobile { top: -35%; } #scene-carousel .carousel-indicators li{width:26px;height:26px;line-height:26px;font-size:22px;} } @media (max-width:350px) { #packages .pfs_package_holder .pfs_package_info_holder h2.best-value:before { left: 1%; } #pdfpromo_container .pdfpromo_upload_photo h3 { font-size: 16px; padding-left: 30px; } #pdfpromo_container .pdfpromo_upload_photo h3 span { font-size: 10px; } .additional-santa-emails span { font-size: 70%; } #scene-carousel .carousel-indicators li{width:23px;height:23px;line-height:23px;font-size:18px;} }