@font-face { font-family: "Flaticon"; src: url("../fonts/Flaticon.eot"); src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("../fonts/Flaticon.svg#Flaticon") format("svg"); } } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-size: 20px; font-style: normal; margin-left: 20px; } .flaticon-check14:before { content: "\f100"; } .flaticon-close47:before { content: "\f102"; } .productdetails { margin-bottom: -20px; } .page { margin-bottom: 0px; margin-top: 20px; } #system-message-container { margin: 1em 0; } .alert-error, .alert-message { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-notice, .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-message { background-color: transparent; } #system-message .close { display: none; } .alert h4, .alert-messag h4, .alert-message h4 { margin-top: 0; color: #000; margin-bottom: 10px; } h4.alert-heading { background: none; padding: 0; border: none; } #checkoutForm:after { content: ''; display: table; clear: both; } /*.registration, #checkoutForm { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }*/ .login, .registration { margin-top: 30px; } .reset, .user-view, .profile-edit { margin: 30px auto; } .reset, .remind, .profile-edit { margin-top: 30px; } .login .well, .registration .well, .profile-edit .well { background: none; border: none; border-radius: 0; padding: 0; box-shadow: none; min-height: 100%; margin-bottom: 0; } .login .control-group, .reset .control-group, .user-view .control-group, .registration .control-group, .remind .control-group, .profile-edit .control-group { margin-bottom: 10px; position: relative; } .login .well .control-label, .reset .control-label, .user-view .control-label, .registration .control-label, .remind .control-label, .profile-edit .control-label, .profile-edit .well .control-label { padding-top: 6px; margin-bottom: 0; text-align: left; } .login .well .control-label label, .reset .control-label label, .user-view .control-label label, .registration .control-label label, .remind .control-label label, .profile-edit .control-label label { font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 400; color: #000000; } .login .controls input[type="text"], .login .controls input[type="password"], .login .controls input[type="email"], .reset .controls input[type="text"], .reset .controls input[type="password"], .reset .controls input[type="email"], .user-view .controls input[type="text"], .user-view .controls input[type="password"], .user-view .controls input[type="email"], .registration .controls input[type="text"], .registration .controls input[type="password"], .registration .controls input[type="email"], .remind .controls input[type="text"], .remind .controls input[type="password"], .remind .controls input[type="email"], .profile-edit .controls input[type="text"], .profile-edit .controls input[type="password"], .profile-edit .controls input[type="email"] { display: block; width: 100%; height: 44px; padding: 5px 12px; font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 400; color: #777777; vertical-align: middle; background-color: #fbfbfb; background-image: none; border: 1px solid #d6d4d4; box-shadow: none; border-radius: 0px; outline: none; font-size: 13px; line-height: 100%; } .login .well .checkbox-label, .registration .well .checkbox-label, .reset .checkbox-label, .user-view .checkbox-label, .remind .checkbox-label, .profile-edit .checkbox-label { padding-left: 20px; margin-bottom: 0; } .login .controls input#remember, .registration .controls input#remember, .reset .controls input#remember, .user-view .controls input#remember, .remind .controls input#remember, .profile-edit .controls input#remember { position: absolute; top: 6px; left: 0; } .login .well .checkbox-label label, .registration .well .checkbox-label label, .reset .checkbox-label label, .user-view .checkbox-label label, .remind .checkbox-label label, .profile-edit .checkbox-label label { font-weight: normal; } /* .login .controls .btn-primary, .reset .controls .btn-primary, .user-view .controls .btn-primary, .registration .controls .btn-primary, .remind .controls .btn-primary, .profile-edit .controls .btn-primary { background: #333; color: #fff; border: none; padding: 0; font-size: 16px; line-height: 20px; padding: 12px 18px 13px; font-weight: 400; text-transform: none; display: inline-block; border-radius: 0px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer; outline: none!important; } .login .controls .btn-primary:hover, .reset .controls .btn-primary:hover, .user-view .controls .btn-primary:hover, .registration .controls .btn-primary:hover, .remind .controls .btn-primary:hover, .profile-edit .controls .btn-primary:hover { background: #B81A32; } */ .registration legend { font-size: 32px; line-height: 40px; margin: 0 0 20px; border-bottom: 1px solid #dbdbdb; padding-bottom: 10px; font-family: "Sailec-Medium", sans-serif color: #000; text-align: left; border: none; background: none; letter-spacing: 0px; } select { display: block; width: 100%; height: 44px; padding: 5px 12px; color: #777777; vertical-align: middle; background-color: #fbfbfb; background-image: none; border: 1px solid #d6d4d4; box-shadow: none; border-radius: 0px; outline: none; } .chzn-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; zoom: 1; *display: inline; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .chzn-container .chzn-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .chzn-container.chzn-with-drop .chzn-drop { left: 0; } .chzn-container a { cursor: pointer; } /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 23px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-clip: padding-box; box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .chzn-container-single .chzn-default { color: #999; } .chzn-container-single .chzn-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chzn-container-single .chzn-single-with-deselect span { margin-right: 38px; } .chzn-container-single .chzn-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url('https://s3.amazonaws.com/media.greatplacetowork.com/images/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chzn-container-single .chzn-single abbr:hover { background-position: -42px -10px; } .chzn-container-single.chzn-disabled .chzn-single abbr:hover { background-position: -42px -10px; } .chzn-container-single .chzn-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chzn-container-single .chzn-single div b { display: block; width: 100%; height: 100%; background: url('https://s3.amazonaws.com/media.greatplacetowork.com/images/chosen-sprite.png') no-repeat 0px 2px; } .chzn-container-single .chzn-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chzn-container-single .chzn-search input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: white url('https://s3.amazonaws.com/media.greatplacetowork.com/images/chosen-sprite.png') no-repeat 100% -20px; background: url('https://s3.amazonaws.com/media.greatplacetowork.com/images/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('https://s3.amazonaws.com/media.greatplacetowork.com/images/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://s3.amazonaws.com/media.greatplacetowork.com/images/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://s3.amazonaws.com/media.greatplacetowork.com/images/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://s3.amazonaws.com/media.greatplacetowork.com/images/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chzn-container-single .chzn-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chzn-container-single.chzn-container-single-nosearch .chzn-search { position: absolute; left: -9999px; } /* @end */ /* @group Results */ .chzn-container .chzn-results { position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chzn-container .chzn-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; } .chzn-container .chzn-results li.active-result { display: list-item; cursor: pointer; } .chzn-container .chzn-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chzn-container .chzn-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chzn-container .chzn-results li.no-results { display: list-item; background: #f4f4f4; } .chzn-container .chzn-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chzn-container .chzn-results li.group-option { padding-left: 15px; } .chzn-container .chzn-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Multi Chosen */ .chzn-container-multi .chzn-choices { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: auto !important; height: 1%; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); cursor: text; } .chzn-container-multi .chzn-choices li { float: left; list-style: none; } .chzn-container-multi .chzn-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chzn-container-multi .chzn-choices li.search-field input[type="text"] { margin: 1px 0; padding: 5px; height: 15px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #666; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chzn-container-multi .chzn-choices li.search-field .default { color: #999; } .chzn-container-multi .chzn-choices li.search-choice { position: relative; margin: 3px 0 3px 5px; padding: 3px 20px 3px 5px; border: 1px solid #aaa; border-radius: 3px; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chzn-container-multi .chzn-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url('https://s3.amazonaws.com/media.greatplacetowork.com/images/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chzn-container-multi .chzn-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; } .chzn-container-multi .chzn-choices li.search-choice-focus { background: #d4d4d4; } .chzn-container-multi .chzn-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chzn-container-multi .chzn-results { margin: 0; padding: 0; } .chzn-container-multi .chzn-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ .chzn-container-active .chzn-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chzn-container-active.chzn-with-drop .chzn-single { border: 1px solid #aaa; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); } .chzn-container-active.chzn-with-drop .chzn-single div { border-left: none; background: transparent; } .chzn-container-active.chzn-with-drop .chzn-single div b { background-position: -18px 2px; } .chzn-container-active .chzn-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chzn-container-active .chzn-choices li.search-field input[type="text"] { color: #111 !important; } /* @end */ /* @group Disabled Support */ .chzn-disabled { opacity: 0.5 !important; cursor: default; } .chzn-disabled .chzn-single { cursor: default; } .chzn-disabled .chzn-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ .chzn-rtl { text-align: right; } .chzn-rtl .chzn-single { overflow: visible; padding: 0 8px 0 0; } .chzn-rtl .chzn-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chzn-rtl .chzn-single-with-deselect span { margin-left: 38px; } .chzn-rtl .chzn-single div { right: auto; left: 3px; } .chzn-rtl .chzn-single abbr { right: auto; left: 26px; } .chzn-rtl .chzn-choices li { float: right; } .chzn-rtl .chzn-choices li.search-field input[type="text"] { direction: rtl; } .chzn-rtl .chzn-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chzn-rtl .chzn-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chzn-rtl .chzn-drop { left: 9999px; } .chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chzn-rtl .chzn-results li.group-option { padding-right: 15px; padding-left: 0; } .chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div { border-right: none; } .chzn-rtl .chzn-search input[type="text"] { padding: 4px 5px 4px 20px; background: white url('https://s3.amazonaws.com/media.greatplacetowork.com/images/chosen-sprite.png') no-repeat -30px -20px; background: url('https://s3.amazonaws.com/media.greatplacetowork.com/images/chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('https://s3.amazonaws.com/media.greatplacetowork.com/images/chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://s3.amazonaws.com/media.greatplacetowork.com/images/chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://s3.amazonaws.com/media.greatplacetowork.com/images/chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://s3.amazonaws.com/media.greatplacetowork.com/images/chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); direction: rtl; } .chzn-rtl.chzn-container-single .chzn-single div b { background-position: 6px 2px; } .chzn-rtl.chzn-container-single.chzn-with-drop .chzn-single div b { background-position: -12px 2px; } [dir="rtl"] .chzn-container .chzn-drop, [dir="rtl"] .chzn-container-single.chzn-container-single-nosearch .chzn-search { left: auto; right: -9999px; } [dir="rtl"] .chzn-container.chzn-with-drop .chzn-drop { right: 0; } .chzn-container-single .chzn-single { height: 34px; padding: 4px 12px; } .chzn-container-single .chzn-single div { right: 6px; top: 3px!important; } .nav-stacked { padding: 0; margin: 0 0 30px; list-style: none; border: none; } .nav-stacked li>a { margin: 0; padding: 0; font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 400; font-size: 13px; border: none; border-radius: 0; line-height: 20px; color: #b81a32; outline: none; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .nav-stacked li>a:hover { background: none; color: #000; } .top-content { max-width: 100%; } .content-title { font-size: 26px; line-height: 100%; margin: 0 0 20px; padding: 0; } .top-content p { font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 400; color: #000; letter-spacing: 0; } .product_wrap { text-align: left; } .item_image, .vm_cart_products .image, .product-field-display>a>img { border: none; text-align: center; margin-bottom: 10px; padding: 10px; background: #fff; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; border-radius: 0px; } .view-effect { border: medium none; border-radius: 0; overflow: hidden; padding: 0; position: relative; border: 1px solid #b5b1b1; } .package-option-type .view-effect { margin-bottom: 0; } .view-effect-caption { position: absolute; left: -100%; top: 0; background: rgba(243, 224, 225, 0.95); width: 100%; height: 100%; padding: 5%; text-align: center; color: #fff !important; z-index: 2; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .package-option-type .view-effect-caption { background: #404545; } .view-effect-caption h1, .view-effect-caption h2, .view-effect-caption h3, .view-effect-caption h4, .view-effect-caption h5, .view-effect-caption h6, .view-effect-caption p, .view-effect-caption lable, .view-effect-caption a { color: #aa272f; font-family: 'PT Sans', sans-serif; font-weight: normal; line-height: 100%; } .package-option-type .view-effect-caption p { color: #fff; font-family: "PT Sans", sans-serif; font-size: 14px; font-weight: 500; line-height: 14px; margin: 0 0 10px; padding: 0; text-align: left; } .item_image a, .vm_cart_products .image a, .product-field-display>a>img a { display: block; } .view-effect-caption h1, .view-effect-caption h2, .view-effect-caption h3, .view-effect-caption h4, .view-effect-caption h5, .view-effect-caption h6, .view-effect-caption p, .view-effect-caption lable, .view-effect-caption a { color: #aa272f; font-family: 'PT Sans', sans-serif; font-weight: normal; line-height: 100%; font-size: 14px; } .view-effect-caption button { background: #aa272f; border: medium none; bottom: 0; color: #fff; font-family: "Lato", sans-serif; font-size: 14px; font-weight: 500; left: 28%; right: 28%; margin: 0 auto; min-width: 100px; padding: 5px 10px; position: absolute; text-align: center; } .view-effect-caption button i { padding: 0 5px 0 0; } .item_image>img, .vm_cart_products .image>img, .product-field-display>a>img>img { max-width: 100%; background: #f8f8f8; } .view-effect img { width: 100%; } .view-effect-title { background: #9b9d9d; width: 100%; padding: 0; margin: 0; text-align: center; display: inline-block; } .view-effect-title span { font-size: 26px; font-family: 'PT Sans', sans-serif; font-weight: 700; color: #aa272f; line-height: 26px; padding: 0; margin: 0; text-transform: capitalize; } .view-effect-title h5 { font-size: 38px; font-family: 'PT Sans', sans-serif; font-weight: 600; color: #fff; line-height: 44px; padding: 0; margin: 0 0 10px; text-transform: none; } .view-effect:hover .view-effect-caption { left: 0%; } .tab-style2 .nav-tabs { border: none; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .package-option-type.products-listing.listing__grid { margin-bottom: 50px; } img.recent-list { float: right; margin-top: -40px; } #custom-html { margin-top: 0; position: relative; z-index: 3; padding: 0; background-color: #fff; overflow: visible; background-size: cover; /* opacity: 0; visibility: hidden;*/ } .table-hover>thead>tr>th { font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 400; color: #000000; font-size: 13px; line-height: 22px; } .table-hover { font-size: 1em; } .table-hover a { font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 400; font-size: 13px; color: #b81a32; outline: none!important; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .table-hover span { font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 400; font-size: 13px; color: #000; } .moduletable__gray-bg { background: #cdc6c0 none repeat scroll 0 0; } #custom-html .mod_custom { padding-bottom: 0px; /*overflow: hidden;*/ } .package_slider_handler { position: relative; } .package-option { display: block; float: left; margin-bottom: 50px; width: 100%; } .small-package { padding-top: 15px; } .package_slider_panel { background: #fff; max-width: 560px; margin: 15px auto 20px; -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.75); padding: 20px 0 5px 10px; } .package_slider_label { color: #aa272f; font-size: 24px; font-weight: bold; text-align: center; line-height: 30px; } .package_slider_label.arrow { text-align: left; background-image: url(https://s3.amazonaws.com/media.greatplacetowork.com/images/package-slider-arrrow.png); background-position: center right; background-repeat: no-repeat; } .package_slider_handler>div, .package_slider_handler>div>div { height: 15px !important; overflow: visible !important; margin-bottom: 10px; } .package_slider_handler .slider.slider-horizontal { background: #e6e6e6 none repeat scroll 0 0; height: 10px; overflow: visible !important; width: 100%; margin: 0 !important; border-radius: 4px; } .package_slider_handler .slider.slider-horizontal { background: #fff; } .package_slider_panel p { font-size: 18px; color: #909090; font-family: "PT Sans"; line-height: 100%; } .package_slider_handler .slider-track { position: absolute; cursor: pointer; background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 4px; } .package_slider_handler .slider-selection { -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); } .package_slider_handler .slider-selection { position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } .package_slider_handler .slider-selection, .package_slider_handler .slider-track-low, .package_slider_handler .slider-track-high { background: #c7bab5; } .package_slider_handler .slider.slider-horizontal .slider-tick, .package_slider_handler .slider.slider-horizontal .slider-handle { height: 15px; width: 15px; background: #aa272f; border-color: #aa272f; margin-top: 8px; } .package_slider_handler .slider-handle { position: absolute; width: 15px; height: 15px; background-color: #fff; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); border: #e6e6e6 3px solid; } .package_slider_handler .slider-handle { background: #fff none repeat scroll 0 0; border: 5px solid #e6e6e6; border-radius: 36px; cursor: default; height: 36px; position: absolute; top: -12px; width: 36px; z-index: 2; outline: none; cursor: pointer; margin-left: -18px; } .package_slider_handler .slider-handle { background: #fff none repeat scroll 0 0; border: 5px solid #e6e6e6; border-radius: 36px; cursor: default; height: 36px; position: absolute; top: -12px; width: 36px; z-index: 2; outline: none; cursor: pointer; margin-left: -18px; } .package_slider_handler .slider-handle.round { border-radius: 50%; } .package_slider_handler .slider.slider-horizontal .slider-track { height: 8px; top: 10px; width: 245px; } .package_slider_label.count:focus, .package_slider_label.count { background: #cdc6c0 none repeat scroll 0 0; border: 1px solid #898989; box-shadow: none; color: #aa272f; margin-top: 15px; outline: medium none; padding: 0; height: 44px; } .package-option-type { display: block; float: left; width: 100%; } .package-option h1, .small-bussines-panel .panel-title { font-size: 36px; font-family: 'PT Sans', sans-serif; font-weight: 700; color: #aa272f; line-height: 45px; padding: 0; margin: 0 0 10px; text-transform: none; } .small-package h1 { font-size: 24px; } .package-option-type .wow aside { margin-bottom: 25px; -webkit-box-shadow: 0px 0px 13px 0px rgba(77, 5, 10, 1); -moz-box-shadow: 0px 0px 13px 0px rgba(77, 5, 10, 1); box-shadow: 0px 0px 13px 0px rgba(77, 5, 10, 1); } .small-package .view-effect-title { padding: 10px 0 15px; } .small-package .view-effect-title span { font-size: 20px; line-height: 20px; } .small-package .view-effect-title h5 { font-size: 26px; line-height: 26px; } .small-package a.btn_link { background: #aa272f; color: #fff; font-family: "Sailec-Medium", sans-serif font-size: 19px; font-weight: normal; line-height: 20px; padding: 10px; text-decoration: none; width: 80%; display: block; text-align: center; margin: 0 auto; min-width: 150px; text-transform: uppercase; } .package-option h3, .small-bussines-panel .panel-content { font-size: 20px; font-family: 'PT Sans', sans-serif; font-weight: 500; color: #525252; line-height: 22px; padding: 0; margin: 0 0 10px; text-transform: none; } a.underline, a.underline:hover { text-decoration: underline !important; } .moduletable__gray-bg a.underline { color: #fff; font-size: 26px; line-height: 30px; } .how-it-works, .clients, .winners, .roadmap { display: inline-block; padding: 50px 0; width: 100%; } .winners h2 { color: #9f9f9f; font-family: "PT Sans", sans-serif; font-weight: 500; font-size: 31px; margin: 0; padding: 0; line-height: 100%; } .adv-img { display: block; width: 100%; text-align: center; } .adv-img img { display: inline-block; margin: auto 24px auto 0; } .servey_info_panel { margin: 30px 0 0; } .survey_panel_title { font-size: 28px; color: #909090; line-height: 100%; font-family: "PT Sans"; font-weight: bold; margin-bottom: 30px; } .survey_steps { margin-bottom: 30px; } .survey_step { text-align: center; font-size: 22px; color: #aa272f; font-family: "PT Sans"; font-weight: bold; vertical-align: bottom; background-image: url(https://s3.amazonaws.com/media.greatplacetowork.com/images/next-arrow.png); background-repeat: no-repeat; background-position: left 73px; } .survey_step:first-child { background: none; } .survey_step img { height: 173px; width: auto; margin-bottom: 30px; } .package-type-diff { display: inline-block; margin-bottom: 50px; width: 100%; } .servey_info_panel .package-type-diff { margin: 0; } .package-type-diff .package-type-diff-need { background: #fff; border: #525252 1px solid; padding: 20px; width: 100%; } .servey_info_panel .package-type-diff .package-type-diff-need { border: 0; padding: 20px 0; } .package-type-diff .package-type-diff-need h1 { color: #525252; font-family: 'PT Sans', sans-serif; font-size: 32px; font-weight: 700; line-height: 40px; margin: 0 0 10px; padding: 0; text-align: left; text-transform: none; } .servey_info_panel .package-type-diff .package-type-diff-need h1 { font-size: 27px; } .package-type-diff-need a { color: #aa272f; font-family: 'PT Sans', sans-serif; font-size: 20px; font-weight: 500; line-height: 40px; margin: 0; padding: 5px 0 0; text-align: left; display: block; text-decoration: underline; } .div-check { background: url('https://s3.amazonaws.com/media.greatplacetowork.com/images/check.png') no-repeat; background-position: top left; padding-left: 60px; line-height: 63px; min-height: 65px; } .div-pdf { background: url('https://s3.amazonaws.com/media.greatplacetowork.com/images/pdf.png') no-repeat; background-position: top left; padding-left: 60px; line-height: 63px; min-height: 65px; } .div-toolkit { background: url('https://s3.amazonaws.com/media.greatplacetowork.com/images/toolkit.png') no-repeat; background-position: top left; padding-left: 60px; line-height: 63px; min-height: 65px; } .div-support { background: url('https://s3.amazonaws.com/media.greatplacetowork.com/images/support.png') no-repeat; background-position: top left; padding-left: 60px; line-height: 63px; min-height: 65px; } .servey_info_panel .div-pdf, .servey_info_panel .div-toolkit, .servey_info_panel .div-support, .servey_info_panel .div-check { background-size: 44px 44px; min-height: 50px; line-height: 50px; } .package-type-diff-need span { color: #525252; font-family: 'PT Sans', sans-serif; font-size: 20px; font-weight: 500; line-height: 40px; margin: 0; padding: 5px 0 0; text-align: left; display: block; } .servey_info_panel .package-type-diff-need a, .servey_info_panel .package-type-diff .package-type-diff-need span { font-size: 18px; } .package-type-diff-need h4 { color: #848484; font-family: 'PT Sans', sans-serif; font-size: 16px; font-weight: 500; line-height: 20px; margin: 0 20px; padding: 0; text-align: left; display: block; text-transform: none; } .pricing-table { clear: both; display: block; width: 100%; float: left; margin: 0 0 50px; } .pricing-table { display: flex; } .pricing-table ul { background-color: #ffffff; float: left; list-style: outside none none; margin: 0; padding: 0; text-align: center; z-index: 9; } .pricing-table ul { min-width: 230px; } .pricing-table.five-column ul { width: 20%; } .pricing-table ul.title-method { text-align: left; } .pricing-table ul li { background-color: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; display: block; font-size: 13px; min-height: 40px; padding: 10px; } .pricing-table li:nth-child(odd) { background-color: #f9f9f9; } .pricing-table ul .heading { color: #ffffff; font-size: 16px; height: 45px; padding: 10px; border: none; } .pricing-table ul li.bg-white { background: #fff; } .custom .pricing-table ul.title-method li { text-align: left; } .price-table-data-method { font-weight: bold; } .pricing-table ul li.bg-red { background: #BA4F55; } .pricing-table ul li.bg-orange { background: #f16823; } .pricing-table ul li.bg-green { background: #AC7B00; } .pricing-table ul li.bg-blue { background: #7CAFBD; } .pricing-table ul li .clr-red { color: #aa272f; } .pricing-table ul li .clr-green { color: #3fa321; } .bg-green { background: #3fa321 !important; } .bg-red { background: #e30b17 !important; } .bg-blue { background: #2661ab !important; } .pricing-table ul li i:before { font-size: 10px; } .pricing-table ul.hover_effect:hover, .feature { -webkit-transform: scale(1.02); transform: scale(1.02); box-shadow: 3px 5px 7px rgba(0, 0, 0, .7); z-index: 10; } #fortune-landing-page { margin: 0 auto; padding: 0; width: 100%; display: block; } #fortune-landing-page .top-header { margin: 0 auto; padding: 20px 0; width: 100%; border: none; } #fortune-landing-page .container { width: 940px !important; } #fortune-landing-page .fortune { display: inline-block; vertical-align: middle; width: 10%; } #fortune-landing-page .top-slogan { font-family: 'Sailec-Medium', sans-serif; font-size: 18px; font-weight: normal; line-height: 20px; color: #636466; width: 72%; display: inline-block; text-align: center; vertical-align: middle; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } #fortune-landing-page .top-link { display: inline-block; vertical-align: middle; width: 17%; text-align: right; } #fortune-landing-page .top-link a { font-size: 12px; } #fortune-landing-page .mktoForm .mktoButtonWrap.mktoPurpleCandy .mktoButton, #fortune-landing-page .red-btn { background: #a8132d; border-radius: 25px; color: #fff; text-transform: uppercase; padding: 11px 20px; opacity: 1; font-family: 'Sailec-Bold', sans-serif; font-weight: normal; letter-spacing: 2px; } #fortune-landing-page .mktoForm .mktoButtonWrap.mktoPurpleCandy .mktoButton:hover, #fortune-landing-page .mktoForm .mktoButtonWrap.mktoPurpleCandy .mktoButton:focus, #fortune-landing-page .red-btn:hover, #fortune-landing-page .red-btn:focus { color: #fff; opacity: .9; } #fortune-landing-page .mktoForm .mktoButtonWrap.mktoPurpleCandy .mktoButton { border: 0 none; box-shadow: none; font-size: 16px; line-height: 16px; padding: 10px 0 8px; width: 100%; } #fortune-landing-page .global-section { width: 100%; display: inline-block; vertical-align: middle; padding: 70px 0; -webkit-box-shadow: inset 0px 10px 30px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0px 10px 30px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0px 10px 30px 0px rgba(0, 0, 0, 0.15); } #fortune-landing-page .logo { width: 32%; display: inline-block; vertical-align: middle; padding: 0 50px; } #fortune-landing-page .global-detail { width: 67%; display: inline-block; vertical-align: middle; } #fortune-landing-page .global-detail h2 { padding: 0 25px 0 0; } #fortune-landing-page .great-title h2 { display: inline-block; font-family: "Tungsten Narrow A", "Tungsten Narrow B"; font-style: normal; font-weight: 400; font-size: 36px; line-height: 36px; color: #ab1631; width: 100%; text-transform: uppercase; margin: 0 0 20px 0; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } #fortune-landing-page .download-section .great-title h2, #fortune-landing-page .find-section .great-title h2 { margin-bottom: 48px; padding: 0; text-align: center; } #fortune-landing-page .find-section .great-title h2 { margin-bottom: 0 } #fortune-landing-page .global-detail p { font-family: 'Sailec-Light', sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; color: #636466; width: 100%; display: inline-block; text-align: left; text-transform: normal; margin: 0 0 20px 0; padding: 0; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } #fortune-landing-page .download-section { width: 100%; display: inline-block; vertical-align: middle; background: #e2e2e4; padding: 52px 0; } #fortune-landing-page .download-detail { width: 28%; display: inline-block; vertical-align: middle; } #fortune-landing-page .download-detail p { font-family: 'Sailec-Light', sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; color: #636466; width: 100%; display: inline-block; text-align: left; text-transform: normal; margin: 0 0 20px 0; padding: 0; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } #fortune-landing-page .connecting { width: 40%; display: inline-block; vertical-align: middle; } #fortune-landing-page .connecting img { margin: 0 auto; -webkit-box-shadow: -13px 15px 30px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: -13px 15px 30px 0px rgba(0, 0, 0, 0.5); box-shadow: -13px 15px 30px 0px rgba(0, 0, 0, 0.5); } #fortune-landing-page .download-form { display: inline-block; vertical-align: middle; width: 31%; } #fortune-landing-page .find-section { display: inline-block; vertical-align: middle; width: 100%; padding: 55px 0; } #fortune-landing-page .find-section p { font-family: 'Sailec-Light', sans-serif; font-size: 22px; font-weight: normal; line-height: 28px; color: #77787b; width: 100%; display: inline-block; text-align: center; text-transform: normal; margin: 0; padding: 30px 15px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } #fortune-landing-page .ad-img, #fortune-landing-page .ad-img-btn { display: inline-block; vertical-align: middle; width: 100%; text-align: center; } #fortune-landing-page .ad-img a, #fortune-landing-page .ad-img img, #fortune-landing-page .ad-img-btn a, #fortune-landing-page .ad-img-btn img { display: inline-block; vertical-align: middle; margin: 10px 15px; font-size: 14px; } #fortune-landing-page .question-section { background: #eeeeee; padding: 56px 0; width: 100%; display: inline-block; vertical-align: middle; } #fortune-landing-page .question-section p { font-family: 'Sailec-Light', sans-serif; font-size: 21px; font-weight: normal; line-height: 27px; color: #545454; width: 100%; display: inline-block; text-align: center; text-transform: normal; margin: 0 0 5px 0; padding: 0; } #fortune-landing-page .question-section a, #fortune-landing-page .question-section h4 { font-family: 'Sailec-Bold', sans-serif; font-size: 21px; font-weight: normal; line-height: 27px; color: #545454; width: 100%; display: inline-block; text-align: center; text-transform: normal; margin: 0 0 30px 0; padding: 0; } #fortune-landing-page .clr-red { color: #a8122d !important; } #fortune-landing-page .social-links { display: inline-block; vertical-align: middle; width: 100%; } #fortune-landing-page .social-links a { display: inline-block; width: 32px; height: 32px; margin: 0 13px; background: #545454; color: #ffffff; text-align: center; line-height: 32px; border-radius: 50%; } #fortune-landing-page .social-links a i { line-height: 33px; font-size: 18px; } #fortune-landing-page .main-contain { margin: 0 auto; padding: 0; width: 100%; } #fortune-landing-page .top-footer { margin: 0 auto; padding: 0; width: 100%; background: #000000; } #fortune-landing-page .top-footer p { color: #ffffff; padding: 0; margin: 10px auto; font-family: 'Sailec-Bold', sans-serif; font-size: 14px; font-weight: 500; line-height: 40px; text-transform: uppercase; letter-spacing: 4px; } #fortune-landing-page .download-form form { width: 100% !important; } #fortune-landing-page .mktoForm .mktoFormCol { width: 100%; } #fortune-landing-page .mktoForm .mktoRequiredField label.mktoLabel { display: none; } #fortune-landing-page .mktoForm .mktoField { width: 100%; } #fortune-landing-page .mktoForm .mktoFieldWrap { width: 100%; } #fortune-landing-page .download-form .mktoForm .mktoField { width: 100% !important; height: 52px; border: none; box-shadow: none; font-family: 'Sailec-Medium', sans-serif; font-size: 14px; color: #636466; font-style: normal; text-align: left; line-height: 24px; letter-spacing: 0.03em; padding-left: 10px; } #fortune-landing-page .mktoForm .mktoOffset { display: none; } #fortune-landing-page .mktoForm .mktoGutter { display: none; } #fortune-landing-page .download-form .mktoForm .mktoButtonWrap.mktoInset .mktoButton { background: #a8132d; border-radius: 25px; color: #fff; text-transform: uppercase; padding: 11px 20px; opacity: 1; font-family: 'Sailec-Bold', sans-serif; font-weight: normal; letter-spacing: 2px; width: 100%; box-shadow: none; } #fortune-landing-page .download-form .mktoForm span { margin: 0 !important; } #fortune-landing-page .download-form .mktoButtonRow { width: 100%; } #fortune-landing-page .global-section img { width: 100% !important; } /* This is used to test if the stylesheet has been loaded yet*/ #mktoStyleLoaded { background-color: #123456; display: none; } /* ˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅ */ /* marketo global form styling */ .mktoForm { width: 100% !important; } .mktoForm .mktoPlaceholder { float: left; } .mktoForm fieldset { padding: 0; margin: 0; } .mktoForm fieldset legend { margin: 0 1em 0.5em; color: inherit; } .mktoForm a.mktoNotYou { cursor: pointer; color: #4692f3; } .mktoForm a.mktoNotYou:hover { text-decoration: underline; } .mktoForm.ie7 .mktoRadioList>label, .mktoForm.ie7 .mktoCheckboxList>label { padding: 0.2em 0 0; } .mktoForm .mktoRadioList>label>input, .mktoForm .mktoCheckboxList>label>input { float: left; margin: 0; margin-left: -1.5em; } .mktoForm .mktoLabelToLeft>label { text-align: right; margin-left: 0; margin-right: 1.5em; } .mktoForm .mktoLabelToLeft input[type=checkbox], .mktoForm .mktoLabelToLeft input[type=radio] { position: absolute; right: 0.3em; } .mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix { float: left; padding-left: 0; padding-right: 5px; } .mktoForm input[type=range] { padding: 0.25em 0; margin: 0; } .mktoForm input[type=range]::-ms-tooltip { display: none; } .mktoForm textarea.mktoField { display: inline-block; padding: 0.2em; margin: 0; line-height: 1.2em; overflow: auto; resize: none; float: none; } /* Firefox computes row height wrong for the last 13 years... https://bugzilla.mozilla.org/show_bug.cgi?id=33654 */ .mktoForm textarea[rows="1"] { height: 2em; } .mktoForm textarea[rows="2"] { height: 3.4em; } .mktoForm textarea[rows="3"] { height: 4.6em; } .mktoForm textarea[rows="4"] { height: 5.8em; } .mktoForm textarea[rows="5"] { height: 7em; } .mktoForm textarea[rows="6"] { height: 8.2em; } .mktoForm textarea[rows="7"] { height: 9.4em; } .mktoForm textarea[rows="8"] { height: 10.6em; } .mktoForm.mktoLayoutCenter .mktoLabel { text-align: right; } .mktoForm.mktoLayoutAbove .mktoGutter { display: none; } .mktoForm.mktoLayoutAbove .mktoLabel { text-align: left; } .mktoForm.mktoLayoutAbove .mktoRadioList, .mktoForm.mktoLayoutAbove .mktoCheckboxList { float: none; clear: left; } .mktoForm.mktoLayoutAbove .mktoField, .mktoForm.mktoLayoutAbove .mktoLogicalField { clear: left; } .mktoForm.mktoLayoutAbove textarea.mktoField { float: left; } .mktoForm .mktoError { position: absolute; z-index: 99; color: #bf0000; } .mktoForm .mktoError .mktoErrorArrowWrap { width: 16px; height: 8px; overflow: hidden; position: absolute; top: 0; left: 5px; z-index: 100; } .mktoForm.ie7 .mktoError .mktoErrorArrowWrap { top: -8px; } .mktoForm .mktoError .mktoErrorArrow { background-color: #e51b00; border: 1px solid #9f1300; border-right: none; border-bottom: none; display: inline-block; height: 16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); width: 16px; margin-top: 5px; } /** These two styles are for browsers that don't support css transforms */ .mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage { background: transparent url("https://s3.amazonaws.com/media.greatplacetowork.com/images/callout-arrow-up-red.png") top center no-repeat; bottom: -7px; } .mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage .mktoErrorArrow { display: none; } .mktoForm .mktoError .mktoErrorMsg { display: block; margin-top: 7px; background-color: #e51b00; background-image: -webkit-linear-gradient(#e51b00 43%, #ba1600 100%); background-image: -moz-linear-gradient(#e51b00 43%, #ba1600 100%); background-image: linear-gradient(#e51b00 43%, #ba1600 100%); background-image: -ms-linear-gradient(#e51b00 43%, #ba1600 100%); border: 1px solid #9f1300; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px; box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px; color: #f3f3f3; font-size: 1em; line-height: 1.2em; max-width: 16em; padding: 0.4em 0.6em; text-shadow: #901100 0 -1px 0; } .mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail { display: block; } .mktoForm button.mktoButton:disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); cursor: default; } .mktoNoJS .mktoLabel { display: block; padding-right: 10px; width: 110px; text-align: right; } .mktoNoJS input[type=text] { width: 150px; } .mktoForm .cf_widget_socialsignon .cf_sign_on { margin-bottom: 1.5em; } .mktoForm .mktoRangeField .mktoRangeValue { zoom: 1; float: left; display: none; text-align: center; position: absolute; z-index: 99; color: #000; } .mktoForm.ie7 .mktoRangeField .mktoRangeValue, .mktoForm.ie6 .mktoRangeField .mktoRangeValue { position: relative; } .mktoForm .mktoRangeField.mktoHover .mktoRangeValue { display: block; } .mktoForm .mktoRangeField .mktoRangeValueArrowWrap { width: 16px; height: 8px; overflow: hidden; position: absolute; bottom: -7px; z-index: 100; } .mktoForm .mktoRangeField .mktoRangeValueArrow { background-color: #028d05; border: 1px solid #005602; height: 16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); width: 16px; background-color: #007d04; border-left: none; border-top: none; margin-top: 5px; position: absolute; bottom: 5px; } /** These two styles are for browsers that don't support css transforms */ .mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage { background: transparent url("https://s3.amazonaws.com/media.greatplacetowork.com/images/callout-arrow-down-green.png") top center no-repeat; bottom: -7px; } .mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage .mktoRangeValueArrow { display: none; } .mktoForm .mktoRangeField .mktoRangeValueText { display: block; background-color: #028d05; background-image: -webkit-linear-gradient(#028d05 43%, #007d04 100%); background-image: -moz-linear-gradient(#028d05 43%, #007d04 100%); background-image: linear-gradient(#028d05 43%, #007d04 100%); background-image: -ms-linear-gradient(#028d05 43%, #007d04 100%); border: 1px solid #005602; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #00a500 0 1px 0px; box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #00a500 0 1px 0px; color: #f3f3f3; font-size: 1em; line-height: 1.2em; padding: 0.4em 0.6em; text-shadow: #005602 0 -1px 0; text-align: center; } .mktoForm .mktoLabel { color: #999a8f !important; font-weight: normal; } .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm textarea.mktoField { -webkit-appearance: none; background-color: #fff; color: #000; border: 1px solid #aeb0b6; box-shadow: inset 1px 1px 4px 1px #ddd; min-height: 1.9em; } .mktoForm select.mktoField { -moz-appearance: none; text-indent: 0.01px; text-overflow: ""; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0.2em 22px 0.2em 0.3em; background: #fff url(https://s3.amazonaws.com/media.greatplacetowork.com/images/arrow-down-bk.png) center right no-repeat; } .mktoForm input[type=checkbox], .mktoForm input[type=radio] { width: 1em; height: 1em; opacity: 0; } .mktoForm input[type=checkbox]+label:before, .mktoForm input[type=radio]+label:before { content: ""; position: absolute; width: 1em; height: 1em; margin-left: -1.5em; line-height: 1em; font-family: Arial, sans-serif; font-size: 13px; border: 1px solid #ccced2; box-shadow: inset 1px 1px 4px 1px #ddd; background: #fff; } .mktoModal { position: absolute; top: 0; left: 0; right: 0; } .mktoModal .mktoModalMask { position: absolute; z-index: 10000; top: 0; left: 0; right: 0; zoom: 1; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)"; } .mktoModal .mktoModalContent { position: absolute; z-index: 10001; background: #fff; padding: 10px; } .mktoModal .mktoModalClose { position: absolute; cursor: pointer; top: -10px; right: -10px; background: #000; color: #fff; width: 19px; height: 19px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; -webkit-border-radius: 19px; border-radius: 19px; text-align: center; border: 2px solid #ccc; } .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm textarea.mktoField, .mktoForm select.mktoField { height: 40px; width: 220px !important; box-shadow: none; outline: none; border-radius: 0; } .mktoForm .mktoRequiredField label.mktoLabel { font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 34px; padding: 0; } .mktoForm button.mktoButton { background: #b81a32 none repeat scroll 0 0; border: none; color: #fff; padding: 6px 15px; border-radius: 4px; margin-left: 35px !important; } .mktoForm .mktoAsterix { float: left !important; color: #bf0000 !important; padding-right: 5px !important; } .mktoForm .mktoFieldWrap { margin-bottom: 10px; } .mktoForm .mktoLabel { width: 100% !important; color: #1e262e !important; font-family: "PT Sans", sans-serif; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: 0; line-height: 100% !important; margin: 0; padding: 0; text-align: left; text-transform: none; height: 100%; clear: both; float: none !important; } .mktoForm .mktoGutter { display: none; } .cf_widget_socialsignon .cf_sign_on_caption { width: 100% !important; color: #1e262e !important; font-family: "PT Sans", sans-serif; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: 0; line-height: 100% !important; margin: 0 0 5px; padding: 0; text-align: left; text-transform: none; height: 100%; clear: both; float: none !important; } .mktoForm .mktoFieldWrap input[type=text], .mktoForm .mktoFieldWrap input[type=email], .mktoForm .mktoFieldWrap input[type=tel], .mktoForm .mktoFieldWrap select, .mktoForm .mktoFieldWrap textarea { color: #1e262e; font-family: "Sailec-Medium", sans-serif; font-size: 13px; font-style: normal; font-weight: normal; letter-spacing: 0.3px; line-height: 100%; margin: 0; padding: 0 15px; text-align: left; text-transform: none; background: #eeeeee !important; border: #dddddd 1px solid !important; border-radius: 4px !important; min-width: 320px; } .mktoForm .mktoOffset { display: none; } .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton { margin: 0 auto !important; font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 400; background: #2a77ed !important; font-size: 16px; letter-spacing: 1px; padding: 10px 20px; min-width: 150px; border-radius: 20px; text-transform: uppercase; border: none !important; } .mktoForm.mktoHasWidth.mktoLayoutLeft, .mktoForm.mktoHasWidth.mktoLayoutLeft * { box-sizing: border-box; } .mktoForm.mktoHasWidth.mktoLayoutLeft .cont-list-div .mktoFormRow { position: relative; } .mktoForm.mktoHasWidth.mktoLayoutLeft .mktoFormRow.cont-list-div fieldset.mktoFormCol legend { margin: 0 0 10px; border: none; font-size: 18px; font-weight: 500; color: #252525; font-family: 'Sailec-Medium', sans-serif; letter-spacing: -0.5px; padding: 0; } .mktoForm.mktoHasWidth.mktoLayoutLeft .mktoFormRow.cont-list-div fieldset.mktoFormCol .mktoHtmlText { line-height: 20px; font-family: "Sailec-Regular", sans-serif; padding-left: 30px; width: 100% !important; font-size: 15px; } .mktoForm.mktoHasWidth.mktoLayoutLeft .mktoFormRow.cont-list-div fieldset.mktoFormCol .mktoHtmlText em { font-style: normal; font-family: "Sailec-Regular", sans-serif; line-height: 16px; padding: 0; } .cont-list-div .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList label { position: absolute; left: 0; top: 0; width: 20px; height: 20px; margin: 0; padding: 0; } .mktoForm input[type=checkbox]+label:before, .mktoForm input[type=radio]+label:before { content: ""; position: absolute; width: 20px; height: 20px; line-height: 1em; font-family: Arial, sans-serif; font-size: 28px; border: 1px solid #737373; box-shadow: none; background: #ffffff; left: 0; top: 0; margin: 0; text-align: center; } .mktoForm input[type="checkbox"]:not(:checked)+label:after, .mktoForm input[type="checkbox"]:checked+label:after { content: '✔'; position: absolute; top: 3px; left: 4px; font-size: 14px; color: #444444; transition: all .2s; width: 13px; } .mktoForm input[type="checkbox"]:not(:checked)+label:after { opacity: 0; transform: scale(0); } .mktoForm input[type="checkbox"]:checked+label:after { opacity: 1; transform: scale(1); } .cont-list-div .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList .mktoField { position: absolute; left: 0; top: 0; width: 20px; height: 20px; } .mktoForm.mktoHasWidth.mktoLayoutLeft .cont-list-div label.mktoLabel.mktoHasWidth { display: none; } .mktoForm.mktoHasWidth.mktoLayoutLeft .cont-list-div .mktoFormRow.chk-div { position: absolute; width: 20px; height: 20px; left: 0; z-index: 1; } .mktoForm.mktoHasWidth.mktoLayoutLeft .cont-list-div .mktoLogicalField.mktoCheckboxList.mktoHasWidth { height: 20px; padding: 0; width: 20px !important; } .mktoForm.mktoHasWidth.mktoLayoutLeft .mktoFormRow.cont-list-div fieldset.mktoFormCol .mktoHtmlText strong { font-family: 'Sailec-Medium'; margin-right: 2px; font-size: 15px; } .mktoForm.mktoHasWidth.mktoLayoutLeft .mktoFormRow.cont-list-div fieldset.mktoFormCol .mktoHtmlText.title-cont-list { padding-left: 0; } .mktoForm.mktoHasWidth.mktoLayoutLeft .mktoFormRow.cont-list-div fieldset.mktoFormCol .mktoHtmlText.title-cont-list strong { font-family: 'Sailec-Regular'; font-size: 15px; margin: 0; font-weight; bold; } .mktoFormRow.cont-list-div { width: 25%; float: left; clear: none !important; display: block; } .mktoForm.mktoHasWidth.mktoLayoutLeft .mktoButtonRow { display: inline-block; width: 100%; text-align: center !important; margin-bottom: 20px; } .mktoForm.mktoHasWidth.mktoLayoutLeft .mktoButtonRow span.mktoButtonWrap.mktoSimple { margin-left: auto !important; } .mktoForm.mktoHasWidth.mktoLayoutLeft .mktoFormRow.cont-list-div fieldset.mktoFormCol { padding-right: 40px !important; } /* end marketo form */ /* ˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄ */ /* ˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅ */ /* lists marketing pages */ @charset "UTF-8"; /* page level */ #lists-landing-page { font-family: Sailec-Regular, Arial, sans serif; font-size: 16px; } #lists-landing-page h2 { text-align: center; margin-bottom: 40px; color: #2562ae; text-transform: none; padding: 0; } /* header */ #jg-header { background-color: #D4E2EF; } @media (max-width: 992px) { #jg-header { padding-bottom: 80px; } } #jg-header #jg-header-left { width: 500px; margin-right: auto; margin-left: auto; } @media (max-width: 992px) { #jg-header #jg-header-left { width: auto; text-align: center; } } #jg-header .heading { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: flex-start; margin-bottom: 20px; } @media (max-width: 992px) { #jg-header .heading { display: block; } } #jg-header .heading img { margin-right: 20px; } @media (max-width: 992px) { #jg-header .heading img { display: none; } } #jg-header .heading h1 { margin: 0; padding: 0; text-transform: none; color: #2562ae; font-family: Sailec-Bold; } @media (max-width: 992px) { #jg-header .heading h1 { font-size: 43px; line-height: 47px; width: auto; text-align: center; } } #jg-header #header-text { color: #676767; font-size: 19px; } @media (max-width: 992px) { #jg-header #header-text { font-size: initial; } } @media (max-width: 992px) { #jg-header { padding-top: 40px; } } #jg-header-form { width: auto; max-width: 400px; margin-left: auto; margin-right: auto; background-color: #F7F7F7; } @media (max-width: 992px) { #jg-header-form { width: auto; max-width: 400px; } } #jg-header-form form { padding: 40px; padding-top: 20px; background-color: #F7F7F7; } #jg-header-form form .mktoLabel { color: #676767; } #jg-header-form .mktoForm .mktoFieldWrap input[type=text], #jg-header-form .mktoForm .mktoFieldWrap input[type=email], #jg-header-form .mktoForm .mktoFieldWrap input[type=tel], #jg-header-form .mktoForm .mktoFieldWrap select, #jg-header-form .mktoForm .mktoFieldWrap textarea { background: white !important; } #jg-header-form #title { text-align: center; font-family: Sailec-Bold; font-size: 20px; color: #2562ae; padding-top: 20px; text-transform: uppercase; background-color: #F7F7F7; } #jg-header-form #deadline { background-color: #26C5D9; color: white; text-transform: uppercase; text-align: center; font-family: Sailec-Bold; font-size: 14px; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; } #jg-header-form .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton { background: #2562ae !important; font-weight: bold !important; } @media (max-width: 992px) { #jg-header-form { margin-top: 40px; } } /* ˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅ taken from https://www.greatplacetowork.com/certification */ #how-it-works .inner-title h3 { color: #434343; font-size: 56px; text-transform: none; line-height: 60px; margin-bottom: 20px; text-align: center; } #how-it-works p { font-size: 19px; color: #434343; text-align: center; } #how-it-works .inner-title p { font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 500; font-size: 28px; color: #434343; text-align: center; line-height: 36px; } #how-it-works .img-field { margin-top: 20px; height: 115px; text-align: center; } #how-it-works .img-field img { display: inline-block; } #how-it-works .num-field { margin-bottom: 18px; } #how-it-works .num-field p { width: 26px; height: 26px; display: block; margin: auto; border-radius: 50%; border: 2px solid #2562ae; color: #2562ae; font-size: 14px; font-family: "Sailec-Medium", sans-serif; font-weight: bold; } #how-it-works .inner-block-title { font-family: "Sailec-Medium", sans-serif; } /* ˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄ */ #how-it-works { /*margin-top: 80px;*/ } #how-it-works .text { color: #676767 !important; font-size: 16px !important; } @media (max-width: 992px) { #how-it-works .text { max-width: 240px; margin-right: auto; margin-left: auto; } } #how-it-works .inner-block-title { color: #444444 !important; font-size: 19px !important; } #how-it-works #how-it-works-intro { font-size: 21px; color: #444444; } @media (max-width: 992px) { #how-it-works #how-it-works-intro { font-size: initial; } } #jg-video { margin-top: 80px; } #jg-video .btn-great a { margin-top: 20px; text-transform: uppercase; } .jg-hv-center { display: flex; align-items: center; justify-content: center; } @media (max-width: 992px) { .jg-hv-center { display: block; } } /* figures */ #jg-figures { background-color: #f9f9f9; text-align: center; margin-top: 40px; padding-top: 80px; } #jg-figures .figure { font-size: 85px; line-height: 85px; font-family: Sailec-Light; margin-bottom: 8px; color: #444444; } @media (max-width: 992px) { #jg-figures .figure { margin-top: 40px; } } #jg-figures .title { color: #2562ae; font-family: Sailec-Bold; margin-bottom: 8px; } #jg-figures .text { color: #444444; } @media (max-width: 992px) { #jg-figures .text { max-width: 240px; margin-left: auto; margin-right: auto; } } #jg-figures .btn-great { margin-top: 40px; margin-bottom: 80px; } /* brands */ #jg-brands { margin-top: 80px; } #jg-brands .image { text-align: center; margin-bottom: 20px; } #jg-brands .image img { display: inline-block; } /* faqs */ #jg-faqs { padding-bottom: 80px; margin-top: 40px; background-color: #f9f9f9; } #jg-faqs h2 { margin-top: 80px; } #jg-faqs p { color: #676767; } #jg-faqs .question { font-weight: bold; color: #444444; } /* main cta */ #jg-cta { margin-bottom: 0; padding-top: 40px; padding-bottom: 40px; background-color: #2562ae; color: white; font-size: 30px; line-height: 35px; } #jg-cta .cta-text { margin-bottom: 20px; font-family: Sailec-Bold; } #jg-cta .button { text-transform: uppercase; display: inline-block; margin-left: auto; margin-right: auto; padding-right: 40px; padding-left: 40px; border: 1px solid white; line-height: 26px; color: #2562ae; background-color: white; letter-spacing: 2px; margin-top: 20px; } /* end lists marketing pages */ /* ˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄ */ #how-it-works { /*margin-top: 80px;*/ } #how-it-works .text { color: #676767 !important; font-size: 16px !important; } @media (max-width: 992px) { #how-it-works .text { max-width: 240px; margin-right: auto; margin-left: auto; } } #how-it-works .inner-block-title { color: #444444 !important; font-size: 19px !important; } #how-it-works #how-it-works-intro { font-size: 21px; color: #444444; } @media (max-width: 992px) { #how-it-works #how-it-works-intro { font-size: initial; } } #jg-video { margin-top: 80px; } #jg-video .btn-great a { margin-top: 20px; text-transform: uppercase; } .jg-hv-center { display: flex; align-items: center; justify-content: center; } @media (max-width: 992px) { .jg-hv-center { display: block; } } /* figures */ #jg-figures { background-color: #f9f9f9; text-align: center; margin-top: 40px; padding-top: 80px; } #jg-figures .figure { font-size: 85px; line-height: 85px; font-family: Sailec-Light; margin-bottom: 8px; color: #444444; } @media (max-width: 992px) { #jg-figures .figure { margin-top: 40px; } } #jg-figures .title { color: #2562ae; font-family: Sailec-Bold; margin-bottom: 8px; } #jg-figures .text { color: #444444; } @media (max-width: 992px) { #jg-figures .text { max-width: 240px; margin-left: auto; margin-right: auto; } } #jg-figures .btn-great { margin-top: 40px; margin-bottom: 80px; } /* brands */ #jg-brands { margin-top: 80px; } #jg-brands .image { text-align: center; margin-bottom: 20px; } #jg-brands .image img { display: inline-block; } /* faqs */ #jg-faqs { padding-bottom: 80px; margin-top: 40px; background-color: #f9f9f9; } #jg-faqs h2 { margin-top: 80px; } #jg-faqs p { color: #676767; } #jg-faqs .question { font-weight: bold; color: #444444; } /* main cta */ #jg-cta { margin-bottom: 0; padding-top: 40px; padding-bottom: 40px; background-color: #2562ae; color: white; font-size: 30px; line-height: 35px; } #jg-cta .cta-text { margin-bottom: 20px; font-family: Sailec-Bold; } #jg-cta .button { text-transform: uppercase; display: inline-block; margin-left: auto; margin-right: auto; padding-right: 40px; padding-left: 40px; border: 1px solid white; line-height: 26px; color: #2562ae; background-color: white; letter-spacing: 2px; margin-top: 20px; } .jg-header-form .mktoButton { background-color: #2562ae !important; } #social-share-panel { background: #f0ab00 none repeat scroll 0 0; bottom: 0; color: #000; display: inline-block; font-family: pt sans; font-size: 16px; font-weight: bold; right: 0; line-height: 44px; padding: 0 10px; position: absolute; text-transform: uppercase; } #social-share-panel a { display: inline-block; height: 45px; margin: 0 0 0 5px; vertical-align: middle; width: 28px; } #social-share-panel .facebook { background: rgba(0, 0, 0, 0) url("https://s3.amazonaws.com/media.greatplacetowork.com/images/social-sharing.jpg") no-repeat scroll 0 center; } #social-share-panel .twitter { background: rgba(0, 0, 0, 0) url("https://s3.amazonaws.com/media.greatplacetowork.com/images/social-sharing.jpg") no-repeat scroll center center; } #social-share-panel .linkedin { background: rgba(0, 0, 0, 0) url("https://s3.amazonaws.com/media.greatplacetowork.com/images/social-sharing.jpg") no-repeat scroll right center; } #workspace-register-panel { font-family: PT Sans; font-size: 26px; letter-spacing: 1px; line-height: 29px; width: 588px; } .page_heading { margin-bottom: 0; border-top: none; padding: 0px 0 0 0; position: relative; width: 100%; } .productdetails .product_heading { position: relative; } .product_columns { margin-bottom: 30px; } .item_image, .vm_cart_products .image, .product-field-display>a>img { border: none; text-align: center; margin-bottom: 10px; padding: 10px; background: #fff; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; border-radius: 0px; } .productdetails .product_image__main { margin-bottom: 20px; padding: 5px; position: relative; border: none; background: #fbfbfb; border-radius: 0px; } .zoomPad { position: relative; /*float:left;*/ z-index: 0; /*cursor:crosshair;*/ } .zoomPreload { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align: center; background-image: url(https://s3.amazonaws.com/media.greatplacetowork.com/images/zoomloader.gif); background-repeat: no-repeat; background-position: 35px 15px; z-index: 110; width: 90px; height: 43px; position: absolute; top: 0px; left: 0px; * width: 100px; * height: 49px; } .zoomPup { overflow: hidden; background-color: #FFF; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); z-index: 120; position: absolute; border: 1px solid #CCC; z-index: 101; cursor: crosshair; } .zoomOverlay { position: absolute; left: 0px; top: 0px; background: #FFF; /*opacity:0.5;*/ z-index: 5000; width: 100%; height: 100%; display: none; z-index: 101; } .zoomWindow { position: absolute; left: 110% !important; top: 0px; background: #FFF; z-index: 6000; height: auto; z-index: 10000; z-index: 110; } .zoomWrapper { position: relative; border: 1px solid #d6d4d4; z-index: 110; } .zoomWrapperTitle { display: block; background: #999; color: #FFF; height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size: 10px; position: absolute; top: 0px; left: 0px; z-index: 120; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); } .zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 110; } .zoomWrapperImage img { border: 0px; display: block; position: absolute; z-index: 101; } .zoomIframe { z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position: absolute; display: block; } .zoomPad>img { max-width: 100%; height: auto; } .product_wrap-top-right { margin-bottom: 40px; } .productdetails .product_title { font-size: 20px; line-height: 24px; margin-bottom: 20px; background: none; padding: 0; color: #000; border: none; } .productdetails .product_rating { margin-bottom: 20px; } .productdetails .product_availability { margin: 1em 0; background: none; padding: 0; display: inline-block; } .list { margin: 0; padding: 0; } .productdetails .product_price-wrap { border: 1px solid #d2d0d0; background: #fbfbfb; padding: 20px; border-radius: 0px; } .productdetails .product_price { font-family: "Sailec-Medium", sans-serif font-size: 24px; line-height: 34px; color: #9bc00e; font-weight: 400; margin-bottom: 0px; } .productdetails .product_price { color: #000; } .price-crossed, .PricebasePriceWithTax, .PricesalesPrice { display: block !important; } .line-through, .price-crossed { text-decoration: line-through; color: #999999; } .price-crossed, .PricebasePriceWithTax, .PricesalesPrice { display: block !important; } .price-crossed { padding-left: 0.5em; } .line-through, .price-crossed { text-decoration: line-through; color: #999999; } .productdetails .price-crossed { color: #777; font-size: 17px; line-height: 20px; font-weight: 300; padding-left: 0px; display: inline-block; position: relative; top: -2px; } div.product_addtocart { display: inline-block; float: none; margin: 10px 0px 0px 0px; text-align: center; overflow: hidden; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } .productdetails .product_addtocart { float: none; margin-right: 0; text-align: left; position: relative; left: 0; top: 0; margin: 0; width: 100%; height: auto; display: block; } .productdetails .addtocart-bar .form-group { margin-bottom: 0px; } .productdetails .product_addtocart .addtocart-button { text-indent: 0; width: auto; float: none; padding-left: 20px; padding-right: 20px; overflow: hidden; margin-bottom: 0px; } .productdetails .addtocart-bar .form-group .addtocart-button { margin-top: 20px; } .productdetails .product_addtocart .addtocart-button span { width: auto; height: auto; background: none; } .productdetails .product_addtocart .addtocart-button span span { display: inline-block !important; text-indent: inherit; padding-left: 10px; top: -4px; } .product-section { margin-bottom: 30px; } .product_description { padding-bottom: 10px; } .product-section_title { background: #f1f1f1; border: none; border-bottom: 0; text-transform: uppercase; font-family: "Sailec-Medium", sans-serif color: #303030; padding: 20px 20px; margin-bottom: 20px; font-size: 16px; line-height: 20px; } button.acc-btn { border-radius: 0; font-size: 20px; } .acount-info { display: inline-block; width: 100%; margin: 0px auto; padding: 10px 0; background: #e0ded8; } .acount-info aside { min-height: 200px; background: #f4f4f2; margin: 2px 0 25px; padding-top: 5px; } .acount-info .account { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; } .acount-info .acc-item-left, .acount-info .acc-item-right { width: 35%; float: left; display: block; align-items: baseline; } .acc-name { order: 1; } .acc-bal { order: 3; } .last-invoice { order: 5; } .last-payment { order: 2; } .last-payment-date { order: 4; } .view-btn-pdf { order: 6; } .Visa { order: 1; } .Default { order: 2; } .acc-First-name { order: 1; } .acc-Last-name { order: 3; } .acc-Address { order: 5; } .acc-City { order: 7; } .acc-State { order: 2; } .acc-Postal-code { order: 4; } .acc-Country { order: 6; } .Subscription { order: 1; } .account .well { order: 2; width: 100%; } .account .acc-item-left label, .account .acc-item-right label { font-weight: normal; line-height: 30px; margin: 0; padding: 0; } .account .acc-item-left p, .account .acc-item-right p { font-weight: bold; line-height: 30px; margin: 0; padding: 0; } .view-btn-pdf button, .view-btn-pdf a { background: #597276; border: 0; font-size: 12px; padding: 3px 10px; border-radius: 3px; } .account .well { margin: 15px 12px; order: 2; width: 98%; padding: 10px; min-height: 90px; } .account .well-title { border-bottom: #e5e5e5 1px dashed; display: flex; padding-bottom: 25px; } .account .well-title label, .account .well-title p { width: auto; float: left; margin: 0 2px; color: #808080; } .back-to-home { position: absolute; right: 18px; top: 0; z-index: 11111; } #mod_table .module { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; } #mod_table .module:nth-child(even) { background: #fafafa; } #mod_table ul li { list-style: none; } .jmodedit { display: none!important; } .btn.jmodedit { display: none!important; } .poping_links { padding-top: 5px; } .poping_links a { font-size: 13px; line-height: 20px; text-transform: capitalize; margin: 0 11px; text-decoration: none; } .poping_links a:hover, .poping_links a:focus { color: #fff; } #login_pop { left: 28px!important; } @media (min-width: 320px) and (max-width: 767px) { #login_pop { left: 50%!important; margin-left: -125px; } } #login_pop #form-login { background: #fff; margin-bottom: 30px; } #login_pop #form-login label { color: #333; font-weight: 300; } #login_pop #form-login #yjpop_username, #login_pop #form-login #yjpop_passwd { padding: 5px 10px; height: 30px; line-height: 20px; margin-bottom: 10px; } #login_pop #form-login .remember { overflow: hidden; width: 100%; } #login_pop #form-login .remember #yjpop_remember { float: left; margin-right: 5px; } #login_pop #form-login .remember label { position: relative; top: 2px; } #login_pop #form-login ul { list-style: none; padding: 0; margin: 0; } #logins { overflow: hidden; width: 100%; padding-top: 5px; text-align: right; } #logins .text { float: none; color: #97c000; } #logins .btn-logaut { font-size: 13px; line-height: 20px; text-transform: capitalize; margin: 0 11px; padding: 0; text-decoration: none; height: auto; text-align: left; border: none; background: none; box-shadow: none!important; color: #fff; } #logins .btn-logaut:hover, #logins .btn-logaut:focus { color: #bd1933; } #closeReg, #closeLogin { display: inline-block; width: 100px; height: 25px; width: 60px; position: absolute; bottom: 8px; right: 10px; text-align: center; line-height: 25px; background: #fff; color: #000; text-decoration: none; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #closeReg:hover, #closeLogin:hover { background: #000; color: #fff; } #logins .text { color: #bd1933; border-right: #ebe7e7 2px solid; padding-right: 8px; text-transform: uppercase; font-family: "Sailec-Medium"; } #logins .text a { color: #bd1933; font-weight: 500; font-size: 11px; } #logins>* { display: inline; float: right; } #logins .btn-logaut { display: inline-block; font-size: 11px; font-family: "Sailec-Medium"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #434448; margin: 0 5px 0 10px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; } #logins .btn-logaut:before { content: "\f08b"; font-size: 22px; } /* .menu-form .chzn-container.chzn-container-single { display: none; } */ .search { display: block; float: left; width: 100%; margin: 20px 0 0; padding: 0; } form#searchForm { display: flex; width: 100%; margin: 0; padding: 0; align-items: center; justify-content: space-between; flex-wrap: wrap; position: relative; padding-bottom: 30px; } #searchForm .btn-toolbar { margin-left: 0; } #searchForm #search-searchword { width: 100%; display: block; float: left; height: 40px; padding: 10px 15px; border-radius: 3px; border: #ccc 1px solid; font-size: 18px; font-family: 'Sailec-Regular', sans-serif; } button.btn.hasTooltip { background: none; border: #ccc 1px solid; height: 40px; width: 45px; border-radius: 4px; padding: 0; position: relative; } button.btn.hasTooltip:before { content: ""; font-size: 10em; display: inline-block; width: 17px; height: 17px; border: 3px solid #ccc; border-radius: 050%; position: absolute; top: 10px; left: 10px; } button.btn.hasTooltip:after { content: ""; display: inline-block; position: absolute; left: 22px; top: 25px; border-width: 0; background: #cccccc; width: 12px; height: 3px; border-radius: 3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .searchintro { position: absolute; left: 0; top: 42px; } .searchintro p strong { font-family: 'Sailec-Regular', sans-serif; font-size: 15px; font-stretch: normal; font-style: normal; font-weight: 300; letter-spacing: 0.2px; line-height: 18px; margin-left: 5px; } .form-limit label { font-family: 'Sailec-Medium', sans-serif; font-size: 15px; font-stretch: normal; font-style: normal; font-weight: 300; letter-spacing: 0.2px; line-height: 18px; margin-left: 5px; } p.counter { font-family: 'Sailec-Medium', sans-serif; font-size: 15px; font-stretch: normal; font-style: normal; font-weight: 300; letter-spacing: 0.2px; line-height: 18px; margin-left: 5px; margin-bottom: 0; } dl.search-results { display: block; width: 100%; margin: 0; padding: 15px; border: #ccc 1px solid; border-radius: 6px; } dt.result-title { width: 100%; display: block; padding: 8px 15px; background: #f1f1f1; border-radius: 4px; font-family: 'Sailec-Medium', sans-serif; font-size: 15px; font-stretch: normal; font-style: normal; font-weight: 300; letter-spacing: 0.2px; line-height: 18px; margin-top: 15px; margin-bottom: 5px; } dt.result-title a { color: #333; } dt.result-title:first-child { margin-top: 0; } dd.result-category { padding: 0 15px; } .result-category span.small { display: inline-block; width: 100%; padding: 0; font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 500; letter-spacing: 0.2px; line-height: 18px; } dd.result-text { display: inline-block; width: 100%; padding: 0 15px; font-size: 16px; font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 500; letter-spacing: 0.2px; line-height: 18px; } dd.result-created { width: 100%; display: block; padding: 0 15px; font-size: 14px; font-family: 'Sailec-Medium', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: 0.2px; line-height: 18px; } dd.result-created { width: 100%; display: inline-block; padding: 0 15px; font-size: 14px; font-family: 'Sailec-Medium', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: 0.2px; line-height: 18px; margin-top: 10px; margin-bottom: 5px; } .pagination { width: 100%; } .pagination ul { width: 100%; display: block; text-align: center; list-style: none; padding: 0; margin: 0; float: left; } .pagination ul li { display: inline-block; padding: 0 8px; font-size: 14px; font-family: 'Sailec-Medium', sans-serif; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: 0.2px; line-height: 18px; } .pagination ul li a:hover { color: #b81a32; } .pagination ul li span { color: #b81132; font-size: 18px; line-height: 100%; } .pagination .counter { line-height: 30px; text-align: center; color: #000; } .tab-style2 li { margin-right: 0; padding: 0.5em 1em 0.6em; } .tab-style2 { margin-bottom: 30px; } .tab-style2 .tab-content { background: #e1ded9 none repeat scroll 0 0; padding: 20px 10px; } .tab-style2 .nav-tabs { margin-bottom: 0 !important; border-bottom: 1px solid #fff !important; font-size: 0px; overflow: visible; } .tab-style2 .nav-tabs>li { background: #cec7c1 none repeat scroll 0 0; display: inline-block; float: none; margin: 0; text-align: center; vertical-align: bottom; border-bottom: 1px solid #fff; font-size: 18px; margin-right: 2px; } .tab-style2 .nav-tabs>li.active { background: #f1aa00 none repeat scroll 0 0; color: #fff; } .tab-style2 .nav-tabs li>a { color: #999a8f; font-family: lato; font-size: 18px; margin: 0; padding: 0 20px; font-weight: bold } .tab-style2 .nav-tabs>li.active>a { color: #fff; } .tab-style2 .nav-tabs>li.padding-0, .tab-style2 .nav-tabs li>a.padding-0 { padding: 0 !important; } .list-style2>ul { list-style: outside none none; margin: 0; padding: 0; } .list-style2>ul li { background: #fff url("https://s3.amazonaws.com/media.greatplacetowork.com/images/icon_grey-circle.png") no-repeat scroll 10px center; color: #31342d; margin-bottom: 10px; padding-left: 40px; } .list-style2>ul li.complete { background-image: url("https://s3.amazonaws.com/media.greatplacetowork.com/images/icon_green-tick.png"); } .list-style2>ul li.current { background-image: url("https://s3.amazonaws.com/media.greatplacetowork.com/images/icon_hand.png"); } .list-style2>ul li a { color: #31342d; font-weight: bold; line-height: 36px; } .list-style2>ul li.current a { color: #b81a32; text-decoration: underline; } .list-style2 .list-title { background: #3fa321 url("https://s3.amazonaws.com/media.greatplacetowork.com/images/icon_wrench.png") no-repeat scroll 10px center; color: #fff; font-size: 14px; font-weight: normal; margin-bottom: 10px; padding-left: 40px; line-height: 36px; letter-spacing: 0; } .icon-question { background: #f1ab00 url("https://s3.amazonaws.com/media.greatplacetowork.com/images/icon_question.png") no-repeat scroll center center; display: block; height: 30px; width: 35px; } .icon-down-arrow { background: #999b90 url("https://s3.amazonaws.com/media.greatplacetowork.com/images/icon-down-arrow.png") no-repeat scroll center center; display: block; height: 30px; width: 35px; } .tab-style2 .tab-pane>img { box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); margin: 5px; } .content-title { font-size: 26px; line-height: 100%; margin: 0 0 20px; padding: 0; } #tabs { border-bottom: 1px solid #dbdbdb; margin-bottom: 1em; } #tabs li { padding: 0.5em 1em 0.6em; margin-right: 2px; } .nav.nav-tabs li a { color: #a3a3a3; border: none; border-radius: 0; margin: 0 30px 0 0; outline: none; } .nav.nav-tabs li:hover a, .nav.nav-tabs li:focus a, .nav.nav-tabs li.active a { background: none; color: #000; border: none; } .product_wrap { text-align: left; } /****************************************/ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } #fortune-landing-page .download-form .mktoForm .mktoCheckboxList .mktoField { opacity: 1; } #fortune-landing-page .download-form .mktoForm .mktoCheckboxList label:before { display: none; } /**********************************************************************/ .cf_widget_socialsignon .cf_sign_on_button { width: auto; } .privacy-policy-cont { display: inline-block; width: 100%; margin: 50px 0 0; padding: 0; font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 500; font-size: 14px; } .privacy-policy-cont h3 { text-align: center; font-size: 18px; line-height: 22px; margin: 15px 0; padding: 0; color: #005172; font-family: "Sailec-Medium", sans-serif; display: inline-block; width: 100%; } .privacy-policy-cont h5 { display: inline-block; width: 100%; margin: 15px 0; padding: 0; font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 400; text-align: center; font-size: 14px; line-height: 22px; color: #282828; } .privacy-policy-cont p { display: inline-block; width: 100%; margin: 10px 0; padding: 0; font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; font-weight: 500; line-height: 22px; letter-spacing: 0.1px; } .privacy-policy-cont p font { font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 500; text-transform: uppercase; font-size: 15px; line-height: 22px; } .privacy-policy-cont p strong { font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 600; font-size: 15px; line-height: 22px; color: #005172; text-transform: capitalize; letter-spacing: 0; } .privacy-policy-cont p a { font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 400; color: #282828; text-decoration: underline; margin: 0 5px; } .privacy-policy-cont p strong em { font-size: 14px; } .privacy-policy-cont h2 { text-align: left; font-size: 24px; line-height: 30px; margin: 15px 0; padding: 0; color: #005172; font-family: "Sailec-Medium", sans-serif; display: inline-block; width: 100%; } .privacy-policy-cont .table-responsive td { border-top: #efefef 1px solid; padding: 10px 15px; vertical-align: top; } .privacy-policy-cont .address-table { text-align: center; font-family: "Sailec-Medium", sans-serif; font-weight: normal; color: #333; font-size: 13px; } .privacy-policy-cont td p>span>a { font-family: "Lato", sans-serif; font-weight: 600; color: #005172; font-size: 14px; text-decoration: none; } .privacy-policy-cont table p strong font { font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 600; font-size: 15px; line-height: 22px; color: #333333; text-transform: capitalize; letter-spacing: 0; } .privacy-policy-cont .table-responsive td:first-child { text-align: center; } .table-with-title { margin: 50px 0; } h3.table-title { margin: 0 0 25px; text-align: left; padding: 10px; background: #999A8F; color: #ffffff; font-size: 14px; font-family: "Sailec-Regular", sans-serif; font-weight: 600; letter-spacing: 0.5px; } .table-with-title strong { width: 100%; display: block; } .table-with-title ul { padding-left: 0; } .table-with-title ul li { width: 100%; margin: 10px 0; padding: 0; font-family: "Sailec-Regular", sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; letter-spacing: 0.1px; } .table-with-title table td p a { color: #005172; text-decoration: none; font-family: "Sailec-Regular", sans-serif; }