/* Eplee 2018 CSS */ /* yellow: #fdf379 blue: #0094D1, #0076a7 red/orange: #F44336, #c3352b green: #6ABF79 */ * { margin: 0; padding: 0; outline: 0; ;} ::-moz-selection { background: #333; color: #fff; text-shadow: none; } ::selection { background: #333; color: #fff; text-shadow: none; } ::-webkit-selection { background: #333; color: #fff; text-shadow: none;} ::-webkit-input-placeholder {color: #555;} select {color: #555;} :-moz-placeholder {color: #555;} ::-moz-placeholder {color: #555;} :-ms-input-placeholder {color: #555;} .placeholder {color: #555;} #noJS {text-align:center; padding: 0px; width:100%; background-color:rgb(255, 255, 224); font-weight:400; font-style:italic; line-height:2rem;} html {min-height: 100%;-webkit-tap-highlight-color:transparent;} body { min-height: 100%;} img { outline: 0; border: 0;} img.img-responsive {max-width:100%; width:auto; height:auto; position:relative;} a {-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;border:none;outline:0;} button {-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;outline: none !important;} body {font-family: 'Lato', sans-serif; font-weight:300; font-style:normal; font-size: 16px; line-height: 22px; color: #222222; padding: 0px; margin: 0px;-webkit-font-smoothing: subpixel-antialiased; background-color:#fff; height:100%; position: relative;} div.size {z-index: 99; position: fixed; top: 0; left: 0; width:auto;height:auto;color:000; display:block; } .animated { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden; backface-visibility: hidden;} .fade {opacity: 0;-webkit-transition: opacity 200ms ease;-moz-transition: opacity 200ms ease;-ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease;transition: opacity 200ms ease;} .tooltip.fade, .popover.fade {-webkit-transition: none;-moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} #toTop{display:none;position:fixed;bottom:20px;right:20px;width:40px;height:40px;text-align:center;background-color:transparent;filter:alpha(opacity=70);opacity:.7;cursor:pointer;z-index:40;color:#000;} #toTop i{font-size:40px;line-height:40px;display:block;height:100%;width:100%;text-align:center} #toTop:hover{filter:alpha(opacity=100);opacity:1;color:#000} a#scrolldown { position: absolute; bottom: -20px; left: 50%; z-index: 6; display: inline-block; width:110px; margin: 0 0 0 -55px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: #222; font-size:13px; text-transform: uppercase; font-weight: 400;text-decoration: none; -webkit-transition: opacity .3s; transition: opacity .3s; padding: 50px 0 0 0; text-align:center;} a#scrolldown span { position: absolute; top: 0; left: 50%; width: 40px; height: 40px; margin-left: -20px; border: 2px solid #222; border-radius: 100%; box-sizing: border-box;} a#scrolldown span::after{ position:absolute; top:50%;left:50%;content:''; width:16px; height:16px; margin:-12px 0 0 -8px; border-left:2px solid #222; border-bottom:2px solid #222; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-sizing:border-box;} a#scrolldown span::before { position:absolute; top:0; left:0; z-index:-1; content:''; width:38px; height:38px; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,.1); box-shadow: 0 0 0 0 rgba(0,0,0,.1); -webkit-border-radius:100%; border-radius:100%; filter:alpha(opacity=0); opacity:0; -webkit-animation:sdb03 3s infinite; animation:sdb03 3s infinite; box-sizing:border-box;} @-webkit-keyframes sdb03{ 0%{opacity:0; filter:alpha(opacity=0);} 30%{opacity:1; filter:alpha(opacity=100);} 60%{-webkit-box-shadow:0 0 0 60px rgba(0,0,0,.1); box-shadow:0 0 0 60px rgba(0,0,0,.1);opacity:0; filter:alpha(opacity=0);} 100%{opacity:0; filter:alpha(opacity=0);} } @keyframes sdb03{ 0%{opacity:0; filter:alpha(opacity=0);} 30%{opacity:1; filter:alpha(opacity=100);} 60%{-webkit-box-shadow:0 0 0 60px rgba(0,0,0,.1); box-shadow:0 0 0 60px rgba(0,0,0,.1);opacity:0; filter:alpha(opacity=0);} 100%{opacity:0; filter:alpha(opacity=0);} } div { display: block;} ol, ul {list-style: none;margin:0;padding:0;} ul li { list-style: none;} p {margin: 0 0 22px; position:relative;} a {text-decoration: none; outline: none; border: 0 none; color:#0094D1;} a:hover, a:focus, a:active{text-decoration: none;color:#0076a7;} h1, h2, h3 {margin: 0 0 15px; padding: 0;font-family: "omnes-pro", sans-serif; font-weight: 400; } h2 {font-size: 42px; line-height: 1; } h3 {font-size:24px;} h4, h5 {font-family: 'Lato', serif; font-weight: 400;} #wrapper {height: 100%;} #innerwrapper {height:100%;} /* Nav */ nav.header {z-index: 5; position:absolute; width:100%;height:auto;top: 0; left: 0; padding: 15px 4% 0 4%;} /*nav.header .menu {display:none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width:100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 9; } html.showmenu {overflow:hidden;} html.showmenu nav.header .menu {z-index: 9; } div.menu > span {display: table; width:100%; height: 100%; position: relative; margin: 0; padding:0; text-align: center;} div.menu > span > span {display: table-cell; position: relative; vertical-align: middle;} div.menu ul {display:block; width:100%; height:auto; position: relative; margin: 0; padding: 0; text-align: center;} div.menu ul li {position: relative; display: block; margin: 0; padding: 0; opacity: 0; -moz-transform: translate(0, 30px); -o-transform: translate(0, 30px); -ms-transform: translate(0, 30px); -webkit-transform: translate(0, 30px); transform: translate(0, 30px); -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s;} div.menu ul ul {display:none;} html.showmenu div.menu ul li {-webkit-transition: opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s, -webkit-transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s; transition: opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s, -webkit-transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s; transition: transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s, opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s; transition: transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s, opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s, -webkit-transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s; opacity: 1; -moz-transform: translate(0, 0px); -o-transform: translate(0, 0px);-ms-transform: translate(0, 0px); -webkit-transform: translate(0, 0px); transform: translate(0, 0px);} html.showmenu div.menu ul li:nth-child(1) {-moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s;} html.showmenu div.menu ul li:nth-child(2) {-moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s;} html.showmenu div.menu ul li:nth-child(3) {-moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s;} div.menu > span li.dim a {opacity: 0.5;} div.menu ul li a {color: #fff; position: relative; display: block; padding: 20px 25px; text-transform: uppercase; font-size: 30px; line-height: 1; font-weight: 300; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; text-decoration: none !important;} div.menu ul li a i {opacity: 0.5;position: absolute; width:40px;} .menufooter {display: block; position: absolute; left: 0; right: 0; bottom: 30px; width:100%; height:auto; color:#a3a1a1; font-size:13px; line-height:20px; text-align:center; font-weight: 300; letter-spacing: 0.5px;} .menufooter > p {margin: 0 auto; padding: 0;} */ nav.header #navicon {width: 90px; float:right; height: 30px; position: relative; margin:15px 0 0 0; padding: 0;} nav.header #navicon > a {width:40px;height:30px;position:relative; float:right; margin:0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;} #navicon span.line {display:block;position:absolute;height:5px; width:50%;background:#000;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;} #navicon span.text {position: relative; display:block; float:left; opacity: 0; line-height: 30px; font-weight: 400;} #navicon span.text.animated {-webkit-animation-duration: 500ms; animation-duration: 500ms;} #navicon.open span.text {color:#fff;} #navicon span.line:nth-child(even){left:50%;border-radius:0 9px 9px 0} #navicon span.line:nth-child(1), #navicon span.line:nth-child(3), #navicon span.line:nth-child(5){left:0;border-radius:9px 0 0 9px} #navicon span.line:nth-child(1),#navicon span.line:nth-child(2){top:0} #navicon span.line:nth-child(3),#navicon span.line:nth-child(4){top:12px} #navicon span.line:nth-child(5),#navicon span.line:nth-child(6){top:24px} nav.header #navicon:hover span.text {opacity: 1;} #navicon.open span.line {background: #fff;} #navicon.open span.line:nth-child(1),#navicon.open span.line:nth-child(6){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} #navicon.open span.line:nth-child(2),#navicon.open span.line:nth-child(5){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} #navicon.open span.line:nth-child(1){left:5px;top:7px} #navicon.open span.line:nth-child(2){left:calc(50% - 5px);top:7px} #navicon.open span.line:nth-child(3){left:-50%;opacity:0} #navicon.open span.line:nth-child(4){left:100%;opacity:0} #navicon.open span.line:nth-child(5){left:5px;top:18px} #navicon.open span.line:nth-child(6){left:calc(50% - 5px);top:18px} nav.header .logo {position: relative; width: 125px; float: left; } nav.header .logo a {-webkit-transition:none; transition:none;} nav.header .logo img {display:block;position: relative;} nav.header .logo img#white {display:none;} /** NEW MENU ICON **/ #menuicon {display: block;width: 40px; height: 30px; margin:15px auto 0px auto; z-index: 99; float:right; position: relative; -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;} #menuicon > span {display: block;width: 100%; height: 4px; background: black; -webkit-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; position: absolute; left: 0px; border-radius:9px;} #menuicon > span:first-child {top: 0;} #menuicon > span:nth-child(2) {top: 12px;} #menuicon > span:last-child {top: 24px;} #menuicon:hover > span {background:#6abf79;} #menuicon.open > span {background:white;} #menuicon.open > span:first-child {top: 12px; -webkit-transform: rotate(135deg); transform: rotate(135deg);} #menuicon.open > span:nth-child(2) {left: -60px; opacity: 0;} #menuicon.open > span:last-child {top: 12px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);} #menuicon.open:hover > span {-webkit-transition: background .5s ease; transition: background .5s ease; background: #a5d8ae;} #menuicon.open:hover > span:first-child {-webkit-animation: hover-close-1 .5s ease; animation: hover-close-1 .5s ease;} #menuicon.open:hover > span:last-child {-webkit-animation: hover-close-2 .5s ease; animation: hover-close-2 .5s ease;} /******* Menu Option #2 *******/ html.showmenu body {overflow: hidden;position: fixed;height: 100%;width: 100%;} #menuoverlay {visibility: hidden; opacity: 0; position: fixed; width:100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; background-color:rgba(0,0,0,0.85); z-index: 5; } .menu {position: fixed; top: 0; right: -100%; z-index: 12; text-rendering: optimizeLegibility; width:100%; height:100%; background-color:#4a8554; display: -ms-flexbox; display:flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align:center; align-items: center; } .menu .insideclose {position: absolute;width:35px; height: 35px; cursor: pointer; top: 28px; right: 4%;} .menu .insideclose > div {height:6px; width:40px; margin-top: 13px;margin-left: -4px;background:#fff; position: absolute;border-radius: 3px; cursor:pointer; -webkit-transition: background .5s ease; transition: background .5s ease; } .menu .insideclose .close-1 {-webkit-transform: rotate(45deg); transform: rotate(45deg);} .menu .insideclose .close-2 {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .menu .insideclose:hover > div {-webkit-transition: background .5s ease; transition: background .5s ease; background: #a5d8ae;} .menu .insideclose:hover .close-1 {-webkit-animation: hover-close-1 .5s ease; animation: hover-close-1 .5s ease; } .menu .insideclose:hover .close-2 {-webkit-animation: hover-close-2 .5s ease; animation: hover-close-2 .5s ease;} .menu span.menuouter {display: block; width:90%; position: relative; text-align: center;} .menu ul {display:block; width:100%; height:auto; position: relative; margin: 0; padding: 0;} .menu ul > li {position: relative; display: block; margin: 0px 0px; padding: 12px 0;} .menu ul > li.hassub {} .menu ul > li i {position: absolute; color: #a5d8ae; font-size: 28px; width:28px; height: 28px; text-align: center; line-height: 1; top: 14px; margin:0px 0 0 0;} .menu ul > li a {display: inline-block; overflow: hidden; position: relative; color: #a5d8ae; -webkit-transition: color .5s; transition: color .5s; text-transform: uppercase; font-size: 28px; line-height: 1; font-weight: 600; padding: 0px 0px; letter-spacing: 5px; } .menu ul li a span {position: absolute; left: 0; overflow:hidden; background-color:#4a8554; width:100%;display:block; -webkit-animation: one .6s ease-out; animation: one .6s ease-out; -webkit-transform: translate3d(-101%, 0, 0); transform: translate3d(-101%, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .menu ul li a span:before {display:block; width:100%; content: attr(data-hover); color:#fff; -webkit-animation: two .6s ease-out; animation: two .6s ease-out; overflow: hidden; -webkit-transform: translate3d(101%, 0, 0); transform: translate3d(101%, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden;} .menu ul li a:hover span {-webkit-animation: three .6s ease forwards; animation: three .6s ease forwards;} .menu ul li a:hover span:before {-webkit-animation: four .6s ease forwards; animation: four .6s ease forwards;} .menu ul li.active a {color:#fff;} .menu ul li.active > i {color:#fff;} .menu ul li.active a span:before {content: "";} .menu ul ul {display:none;} .menu ul ul li {} .menu ul ul li:first-child {padding-top:25px; padding-bottom:10px;} .menu ul ul li:last-child {padding-top:10px;} .menu ul ul li a {font-style: italic; text-transform: none; font-size:24px;letter-spacing: 3px;} /* Footer */ footer {display: block; position: absolute; left: 0; right: 0; bottom: 10px; width:100%; height:auto; color:#a3a1a1; font-size:13px; line-height:20px; text-align:center; font-weight: 300; letter-spacing: 0.5px; z-index:1; background-color: #fff;} footer > p {margin: 0 auto; padding: 0;} footer a.first {margin-left: 10px;} footer span {display:inline-block; margin: 0 5px 0 5px; position: relative;} /* Footer */ .menufooter {display: block; position: absolute; left: 0; right: 0; bottom: 10px; width:100%; height:auto; color:#f9f9f9; font-size:13px; line-height:20px; text-align:center; font-weight: 300; letter-spacing: 0.5px;} .menufooter > p {margin: 0 auto; padding: 0;} /** Start Main Elements **/ .wrapper {margin: 0px 0px; height: auto; width:100%; position:relative; display:block; padding: 0px; background: none; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0; float:left; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; } .wrapper:before {/*position: fixed; width:100%; height:100%; left: 0;top:0;bottom:0; right: 0; content:""; background-color:rgba(0,0,0,0.2);*/} .innerwrapper {width:100%; height:auto; display:block; position: relative; margin: 74px 0 30px 0; padding: 0;} #pagecontent {position: relative;} #pagecontent:first-child {padding-top: 40px;} #pagecontent:nth-child(3) {padding-bottom: 50px;} html.showmenu #pagecontent {z-index: 1;} #pagecontent.container.changepadding {padding-left: 0; padding-right: 0;} .modal {text-align: center; padding: 0!important;} .modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;} .modal .modal-dialog {margin: 10px;display: inline-block;text-align: left;vertical-align: middle; } .modal.fade .modal-dialog {-moz-transition: none !important;-o-transition: none !important;-webkit-transition: none !important;transition: none !important;-moz-transform: none !important;-ms-transform: none !important;-o-transform: none !important;-webkit-transform: none !important;transform: none !important;} /* .modal {text-align: center; padding: 0 !important;} .modal:before {content: ''; display:inline-block; height:auto; vertical-align: middle; margin-right: -4px;} .modal .modal-dialog {margin: 10px 2.5%; display: inline-block; text-align: left; vertical-align: middle; max-width:95%;} .modal.fade .modal-dialog {-moz-transition: none !important;-o-transition: none !important;-webkit-transition: none !important;transition: none !important;-moz-transform: none !important;-ms-transform: none !important;-o-transform: none !important;-webkit-transform: none !important;transform: none !important;} */ h1.page-title {font-family: "omnes-pro", sans-serif; font-weight: 400; line-height: 1.2; margin: 0 0 .625em;max-width: 100%; position: relative; font-size:46px; padding: 0 4%; width:100%;} h1.page-title span {display: none;position: absolute; top: -110px; left: 0; right: 0; font-family: "omnes-pro", sans-serif; font-weight: 200;font-size:220px; text-transform: uppercase; z-index: -1; color: rgba(106,191,121, 0.15); text-align: center; letter-spacing: 32px; overflow: hidden;} h1.page-title:after {content: "VENDORS"; letter-spacing: 40px; position: absolute; left: 0; top: -110px; font-family: "omnes-pro", sans-serif; font-weight: 200; font-size:220px; text-align: center; color: rgba(106,191,121, 0.2); z-index: -1; max-width:100%;display:none;} div.pagetitle {width: 100%; height:auto; padding: 0; margin: 0 auto 10px auto; position: relative; display: block; float:left; text-align: center;} div.pagetitle > h2 {font-size: 34px; font-weight: 700; line-height: 1;padding: 0 0 0px; margin: 0 0 0px; color:#444;} /* Forms */ #formerror.modal {} #formsuccess.modal .modal-content {background-color:#6ABF79;} #formsuccess.modal .modal-header {color:#fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.6);} #formsuccess.modal .modal-body {background-color:#fff; -webkit-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px;} #formsuccess.modal .modal-body a {display: block;font-weight: 400; text-decoration: underline;} #formsuccess.modal .modal-body p {margin: 0 0 5px;} #formsuccess.modal .modal-body p.firsttext {font-style: italic;} #formsuccess.modal .modal-body span.line {margin: 12px auto; background-color:#ddd; width:100%; text-align: center; height: 1px; display: block; position: relative;} #formsuccess.modal .modal-body table {margin-bottom:5px;} #formsuccess.modal .modal-body table td.first {font-weight: 400; } #formsuccess.modal .modal-body p:last-child {margin: 0;} #formsuccess.modal .modal-body div.link {display:block; position:relative; text-align: left; width:100%; padding: 15px 0 0 0; margin: 15px 0 0 0; border-top: 1px solid #ddd;} #formsuccess.modal .modal-body a.btn {display: inline-block; text-decoration: none; background-color:#0094D1; border:1px solid #0076a7; color:#fff; padding: 8px 14px; font-size:16px; line-height:22px; text-transform:uppercase; font-weight:400;} #formsuccess.modal .modal-body a.btn:hover {border-color:#0094D1; background-color:#0076a7; color:#fff;} #formsuccess.modal .modal-body table#approved {margin-top: 20px; width:100%;} #formsuccess.modal .modal-body table#approved td {padding: 2px 0px 2px 15px; font-size: 15px; border-bottom: 1px dotted #ddd;} #formsuccess.modal .modal-body table#approved td.first {width:45%; color:#0076a7; padding: 2px 0px 2px 5px; } #formsuccess.modal .modal-body table#approved tr:last-child td {border-bottom: none;} #formsuccess.modal .modal-content.declined {background-color:rgba(244,67,54,0.75);} #formsuccess.modal .modal-content.declined table td.first {color:#c3352b;} #formsuccess.modal .modal-content.declined .modal-body p { font-weight: 400;} #formsuccess.modal .modal-content.declined .modal-body p.firsttext {font-style: italic;} #pagecontent.middle {padding-left: 0; padding-right: 0;} #pagecontent.middle .col-sm-12 {padding:20px 30px; background-color: rgba(106,191,121, 0.2);} #pagecontent.middle h3 {font-size: 22px; font-weight: 400; padding: 0; margin: 10px 0 15px 0; text-transform: uppercase; text-align: center;} #pagecontent.middle p {color: #272a2c;font-size: 18px;line-height: 30px;margin: 0;padding: 0; text-align: center;} #pagecontent.middle p br {display:none;} #pagecontent.middle p > span {display:inline-block;width:auto; position: relative; font-size: 18px;line-height: 30px; margin:0; padding: 0 10px;} #pagecontent.middle p > i {display:inline-block; font-size:8px;line-height: 1;position: relative; top:-2px;} #pagecontent.middle p > span > span {font-weight: 400; position: relative; margin-right:7px;} #pagecontent.middle a {color:#0094D1;} #pagecontent.middle a:hover {color:#0076a7;} /* Error Pages */ #pagecontent.errorpage h1.page-title span {color: rgba(195,53,43,0.1);} #pagecontent.middle.errorpage .col-sm-12 {background-color: rgba(195,53,43,0.15);} #pagecontent.middle.errorpage p span.error {font-weight: 600; margin: 0; padding: 0 0 0 10px;} .formbody p.bg-danger.javaerror {padding: 5px 0 5px; font-style: italic; font-weight: 400; margin: 0 auto; position:relative; display:block; float: left; width:100%;} .formbody p.bg-danger.javaerror:first-child {} .formbody p.bg-danger.javaerror:last-child {} .formbody p.text-success {font-size:17px; font-style: italic; font-weight: 400; padding: 5px 0 5px; color:#0094D1;} .formbody {position: relative; width:100%; display: block; height:auto; float:left; padding: 0px; margin:25px auto 0px auto; background-color: #ffffff; text-align: center; /*-webkit-box-shadow: 0 0 12px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 0 12px 4px rgba(0,0,0,.2); box-shadow: 0 0 12px 4px rgba(0,0,0,.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid rgba(0,0,0,.2);*/} .formbody form.form {position: relative; width:100%; height:auto; display: block; margin:35px auto 0px auto; padding: 0px; float:left;} .formbody form input[name=interested] {display:none;} .formbody form.form .form-group {float:left; display:block; text-align: left;position: relative;margin: 0 auto 22px auto; width:100%;} .formbody form.form .form-group.half {width:48%;} .formbody form.form .form-group.half.left {margin-right:4%;} form.form .form-group .form-control {padding: 12px;font-size: 15px;border: 1px solid #c6c6c6;width: 100%; color: #555; font-weight: 300; background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: none; box-shadow: none; height:50px;} form.form .form-group.focus .form-control {outline: none; border-color: #9FB1C1;} form.form .form-group .form-control:focus {outline: none; border-color: #9FB1C1;} form.form .form-group .form-control:hover {outline: none; border-color: #9FB1C1;} form.form .form-group.error .form-control {border-color: #c3352b} form.form .form-group.notes textarea.form-control {height:auto;} form.form .form-group .control-label {position: absolute; left: 8px; top:14px;color:#999; font-size:15px; display: inline-block; padding: 0px 10px; font-weight: 400;background-color: rgba(255, 255, 255, 0); pointer-events: none; -moz-transition: color 0.3s, top 0.3s, background-color 0.8s;-o-transition: color 0.3s, top 0.3s, background-color 0.8s; -webkit-transition: color 0.3s, top 0.3s, background-color 0.8s; transition: color 0.3s, top 0.3s, background-color 0.8s;} form.form .form-group.focus .control-label {color: #0094D1; cursor: text; top:-11px; background-color:#fff;} form.form .form-group .form-control:focus + .control-label {color: #0094D1; cursor: text; top:-11px; background-color:#fff;} form.form .form-group .form-control:hover + .control-label {color: #0094D1; cursor: text;} form.form .form-group select.form-control {-webkit-appearance: none; appearance: none;} form.form .form-group.state i.fa-sort {position: absolute; top:17px; right:15px;} form.form .form-group.hasvalue .control-label {color:#6ABF79; top:-11px; background-color:#fff;} form.form .form-group.hasvalue.focus .control-label {color:#6ABF79; top:-11px; background-color:#fff;} form.form .form-group.hasvalue .form-control:focus + .control-label {color:#6ABF79; top:-11px; background-color:#fff;} form.form .form-group.hasvalue .form-control:hover + .control-label {color: #6ABF79;} /* form .form-group.hasvalue.error .control-label {color:#c3352b;} form .form-group.hasvalue.error.focus .control-label {color:#c3352b;} form .form-group.hasvalue.error .form-control:hover + .control-label {color:#c3352b;} */ form.form .form-group.error .control-label {color:#c3352b;} form.form .form-group.error.focus .control-label {color:#c3352b;} form.form .form-group.error .form-control:focus + .control-label {color:#c3352b;} form.form .form-group.error .form-control:hover + .control-label {color:#c3352b;} form.form .form-group.robots > div {position: relative;} form.form .form-group.robots > div > div {position: relative;text-align: center; margin: 0 auto;} form.form .form-group.error.robots .g-recaptcha > div {border: 1px solid red;} .formbody form.form .form-group.alt {float:none;text-align: center; width:100%; margin-left:auto; margin-right: auto;} .formbody form.form .form-group.alt > div {display: inline-block; width:auto; margin: 0 auto; text-align: center; overflow: hidden; position: relative;} .control-group {float:left; width:100%; height:auto; position: relative; margin: 0 auto 20px auto;} .control-group:nth-child(2) {margin: 0 auto;} .control-group > h4 {text-align: left; padding: 0px 0 10px; margin: 0 0 20px; border-bottom:1px dotted rgba(0,0,0,.2); font-size:19px; line-height: 24px; text-transform: uppercase; } .form-group.alt > div > span {color:#888; font-size:16px; font-weight: 400; display: block; margin: 0 20px 15px 0; padding:0; position: relative; float:left; line-height: 22px; width:auto;} .form-group .radio-inline {padding-top: 0; padding: 0; display:block; float:left;position: relative; width:70px; margin: 0; margin-right: 5px;} .form-group .radio-inline + .radio-inline {margin-right: 0; margin-left: 0px;} .radio-inline label {display: block;line-height: 22px;color: #444444; font-size: 15px; font-weight: 400; text-align: center; margin: 0; position: relative; float:left;} .radio-inline label > span {} .radio-inline input[type="radio"] {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none; -o-appearance: none; appearance: none; position: relative; top: 0px; right: 0; bottom: 0; left: 0; height: 22px; width: 22px; transition: all 0.15s ease-out 0s; background: #cbd1d8; border: none; color: #fff; cursor: pointer; display: block; margin: 0 10px 0 9px; outline: none; z-index: 1; border-radius: 2px;float:left;} .form-group.error .radio-inline input[type="radio"] {border:2px solid #c3352b} .radio-inline input[type="radio"]:hover {background: #9faab7;} .radio-inline input[type="radio"]:checked {background: #6ABF79;} .radio-inline input[type="radio"]:checked:before {height:22px;width: 22px;position: absolute; content: "\65";display: inline-block; font-size: 16px; text-align: center; line-height: 22px;font-family: 'eplee';} .radio-inline input[type="radio"]:checked:after {-webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #6ABF79; content: ''; display: block; position: relative; z-index: 3; border-radius: 2px;} .form-actions {width:100%; float:left; position: relative; display:block; padding: 0; text-align: center; margin: 35px auto 0px auto;} .form-actions button.btn-default {padding: 8px 14px; font-size:16px; line-height:22px; font-weight: 400; text-transform: uppercase; border-color:#0076a7; background-color:#0094D1; color:#fff; outline: none !important;} .form-actions button.btn-default:hover {border-color:#0094D1; background-color:#0076a7; color:#fff;} .tooltipster-sidetip.tooltipster-punk .tooltipster-content {font-family: "Lato", sans-serif; font-size:15px; text-align: center; padding: 4px 14px; line-height: 22px;} .formbody .popover {font-family: "Lato", sans-serif; font-weight: 300; font-size:14px; line-height: 20px; text-align: center; padding: 0; border: none; border-bottom: 3px solid #c3352b; background: #454545; color: #fff; max-width:250px;} .formbody .popover.top {margin-bottom:7px;} .formbody .popover.top > .arrow {margin-left: -10px; border-width:0px; width:20px; height: 10px;} .formbody .popover.top > .arrow:after {margin-left: 0px; border-width:10px; border: 10px solid transparent; border-top-color: #c3352b; bottom:-9px;} .formbody .popover-content {padding: 4px 14px; } .formbody .checkpopover.popover {margin-left: 50px;margin-top: -20px;} @keyframes click-wave { 0% { height: 40px; width: 40px; opacity: 0.35; position: relative; } 100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0; } } /* Artwork */ .wrapper.artwork {/*background-image: url(../images/artwork-bg.jpg);*/} .wrapper.artwork:before {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width:100%; height: 100%; content: ""; background-color: rgba(255,255,255,0);} #formerrorupload.modal .modal-body p {font-size:17px; text-align: center;padding-top:10px;} #formerrorupload.modal .modal-body > div {text-align: center; padding-bottom:10px;} #formerrorupload.modal .modal-body > div button {border-color:#0076a7; background-color:#0094D1; color:#fff; margin-bottom:5px;} #formerrorupload.modal .modal-body > div button:hover {border-color:#0094D1; background-color:#0076a7; color:#fff;} #formerrorupload.modal .modal-body > div button:first-child {} .conditional {margin: 10px auto 0px auto; position: relative; display:block; width:100%; height:auto; float:left;} .conditional:last-child {margin-bottom:20px;} .cond-yes {display:block; float:left; width:100%; position: relative; padding: 20px 0px; margin: 15px auto; background-color:rgba(255,255,255,0.9); border: 1px solid rgba(153, 194, 185, 0.2); background-color: #fff; background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(top, #ffffff, #f2f2f2);} .drop {display:none; } .control-group.drop {margin: 10px auto 20px auto; position: relative; width:100%; height:auto; float:left;} .drop > .outerdrop {display:block; float:left; width:100%; position: relative; padding: 25px 0px 35px; margin: 15px auto; background-color:rgba(255,255,255,0.9); border: 1px solid rgba(153, 194, 185, 0.2); background-color: #fff; background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(top, #ffffff, #f2f2f2);} #drop {position: relative; display: block; padding: 20px 20px 30px 20px; border: 2px dotted #c9dfda; text-align: center; font-size: 16px; color: #7f858a;text-transform: uppercase; float: left; width:80%; margin: 0px 10% 0px; background-color: #eee; border-radius: 3px;} #drop.error {border-color:#c3352b;} #drop .uploaderbg {background-color: #eee; padding: 20px 20px 25px 20px; border-radius: 3px; display: block; overflow: hidden; position: relative; min-height: 130px; margin: 0px 20px 0px;} #uploads {float:left; width: 100%; text-align: center; margin: 0px auto; padding: 0; position: relative;} span.totalsize {display:none; position: absolute; width: 150px; left: 50%; margin: 0 0 0 -75px; bottom: -15px; text-align:center;} span.totalsize > span {margin-left: 5px; font-weight: 600;} #uploads .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px} #uploads .dz-preview:hover{z-index:1000} #uploads .dz-preview:hover .dz-details{opacity:1} #uploads .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom,#eee,#ddd)} #uploads .dz-preview.dz-file-preview .dz-details{opacity:1} #uploads .dz-preview.dz-image-preview{background:none;} #uploads .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear} #uploads .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:0; font-weight: 400; text-transform: uppercase; margin: 10px 0 0; position: relative;} #uploads .dz-preview .dz-remove:hover{text-decoration:underline} #uploads .dz-preview:hover .dz-details{opacity:1} #uploads .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:19px 7px;text-align:center;color:rgba(0,0,0,0.9);line-height:150%; height:120px;} #uploads .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px} #uploads .dz-preview .dz-details .dz-filename{white-space: nowrap;/*white-space:normal; position: absolute; bottom:10px; left: 5px; display: block; width:110px; height: 34px; line-height:15px;*/} #uploads .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)} #uploads .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis} #uploads .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent} #uploads .dz-preview .dz-details .dz-filename span {background-color:rgba(255,255,255,0.4);padding:0 2px;border-radius:3px; position: relative; /*overflow: hidden; height: 34px; display:block; word-break: break-word;*/} #uploads .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 .4em;border-radius:3px} #uploads .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-webkit-filter:blur(8px);filter:blur(8px)} #uploads .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10; background-color:#ffffff;} #uploads .dz-preview .dz-image img{display:block} #uploads .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77,0,0.175,1);-moz-animation:passing-through 3s cubic-bezier(0.77,0,0.175,1);-ms-animation:passing-through 3s cubic-bezier(0.77,0,0.175,1);-o-animation:passing-through 3s cubic-bezier(0.77,0,0.175,1);animation:passing-through 3s cubic-bezier(0.77,0,0.175,1)} #uploads .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77,0,0.175,1);-moz-animation:slide-in 3s cubic-bezier(0.77,0,0.175,1);-ms-animation:slide-in 3s cubic-bezier(0.77,0,0.175,1);-o-animation:slide-in 3s cubic-bezier(0.77,0,0.175,1);animation:slide-in 3s cubic-bezier(0.77,0,0.175,1)} #uploads .dz-preview .dz-success-mark, #uploads .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px} #uploads .dz-preview .dz-success-mark svg,#uploads .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px} #uploads .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear} #uploads .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity .4s ease-in;-moz-transition:opacity .4s ease-in;-ms-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in} #uploads .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite} #uploads .dz-preview .dz-progress {opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;bottom:50%;margin-bottom:-30px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);transform:scale(1);border-radius:8px;overflow:hidden} #uploads .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom,#666,#444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out} #uploads .dz-preview.dz-error .dz-error-message{display:block} #uploads .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto} #uploads .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:none;opacity:0;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#c3352b;background:linear-gradient(to bottom,#c3352b,#F44336);padding:.5em 1.2em;color:white} #uploads .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #c3352b} .cond-no {display:block; float:left; width:100%; height: auto; position: relative; margin: 0 auto; padding: 20px 0; border: 1px solid rgba(153, 194, 185, 0.2);background-color:#fcfcfc; } #busaddress {float:left; width:100%; height:auto; display: block; position: relative; padding: 0px 10px;border-radius: 6px; } #busaddress > h4 {margin: 0 0 10px; padding: 0; position: relative; } #busaddress > h5 {margin: 0 0 25px; padding: 0; position: relative; font-style: italic;} #busaddress .group {margin: 0px auto 0px auto; padding: 0px 0px; position: relative; display:block; width:100%; height:auto; float:left;} #busaddress .group + .group {margin-top: 10px; padding-top:15px;border-top:1px dotted #ccc;} #busaddress .group .form-group .form-control {height:40px; background-color:#fcfcfc; font-size:15px; padding: 10px 12px;} #busaddress .group .form-group .control-label {top:8px; font-size:15px;} #busaddress .group .form-group.focus .control-label {top:-11px; background-color:#fcfcfc;} #busaddress .group .form-group .form-control:focus + .control-label {top:-11px; background-color:#fcfcfc;} #busaddress .group .form-group.hasvalue .control-label {top:-11px; background-color:#fcfcfc;} #busaddress .group .form-group.hasvalue.focus .control-label {top:-11px; background-color:#fcfcfc;} #busaddress .group .form-group.hasvalue .form-control:focus + .control-label {top:-11px; background-color:#fcfcfc;} .formbody form .group .form-group.plus button, .formbody form .group .form-group.minus button {display: block; width:auto; height: auto; position: relative; background-color:transparent; color:#6ABF79; padding: 11px 0 12px 0; margin: 0; border: 0 none;font-size:18px; line-height: 1; text-align: center;} .formbody form .group .form-group.minus button {color:#c3352b;} .formbody form.form .group > .form-group {margin-left: 1%; margin-right: 1%; margin-bottom: 0px;} .formbody form .group > .form-group.address {width:100%; margin-left: 0; margin-right: 0; margin-bottom:10px;} .formbody form .group > .form-group.city {width:100%; margin-left: 0; margin-right: 0; margin-bottom:10px;} .formbody form .group > .form-group.state {width:49%;margin-left: 0;} .formbody form .group > .form-group.zipcode {width:49%;margin-right: 0; } .formbody form .group > .form-group.plus {width:100%;margin-left: auto; margin-right: auto;text-align:center;} .formbody form .group > .form-group.plus button {text-align: center; margin: auto; } .formbody form .group > .form-group.minus {width:100%;margin-left: auto; margin-right: auto;text-align:center;} .formbody form .group > .form-group.minus button {text-align: center; margin: auto; } #businfo {float:left; width:100%; height:auto; display: block; position: relative; padding: 0px 10px;border-radius: 6px; } #businfo .form-group .form-control {height:40px; background-color:#fcfcfc; font-size:15px; padding: 10px 12px;} #businfo .form-group .control-label {top:8px; font-size:15px;} #businfo .form-group.focus .control-label {top:-11px; background-color:#fcfcfc;} #businfo .form-group .form-control:focus + .control-label {top:-11px; background-color:#fcfcfc;} #businfo .form-group.hasvalue .control-label {top:-11px; background-color:#fcfcfc;} #businfo .form-group.hasvalue.focus .control-label {top:-11px; background-color:#fcfcfc;} #businfo .form-group.hasvalue .form-control:focus + .control-label {top:-11px; background-color:#fcfcfc;} #businfo .textarea.form-group { width:100%; margin-right: auto; margin-left: auto;} #businfo .textarea.form-group textarea {height:auto;} .formbody form.form .form-group.alt.secondcheckboxes {float:left;} .secondcheckboxes > div > span > span {font-style: italic;} /* Payments */ .payment-title {position: relative; padding: 0 0 10px 0; border-bottom:1px dotted rgba(0,0,0,0.2); margin: 0 0 20px; display: -webkit-box;display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack: space-between; -ms-flex-pack: justify; justify-content: space-between;} .payment-title > h4 {text-align: left; padding: 0; margin: 0;border:none;font-size: 19px; line-height: 24px; text-transform: uppercase;} .toptitle.card-type {position: relative; width:auto;} .toptitle.card-type img {width:45px; max-width: 100%; position: relative; height:auto; display: inline-block;} .toptitle.card-type .card {position: relative; width: 25%; min-width: 48px; text-align: center; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); border:none; padding: 0;} .toptitle.card-type .card.active {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%);} .toptitle.card-type .card.active:after {display: block; opacity: 1; bottom: -11px;} .toptitle.card-type .card:after {content: '';position: absolute;bottom: -11px;left: 50%; margin: 0 0 0 -8px;border-right: 8px solid transparent;border-left: 8px solid transparent;border-bottom: 8px solid #F44336; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 0;} .form-group > .card-type {padding: 15px; background-color: #0094D1; position: relative; display: -webkit-box;display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .form-group > .card-type .card {position: relative;width: 25%; min-width: 50px;text-align: center; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%);} .form-group > .card-type .card.active {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%);} .form-group > .card-type img {width:55px; max-width: 100%; position: relative; height:auto; display: inline-block;} .form-group > .card-type .card.active:after {display: block; bottom: -15px;} .form-group > .card-type .card:after {content: '';position: absolute;bottom: -60px;left: 50%; margin: 0 0 0 -8px;border-right: 8px solid transparent;border-left: 8px solid transparent;border-bottom: 8px solid #fff; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;} #pagecontent.pay .popover {white-space: normal; text-align: center; font-size:13px; font-family: 'Lato', sans-serif; font-weight: 400; background-color:rgba(195, 53, 43, 0.9); color:#fff; border-color:#c3352b; border-radius: 3px;} #pagecontent.pay .popover.top>.arrow {border-top-color:rgba(195, 53, 43, 1); border-width: 9px 9px 0px 9px; margin-left: -9px; bottom: -9px;} #pagecontent.pay .popover.top>.arrow:after {border-top-color:rgba(195, 53, 43, 1); border-width: 8px 8px 0px 8px; margin-left: -8px;} #pagecontent.pay .popover-content {padding: 4px 12px;} #pagecontent.pay .form-switch .form-check-input:checked {background-color:#0094D1;border-color:#0094D1;} #paymentform .form-group.half {width:100%;} #paymentform .form-group.half.left {margin-right:auto;} #paymentplanform table.formtable td.answer {border-bottom:1px solid #222222;} #formresponse.modal .modal-content {border:none; box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.2);border-radius:calc(.3rem - 1px); justify-content: center;} #formresponse.modal .modal-content {background-color:#0094D1;} #formresponse.modal .modal-content.approved {background-color:#6ABF79;} #formresponse.modal .modal-content.declined {background-color:rgba(244,67,54,0.75);} #formresponse.modal .modal-body {background-color:#fff; border-bottom-left-radius:calc(.3rem - 1px); border-bottom-right-radius:calc(.3rem - 1px);} #formresponse.modal .modal-header {color:#fff;border:none;text-shadow: 1px 1px 2px rgba(0,0,0,0.6);} #formresponse.modal h5.modal-title {color:#fff;} #formresponse.modal .modal-header button {padding: 0px;border:none; width:auto;height:auto;background:none;color:#fff;font-size: 28px;text-shadow: 1px 1px 2px rgba(0,0,0,0.6);} #formresponse.modal .modal-body p {margin: 0 0 5px;} #formresponse.modal .modal-body p.firsttext {font-style: italic;} #formresponse.modal .modal-body span.line {margin: 12px auto; background-color:#ddd; width:100%; text-align: center; height: 1px; display: block; position: relative;} #formresponse.modal .modal-body table {margin-bottom:5px;} #formresponse.modal .modal-body table td.first {font-weight: 400; } #formresponse.modal .modal-body p:last-child {margin: 0;} #formresponse.modal .modal-body div.link {display:block; position:relative; text-align: left; width:100%; padding: 15px 0 0 0; margin: 15px 0 0 0; border-top: 1px solid #ddd;} #formresponse.modal .modal-body a.btn {display: inline-block; text-decoration: none; background-color:#0094D1; border:1px solid #0076a7; color:#fff; padding: 8px 14px; font-size:16px; line-height:22px; text-transform:uppercase; font-weight:400;} #formresponse.modal .modal-body a.btn:hover {border-color:#0094D1; background-color:#0076a7; color:#fff;} #formresponse.modal .modal-body table#approved {margin-top: 20px; width:100%;} #formresponse.modal .modal-body table#approved td {padding: 2px 0px 2px 15px; font-size: 15px; border-bottom: 1px dotted #ddd;} #formresponse.modal .modal-body table#approved td.first {width:auto; color:#0076a7; padding: 2px 0px 2px 5px; } #formresponse.modal .modal-body table#approved tr:last-child td {border-bottom: none;} #formresponse.modal .modal-body .errormessage {font-weight:400;color:rgba(244,67,54,1)} #formresponse.modal .modal-body .errormessage span.status {} /* #formsuccess.modal .modal-content {background-color:#6ABF79;} #formsuccess.modal .modal-header {color:#fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.6);} #formsuccess.modal .modal-body {background-color:#fff; -webkit-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px;} #formsuccess.modal .modal-body a {display: block;font-weight: 400; text-decoration: underline;} #formsuccess.modal .modal-body p {margin: 0 0 5px;} #formsuccess.modal .modal-body p.firsttext {font-style: italic;} #formsuccess.modal .modal-body span.line {margin: 12px auto; background-color:#ddd; width:100%; text-align: center; height: 1px; display: block; position: relative;} #formsuccess.modal .modal-body table {margin-bottom:5px;} #formsuccess.modal .modal-body table td.first {font-weight: 400; } #formsuccess.modal .modal-body p:last-child {margin: 0;} #formsuccess.modal .modal-body div.link {display:block; position:relative; text-align: left; width:100%; padding: 15px 0 0 0; margin: 15px 0 0 0; border-top: 1px solid #ddd;} #formsuccess.modal .modal-body a.btn {display: inline-block; text-decoration: none; background-color:#0094D1; border:1px solid #0076a7; color:#fff; padding: 8px 14px; font-size:16px; line-height:22px; text-transform:uppercase; font-weight:400;} #formsuccess.modal .modal-body a.btn:hover {border-color:#0094D1; background-color:#0076a7; color:#fff;} #formsuccess.modal .modal-body table#approved {margin-top: 20px; width:100%;} #formsuccess.modal .modal-body table#approved td {padding: 2px 0px 2px 15px; font-size: 15px; border-bottom: 1px dotted #ddd;} #formsuccess.modal .modal-body table#approved td.first {width:45%; color:#0076a7; padding: 2px 0px 2px 5px; } #formsuccess.modal .modal-body table#approved tr:last-child td {border-bottom: none;} #formsuccess.modal .modal-content.declined {background-color:rgba(244,67,54,0.75);} #formsuccess.modal .modal-content.declined table td.first {color:#c3352b;} #formsuccess.modal .modal-content.declined .modal-body p { font-weight: 400;} #formsuccess.modal .modal-content.declined .modal-body p.firsttext {font-style: italic;} */ /********* PROGRAM FORMS *********/ #pagecontent.programs h1.page-title span {color: rgba(253,243,121,0.2);} #pagecontent.middle.programs .col-sm-12 {background-color: rgba(253,243,121,0.2); padding: 20px 30px; display:none;} #pagecontent.middle.programs.option .col-sm-12 {display:block; margin-bottom:25px;} #pagecontent.middle.programs p {} #pagecontent.middle.programs p > span {font-size: 17px; line-height: 28px; padding: 0 5px;} #pagecontent.middle.programs p span > span {font-weight: 400;} #pagecontent.middle.programs h4 {text-align: center; font-size:25px; line-height: 32px; margin: 20px auto 0px;} #pagecontent.middle.programs h4 br {display:none;} .contacttext2 {display: block;text-align: center; width:100%; height: auto; position: relative; margin: 0; padding: 0 0 10px; border-bottom:2px dashed rgba(0,0,0,0.1);} .contacttext2 > span { font-size:17px; line-height: 24px; display: block; margin: 0 0 5px; padding: 0; position: relative; } .contacttext2 > span > span {font-weight: 400; color:#272a2c;} .contacttext2 > span i {font-size: 8px; line-height: 1; position: relative; display: inline-block; margin: 0 10px; top: -3px;} .contacttext2 > span br {display: none;} .formlogo {display: block; float:left; width:100%; height:auto; margin: 0 auto 15px auto; padding: 0; text-align: center;} .formlogo img {width:200px;margin: 0 auto; text-align: center;} .contacttext {display: block;text-align: center; width:100%; height: auto; position: relative; margin: 10px auto 25px auto; padding: 0 0 5px; border-bottom:3px solid #222; float:left; font-weight: 500; } .contacttext > span { font-size:16px; line-height: 22px; display: block; margin: 0 0 2px; padding: 0; position: relative; } .contacttext > span > span {} .contacttext > span i {font-size: 7px; line-height: 1; position: relative; display: inline-block; margin: 0 8px; top: -3px;} .contacttext > span br {display: none;} #pagecontent.programs .formhead {width:100%; height:auto; position: relative; float:left;} #pagecontent.programs .formbody {padding: 25px 20px; -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.15); -moz-box-shadow: 0 0 8px 1px rgba(0,0,0,.15); box-shadow: 0 0 8px 1px rgba(0,0,0,.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(0,0,0,.1); font-family: 'function-pro'; font-weight: 400;} #pagecontent.programs .formbody h4 {text-align: center; font-size:24px; line-height: 1.1; margin: 0px auto 15px; float:left; width:100%; display:block; position: relative; font-family: 'function-pro'; font-weight:600; color:#2a2a2a; -webkit-font-smoothing: antialiased;} #pagecontent.programs .formbody form {float:left; width:100%; margin: 0 auto; height:auto; position: relative; display: block;} .formbody table.formtable {border-collapse: collapse; width:100%; margin: 0 auto;font-size:15px;} .formbody table.formtable tr {} .formbody table.formtable td {padding: 0px 0px 0px; line-height:18px; vertical-align: bottom;border-top: 0 none; height:50px;} .formbody table.formtable td:first-child {text-align: left;} .formbody table.formtable td label {font-weight: 400; margin-bottom: 0;} .formbody table.formtable td:first-child label {text-align: left;} .formbody table.formtable td.answer {border-bottom: 1px solid #222222;} .formbody table.formtable td.answer input.form-control {border: 0 none; -webkit-box-shadow: none; box-shadow: none; background-color: #fff7c8;padding: 1px 6px 0px 6px; height: 26px; margin-bottom:3px; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 13px; line-height: 18px; -webkit-border-radius:0px; -moz-border-radius: 0px; border-radius: 0px; color:#222;} .formbody table.formtable td.answer input.form-control.valid {background-color:#ffffff;} .formbody table.formtable.text td {height:auto; padding-top: 25px; font-size:15px; line-height: 21px;} .formbody table.formtable.text td.nhlabel {padding-top: 5px;} .formbody table.formtable.text td.nopadding {padding-top:5px; float:left;} .formbody table.formtable.text td.lasttext {padding-bottom:15px; padding-top:20px;} .formbody table.formtable.text td span.dateouter {width:90px; margin: 0 5px; display: inline-block; position: relative; border-bottom: 1px solid #222222;} .formbody table.formtable.text td input.form-control {border: 0 none; -webkit-box-shadow: none; box-shadow: none; background-color: #fff7c8;padding: 1px 6px 0px 6px; height: 23px; margin-bottom:3px; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 13px; line-height: 18px; -webkit-border-radius:0px; -moz-border-radius: 0px; border-radius: 0px; color:#222;} .formbody table.formtable.text span.strike {text-decoration: line-through;} .formbody table.formtable.text span.cost {font-style: italic;font-weight: 500; padding-left: 3px;} .formbody table.formtable.innertext {width:100%;} table.formtable.innertext td.checkboxlabel {font-weight: 500; padding-bottom: 10px; padding-top: 0;width:100%;} table.formtable.innertext td.checkboxlabel.error {font-weight: 600;} table.formtable.innertext td.checkboxlabel > span { color:#c3352b; margin-left: 10px; font-style: italic;font-weight: 400;} table.formtable.innertext td.checkbox {padding-top:4px;padding-bottom:4px;} table.formtable.innertext td.checkbox input[type=checkbox] {position: absolute;left: -99999px; -webkit-appearance: none; -moz-appearance: none; appearance: none;} table.formtable.innertext td.checkbox input[type=checkbox] + label {display: inline-block; cursor: pointer; position: relative; padding-left: 25px;margin-right: 15px;font-size:15px;} table.formtable.innertext td.checkbox input[type=checkbox] + label:before { content: '';position: absolute; left: 0; top: 2px; width: 17px; height: 17px; border: 1px solid #aaa; background: #f8f8f8; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3);} table.formtable.innertext td.checkbox input[type=checkbox] + label:after { content: '✔';position: absolute;top: 3px; left: 4px; font-size: 18px; line-height: 0.8; color: #6ABF79; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;} html.ie table.formtable.innertext td.checkbox input[type=checkbox] + label:after {left:2px;} table.formtable.innertext td.checkbox input[type=checkbox] + label:after {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);} table.formtable.innertext td.checkbox input[type=checkbox] + label.check:after {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1; -webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);} .formbody table.formtable.signaturetable td {text-align: left; } .formbody table.formtable.signaturetable td:not(.answer) {height:30px;} .formbody table.formtable.signaturetable td input#signaturedate.form-control {background-color:#ffffff;} .formbody table.formtable.signaturetable table.formtable {width:100%;} .formbody table.formtable.signaturetable td input[type=button] {text-align: left;} .formbody table.formtable.signaturetable td input[type=button]:disabled {background-color:#ffffff;} .formbody table.formtable.signaturetable #hiddenImage {display: none;} .formbody table.formtable.signaturetable #hiddenImage img {width:50%; border: 0 none !important;} .formbody table.formtable.formactions {text-align:center; margin: 20px auto 20px auto;} .formbody table.formtable.formactions td {text-align: center;} .formbody table.formtable.formactions button.btn {font-family: 'Lato', sans-serif; font-weight: 400; font-size:15px; background-color:#6ABF79; color:#fff; border-color:#4a8554; padding: 8px 15px;} .formbody table.formtable.formactions button.btn:hover {background-color:#4a8554; border-color:#4a8554;} #pagecontent.programs .popover {white-space: normal; text-align: center; font-size:13px; font-family: 'Lato', sans-serif; font-weight: 400; background-color:rgba(195, 53, 43, 0.9); color:#fff; border-color:#c3352b; border-radius: 3px;} #pagecontent.programs .popover.top>.arrow {border-top-color:rgba(195, 53, 43, 1); border-width: 9px 9px 0px 9px; margin-left: -9px; bottom: -9px;} #pagecontent.programs .popover.top>.arrow:after {border-top-color:rgba(195, 53, 43, 1); border-width: 8px 8px 0px 8px; margin-left: -8px;} #pagecontent.programs .popover-content {padding: 4px 12px;} /* Added Initial Field */ .formbody form span.initialfeeouter { float:left; position: relative;display: block; width: 55px; height: 23px; margin: 0 10px 0px 0; z-index: 2;border-bottom: 1px solid #5d5e5e;} .formbody table.formtable.text td span.initialfeeouter > input.form-control {padding-top: 0; height:20px; color:#000; font-size:15px; font-weight: 600; font-style: italic; margin: 0 0 3px 0;} /*** Payment Plan Form ***/ .formbody table.formtable.payment-plan {width:100%;padding: 0; border: 0px solid #ddd; /*border-radius: 2px; background-color:#fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.3);*/} .formbody table.formtable.payment-plan td.first {padding: 25px 15px 0 15px;} .formbody table.formtable.payment-plan td.second {padding: 20px 15px 0px 15px;} .formbody table.formtable.payment-plan td.last {padding: 20px 15px 20px 15px;} .formbody table.formtable.text td span.amountouter {width:90px; margin: 0 5px; display: inline-block; position: relative; border-bottom: 1px solid #222222;} .formbody table.formtable.text td span.initialouter {width:90px; margin: 0 5px; display: inline-block; position: relative; border-bottom: 1px solid #222222;} .formbody table.formtable.payment-plan td.checkboxlabel {font-weight: 500;} .formbody table.formtable.payment-plan td.plan {padding-top:5px;} .formbody table.formtable.payment-plan td label {font-weight: 500;} .formbody table.formtable.payment-plan td {font-weight: 500;} .formbody table.formtable.payment-plan .formtable.text td {padding-top: 0;} .formbody table.formtable.payment-plan table.formtable.signaturetable {width:100%;} .formbody table.formtable.payment-plan table.formtable.signaturetable > tbody> tr> td {padding-left: 15px; padding-right: 15px;} .formbody table.formtable.payment-plan table.formtable.signaturetable td {padding-top: 0;} .formbody table.formtable.payment-plan table.formtable.signaturetable td input.form-control {font-size:15px;} /* Signatures */ #signature-modal.modal {z-index: 1061;} #signature-modal .modal-header {} #signature-modal .modal-body {} #signature-modal .modal-footer {border-top: 0; text-align: center; } #signature-modal .tooltip-inner {background-color:#c3352b} #signature-modal .tooltip-inner {font-size:13px;} #signature-modal .tooltip-inner span.first { display:block;} #signature-modal .tooltip-inner span.last {font-style:italic;font-size:12px; line-height:16px;} #signature-modal .tooltip.left .tooltip-arrow {border-left-color:#c3352b;} #signature-modal .tooltip.right .tooltip-arrow {border-right-color:#c3352b;} #signature-modal .tooltip.top .tooltip-arrow {border-top-color:#c3352b;} #signature-modal input.form-control {-webkit-box-shadow: none; box-shadow: none; width:100%; margin: 0 auto; border-width:2px; border-radius: 0;} #signature-modal input.form-control:focus {border-color: #9FB1C1;} .pad-outer {text-align: center;border: 1px solid #e8e8e8;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;border-radius: 4px; padding: 10px 5px;} #signature-pad {width:400px; height: 120px; border: 1px solid #f4f4f4;} .sig-outer {position: relative; width:100%; height:100px; border: 1px solid #e8e8e8; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;border-radius: 4px;padding: 16px; } .sig-outer > div {position: relative; border: 1px solid #f4f4f4; width:100%; height:100%; } .sig-outer .signature-pad {position: absolute; top: 0; left: 0; width:100%; height: 100%; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset; box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;} /* Response */ #pagecontent.programs .formbody.success {width:90%; margin-left: 5%; background-color: rgba(253,243,121,0.15); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .formbody.success #formresponse {float:left; width:100%; height:auto; position: relative;} .formbody.success #formresponse a.btn {font-family: 'Lato', sans-serif; font-weight: 400;} .formbody.success #formresponse > div {} .formbody.success .height {display:table; height: 200px; position: relative;} .formbody.success .height > div {display:table-cell; vertical-align: middle; position: relative; padding: 0; margin: 0;} .formbody.success .leftoutput {float:left; width:100%; padding: 0 10px; } .formbody.success .leftoutput img {width:150px; -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.15); -moz-box-shadow: 0 0 8px 1px rgba(0,0,0,.15); box-shadow: 0 0 8px 1px rgba(0,0,0,.15); margin: 0 auto;} .formbody.success .rightoutput {float:left; width:100%; padding: 0 10px;} .formbody.success .rightoutput a.btn {background-color:#eee; border-color:#ddd; color:#222;} .formbody.success .rightoutput a.btn:hover {background-color:#4a8554; border-color:#4a8554; color:#fff;} .formbody.success .rightoutput h3 {font-size: 20px; line-height: 26px; margin: 0; padding: 0;} .formbody.success .rightoutput h5 { margin: 0; padding: 10px 0 15px 0; font-size: 16px; line-height: 22px;} .formbody.success .otherLinks {float:left; width:100%; display: block; margin: 30px auto 0px auto; padding: 20px 0 0 0; border-top: 1px dashed rgba(106, 191, 121, 0.2); } .formbody.success .otherLinks a.btn {background-color:#6ABF79; border-color:#6ABF79; color:#fff; margin: 0 5px;} .formbody.success .otherLinks a.btn:hover {background-color:#4a8554; border-color:#4a8554; color:#fff;} /* VF Registration */ #pagecontent.programs .formbody.vf {font-family: 'ProximaNova', sans-serif; font-weight: 400;} #pagecontent.programs .formbody.vf form {overflow: hidden; width: auto; display:block; float:left; position:relative; padding:0; margin:0 auto; font-family: 'ProximaNova', sans-serif; color: #5d5e5e; font-size:13px; line-height: 20px; } .formbody.vf .formHeader {padding-top: 15px;} .formbody.vf .formHeader > div {padding: 0px 10px;} .formbody.vf .formHeader h3 {text-transform: uppercase; text-align:left;font-family: 'ProximaNova', sans-serif; font-weight: 600;} .formbody.vf .formHeader h3 span.break {width:100%;height:0px;position:relative;margin:0 auto;padding:0;display:block;} .formbody.vf .formHeader h3 span.block { font-size: 31px;display:block; line-height:30px;margin: 7px 0 0 0;} .formbody.vf .formHeader h3 span.block:first-child {font-size: 32px;font-weight: 800; margin: 0px 0 2px 0;} .formbody.vf .formHeader h3 span.block:last-child {margin: 5px 0 0 0;} .formbody.vf form div.formsection {float:left; display: block; position: relative; width:100%; height: auto; margin: 20px auto; padding: 0; text-align:left;} .formbody.vf form div.formsection span.sectiontitle {float:left; display: block; position: relative; width:100%; height: auto; padding: 0px 10px 15px 10px;text-align:left;} #pagecontent.programs .formbody.vf form div.formsection span.sectiontitle h4 {color:#034694; text-transform: uppercase; font-family: 'ProximaNova', sans-serif; font-weight: 600; padding: 0px; margin: 0; text-align:left; font-size: 18px} .formbody.vf form .form-group {width:100%; position: relative;margin-left: 0; margin-right: 0; margin-bottom: 15px; float:left; } .formbody.vf form .form-group.prize {margin-top:15px;} .formbody.vf form .form-group.half {width:50%;} .formbody.vf form .form-group.third {width:33.3333333%;} .formbody.vf form .form-group.left {float:left;} .formbody.vf form .form-group.right {float:right;} .formbody.vf form .form-group.mid {float:left;} .formbody.vf form label.control-label {font-family: 'ProximaNova', sans-serif; color: #5d5e5e; text-align: left; font-style: normal; font-weight: 400; text-transform: uppercase; font-size: 12px; line-height: 18px; padding-top: 10px; padding-right: 0; } .formbody.vf form .form-group div.line {position: relative; width: 100%; margin: 2px 0 0; padding: 0; height: 1px; background: #5d5e5e;} .formbody.vf form input.form-control {-webkit-border-radius: 0px;border-radius: 0px;padding: 5px 6px 0px 6px;margin: 0;font-size: 13px;line-height: 17px;height: 22px;border: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;color: #5d5e5e;background-color: #fff;width: 100%;} .formbody.vf form input#initials.form-control {color:#000; font-size:15px; font-weight: 600; font-style: italic;} .formbody.vf form span.form-subtitle {position: relative;font-weight: 600; text-transform: uppercase; margin: 5px auto 10px auto; font-size: 13px; line-height: 20px;} .formbody.vf form span.form-subtitle.alert {background-color:rgba(255,0,0,0.6); color:#fff;width:97%; margin-left: 1.5%; padding-top:10px; padding-bottom:5px;margin: 5px auto 15px auto;} .formbody.vf form span.form-subtitle.alert span {text-decoration: underline;} .formbody.vf form .form-group div.line {background:#5d5e5e;} .formbody.vf form div.checkbox span.locationname {display:block; position: relative; text-transform: uppercase; font-weight: 600;} .formbody.vf form div.checkbox span.locationname.available {color:#2B9A00;} .formbody.vf form div.checkbox span.locationname.waitlist {color:#f00;} .formbody.vf form div.checkbox span.locationname > span {font-family: 'ProximaNova', sans-serif; font-weight: 600; font-style: italic; text-transform: capitalize;} .formbody.vf form div.checkbox span.locationname i.fa {color: #5d5e5e; font-size: 16px;margin-left: 7px;} .formbody.vf form div.checkbox span.locationname img {width:12px; position:relative; display:inline-block; margin-left: 8px; top: -2px;} .formbody.vf form div.checkbox span.locationname .tooltip-inner {font-size:13px; font-family: 'ProximaNova', sans-serif; font-weight: 400; background:#444; padding: 5px 8px 3px 8px;} .formbody.vf form div.checkbox span.locationname .tooltip-arrow {border-top-color:#444;} .formbody.vf form div.checkbox span.location {display:block;font-size:12px; line-height:17px; position: relative;} .formbody.vf form div.checkbox span.location > span {font-weight:600;} .formbody.vf form p {float:left;font-family: 'ProximaNova', sans-serif; color: #5d5e5e; font-size:13px; line-height: 23px; display: block; width:auto; position: relative; margin: 0; padding: 0px 0px 0px;} .formbody.vf form p em {font-family: 'ProximaNova', sans-serif;font-weight: 600; font-style: italic;} .formbody.vf form p.bigger {width:100%;font-weight: 600; padding: 0px 0 10px 0;} .formbody.vf form .formsection .col-sm-12 p:first-child {padding: 0 0 10px;} .formbody.vf form span.initialouter { float:left; position: relative;display: block; width: 75px; height: 21px; margin-left: 0px; margin-right: 10px;border-bottom: 1px solid #5d5e5e;} .formbody.vf form span.initialouter > input {padding-top: 0; height:20px;} .formbody.vf form .form-group.form-actions {padding-top: 0px;} #pagecontent.programs .formouter.vf .popover {white-space: normal; text-align: center;} .formouter.vf #formresponse .rightoutput {width: 100%; float: left; margin: 0;} .formouter.vf #formresponse .rightoutput a {text-decoration: none; background-color:#6ABF79; border-color:#6ABF79; color:#fff;} .formouter.vf #formresponse .rightoutput a:hover {background-color:#4a8554; border-color:#4a8554; color:#fff;} .formouter.vf #formresponse .rightoutput p {font-size:13px; font-style: italic; font-weight: 400; margin: 15px auto 0px;} /* Program Specific */ .formbody.vf.cone form > div.formsection {margin: 15px auto;} .formbody.vf.cone form > div.formsection:first-child {margin: 5px auto 15px auto;} .formbody.vf.cone .formHeader h3 span.block {color: #444; font-size: 19px; letter-spacing:0.5px; margin: 5px 0 0 0;} .formbody.vf.cone .formHeader h3 span.block:first-child {color:#00a2b1; font-weight: 600; font-size: 43px;letter-spacing: 2px; margin: 0px 0 2px 0;} .formbody.vf.cone .formHeader h3 span.block:last-child {font-size: 29px;letter-spacing: 2px; margin: 2px 0 0 0;} #pagecontent.programs .formbody.vf.cone form > div.formsection span.sectiontitle h4 {color:#00a2b1;} .formbody.vf.cone form .formsection > .col-sm-4 {} .formbody.vf.cone form .formsection .col-sm-12.nopad p {font-size:14px;} .formbody.vf.cone form .formsection .col-sm-12.nopad span.bigger {font-weight: 600;display:block;} .formbody.vf.cone form .formsection .col-sm-12.confirmation p {font-size:14px;font-style: italic; color:#00a2b1;} .formbody.vf.cone form table.formtable.text td {font-size:14px;} .formbody.vf.cone form table.formtable.text td.lasttext {font-weight: 600;display:block;} .formbody.vf.cone form table.formtable.text td.confirmation {font-style: italic; color:#00a2b1;} .formbody.vf.cone table.formtable.formactions button.btn {font-family: 'ProximaNova', sans-serif; background-color:#00a2b1; color:#fff; border-color:#00a2b1;} .formbody.vf.cone table.formtable.formactions button.btn:hover {background-color:#ddd; border-color:#00a2b1;color:#00a2b1;} .formbody.vf.palmetto form > div.formsection {margin: 15px auto;} .formbody.vf.palmetto form > div.formsection:first-child {margin: 25px auto 15px auto;} .formbody.vf.palmetto .formHeader h3 span.block {color: #24408F; font-size: 26px; letter-spacing:0; margin:0px 0 0 0; position: relative;} .formbody.vf.palmetto .formHeader h3 span.block:first-child { font-weight: 600; font-size: 38px;letter-spacing: 0px; margin: 0px 0 0px 0;} .formbody.vf.palmetto .formHeader h3 span.block:nth-child(3) {margin: 5px 0 0 0; line-height:36px;} .formbody.vf.palmetto .formHeader h3 span.block:nth-child(5) {font-size: 29.1px; margin: 0 0 10px 0;line-height:36px;} .formbody.vf.palmetto .formHeader h3 span.block:last-child {color:#009964;font-size: 38px;letter-spacing: 0px; margin: 0px 0 0 0;} #pagecontent.programs .formbody.vf.palmetto form > div.formsection span.sectiontitle h4 {color:#24408F; font-size:20px;} .formbody.vf.palmetto form .formsection .col-sm-12 > p > span.final {font-weight: 600; font-style: italic;} .formbody.vf.palmetto form .formsection .col-sm-12.nopad p {font-size:14px;} .formbody.vf.palmetto form .formsection .col-sm-12.nopad span.bigger {font-weight: 600;display:block;} .formbody.vf.palmetto form .formsection .col-sm-12.confirmation p {font-size:14px;font-style: italic; color:#24408F;} .formbody.vf.palmetto form table.formtable.text td {font-size:14px;} .formbody.vf.palmetto form table.formtable.text td.lasttext {font-weight: 600;display:block;} .formbody.vf.palmetto form table.formtable.text td.confirmation {font-style: italic; color:#24408F;} .formbody.vf.palmetto table.formtable.formactions button.btn {font-family: 'ProximaNova', sans-serif; background-color:#24408F; color:#fff; border-color:#24408F;} .formbody.vf.palmetto table.formtable.formactions button.btn:hover {background-color:#009964; border-color:#009964;color:#fff;} .formbody.vf.wakemed form > div.formsection {margin: 15px auto;} .formbody.vf.wakemed form > div.formsection:first-child {margin: 15px auto 15px auto;} .formbody.vf.wakemed .formHeader h3 span.block {color: #444; font-size: 26px; letter-spacing:0; margin:0px 0 0 0; position: relative;} .formbody.vf.wakemed .formHeader h3 span.block:first-child {color:#da291c; font-weight: 700; font-size:34px;letter-spacing: 2px; margin: 0px 0 0px 0;} .formbody.vf.wakemed .formHeader h3 span.block:nth-child(3) {margin: 5px 0 0 0; font-size: 30px; line-height:36px;letter-spacing: 2.1px;} .formbody.vf.wakemed .formHeader h3 span.block:nth-child(5) {font-size: 32px; margin: 0 0 0px 0;line-height:36px;letter-spacing: 2px;} #pagecontent.programs .formbody.vf.wakemed form > div.formsection span.sectiontitle h4 {color:#da291c; font-size:22px; font-weight: 600;} .formbody.vf.wakemed form .formsection .col-sm-12 > p > span.final {font-weight: 600; font-style: italic;} .formbody.vf.wakemed form .formsection .col-sm-12.nopad p {font-size:14px;} .formbody.vf.wakemed form .formsection .col-sm-12.nopad span.bigger {font-weight: 600;display:block;} .formbody.vf.wakemed form .formsection .col-sm-12.confirmation p {font-size:14px;font-style: italic; color:#da291c;} .formbody.vf.wakemed form table.formtable.text td {font-size:14px;} .formbody.vf.wakemed form table.formtable.text td.lasttext {font-weight: 600;display:block;} .formbody.vf.wakemed form table.formtable.text td.confirmation {font-style: italic; color:#da291c;} .formbody.vf.wakemed table.formtable.formactions button.btn {font-family: 'ProximaNova', sans-serif; background-color:#da291c; color:#fff; border-color:#da291c;} .formbody.vf.wakemed table.formtable.formactions button.btn:hover {background-color:#444; border-color:#444;color:#fff;} .formbody.vf form .doorprize span {position: relative; display:inline-block; padding:0 0 20px;} .formbody.vf form .doorprize input { display:inline-block; margin: 0 0 0 10px; border-bottom: 1px solid #5d5e5e; max-width:75%; width: 800px;} .formclosed {display:block; position: relative; width:100%; height:auto; text-align: left; } .formclosed p {position: relative; padding: 0 10px; margin: 0; font-size: 17px;} /*** EXPORT CONTRACTS ***/ table.db-table {margin: 0 auto; border-collapse: collapse;} table.db-table > tbody > tr > th { background:#e9e9e9; color: #222;text-align:center; vertical-align:middle;font-size:13px;font-weight: 600; text-transform: uppercase;} table.db-table > tbody > tr > td {font-size:12px; font-weight: 400; text-align: center; padding: 4px; vertical-align: middle;} table.db-table > tbody > tr:hover {background-color: rgba(106, 191, 121, 0.2);} table.db-table td.phone {width:7.5%;} table.db-table td.id {text-align: center;} #contracts {} #contracts .controls {display:block; position:relative; width: 100%; float:left;height: auto; margin: 0 auto; padding: 10px 0px 15px;} #contracts .controls input.search {width: 200px; float:right; margin: 0 0 0 8px;} #contracts .controls button {float:right; display:block; position:relative; margin: 0 0px 0px 0px;} #contracts .controls button + button {margin: 0 8px 0px 0px;} #contracts .controls a#exportbutton {text-align:center; text-decoration:none;float:left;} #contracts .outerpage {margin: 20px auto; text-align:center; display:block;float:left; width:100%; position:relative;} .outerpage .pagination {margin: 0 auto;} .outerpage .pagination li a {color:#6ABF79;} .outerpage .pagination li.active a {background-color:#6ABF79; border-color:#6ABF79; color:#fff;} #paymentsreceived .btn {font-size: 14px;padding:6px 12px; line-height: 1.4;} #paymentsreceived .btn-success {color:#fff; background-color:#5cb85c; border-color:#4cae4c;} #paymentsreceived .btn-success:hover {color:#fff; background-color:#449d44; border-color:#398439;} #paymentsreceived .btn-info {color:#fff; background-color:#5bc0de; border-color:#46b8da;} #paymentsreceived .btn-info:hover {color:#fff; background-color:#31b0d5; border-color:#269abc;} #paymentsreceived .controls {justify-content: flex-end;position:relative; width: 100%;padding: 10px 0px 15px;} #paymentsreceived .controls input.search {width:auto; font-size: 14px; height:34px; padding: 6px 12px; line-height: 1.4; color:#555; border-radius: 4px; border-color:#ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;} #paymentsreceived .controls input.search:focus {border-color:#66afe9; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); outline: none;} #paymentsreceived .controls button {margin: 0 8px 0px 0px;} #paymentsreceived table.db-table>tbody>tr:nth-of-type(odd) {background-color:#f9f9f9;} #paymentsreceived table.db-table>tbody>tr:hover {background-color: rgba(106, 191, 121, 0.2);} #paymentsreceived .pagination {justify-content: center; align-items: center;} #paymentsreceived .outerpage {margin: 20px auto; text-align:center; width:100%; position:relative;} #paymentsreceived .outerpage .pagination {margin: 0 auto;} #paymentsreceived .outerpage .pagination li {margin: 0 3px;} #paymentsreceived .outerpage .pagination li a {color:#6ABF79; padding:5px 10px; line-height: 1.4; border:1px solid #ddd;border-radius: 4px; display: block;} #paymentsreceived .outerpage .pagination li.active a {background-color:#6ABF79; border-color:#6ABF79; color:#fff;} /*** EXPORT VF Registrations ***/ table.db-table {margin: 0 auto; border-collapse: collapse;} table.db-table > tbody > tr > th { background:#e9e9e9; color: #222;text-align:center; vertical-align:middle;font-size:13px;font-weight: 600; text-transform: uppercase;} table.db-table > tbody > tr > td {font-size:12px; font-weight: 400; text-align: center; padding: 4px; vertical-align: middle;} table.db-table > tbody > tr:hover {background-color: rgba(106, 191, 121, 0.2);} table.db-table td.phone {width:7.5%;} table.db-table td.id {text-align: center;} #registration {} #registration .controls {display:block; position:relative; width: 100%; float:left;height: auto; margin: 0 auto; padding: 10px 0px 15px;} #registration .controls input.search {width: 200px; float:right; margin: 0 0 0 8px;} #registration .controls button {float:right; display:block; position:relative; margin: 0 0px 0px 0px;} #registration .controls button + button {margin: 0 8px 0px 0px;} #registration .controls a#exportbutton {text-align:center; text-decoration:none;float:left;} #registration .outerpage {margin: 20px auto; text-align:center; display:block;float:left; width:100%; position:relative;} .outerpage .pagination {margin: 0 auto;} .outerpage .pagination li a {color:#6ABF79;} .outerpage .pagination li.active a {background-color:#6ABF79; border-color:#6ABF79; color:#fff;} /* Policy Pages */ #pagecontent.policypage h1.page-title span {color: rgba(0, 118, 167,0.1);} #pagecontent.middle.policypage {padding-bottom:30px;} #pagecontent.middle.policypage .col-sm-12 {background-color: rgba(0, 118, 167,0.1); text-align: left; padding:0px;} #pagecontent.middle.policypage p {font-size:15px; line-height: 1.5; text-align: left; float:left; width:100%; height:auto; position: relative; display:block; padding: 0; margin: 0 0 15px 0;} #pagecontent.middle.policypage p:last-child {margin: 0;} #pagecontent.middle.policypage h3 {float:left; width:100%; position: relative; display:block; text-align:left; margin:15px 0 0px; padding: 0 0 10px;} #pagecontent.container.policypage:first-child {padding-bottom:0;} .container.policypage {padding-bottom:50px;} .policypage.terms h3 {text-align:left; padding: 0 0 20px; margin: 10px 0 0px; float:left; width:100%; height: auto; display: block; position: relative; font-size: 22px; font-weight: 400; letter-spacing: 2px;} .policypage ol {float:left; width:100%; height:auto; position: relative; display:block; padding: 0; margin: 0 0 0px 10px;} .policypage.terms ol {margin: 0 0 15px 10px;} .policypage ol li {font-size:15px; line-height: 1.5; margin: 0 0 5px 0; text-align: left;position: relative; list-style: decimal; list-style-position: inside; } .policypage ul {float:left; width:100%; height:auto; position: relative; display:block; padding: 0; margin: 0 0 0px 10px;} .policypage ul li {font-size:15px; line-height: 1.5; margin: 0 0 5px 0; text-align: left;position: relative; list-style: disc; list-style-position: inside; } .policypage h3.sub-title {text-align:left; padding: 0 0 20px; margin: 10px 0 0px; float:left; width:100%; height: auto; display: block; position: relative; font-size: 22px; font-weight: 400; letter-spacing: 2px;} .policypage h3.sub-title.contents {margin:15px 0 0px; padding: 0 0 10px;} .policypage p {margin: 0 0 15px 0;} p.revised-date {font-style: italic; } #privacytable {position: relative; float:left; display: block; width:100%; height:auto; margin: 10px auto 0px auto; padding: 0;} #privacytable > div:not(.table-responsive) {float:left; position: relative; width: 100%; display:block;} #privacytable .well {float:left; display:block; position: relative; width:100%;background-color: rgba(0, 118, 167,0.05); border-color: rgba(0, 118, 167,0.1); } #privacytable .well p:last-child {margin-bottom: 0;} #privacytable h4 {float:left; width:100%; position:relative; text-decoration: underline;} /*** UPDATES 2023 ***/ body.newprogram .formbody table.formtable.text td {border-bottom:none;} body.newprogram .formbody table.formtable {border-bottom-color:transparent;} body.newprogram .formbody table.formtable.formactions td {border-bottom:none;} body.newprogram .formbody table.formtable.signaturetable table.formtable tr:last-child td {border-bottom:none;} body.newprogram #signature-modal.modal.show {opacity: 1;} body.newprogram #signature-modal.modal .modal-footer {justify-content: center;} body.newprogram #signature-modal.modal .btn-default {color:#333; background-color:#fff; border-color:#ccc;} body.newprogram #signature-modal.modal .btn-primary {color:#fff; background-color:#337ab7; border-color:#2e6da4;} body.newprogram .formbody .popover.fade {opacity: 1; z-index: 10;} body.newprogram .formbody .popover {background-color:#fff; box-shadow: 0 2px 4px rgba(0,0,0,0.15); border-color:rgba(195, 53, 43, 1);} body.newprogram .formbody .popover .popover-body {text-align:center; color:#fff; padding:6px 14px; font-size: 14px;} body.newprogram .formbody .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, body.newprogram .formbody .bs-popover-top>.popover-arrow::before {border-top-color:rgba(195, 53, 43, 1);} body.newprogram .formbody .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, body.newprogram .formbody .bs-popover-start>.popover-arrow::before {border-left-color:rgba(195, 53, 43, 1);} body.newprogram .formbody .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, body.newprogram .formbody .bs-popover-bottom>.popover-arrow::before {border-bottom-color:rgba(195, 53, 43, 1);} body.newprogram .formbody .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, body.newprogram .formbody .bs-popover-end>.popover-arrow::before {border-right-color:rgba(195, 53, 43, 1);} body.newprogram .formbody .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after, body.newprogram .formbody .bs-popover-top>.popover-arrow::after {border-top-color:rgba(195, 53, 43, 1);} body.newprogram .formbody .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after, body.newprogram .formbody .bs-popover-start>.popover-arrow::after {border-left-color:rgba(195, 53, 43, 1);} body.newprogram .formbody .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after, body.newprogram .formbody .bs-popover-bottom>.popover-arrow::after {border-bottom-color:rgba(195, 53, 43, 1);} body.newprogram .formbody .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after, body.newprogram .formbody .bs-popover-end>.popover-arrow::after {border-right-color:rgba(195, 53, 43, 1);} .programlist.row > div {display: flex; flex-direction: column;} .formbody table.formtable td .programlist.row label {font-family: function-pro, sans-serif; font-weight:500;} .programlist.row select {cursor: pointer;} .select2-container {min-width:100%; font-family: function-pro, sans-serif;cursor: pointer;} .programlist.row .select2-container input {cursor: pointer;margin-top:0;} .select2-results__option {padding-right: 20px;vertical-align: middle; font-size: 15px; } .select2-results__option:before {content: "";display: inline-block;position: relative;height: 20px;width: 20px;border: 2px solid rgba(0, 0, 0, 0.2);border-radius: 4px;background-color: transparent;margin-right: 15px;margin-left: 10px;vertical-align: middle; } .select2-results__option[aria-selected=true]:before {font-family: 'fontAwesome';content: "\f00c";color: #fff;background-color: #fd5f00;border: 0;display: inline-block;padding: 0;line-height: 1.2;padding-left: 2px; } .select2-container--default .select2-results__option[aria-selected=true] {background-color: #fff; } .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #fff;color: #000; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {border-radius: 4px;-webkit-box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.8);-moz-box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.8);box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.8); cursor: pointer; } .select2-container--default.select2-container--focus .select2-selection--multiple {border-color: #fd5f00;border-width: 2px; z-index: 2; cursor: pointer;} .select2-container--default .select2-selection--multiple {border-width: 2px;border-color: transparent;padding: 5px 10px;line-height: 1.6;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;margin-bottom: 10px;-webkit-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15); z-index: 2; cursor: pointer;} .select2-container--default .select2-selection--multiple .select2-selection__rendered li {margin-top:5px;} .select2-container--open .select2-dropdown--below {padding: 10px 0;border-radius: 4px;border: none;-webkit-box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.63);-moz-box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.63);box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.63); } .select2-selection .select2-selection--multiple:after {content: 'hhghgh'; } .select2-container--default .select2-selection--multiple .select2-selection__choice {border: none;background: rgba(0, 0, 0, 0.1);font-size: 15px;padding: 2px 10px;color: gray; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {margin-right: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__clear {color: #fd5f00; } @media (min-width: 768px) { body.newprogram #signature-modal.modal .modal-dialog {max-width:600px;} } @media (max-width: 991.98px) { .select2-container {min-width: 100%; } } @media (prefers-reduced-motion: reduce) { .select2-container--default .select2-selection--multiple { -webkit-transition: none; -o-transition: none; transition: none; } } .noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .dropdown-container {position: relative;width: 100%;margin: auto 0;font-size: 14px;border-radius: 5px;-webkit-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);font-family: function-pro, sans-serif;} .dropdown-button {position: relative;float: left;width: 100%;background: #fff;padding: 15px 20px;cursor: pointer;border: none;-webkit-box-sizing: border-box;box-sizing: border-box;} .dropdown-button .dropdown-label {font-size: 15px;} .dropdown-button .dropdown-label, .dropdown-button .dropdown-quantity {float: left;color: gray;font-weight: 700;} .dropdown-button .dropdown-quantity {margin-left: 4px;color: #6ABF79;} .dropdown-button .fa {margin-top: 3px;float: right;font-size: 16px;color: #6ABF79;} .dropdown-list {float: left;width: 100%;border-top: none;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 10px 0px;margin:10px 0 0 0; background: #fff;position: absolute;top:100%;z-index: 10;box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);border-radius: 4px;} .dropdown-list input[type="search"] {padding: 5px 10px;width: 100%;border: none;border-radius: 4px;background: rgba(0, 0, 0, 0.05);} .dropdown-list input[type="search"]:focus {-webkit-box-shadow: none;box-shadow: none;outline: none;} .dropdown-list ul {margin: 0;max-height: 200px;overflow-y: auto;padding: 0;} .dropdown-list ul input[type="checkbox"] {position: relative;top: 2px;} .dropdown-list ul li {list-style: none; font-size: 15px; padding: 6px; vertical-align: middle;} .checkbox-wrap {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 16px;font-weight: 500;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .checkbox-wrap input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} .checkmark {position: absolute;top: 0;left: 0;} .checkmark:after {content: "\f0c8";font-family: "FontAwesome";position: absolute;color: rgba(0, 0, 0, 0.1);font-size: 20px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s; left: 10px;} .checkbox-wrap input:checked ~ .checkmark:after {display: block;content: "\f14a";font-family: "FontAwesome";color: #6ABF79;border: none;} .formbody table.formtable td .programlist.row .dropdown-list label {font-family: function-pro, sans-serif; font-weight:400;font-size: 15px;} div.total {font-size:16px;position: relative;} div.total > span {color:#6ABF79; font-weight: 500;position: relative;} td.switch .form-switch { margin-bottom: 0;} td.switch .form-check-input {margin-top:2px; } td.switch .form-check-input:checked {background-color:#6abf79;border-color:#6abf79} td.switch label {} @media (prefers-reduced-motion: reduce) { .checkmark:after {-webkit-transition: none;-o-transition: none;transition: none;} } @media (min-width: 768px) { body.newprogram .col-xl-8.formouter {width:91%;} } @media (min-width: 1200px) { body.newprogram .col-xl-8.formouter {width:75%;} } @media (min-width: 1400px) { body.newprogram .col-xl-8.formouter {width:65%;} body.newprogram #pagecontent.container-md {width:1170px;} } @media (max-width: 700px) { body.newprogram div.total {padding-top:10px;} }