/** * -- Monthly giveaway * ---------------------------------------------------------------------------- */ @font-face { font-family: 'helveticaneue-condensedbold'; src: url('./fonts/HelveticaNeue/HelveticaNeue-CondensedBold.eot?#iefix') format('embedded-opentype'), url('./fonts/HelveticaNeue/HelveticaNeue-CondensedBold.woff') format('woff'), url('./fonts/HelveticaNeue/HelveticaNeue-CondensedBold.ttf') format('truetype'), url('./fonts/HelveticaNeue/HelveticaNeue-CondensedBold.svg#HelveticaNeue-CondensedBold') format('svg'); font-weight: normal; font-style: normal; } .monthly-giveaway-wrapper { display: inline-block; width: 100%; padding: 40px 0 55px; } .p-close { display: none; font-style: normal; border: 1px #2ec7f3 solid; padding: 0px 6px; border-radius: 5px; position: absolute; top: 18px; right: 12px; cursor: pointer; } .monthly-giveaway-item { display: inline-block; position: relative; width: 100%; margin-top: 50px; border: 1px solid #2dc7f3; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .monthly-giveaway-counter { display: inline-block; border-radius: 10px 0 0 10px; float: left; width: 23.73%; border-right: 1px solid #2dc7f3; } .monthly-giveaway-main { display: inline-block; position: relative; float: right; width: 76.27%; } .popup_head { background: #161618; color: #10bfcb; position: fixed; top: 0; font-size: 18px; font-weight: 700; width: 100%; display: none; z-index: 6; height: 58px; padding: 18px 0 18px 18px; text-transform: uppercase; } .buttom_giveaway { cursor: pointer; height: 40px; position: fixed; left: 0; bottom: 0; z-index: 40; width: 100%; text-align: center; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 500; background: #253fe1; transition: all .15s ease-in-out; display: none; } .buttom_giveaway .open { display: block; line-height: 40px; } .buttom_giveaway .hide-gw-button { position: absolute; right: 10px; top: 3px; height: 35px; width: 35px; } .buttom_giveaway .hide-gw-button span { display: block; position: absolute; top: 17px; left: 5px; right: 0; height: 2px; width: 25px; } .buttom_giveaway .hide-gw-button span:before, .buttom_giveaway .hide-gw-button span:after { content: ""; position: absolute; display: block; left: 0; width: 100%; height: 2px; background: #fff; } .buttom_giveaway .hide-gw-button span:before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .buttom_giveaway .hide-gw-button span:after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .monthly-giveaway-image { display: inline-block; width: 60%; position: absolute; right: 0; bottom: 0%; z-index: 1; } .monthly-giveaway-image > img { width: 100%; } .monthly-giveaway-content { position: relative; width: 100%; top: 0; left: 0; padding: 27px 0 27px 32px; z-index: 1; } .giveaway-logo { display: inline-block; margin-bottom: 20px; } .main-sidebar .giveaway-logo { margin-bottom: 38px; } .giveaway-title, .giveaway-wrap p { padding: 7px 35px 7px 15px; margin-bottom: 2px; color: #fff; display: inline-block; font-weight: 700; font-size: 33px; line-height: 33px; background: #2dc7f3; } .giveaway-subtitle { display: inline-block; padding: 7px 56px 7px 15px; background: #2dc7f3; color: #fff; font-size: 18px; } .giveaway-link { display: inline-block; padding: 12px 0px 12px 12px; margin: 14px 0 0 0; border-radius: 0 20px 20px 0; opacity: 0.84; color: #fff; text-decoration: none; font-weight: 600; font-size: 13px; text-transform: uppercase; background-image: -moz-linear-gradient(221deg, #9939BD 0%, #ED3D7F 100%); background-image: -o-linear-gradient(221deg, #9939BD 0%, #ED3D7F 100%); background-image: -webkit-linear-gradient(221deg, #9939BD 0%, #ED3D7F 100%); background-image: linear-gradient(229deg, #9939BD 0%, #ED3D7F 100%); } .giveaway-link span { display: inline-block; padding-right: 56px; background: url(..https://garagegymbuilder.com/images/giveaway_link_arrow.png) no-repeat right 18px center; transition: all 0.15s ease-in-out; } .giveaway-link:hover, .giveaway-link:focus { text-decoration: none; color: #fff; } .giveaway-link:hover span { background-position: right 14px center; } .giveaway-link-wrap { display: block; position: absolute; z-index: 5; left: 0; right: 0; top: 0; bottom: 0; } .clock-builder-output-wrap, .total-entries-wrap { text-align: center; border-radius: 10px 0 0 0; height: 50%; border-bottom: 1px solid #2dc7f3; background: url(..https://garagegymbuilder.com/images/giveaway_clock.png) no-repeat; background-size: 100% 100%; } .total-entries-wrap { border: none; border-radius: 0 0 0 10px; display: none; } .flip-clock-wrapper { font-family: 'helveticaneue-condensedbold'; margin: 52px 0 5px; display: inline-block; width: auto; } .clock-builder-output_3.flip-clock-wrapper { margin: 56px 0 0px; } .flip-clock-wrapper ul { width: 30px; padding: 0; height: 60px; margin: 0; border-radius: 0; font-size: 43px; line-height: 60px; } .clock-builder-output_3.flip-clock-wrapper ul { width: 24px; height: 50px; font-size: 32px; line-height: 50px; } .flip-clock-wrapper ul:before { content: ''; position: absolute; width: 100%; height: 6px; bottom: -5px; left: 0; background: url(..https://garagegymbuilder.com/images/giveaway_clock_before.png) repeat-x; } .flip-clock-wrapper .flip { -moz-box-shadow: 4.5px 2.3px 21px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 4.5px 2.3px 21px rgba(0, 0, 0, 0.6); box-shadow: 4.5px 2.3px 21px rgba(0, 0, 0, 0.6); } .flip-clock-wrapper ul li a div div.inn { font-size: 43px; } .clock-builder-output_3.flip-clock-wrapper ul li a div div.inn { font-size: 34px; } .flip-clock-wrapper ul li a div.up:after { top: 28px; } .clock-builder-output_3.flip-clock-wrapper ul li a div.up:after { top: 23px; } .flip-clock-divider .flip-clock-label, .giveaway-entries-counter-label { color: #f2f2f2; font-size: 12px; text-transform: uppercase; text-shadow: 0.9px 0.5px 3px #000; } .monthly-giveaway-item .flip-clock-divider .flip-clock-label { top: inherit; bottom: -2em; } .flip-clock-divider.days .flip-clock-label { right: -43px; } .flip-clock-divider.hours .flip-clock-label { right: -47px; } .flip-clock-divider.minutes .flip-clock-label { right: -52px; } .flip-clock-divider.seconds .flip-clock-label { right: -54px; } .clock-builder-output_3 .flip-clock-divider.hours .flip-clock-label { right: -58px; } .clock-builder-output_3 .flip-clock-divider.minutes .flip-clock-label { right: -50px; } .clock-builder-output_3 .flip-clock-divider.seconds .flip-clock-label { right: -51px; } .flip-clock-dot { display: none; } .flip-clock-wrapper ul li a div div.inn { border-radius: 0; background: #202124; -moz-box-shadow: 1.8px 0.9px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1.8px 0.9px 5px rgba(0, 0, 0, 0.5); box-shadow: 1.8px 0.9px 5px rgba(0, 0, 0, 0.5); } .flip-clock-divider { width: 17px; } .giveaway-entries-counter { margin: 0; } .giveaway-entries-counter-wrap { padding: 52px 0 47px; position: relative; width: auto; } .giveaway-entries-counter-label { position: absolute; top: 32px; left: 50%; margin-left: -43px; font-family: 'helveticaneue-condensedbold'; } .ratings-giveaway { max-width: 225px; margin-top: 9px; font-size: 13px; color: #8a8a8a; } .ratings-giveaway > a { text-decoration: underline; } .ratings-giveaway > a:hover { text-decoration: none; } .giveaway-banner-widget { display: inline-block; float: right; } /** * -- Monthly giveaway sidebar * ---------------------------------------------------------------------------- */ .main-sidebar .monthly-giveaway-item { margin-top: 0; background: #000; margin-bottom: 27px; box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18); } .monthly-giveaway-title { padding: 20px 0 18px; text-align: center; border-bottom: 1px solid #f2f2f2; border-radius: 10px 10px 0 0; background: #1a1a1a; color: #f2f2f2; font-size: 18px; font-family: 'helveticaneue-condensedbold'; text-transform: uppercase; } .main-sidebar .monthly-giveaway-main, .main-sidebar .monthly-giveaway-counter { text-align: center; float: none; width: 100%; padding-bottom: 8px; } .monthly-giveaway-counter-title { display: none; text-align: center; padding: 16px 0 4px; color: #f2f2f2; font-family: 'helveticaneue-condensedbold'; font-size: 17px; text-transform: uppercase; text-shadow: 0 1px 3px #000; } .main-sidebar .monthly-giveaway-image > a { display: inline-block; } .main-sidebar .monthly-giveaway-image:before { content: ''; position: absolute; left: 0; bottom: 51px; width: 100%; height: 50%; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb((0, 0, 0, 1) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb((0, 0, 0, 1) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb((0, 0, 0, 1) 100%); z-index: 1; } .main-sidebar .monthly-giveaway-content { padding: 0 6px 15px; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; top: inherit; z-index: 2; } .monthly-giveaway-content-title { margin-bottom: 8px; font-family: 'helveticaneue-condensedbold'; font-size: 28px; color: #fff; text-transform: uppercase; text-shadow: 0 1px 3px #000; display: none; } .monthly-giveaway-content-title > span { display: block; line-height: 1.2; } .monthly-giveaway-content-title > span:first-child { color: #10bfcb; } .giveaway-logo-wrap { margin-bottom: 15px; } .giveaway-logo-wrap img { max-height: 30px; max-width: 190px; } .giveaway-content-url a { display: inline-block; } .giveaway-content-url a > span:first-child { display: block; padding-right: 25px; line-height: 17px; color: #10bfcb; font-family: 'helveticaneue-condensedbold'; font-size: 20px; text-shadow: 0 1px 3px #000; background: url(..https://garagegymbuilder.com/images/giveaway_link__.png) no-repeat 100% 0; } .giveaway-content-url a > span:last-child { display: inline-block; opacity: 0.45; color: #fff; font-size: 12px; padding-left: 26px; background: url(..https://garagegymbuilder.com/images/giveaway_rules_link.png) no-repeat 0 center; transition: background-position .15s; } .giveaway-content-url a:hover > span:first-child { opacity: 0.7; } .giveaway-content-url a:hover > span:last-child { background-position: 5px center; } .main-sidebar .giveaway-logo { width: 40%; } .monthly-giveaway-form { border-radius: 0 0 10px 10px; text-align: center; margin-bottom: 20px; } .monthly-giveaway-form .success-message, .giveaway-already-saved, .rc-gv-popup-wrap .success-message { color: #fff; width: 90%; display: inline-block; margin-bottom: 12px; } .monthly-giveaway-form .success-message, .giveaway-already-saved { font-size: 15px; } .rc-gv-popup-wrap .success-message { margin: 12px 0 3px; } .main-sidebar .monthly-giveaway-form input[type=text] { width: 90%; font-size: 14px; height: 39px; border: none; border-radius: 5px; display: none; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .main-sidebar .monthly-giveaway-form input.error { color: red; border: 1px solid red; } .monthly-giveaway-form .giveaway-form-label { display: none; margin-top: 12px; opacity: 0.45; color: #fff; font-size: 12px; font-weight: 400; } .main-sidebar .monthly-giveaway-form input[type=submit] { margin-top: 0px; width: 90%; color: #fff; font-size: 13px; font-weight: 600; text-transform: uppercase; display: inline-block; height: 40px; border-radius: 20px; border: none; outline: none; cursor: pointer; background: #4545e1; transition: all 300ms; } .main-sidebar .monthly-giveaway-form input[type=submit]:hover { background: #2ec7f3; } .giveaway-partnerships-link { margin-top: 12px; display: none; } .giveaway-partnerships-link a { display: inline-block; opacity: 0.84; color: #10bfcb; font-size: 11px; text-transform: uppercase; padding-right: 37px; background: url(..https://garagegymbuilder.com/images/giveaway_rules_link.png) no-repeat 96% center; transition: background-position .15s; } .giveaway-partnerships-link a:hover { background-position: 100% center; opacity: 0.7; color: #10bfcb; } .giveaway-share { margin: 2px 0 0; display: none; } .giveaway-share > span.giveaway-share-title { display: inline-block; color: #949494; font-size: 12px; opacity: 0.45; margin-bottom: 6px; } .giveaway-share ul { padding: 0; margin: 0; list-style: none; } .giveaway-share ul li { display: inline-block; margin: 0 2px; } .giveaway-share ul li a { display: inline-block; width: 21px; height: 21px; } .giveaway-share ul li a.giveaway_fb { background: url(..https://garagegymbuilder.com/images/giveaway_fb.png) no-repeat; } .giveaway-share ul li a.giveaway_pin { background: url(..https://garagegymbuilder.com/images/giveaway_pin.png) no-repeat; } .giveaway-share ul li a.giveaway_tw { background: url(..https://garagegymbuilder.com/images/giveaway_tw.png) no-repeat; } .main-sidebar .monthly-giveaway-counter { background: url(..https://garagegymbuilder.com/images/giveaway_clock.png) no-repeat; background-size: 100% 100%; border-radius: 0; padding-top: 0; padding-bottom: 40px; border: 0; } .main-sidebar .clock-builder-output-wrap, .main-sidebar .total-entries-wrap { border-bottom: none; border-radius: 0; margin: 0; background: none; } .main-sidebar .monthly-giveaway-image { width: 100%; left: inherit; top: inherit; position: relative; padding-bottom: 52px; } .main-sidebar .monthly-giveaway-image>a>img { width: 100%; } .main-sidebar .giveaway-title, .main-sidebar .giveaway-wrap p { font-size: 17px; line-height: 17px; padding: 7px 18px 7px 15px; } .main-sidebar .giveaway-subtitle { font-size: 13px; } .main-sidebar .flip-clock-wrapper { margin: 12px 0 0px; } .main-sidebar .flip-clock-divider { height: 60px; } .main-sidebar .giveaway-entries-counter-wrap { padding: 17px 0 15px; } .main-sidebar .giveaway-entries-counter-label { top: 10px; } /** * Popup giveaway/Share popup * ---------------------------------------------------------------------------- */ .rc-gv-popup-wrap, .rc-share-popup-wrap { position: fixed; opacity: 0; visibility: hidden; top: 0; bottom: 0; left: 0; right: 0; background: rgba(40, 40, 40, 0.76); z-index: 10001; transition: all .5ss; } .rc-gv-popup-wrap.active, .rc-share-popup-wrap.active { opacity: 1; visibility: visible; } .rc-gv-popup-wrap .popup-items, .rc-share-popup-content { width: 90%; max-width: 778px; border-radius: 7px; margin: auto; position: absolute; top: 50%; left: 50%; display: flex; transform: translate3d(-50%, -50%, 1px); overflow: hidden; } .rc-share-popup-content { max-width: 760px; display: block; } .rc-gv-popup-wrap .popup-item-images { width: 31%; position: relative; background: #fff; border-radius: 7px 0 0 7px; } .rc-gv-popup-wrap .popup-item-images .popup-item>a { display: inline-block; padding: 10px 15px 15px; text-align: center; position: absolute; bottom: 0; left: 0; top: 0; right: 0; z-index: 1; } .rc-gv-popup-wrap .popup-item-images .popup-item>a:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: transparent; background: -moz-linear-gradient(top, transparent 30%, rgb((52,40,217,1) 100%); background: -webkit-linear-gradient(top, transparent 30%,rgb((52,40,217,1) 100%); background: linear-gradient(to bottom, transparent 30%,rgb((52,40,217,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#3428d9',GradientType=0 ); z-index: 1; border-radius: 6px 0 0 6px; } .rc-gv-popup-wrap .popup-item-content { width: 69%; background: #21212c; border-radius: 0 7px 7px 0; text-align: center; padding: 15px; color: #fff; } .rc-gv-popup-wrap .popup-image-logo { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 0 15px 15px; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; } .rc-gv-popup-wrap .popup-image-logo .text { display: block; color: #010101; font-size: 18px; text-transform: uppercase; margin-bottom: 10px; font-weight: 700; } .monthly-giveaway-popup-content-title { font-size: 15px; margin: 10px 0 0; font-weight: 700; } .rc-gv-popup-wrap .popup-item-images .popup-image-logo img { max-width: 100px; height: auto; width: auto; max-height: 55px; } .rc-gv-popup-wrap .popup-title-form, .rc-gv-popup-wrap .popup-title-form-m { font-size: 14px; font-weight: 600; } .rc-gv-popup-wrap .popup-title-form-m { margin-top: 15px; display: none; } .rc-gv-popup-wrap .popup-title-form span, .rc-gv-popup-wrap .popup-title-form a { color: #ff0027; } .rc-gv-popup-wrap .popup-title-form a span:last-child { display: none; } .rc-gv-popup-wrap .subscribe-input { width: 80%; padding: 10px 10px 10px 20px; border: none; border-radius: 20px; margin: 10px 0; text-align: center; font-size: 18px; } .rc-gv-popup-wrap .subscribe-input.error { color: #ff0000; border: 1px solid #ff0000; } .rc-gv-popup-wrap .subscribe-input::-webkit-input-placeholder { color: #d8d8d8; } .rc-gv-popup-wrap .subscribe-input:-moz-placeholder { color: #d8d8d8; } .rc-gv-popup-wrap .subscribe-input::-moz-placeholder { color: #d8d8d8; } .rc-gv-popup-wrap .subscribe-input:-ms-input-placeholder { color: #d8d8d8; } .rc-gv-popup-wrap button.subscribe-submit { width: 60%; padding: 10px; font-size: 14px; text-transform: uppercase; color: #fff; border-radius: 20px; border: none; background: #3428d9; outline: none; } .rc-gv-popup-wrap button.subscribe-submit:hover { background: #2ec7f3; } .rc-gv-popup-wrap .popup-item-images img { width: 100%; } .rc-gv-popup-wrap .popup-details { color: #10bfcb; font-size: 12px; margin-top: 12px; display: inline-block; font-weight: 400; } .rc-gv-popup-wrap .popup-details-text { color: #d8d8d8; font-size: 12px; opacity: 0.6; margin-top: 4px; font-weight: 400; } .rc-gv-popup-wrap .popup-item { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .rc-gv-popup-wrap .popup-counter.social { display: none; padding: 25px 0; } .rc-gv-popup-wrap.rc-gv-hidden .popup-counter.social { display: block; } .rc-gv-popup-wrap.rc-gv-hidden .popup-counter.email { display: none; } .rc-gv-popup-wrap .social-button { width: 60%; text-align: center; color: #e5e5e5; font-size: 14px; display: inline-block; padding: 10px 5px; border-radius: 20px; text-decoration: none; margin-top: 20px; font-weight: 400; transition: all .15s; } .rc-gv-popup-wrap .social-button.facebook { background: #3b5998; border: 1px solid #3b5998; } .rc-gv-popup-wrap .social-button.youtube { background: #cd201f; border: 1px solid #cd201f; } .rc-gv-popup-wrap .social-button.facebook span { background: url("..https://garagegymbuilder.com/images/facebook-icon.png") no-repeat center left; height: 23px; padding: 10px 0 10px 20px; } .rc-gv-popup-wrap .social-button.youtube span { background: url("..https://garagegymbuilder.com/images/youtube-icon.png") no-repeat center left; height: 18px; padding: 10px 0 10px 36px; } .rc-gv-popup-wrap .social-button:hover { color: #e5e5e5; background: rgba(0,0,0,0); } .rc-gv-popup-wrap .button-close { display: inline-block; position: absolute; top: 10px; right: 10px; z-index: 4; width: 30px; height: 30px; } .rc-gv-popup-wrap .button-close i { display: inline-block; position: relative; cursor: pointer; width: 30px; height: 30px; border: 2px solid #ffffff; border-radius: 50%; transition: all .15s; } .rc-gv-popup-wrap .button-close i:before, .rc-gv-popup-wrap .button-close i:after { content: ''; position: absolute; top: 12px; right: 3px; width: 20px; height: 2px; background: #ffffff; transform: rotate(45deg); } .rc-gv-popup-wrap .button-close i:before { transform: rotate(45deg); } .rc-gv-popup-wrap .button-close i:after { transform: rotate(-45deg); } .rc-gv-popup-wrap .button-close i:hover { transform: scale(1.05); } .rc-gv-popup-counter .flip-clock-wrapper { margin: 8px 0 30px; } .rc-gv-popup-counter .flip-clock-divider { height: 62px; } .rc-gv-popup-counter .flip-clock-divider .flip-clock-label { top: inherit; bottom: -2em; } .rc-gv-popup-wrap .fb-like-wrap, .rc-gv-popup-wrap .yt-like-wrap { display: inline-block; text-align: center; width: 60%; margin-top: 20px; } .rc-gv-popup-wrap .fb-like-wrap { display: none; } .rc-share-popup-content .share-img { width: 100%; } .rc-share-popup-content .close { position: absolute; right: 10px; top: 10px; cursor: pointer; width: 16px; height: 16px; background: url(..https://garagegymbuilder.com/images/popup-close-w.png); background-size: 100% 100%; transition: all .15s; } .rc-share-popup-content .close:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .rc-share-popup-content .share-form-group-wrap { display: inline-block; position: absolute; left: 24px; bottom: 30px; } .rc-share-popup-content .share-form-link { display: inline-block; margin-left: 8px; vertical-align: top; outline: none; line-height: 40px; font-size: 20px; color: #fff; background-color: #0b5fbb; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 0 28px; } .rc-share-popup-content .share-form-group { display: inline-block; position: relative; vertical-align: top; width: 293px; height: 40px; background-color: #f9fedf; border: 1px solid #c0db2b; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 8px 8px 8px 10px; } .rc-share-popup-content .share-form-group input[type=text] { display: inline-block; float: left; width: 170px; outline: none; padding: 0; line-height: 22px; border: none; background: none; color: #c5c5c5; font-size: 22px; text-transform: uppercase; } .rc-share-popup-content .share-form-group button { display: inline-block; border: none; outline: none; float: right; width: 72px; padding: 0; line-height: 22px; height: 22px; font-size: 14px; color: #fff; background-color: #fb6343; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-transform: uppercase; } .rc-share-popup-content .share-form-group:before { content: 'Copied!'; display: none; width: 170px; line-height: 1; background-color: #f9fedf; position: absolute; right: 25px; left: 10px; top: 8px; font-size: 22px; bottom: 0; color: #c5c5c5; } .rc-share-popup-content .share-form-group.show-message:before { display: block; } .p_closer { position: absolute; cursor: pointer; display: none; top: 0px; right: 40px; margin: 15px; width: 30px; height: 30px; z-index: 10; } .p_closer:before, .p_closer:after { content: ''; position: absolute; margin: --.5px -21px; top: 50%; left: 50%; height: 1px; width: 42px; background: #10bfcb; } .p_closer:before { transform: rotate(45deg); } .p_closer:after { transform: rotate(-45deg); } .p_closer { display: block; } /*Two products styles*/ .monthly-giveaway-main.two-products .monthly-giveaway-content-title { background: #fff; margin: 0; padding: 12px 0; } .monthly-giveaway-main.two-products .monthly-giveaway-image { float: left; width: 50%; } .monthly-giveaway-main.two-products .monthly-giveaway-image > a { padding: 15px 0 80px 10px; background: #fff; width: 100%; } .monthly-giveaway-main.two-products .monthly-giveaway-image > a > img { width: 100%; max-width: 120px; } .monthly-giveaway-main.two-products .first-product .monthly-giveaway-content:before { content: none; } .monthly-giveaway-main.two-products .monthly-giveaway-content:before { content: '+'; position: absolute; left: 0; top: -3px; font-size: 18px; font-family: 'helveticaneue-condensedbold', Helvetica, sans-serif; color: #10bfcb; } .monthly-giveaway-main.two-products .giveaway-logo-wrap { margin-bottom: 15px; margin-top: 5px; } .monthly-giveaway-main.two-products .giveaway-content-url a > span:first-child { font-size: 15px; line-height: 1; display: flex; align-items: center; justify-content: center; padding-right: 15px; background: none; position: relative; } .monthly-giveaway-main.two-products .giveaway-content-url a { display: flex; flex-direction: column; } .monthly-giveaway-main.two-products .giveaway-content-url a > span:last-child { opacity: 0.75; font-size: 10px; padding-left: 20px; margin-top: 3px; } .monthly-giveaway-main.two-products .giveaway-content-url a > span:first-child>span { display: inline-block; vertical-align: middle; } .monthly-giveaway-main.two-products .monthly-giveaway-image.first-product { z-index: 2; } .monthly-giveaway-main.two-products .giveaway-content-url a > span:first-child:after { content: ''; width: 12px; height: 12px; margin-top: -4px; position: absolute; right: 0; top: 50%; background: url(..https://garagegymbuilder.com/images/giveaway_link__.png) no-repeat 100% 0; background-size: cover; } .rc-gv-popup-items.two-products .popup-item-images:nth-child(3) { border-radius: 0; } .rc-gv-popup-items.two-products .popup-item-images:nth-child(3) .popup-item>a:after{ border-radius: 0; } .rc-gv-popup-items.two-products .popup-item-images:nth-child(3) .monthly-giveaway-popup-content-title { display: none; } .rc-gv-popup-items.two-products .popup-item-images .popup-item>a { padding: 10px 15px 35px; background: #ffffff; mix-blend-mode: darken; border-radius: 7px; } .rc-gv-popup-items.two-products .popup-image-logo { top: calc(100% - 171px); bottom: initial; } .rc-gv-popup-items.two-products .monthly-giveaway-popup-content-title { font-size: 18px; position: absolute; bottom: -15px; right: -45px; color: #010101; } .rc-gv-popup-items.two-products .giveaway-content-url a > span:first-child { color: #191921; font-size: 18px; display: flex; align-items: center; justify-content: center; text-shadow: none; padding-right: 15px; position: relative; background: none; } .rc-gv-popup-items.two-products .popup-item-images .popup-image-logo img { max-width: 80px; margin: 10px 0 15px; } .rc-gv-popup-wrap .two-products .popup-item-content { position: relative; z-index: 2; } .rc-gv-popup-wrap .two-products .popup-item-images .popup-item>a:after { content: none; } .popup-items.rc-gv-popup-items.two-products:before { background: 0 0; background: -moz-linear-gradient(top,transparent 30%,rgb((237,42,35,1) 100%); background: -webkit-linear-gradient(top,transparent 30%,rgb((237,42,35,1) 100%); background: linear-gradient(to bottom,transparent 30%,rgb((237,42,35,1) 100%); content: ''; position: absolute; height: 100%; right: 15%; left: 0; z-index: 1; top: 0; border-radius: 7px 7px 0 0; } .rc-gv-popup-items.two-products .giveaway-content-url a > span:first-child:after { content: ''; position: absolute; margin-top: -4px; right: 0; width: 12px; height: 12px; top: 50%; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMjMxOGI5ZC1lNGZhLTQ4M2UtYTA4Yi0yZDgzY2NmYmY1YWUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkI5NUYwNzNCMjc2MTFFODg2MEQ4NERGMERGM0MyQUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkI5NUYwNzJCMjc2MTFFODg2MEQ4NERGMERGM0MyQUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxZjllYjBmYi0zMmFlLWZkNDMtOTk5Ny0xNzNjYjA1MDM0MDAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjZDViOWQ1NS1hNDU2LTExZTgtOGYxNi1hZjYxYjk4NjY5ODkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6I9aTGAAABzElEQVR42qxWO0gDQRDdO0+0EbSQVClMCFjEQgS1FIUYbcXWwkJSRrGw1FQW4qcTwXQWKmJlMIKm1krULpjKRgQ/pDQf3+hEhuVM1mwePGb2bu69y9zcbZxqtaokQqGBXoR5cBqMgO3gSqFwv6/VTSEMg47yxwN44tQMcAEVJsE1sEsrfoJBUIiPI1yqxpjzhPguuPBH4bW2DiozDHmcJH3Ez8EsWOAocQiOgYO8Jp0w2Kk7OH19Uer5o2jLKziLllyZ3CI/M6qN+pzecfmByp7bihdljcvT8tsWS/Eb8E43iIh11lI8BpZ0g4BYv9uI49d/IFbE8ZLLJsr2zlmckOFYBs9aLa6Qb/D4RpDnvFaKC5Nb+QxMcGoqrsM1uPs2hNFmxGuveF1AqAyTFNJlMEcfsHriqO1AOABHwFWPx8ptYEIGKcN2ToIznK+T8LM42a3sERb5JxnkNXdbxESed8WLQYjzZtIUcO0EaYhDGTJIa1/A42ZMWPxI+6qmv7dMnFzEYtNnw7kA3xpo93Bb4trxJQzHVm1Mt8F+bVeL+1xkij3W/BlPONHOnyBXfcP4J4qskWBN5Rj8bQnUeU8qPOZ5HpY0hF9kwZcAAwBqPau1opcuAQAAAABJRU5ErkJggg==') no-repeat 100% 0; background-size: cover; } .rc-gv-popup-items.two-products .giveaway-content-url a > span:last-child { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJBAMAAAAfoWtkAAAAJ1BMVEUAAAD///////////////////////////////////////////////+uPUo5AAAADXRSTlMAoZiGgXFrVkI5v3sSmgZLxQAAACZJREFUCNdjAIMpDFDAmgBjmcMYTA0MioJAIM2zAC4CU4PQBTcHAK8SBJFQsP1HAAAAAElFTkSuQmCC') no-repeat 0 center; transition: background-position .15s; opacity: 0.75; } .rc-gv-popup-items.two-products .popup-item-images:nth-of-type(1) .popup-image-logo:after { content: '+'; position: absolute; top: 7px; right: -10px; font-size: 18px; color: #191921; font-weight: 700; } .rc-gv-popup-wrap .two-products.popup-items { background: #ffffff; } /* * Giveaway widget * ---------------------------------------------------------------------------- */ .rc-bg-wrap .advertising-giveaway-wrap .popup-item-images { background: no-repeat left center; background-size: 74% 100%; } .rc-bg-wrap .advertising-giveaway-wrap .advertising-giveaway-form .submit-giveaway { box-shadow: 0px 4px 8px 0px rgba(79, 79, 79, 0.13); } .rc-bg-wrap .advertising-giveaway-wrap .giveaway-content-url a > span:first-child:after { background: url(../../..https://garagegymbuilder.com/images/guide-template/rc-vertising_giveway_link.png) no-repeat 100% 0; } .rc-bg-wrap .advertising-giveaway-wrap .giveaway-content-url a > span:last-child { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxNzI0Nzc0QjVDODExRThCMzVFQjM5OTdCODQ0RDI4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxNzI0Nzc1QjVDODExRThCMzVFQjM5OTdCODQ0RDI4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjE3MjQ3NzJCNUM4MTFFOEIzNUVCMzk5N0I4NDREMjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjE3MjQ3NzNCNUM4MTFFOEIzNUVCMzk5N0I4NDREMjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5RGXBCAAAAeElEQVR42mL4//8/AzH4uUyoJRDXI4sxMRAJJB6vOg6kPr2QDcuGiRGtGWpAP5CSBhoQBuIzgqwnFQA1zwBSq1igDE4i9d0D2t4IpKuAeC1FNjMQG9pIod4GxGEkhTbUxkIg9RTo9FUkhTZQoyWQ4gNqnAoTAwgwAGxgeBDEO0jNAAAAAElFTkSuQmCC') no-repeat 0 center; } .rc-bg-wrap .advertising-giveaway-wrap .popup-item-images-content .popup-title-form { display: flex; align-items: center; } .rc-bg-wrap .advertising-giveaway-wrap .popup-item-images-content .popup-title-form span { font-size: 25px; } .rc-bg-wrap .advertising-giveaway-wrap .popup-item-images-content .giveaway-logo-wrap { margin: 0 0 8px; } .rc-bg-wrap .advertising-giveaway-wrap .two-products .popup-item-images { background-size: 61% 100%; } .rc-bg-wrap .advertising-giveaway-wrap .two-products .popup-item-images-content .popup-title-form { display: inline-block; } .rc-bg-wrap .advertising-giveaway-wrap .popup-item-content { text-align: center; } .rc-bg-wrap .advertising-giveaway-wrap .monthly-giveaway-title { font-size: 22px; display: inline-block; margin: 0 0 25px; padding: 40px 0 10px; } .advertising-giveaway-wrap .rc-gv-after-content-wrap{ width: 100%; box-shadow: 0px 2px 8px 0px rgba(79, 79, 79, 0.13); border-radius: 20px; margin: 25px 0; background: #ffffff; display: inline-block; } .advertising-giveaway-wrap .rc-gv-after-content { display: flex; flex-wrap: wrap; } .advertising-giveaway-wrap .popup-item-content { float: left; width: 27%; background: #191919; border-radius: 20px 0 0 20px; } .advertising-giveaway-wrap .popup-item-images { width: 73%; float: right; background-size: 74% 100%; display: flex; padding: 20px; justify-content: flex-start; align-items: center; position: relative; } .advertising-giveaway-wrap .monthly-giveaway-counter { display: inline-block; border-radius: 10px 0 0 10px; float: initial; width: 100%; border-right: none; } .advertising-giveaway-wrap .clock-builder-output-wrap { text-align: center; border-radius: 0 0 0 20px; height: auto; border-bottom: none; background: none; background-size: initial; } .advertising-giveaway-wrap .monthly-giveaway-title { font-size: 25px; padding: 35px 0 33px; border-radius: 20px 0 0 0; } .advertising-giveaway-wrap .monthly-giveaway-counter-title { padding: 25px 0; font-size: 20px; } .advertising-giveaway-wrap .flip-clock-wrapper { margin: 5px 0 20px; } .advertising-giveaway-wrap .flip-clock-wrapper ul li a div div.inn{ font-size: 54px; } .advertising-giveaway-wrap .flip-clock-divider .flip-clock-label { top: 6.5em; } .advertising-giveaway-wrap .popup-title-form span { color: #ffffff; font-size: 31px; text-transform: uppercase; float: left; } .advertising-giveaway-wrap .giveaway-logo-wrap { display: inline-block; margin: 3px 0 0 8px; float: left; } .advertising-giveaway-wrap .giveaway-logo-wrap img { max-height: 30px; max-width: 108px; } .advertising-giveaway-wrap .advertising-image-wrapper { max-width: 360px; max-height: 235px; } .advertising-giveaway-wrap .advertising-image-wrapper img{ width: 100%; } .advertising-giveaway-wrap .giveaway-content-url { position: absolute; bottom: 20px; right: 20px; } .advertising-giveaway-wrap .giveaway-content-url a{ display: inline-block; text-align: left; } .advertising-giveaway-wrap .popup-item-images-content { float: left; text-align: left; padding: 15px 0 15px 15px; width: 75%; } .advertising-giveaway-wrap .popup-item-images-content .popup-title-form { display: inline-block; margin-bottom: 30px; width: 100%; } .advertising-giveaway-wrap .popup-item { float: right; } .advertising-giveaway-wrap .popup-image-logo { float: right; } .advertising-giveaway-wrap .giveaway-content-url a > span:first-child { color: #3600b9; font-size: 15px; line-height: 14px; text-shadow: none; background: url(../../..https://garagegymbuilder.com/images/guide-template/rc-vertising_giveway_link.png) no-repeat 100% 0; } .advertising-giveaway-wrap .giveaway-content-url a > span:last-child { color: #3600b9; font-size: 10px; opacity: 1; background: url(../../..https://garagegymbuilder.com/images/guide-template/rc-vertising_giveway_rules_link.png) no-repeat 0 center; } .advertising-giveaway-wrap .advertising-giveaway-form { width: 92%; margin-bottom: 15px; } .advertising-giveaway-wrap .advertising-giveaway-form .success-message{ margin: 0 0 15px; color: #fff; font-size: 14px; text-align: left; } .advertising-giveaway-wrap .advertising-form-wrapper{ position: relative; display: block; } .advertising-giveaway-wrap .advertising-giveaway-form .giveaway-email { width: 100%; border-radius: 22px; border: none; padding: 12px 180px 10px 15px; line-height: 40px; height: 40px; color: #000000; font-size: 13px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } .advertising-giveaway-wrap .advertising-giveaway-form .giveaway-email.error { color: red; border: 1px solid red; } .advertising-giveaway-wrap .advertising-giveaway-form .giveaway-email::-webkit-input-placeholder { color: #000000; font-size: 13px; } .advertising-giveaway-wrap .advertising-giveaway-form .giveaway-email:-moz-placeholder { color: #000000; font-size: 13px; } .advertising-giveaway-wrap .advertising-giveaway-form .giveaway-email:-ms-input-placeholder { color: #000000; font-size: 13px; } .advertising-giveaway-wrap .advertising-giveaway-form .giveaway-email.error::-webkit-input-placeholder { color: red; border: 1px solid red; } .advertising-giveaway-wrap .advertising-giveaway-form .giveaway-email.error:-moz-placeholder { color: red; border: 1px solid red; } .advertising-giveaway-wrap .advertising-giveaway-form .giveaway-email.error:-ms-input-placeholder { color: red; border: 1px solid red; } .advertising-giveaway-wrap .advertising-giveaway-form .submit-giveaway { position: absolute; top: 0; bottom: 0; right: -1px; border-radius: 22px; min-width: 180px; border: none; background: #263fe1; color: #ffffff; font-size: 13px; transition: all 0.15s; } .advertising-giveaway-wrap .advertising-giveaway-form .submit-giveaway:hover{ background-image: linear-gradient(to right,#ff3556 0%,#b5409d 100%); display: inline-block; } .advertising-giveaway-wrap .popup-details-text { color: #ffffff; font-size: 12px; opacity: 0.45; margin-bottom: 25px; } .advertising-giveaway-wrap .popup-item-images-content ul { margin: 0; padding: 0; list-style-type: none; height: 21px; } .advertising-giveaway-wrap .popup-item-images-content ul li { display: inline-block; margin: 0 2px; } .advertising-giveaway-wrap .popup-item-images-content ul li a { display: inline-block; width: 21px; height: 21px; box-shadow: 0px 4px 8px 0px rgba(79, 79, 79, 0.13); border-radius: 50%; } .advertising-giveaway-wrap .advertising-social-title { font-size: 12px; color: #ffffff; margin-right: 5px; } .advertising-giveaway-wrap .popup-counter.social { display: inline-block; width: 100%; } .advertising-social-block { display: flex; float: left; justify-content: flex-start; align-items: center; } .advertising-giveaway-wrap .popup-details { display: inline-block; font-size: 12px; margin-right: 70px; position: relative; text-transform: uppercase; color: #ffffff; padding: 4px 30px 0 0; opacity: 0.84; float: right; } .advertising-giveaway-wrap .popup-details:after { content: ''; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); height: 11px; width: 16px; background: url("../../..https://garagegymbuilder.com/images/guide-template/rc-vertising_giveway_rules_link_w.png") no-repeat right center; background-size: cover; opacity: 1; } .advertising-giveaway-wrap .two-products .popup-item-images { background-size: 61% 100%; } .advertising-giveaway-wrap .two-products .popup-title-form span { float: initial; display: block; } .advertising-giveaway-wrap .two-products .giveaway-logo-wrap { float: initial; margin: 7px 0 0; } .advertising-giveaway-wrap .two-products .giveaway-logo-wrap:nth-of-type(1) { margin: 0 8px 0 0; padding: 0 15px 0 0; position: relative; } .advertising-giveaway-wrap .two-products .giveaway-logo-wrap:nth-of-type(1):after { content: '+'; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); color: #ffffff; font-size: 18px; font-weight: 700; } .advertising-giveaway-wrap .two-products .popup-item-images-content { width: 70%; } .advertising-giveaway-wrap .two-products .popup-item { height: 100%; display: flex; align-items: flex-end; } .advertising-giveaway-wrap .two-products .popup-image-logo { float: right; display: flex; flex-direction: column; } .advertising-giveaway-wrap .two-products .advertising-image-wrapper { max-width: 160px; max-height: 107px; } .advertising-giveaway-wrap .two-products .giveaway-content-url { position: relative; bottom: initial; right: initial; margin: 50px 2px 10px 0; } .advertising-giveaway-wrap .two-products .giveaway-content-url a > span:first-child { background: none; } .advertising-giveaway-wrap .two-products .giveaway-content-url a > span:first-child:after { width: 13px; height: 13px; margin-top: -6px; background: url("../../..https://garagegymbuilder.com/images/guide-template/rc-vertising_giveway_link.png") no-repeat 100% 0; background-size: cover; } .advertising-giveaway-wrap .two-products .popup-item:nth-of-type(2) .giveaway-content-url:after { content: '+'; position: absolute; top: 5px; right: 0; } .advertising-giveaway-wrap .two-products .popup-item:nth-of-type(2) .giveaway-content-url { padding: 0 15px; position: relative; } .advertising-giveaway-wrap .two-products .giveaway-content-url a > span:first-child { font-size: 18px; display: flex; align-items: center; justify-content: center; text-shadow: none; padding-right: 15px; line-height: 18px; text-align: center; } .advertising-giveaway-wrap .giveaway-content-url a > span:first-child:after { background: none; } .rc-bg-wrap .advertising-giveaway-wrap .popup-item-images-content .advertising-social-block .popup-title-form { display: none; color: #ffffff; } @media (max-width: 1069px) { .advertising-giveaway-wrap .popup-item-content { float: initial; width: 100%; border-radius: 20px 20px 0 0; } .advertising-giveaway-wrap .popup-item-images { width: 100%; float: initial; display: flex; padding: 20px; justify-content: center; border-radius: 0 0 20px 20px; } .advertising-giveaway-wrap .flip-clock-wrapper ul { width: 30px; } } @media (max-width: 767px) { .advertising-giveaway-wrap .two-products .giveaway-logo-wrap { display: inline-block; } .advertising-giveaway-wrap .two-products .popup-item-images-content { width: 100%; } .advertising-giveaway-wrap .two-products .advertising-giveaway-form { width: 100%; } .advertising-giveaway-wrap .two-products .popup-item-images { background-size: 117% 100%; } .advertising-giveaway-wrap .two-products .popup-item { height: initial; display: flex; align-items: center; justify-content: center; } .advertising-giveaway-wrap .two-products .giveaway-content-url a > span:first-child { padding-right: 25px; } .advertising-giveaway-wrap .two-products .popup-item:nth-of-type(2) .giveaway-content-url:after { color: #ffffff; } } @media (max-width: 520px) { .advertising-giveaway-wrap .two-products .advertising-image-wrapper { max-width: 100px; max-height: 70px; } .advertising-giveaway-wrap .two-products .popup-item { width: 50%; } .advertising-giveaway-wrap .two-products .popup-image-logo { align-items: center; } .advertising-giveaway-wrap .two-products .giveaway-content-url { margin: 30px 2px 10px 0; } .advertising-giveaway-wrap .two-products .giveaway-content-url a > span:first-child { font-size: 14px; } } @media (max-width: 380px) { .advertising-giveaway-wrap .two-products .giveaway-content-url a > span:first-child { font-size: 12px; } } @media (min-width: 768px) and (max-width: 1020px) { .monthly-giveaway-main.two-products .giveaway-content-url a > span:first-child { font-size: 14px; } .monthly-giveaway-main.two-products .monthly-giveaway-content { bottom: -10px; } } @media (max-width: 767px) { .monthly-giveaway-main.two-products .giveaway-content-url a { display: inline-flex; flex-direction: column; } .rc-gv-popup-wrap .two-products .popup-item-content { width: 100%; } .rc-gv-popup-wrap .two-products .popup-item-images { width: 50%; float: left; border-radius: 7px 0 0 0; } .rc-gv-popup-wrap .two-products .popup-item-content { position: relative; z-index: -1; } .popup-items.rc-gv-popup-items.two-products:before { background: transparent; background: -moz-linear-gradient(top, transparent 30%, rgb((237,42,35,1) 100%); background: -webkit-linear-gradient(top, transparent 30%,rgb((237,42,35,1) 100%); background: linear-gradient(to bottom, transparent 30%,rgb((237,42,35,1) 100%); content: ''; position: absolute; height: 250px; right: -1px; left: -1px; z-index: 1; top: 0; border-radius: 7px 7px 0 0; } .popup-items.rc-gv-popup-items.two-products:after { content: ''; position: absolute; height: 250px; width: 100%; left: 0; top: 0; background: white; z-index: -2; } .rc-gv-popup-wrap .two-products .popup-item-images .popup-item>a:after { content: none; } .rc-gv-popup-items.two-products .popup-item-images:nth-child(3) { border-radius: 0 7px 0 0; } .rc-gv-popup-wrap .two-products .popup-item-images img { max-width: 45%; } .rc-gv-popup-items.two-products .popup-image-logo { top: calc(100% - 145px); } } @media (max-width: 480px) { .rc-gv-popup-items.two-products .popup-image-logo { top: initial; bottom: 20px; } .rc-gv-popup-items.two-products .popup-item-images .popup-image-logo img { max-width: 60px; margin: 5px 0 10px; } .rc-gv-popup-items.two-products .popup-item-images .popup-item>a { padding: 25px 15px 35px; } .rc-gv-popup-wrap .two-products .popup-item-images img { max-width: 80%; } } @media (max-width: 360px) { .rc-gv-popup-items.two-products .popup-item-images .popup-image-logo img { max-width: 50px; margin: 5px 0; } } /* Media*/ @media (max-width: 999px) { .giveaway-logo { margin-bottom: 15px; } .giveaway-title, .giveaway-wrap p { font-size: 24px; line-height: 24px; } .giveaway-subtitle { font-size: 15px; } .giveaway-link { font-size: 12px; } .flip-clock-divider { width: 6px; } .flip-clock-wrapper ul { width: 20px; height: 46px; font-size: 46px; line-height: 46px; } .flip-clock-wrapper ul li a div div.inn { font-size: 30px; } .flip-clock-divider .flip-clock-label, .giveaway-entries-counter-label { font-size: 10px; } .giveaway-entries-counter-label { margin-left: -32px; } .flip-clock-divider.minutes .flip-clock-label { right: -39px; } .flip-clock-divider.hours .flip-clock-label { right: -35px; } .flip-clock-divider.days .flip-clock-label { right: -32px; } .flip-clock-divider.seconds .flip-clock-label { right: -40px; } .clock-builder-output_3.flip-clock-wrapper ul { width: 18px; height: 44px; font-size: 28px; line-height: 44px; } .flip-clock-wrapper ul li a div.up:after { top: 22px; } .clock-builder-output_3.flip-clock-wrapper ul li a div.up:after { top: 20px; } .clock-builder-output_3.flip-clock-wrapper ul li a div div.inn { font-size: 28px; } .clock-builder-output_3 .flip-clock-divider .flip-clock-label, .giveaway-entries-counter-label { font-size: 10px; } .clock-builder-output_3 .flip-clock-divider.minutes .flip-clock-label { right: -35px; } .clock-builder-output_3 .flip-clock-divider.hours .flip-clock-label { right: -41px; } .clock-builder-output_3 .flip-clock-divider.days .flip-clock-label { right: -32px; } .clock-builder-output_3 .flip-clock-divider.seconds .flip-clock-label { right: -36px; } } @media (min-width: 768px){ .monthly-giveaway-item.visible .monthly-giveaway-title { color: #10bfcb; border-bottom: 1px solid #10bfcb; } .monthly-giveaway-item.visible .monthly-giveaway-content-title, .monthly-giveaway-item.visible .monthly-giveaway-form .giveaway-form-label, .monthly-giveaway-item.visible .giveaway-partnerships-link, .monthly-giveaway-item.visible .giveaway-share, .monthly-giveaway-item.visible .monthly-giveaway-counter-title { display: block; } .main-sidebar .monthly-giveaway-item.visible .monthly-giveaway-form input[type=text]{ display: block; margin: 0 auto; } .main-sidebar .monthly-giveaway-item.visible .monthly-giveaway-form input[type=submit]{ margin-top: 16px; } .monthly-giveaway-item.visible .monthly-giveaway-form{ margin-bottom: 0; } .main-sidebar .monthly-giveaway-image { padding-bottom: 1px; } .main-sidebar .monthly-giveaway-item.visible .monthly-giveaway-image { padding-bottom: 52px; } .main-sidebar .monthly-giveaway-image:before { bottom: 0; } .main-sidebar .monthly-giveaway-item.visible .monthly-giveaway-image:before { bottom: 51px; } .main-sidebar .monthly-giveaway-counter { padding-bottom: 32px; } .main-sidebar .monthly-giveaway-item.visible .monthly-giveaway-counter { padding-bottom: 40px; } } @media (max-width: 767px) { .fixed_gw { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow-y: scroll; height: 100%; background: #000; } .admin-bar .fixed_gw { padding-top: 46px; } .fixed_gw { display: none; } .popup_head { display: inline-block; } .admin-bar .popup_head { top: 46px; } .main-sidebar .monthly-giveaway-image>a { width: 100%; } .rc-gv-popup-wrap .popup-items { display: block; } .rc-gv-popup-wrap .popup-item-images, .rc-gv-popup-wrap .popup-item-content { width: 100%; } .rc-gv-popup-wrap .popup-item-images .popup-item>a, .rc-gv-popup-wrap .popup-item { position: relative; width: 100%; } .rc-gv-popup-wrap .popup-image-logo { padding: 0 15px 15px; } .rc-gv-popup-wrap .popup-item-images { border-radius: 7px 7px 0 0; } .rc-gv-popup-wrap .popup-item-content { border-radius: 0 0 7px 7px; } .rc-gv-popup-wrap .popup-item-images img { max-width: 35%; } .rc-gv-popup-wrap .popup-item-images .popup-image-logo img { max-width: 60px; max-height: 33px; } .rc-gv-popup-wrap .popup-item-images .popup-item>a:after { border-radius: 0; } .rc-gv-popup-wrap .button-close i { border: 2px solid #21212c; } .rc-gv-popup-wrap .button-close i:before, .rc-gv-popup-wrap .button-close i:after { background: #21212c; } .main-sidebar .monthly-giveaway-item { margin-top: 54px; margin-bottom: 0; border-radius: 0; border: none; } .popup_head { display: inline-block; } .monthly-giveaway-item .monthly-giveaway-title { color: #10bfcb; border-bottom: 1px solid #10bfcb; } .monthly-giveaway-item .monthly-giveaway-content-title { display: block; } .main-sidebar .monthly-giveaway-item .monthly-giveaway-form input[type=text]{ display: block; margin: 0 auto; } .monthly-giveaway-item .monthly-giveaway-form .giveaway-form-label{ display: block; } .main-sidebar .monthly-giveaway-item .monthly-giveaway-form input[type=submit]{ margin-top: 16px; } .monthly-giveaway-item .giveaway-partnerships-link{ display: block; } .monthly-giveaway-item .giveaway-share{ display: block; } .monthly-giveaway-item .monthly-giveaway-form{ margin-bottom: 0; } .p_closer { position: absolute; top: -3px; right: 18px; } .rc-gv-popup-wrap .popup-item-images .popup-item>a { height: 250px; } } @media (max-width: 643px) { .monthly-giveaway-counter { float: none; width: 100%; height: auto !important; border: none; } .monthly-giveaway-main { float: none; width: 100%; } .flip-clock-wrapper ul { width: 30px; height: 60px; font-size: 43px; line-height: 60px; } .flip-clock-wrapper ul li a div.up:after { top: 28px; } .flip-clock-wrapper ul li a div div.inn { font-size: 43px; } .flip-clock-divider.days .flip-clock-label { right: -43px; } .flip-clock-divider.hours .flip-clock-label { right: -47px; } .flip-clock-divider.minutes .flip-clock-label { right: -52px; } .flip-clock-divider.seconds .flip-clock-label { right: -51px; } .flip-clock-divider .flip-clock-label, .giveaway-entries-counter-label { font-size: 12px; } .flip-clock-divider { width: 17px; } .clock-builder-output-wrap { border-radius: 0; } .giveaway-entries-counter-wrap { padding-bottom: 32px; } .rc-gv-popup-wrap .subscribe-input, .rc-gv-popup-wrap button.subscribe-submit { width: 100%; } } @media (max-width: 550px) { .ratings-giveaway { max-width: 100%; } } @media (max-width: 460px) { .monthly-giveaway-content { padding: 24px 0 24px 18px; display: inline-block; } .monthly-giveaway-wrapper .giveaway-logo { margin: 0 10px 81px 0; float: right; max-width: 105px; } .monthly-giveaway-wrapper .giveaway-logo img { width: 100%; } .monthly-giveaway-wrapper .giveaway-wrap { float: left; width: 100%; } .monthly-giveaway-wrapper .giveaway-link { float: left; } .giveaway-logo { margin-bottom: 10px; } .giveaway-title, .giveaway-wrap p { font-size: 16px; line-height: 16px; } .giveaway-subtitle { font-size: 12px; } .rc-gv-popup-wrap .popup-image-logo .text { font-size: 14px; } } @media (max-width: 359px) { .monthly-giveaway-wrapper .giveaway-logo { margin: 0 10px 60px 0; } } @media only screen and (min-device-width : 350px) and (max-device-width : 991px) and (orientation : landscape){ .rc-gv-popup-wrap .popup-items { max-height: 240px; overflow: scroll; } } @media only screen and (min-device-width : 320px) and (max-device-width : 349px) and (orientation : landscape){ .rc-gv-popup-wrap .popup-items { max-height: 230px; overflow: scroll; } }