File: /home/inveservice/public_html/news/css/top-news-strip.css
/******************************************
File Name: Bottom-news-strip.css
Item Name: Bootstrap Static News Ticker
Created By: Design Collection
Version: 1.0
*******************************************/
/** # [Table of contents]
* Body Part
# 01 - Top Image
# 02 - Hyper Link
# 03 - Title
# 04 - Pragraph
* Footer Part
# 01 - Background Color
# 02 - Content
# 03 - Cross Button
# [Color codes]
Bottom BG : #d81a21 (Vivid Red), #000 (Black)
Content : #ffffff (Pure-White)
Hyper Link : #007bff (Dodger Blue)
**/
/* Smartphones (portrait and landscape) -- -- -- -- -- - */
@media screen and (min-width: 320px) and (max-width: 667px) {
/* Styles */
/* First Strip Begin */
#hed .strip-in-down-cancel-btn{
background:transparent !important;
}
#hed .strip-in-down-cancel-btn-my{
background:transparent !important;
}
.nav-pills>li>a {
border-radius: 4px;
margin: 6px !important;
color: #007bff;
display: block;
text-decoration: none;
}
#hed .strip-bg-texture-2 {
height: 85px;
}
a:link {
color: #fff;
}
a:visited {
color: #fff;
}
a:hover {
color: #fff;
}
#heda.strip-in-down-cancel-btn-my-2 {
font-size: 16px;
}
#hed div#scroll {
position: relative;
width: 100%;
height: 20px;
padding: 0px;
line-height: 2;
color: #fff;
}
#hed div#inner2 {
font: 'Open Sans', sans-serif;
color: #fff;
font-size: 14px;
white-space: nowrap;
}
.demo {
background-color: #f0f0f0;
font-family: 'Open Sans', sans-serif;
}
/* This is all Strip CSS */
#hed .strip {
display: block;
background-color: #0275d8;
width: 100%;
margin: 0 auto;
padding: 0px 6px;
font-family: 'Open Sans', sans-serif;
padding-top: 14px;
margin-top: -5px;
margin-bottom: -10px;
position: fixed;
z-index: 999999999;
}
#hed .strip-text {
color: #fff;
display: inline-block;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.6px;
padding: 3px 0;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
vertical-align: middle;
}
#hed .cancel-btn {
color: #fff;
margin: 15px;
opacity: 0.8;
position: absolute;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
float: right;
right: 0;
top: 0px;
}
/* Chance Button CSS */
#hed span.chance {
border: transparent;
color: #f9dd43;
font-size: 12px;
font-weight: 800;
line-height: 27px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
display: block;
margin: 0 auto;
}
#hed .btn-box {
padding: 10px 0;
text-align: center;
}
/* Second Strip Code begin */
/* Strip Gradient */
#hed .stripgradient {
/* - use to edit and share this gradient: */
background: rgb(56, 160, 0);
/* Old browsers */
background: -moz-linear-gradient(top, rgba(56, 160, 0, 1) 0%, rgba(66, 181, 0, 1) 51%, rgba(56, 160, 0, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(56, 160, 0, 1) 0%, rgba(66, 181, 0, 1) 51%, rgba(56, 160, 0, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(56, 160, 0, 1) 0%, rgba(66, 181, 0, 1) 51%, rgba(56, 160, 0, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38a000', endColorstr='#38a000', GradientType=0);
/* IE6-9 */
display: block;
width: 100%;
margin: 0 auto;
padding: 15px 20px;
position: fixed;
z-index: 999999;
font-family: 'Open Sans', sans-serif;
}
/* Form Group */
#hed .form-group label {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
letter-spacing: 0.5px;
}
#hed .form-group .form-control {
border-radius: 0px;
box-shadow: none;
margin: 0px;
border: 1px solid #38a000;
}
#hed .form-group .form-control.input-sm {
color: #000000;
font-size: 12px;
}
#hed .form-group .form-control.input-sm.bx-none {
border: none !important;
}
/* Title Paragraph */
#hed p.title {
color: #fff;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
letter-spacing: 0.6px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
display: inline-block;
vertical-align: text-bottom;
}
#hed span.big-title {
color: #fff;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
letter-spacing: 0.6px;
font-weight: 400;
display: inline-block;
}
#hed .btn-default {
color: #fff;
background-color: transparent;
border-color: transparent;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
letter-spacing: 1px;
border-radius: 0px;
font-weight: 800;
}
#hed .btn.btn-default.btn-sm {
line-height: 1.5;
padding: 4px 10px;
margin: 0 auto;
text-align: center;
display: block;
}
.chance-my {
color: #f9dd43;
font-size: 14px;
font-weight: 600;
padding: 20px 5px;
float: right;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
position: absolute;
left: 32% !important;
top: -4px !important;
background: transparent !important;
}
#hed .form-control:focus {
border-color: #5bbc2e;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
#hed .strip-in-down-l {
text-align: left;
}
#hed .strip-in-down-r {
float: left;
margin: 20px 0 0;
text-align: left;
}
#hed .strip-in-down-r.mar-top {
margin: 0px;
}
#hed .btn-left {
float: left;
text-align: left;
}
#hed .strip-in-down-cancel-btn {
color: #fff;
font-family: "Open Sans", sans-serif;
margin: 0px 0 0px 5px;
opacity: 0.8;
position: relative;
text-decoration: none;
vertical-align: middle;
padding-top: 5px;
margin-top: -52px;
float: right;
height: 50px !important;
}
/* Texture Background */
#hed .strip-bg-texture-1 {
background: url('../image/texture-2.png') repeat center center fixed;
width: 100%;
height: auto;
position: relative;
display: block;
width: 100%;
margin: 0 auto;
padding: 15px 20px;
position: fixed;
z-index: 999999;
font-family: 'Open Sans', sans-serif;
height: 85px !important;
}
#hed .strip-bg-texture-2 {
background: url('../image/texture-3.png') repeat center center fixed;
width: 100%;
height: auto;
position: relative;
display: block;
width: 100%;
margin: 0 auto;
padding: 15px 20px;
position: fixed;
z-index: 999999;
font-family: 'Open Sans', sans-serif;
}
/* Sucess Button CSS */
#hed .btn-success {
color: #000000;
background-color: #f9dd43;
border-color: #f9dd43;
font-size: 11px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
#hed .btn-success:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0.2);
border-color: rgba(0, 0, 0, 0.2);
border-bottom-color: rgba(0, 0, 0, 0.2);
}
#hed i.fa.fa-line-chart {
color: #f9dd43;
padding-left: 8px;
}
/* Animation color */
#hed .animation-bg {
display: block;
width: 100%;
margin: 0 auto;
padding: 40px !important;
position: fixed;
z-index: 999999;
font-family: 'Open Sans', sans-serif;
-webkit-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
-moz-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
-ms-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
-o-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
-webkit-background-size: 450% 1400%;
-moz-background-size: 450% 1400%;
-ms-background-size: 450% 1400%;
-o-background-size: 450% 1400%;
background-size: 450% 1400%;
-webkit-animation: gradient_bg 40s linear infinite;
-moz-animation: gradient_bg 40s linear infinite;
-ms-animation: gradient_bg 40s linear infinite;
-o-animation: gradient_bg 40s linear infinite;
animation: gradient_bg 40s linear infinite;
}
@-webkit-keyframes gradient_bg {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-moz-keyframes gradient_bg {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-ms-keyframes gradient_bg {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-o-keyframes gradient_bg {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes gradient_bg {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
/* Coupon code btn */
#hed span.coupon {
color: #fff;
border: 1px dashed #fff;
padding: 3px 5px;
font-size: 12px;
letter-spacing: 0.7px;
font-weight: 600;
margin: 0px 10px;
text-align: center;
font-family: 'Open Sans', sans-serif;
line-height: 26px;
/* margin-top: 4px !important;
*/
vertical-align: middle;
}
#hed p.order-now span.getfifty {
font-family: 'Open Sans', sans-serif;
color: #fff;
text-shadow: none;
font-size: 16px;
letter-spacing: 0.6px;
font-weight: 400;
}
#hed p.order-now span.f-dis,
#hed p.upto span.f-dis {
color: #f9dd43;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
/* Order Button */
#hed p.order-now {
color: #fff;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
letter-spacing: 0.6px;
font-weight: 300;
}
#hed i.fa.fa-gift {
color: #f9dd43;
}
#hed .btn-click {
color: #FFF;
background-color: transparent;
border-color: transparent;
font-size: 12px;
font-weight: 800;
letter-spacing: 1px;
font-family: 'Open Sans', sans-serif;
}
#hed .btn-click:hover {
color: #fff;
border-color: #f9dd43;
background-color: transparent;
}
/* Fade in Down Short */
#hed p.upto {
font-family: 'Open Sans', sans-serif;
color: #fff;
text-shadow: none;
font-size: 16px;
margin: 0px;
letter-spacing: 0.6px;
font-weight: 400;
}
#hed .btn-secret {
background-color: transparent;
color: #fff;
margin-top: 10px;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
letter-spacing: 1px;
}
#hed .btn-secret:hover {
background-color: #fff;
color: #333;
transition: all 0.5s ease;
text-shadow: none;
}
.nav>li>a:hover {
text-decoration: none;
background-color: #000;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 17px;
font-weight: 400;
line-height: 28px;
font-family: 'Open Sans', sans-serif;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 30px !important;
padding-left: 30px !important;
border: 1px solid #ccc;
background: #f0ffff;
}
#hed .strip-in-down-cancel-btn-my-2 {
font-family: "Open Sans", sans-serif;
margin: 3px 0px 0px 0px;
position: relative;
text-decoration: none;
font-size: 15px;
float: left;
position: absolute;
top: 2px;
right: 0;
width: 52px;
font-size: 14px;
background: transparent !important;
z-index: 1;
padding: 10px;
text-align: center;
z-index: 1;
}
#hed .strip-bg-texture-2 {
height: 85px !important;
}
#hed .btn-default {
color: #fff;
background-color: #2D8200;
border-color: transparent;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
letter-spacing: 1px;
border-radius: 0px;
font-weight: 800;
}
}
/* Smartphones (landscape) -- -- -- -- -- - */
@media screen and (min-width: 321px) {
/* Styles */
}
/* Smartphones (portrait) -- -- -- -- -- - */
@media screen and (max-width: 320px) {
/* Styles */
}
/* iPads (portrait and landscape) -- -- -- -- -- - */
@media screen and (min-width: 668px) and (max-width: 1223px) {
/* Styles */
.nav-pills>li>a {
border-radius: 4px;
margin: 6px !important;
color: #007bff;
display: block;
text-decoration: none;
}
a:link {
color: #fff;
}
a:visited {
color: #fff;
}
a:hover {
color: #fff;
}
#hed div#scroll {
position: relative;
width: 100%;
height: 25px;
overflow: hidden;
padding: 5px;
/* line-height: 1; */
color: #fff;
z-index: -1;
}
#hed div#inner2 {
font: 'Open Sans', sans-serif;
color: #fff;
font-size: 14px;
white-space: nowrap;
}
.demo {
background-color: #f0f0f0;
font-family: 'Open Sans', sans-serif;
}
/* First Strip Begin */
/* This is all Strip CSS */
#hed .strip {
display: block;
background-color: #0275d8;
width: 100%;
margin: 0 auto;
position: fixed;
z-index: 999999999;
padding: 10px 0px 0px 0px;
font-family: 'Open Sans', sans-serif;
}
#hed .strip-text {
color: #fff;
display: inline-block;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.6px;
padding: 3px 0;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
vertical-align: middle;
}
#hed .cancel-btn {
position: absolute;
margin: 10px;
opacity: 0.8;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
position: absolute;
right: 0;
top: 5px;
background: #0275d8;
padding: 0 4px;
}
#hed a.cancel-btn:hover {
color: #FFFF00;
opacity: 0.9;
}
/* Chance Button CSS */
#hed span.chance {
border-radius: 3px;
color: #f9dd43;
font-size: 11px;
font-weight: 600;
line-height: 27px;
margin-bottom: 0;
float: right;
padding: 0px 5px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
position: absolute;
top: 15px;
background: #0275d8;
left: 0;
}
#hed .btn-box {
text-align: left;
}
/* Second Strip Code begin */
/* Strip Gradient */
#hed .stripgradient {
/* - use to edit and share this gradient: */
background: rgb(56, 160, 0);
/* Old browsers */
background: -moz-linear-gradient(top, rgba(56, 160, 0, 1) 0%, rgba(66, 181, 0, 1) 51%, rgba(56, 160, 0, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(56, 160, 0, 1) 0%, rgba(66, 181, 0, 1) 51%, rgba(56, 160, 0, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(56, 160, 0, 1) 0%, rgba(66, 181, 0, 1) 51%, rgba(56, 160, 0, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38a000', endColorstr='#38a000', GradientType=0);
/* IE6-9 */
display: block;
width: 100%;
margin: 0 auto;
padding: 15px 20px;
position: fixed;
z-index: 999999;
font-family: 'Open Sans', sans-serif;
height: 50px;
}
/* Form Group */
#hed .form-group label {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
letter-spacing: 0.5px;
}
#hed .form-group .form-control {
border-radius: 0px;
box-shadow: none;
margin: 0 5px;
border: 1px solid #38a000;
}
#hed .form-group .form-control.input-sm {
color: #000000;
font-size: 12px;
}
#hed .form-group .form-control.input-sm.bx-none {
border: none !important;
}
/* Title Paragraph */
#hed p.title {
color: #fff;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
letter-spacing: 0.6px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
display: inline-block;
vertical-align: text-bottom;
}
#hed span.big-title {
color: #fff;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
letter-spacing: 0.6px;
font-weight: 400;
display: inline-block;
}
#hed .align-c {
text-align: center;
}
#hed .btn-default {
color: #fff;
background-color: #2D8200;
border-color: transparent;
font-size: 11px;
font-family: 'Open Sans', sans-serif;
letter-spacing: 0.6px;
border-radius: 0px;
argin: 0; */
border-radius: 0px !important;
}
#hed .btn.btn-default.btn-sm {
line-height: 1.5;
padding: 4px 10px;
}
#hed .form-control:focus {
border-color: #5bbc2e;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
#hed .strip-in-down {
text-align: center;
padding: 10px 0 0;
}
#hed .strip-in-down-cancel-btn {
color: #fff;
font-family: "Open Sans", sans-serif;
margin: 6px 0 6px 10px;
opacity: 0.8;
position: relative;
text-decoration: none;
font-size: 15px;
}
/* Texture Background */
#hed .strip-bg-texture-1 {
background: url('../image/texture-2.png') repeat center center fixed;
width: 100%;
height: auto;
position: relative;
display: block;
width: 100%;
margin: 0 auto;
padding: 15px 20px;
position: fixed;
z-index: 999999;
font-family: 'Open Sans', sans-serif;
}
#hed .strip-bg-texture-2 {
background: url('../image/texture-3.png') repeat center center fixed;
width: 100%;
height: auto;
position: relative;
display: block;
width: 100%;
margin: 0 auto;
padding: 15px 20px;
position: fixed;
z-index: 999999;
font-family: 'Open Sans', sans-serif;
}
/* Sucess Button CSS */
#hed .btn-success {
color: #000000;
background-color: #f9dd43;
border-color: #f9dd43;
font-size: 11px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
#hed .btn-success:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0.2);
border-color: rgba(0, 0, 0, 0.2);
border-bottom-color: rgba(0, 0, 0, 0.2);
}
#hed i.fa.fa-line-chart {
color: #f9dd43;
padding-left: 8px;
}
/* Animation color */
#hed .animation-bg {
display: block;
width: 100%;
margin: 0 auto;
padding: 15px 20px;
position: fixed;
z-index: 999999;
font-family: 'Open Sans', sans-serif;
-webkit-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
-moz-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
-ms-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
-o-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
-webkit-background-size: 450% 1400%;
-moz-background-size: 450% 1400%;
-ms-background-size: 450% 1400%;
-o-background-size: 450% 1400%;
background-size: 450% 1400%;
-webkit-animation: gradient_bg 40s linear infinite;
-moz-animation: gradient_bg 40s linear infinite;
-ms-animation: gradient_bg 40s linear infinite;
-o-animation: gradient_bg 40s linear infinite;
animation: gradient_bg 40s linear infinite;
}
@-webkit-keyframes gradient_bg {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-moz-keyframes gradient_bg {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-ms-keyframes gradient_bg {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-o-keyframes gradient_bg {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes gradient_bg {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
/* Coupon code btn */
#hed span.coupon {
color: #fff;
border: 1px dashed #fff;
padding: 3px 5px;
font-size: 12px;
letter-spacing: 0.7px;
font-weight: 600;
margin: 0px 10px;
text-align: center;
font-family: 'Open Sans', sans-serif;
line-height: 26px;
/* margin-top: 4px !important;
*/
vertical-align: middle;
}
#hed p.order-now span.getfifty {
font-family: 'Open Sans', sans-serif;
color: #fff;
text-shadow: none;
font-size: 16px;
letter-spacing: 0.6px;
font-weight: 400;
}
#hed p.order-now span.f-dis,
#hed p.upto span.f-dis {
color: #f9dd43;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
/* Order Button */
#hed p.order-now {
color: #fff;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
letter-spacing: 0.6px;
font-weight: 300;
}
#hed i.fa.fa-gift {
color: #f9dd43;
}
#hed .btn-click {
color: #000000;
background-color: #f9dd43;
border-color: #f9dd43;
font-size: 11px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
#hed .btn-click:hover {
color: #fff;
border-color: #f9dd43;
background-color: transparent;
}
/* Fade in Down Short */
#hed p.upto {
font-family: 'Open Sans', sans-serif;
color: #fff;
text-shadow: none;
font-size: 16px;
margin: 0px;
letter-spacing: 0.6px;
font-weight: 400;
}
#hed .btn-secret {
background-color: #333;
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
#hed .btn-secret:hover {
background-color: #fff;
color: #333;
transition: all 0.5s ease;
text-shadow: none;
}
#hed .btn.btn-default.btn-sm {
line-height: 3.5;
padding: 5px 5px;
position: absolute;
margin-bottom: top;
top: 0;
left: 0;
}
}
.jumbotron p {
margin-bottom: 15px;
font-size: 17px;
font-weight: 400;
line-height: 28px;
font-family: 'Open Sans', sans-serif;
}
#hed .strip-in-down-cancel-btn-my {
color: #fff;
font-family: "Open Sans", sans-serif;
margin: 3px 0px 0px 0px;
text-decoration: none;
font-size: 15px;
float: left;
position: absolute;
top: -4px;
font-size: 15px;
}
}
/* marquee -- -- -- -- -- - */
.marquee {
width: 100%;
overflow: hidden;
text-align: center;
}
.left-arrow-one .fa {
margin-right: 5px;
font-size: 16px;
color: #76f333;
font-weight: 600;
margin-left: 25px;
}
.left-arrow-four .fa {
margin-right: 5px;
font-size: 16px;
color: yellow;
font-weight: 600;
margin-left: 25px;
}
.left-arrow-three .fa {
margin-right: 5px;
font-size: 16px;
color: #6cbbff;
font-weight: 600;
margin-left: 25px;
}
.marquee a {
font-size: 14px;
line-height: 9px;
font-weight: 600;
margin: 0px 25px;
}
.bg-image {
width: 100%;
margin: 0 auto;
}
/* iPads (landscape) -- -- -- -- -- - */
@media screen and (min-width: 668px) and (max-width: 1223px) and (orientation: landscape) {
#hed .form-inline.strip-in-down-r.strip-in-down .form-group label {
display: none;
}
/* Title Paragraph */
#hed p.title {
text-align: left;
}
}
/* iPads (portrait) -- -- -- -- -- - */
@media screen and (min-width: 668px) and (max-width: 1223px) and (orientation: portrait) {
/* Styles */
}
/* Desktops and laptops -- -- -- -- -- - */
@media screen and (min-width: 1224px) {
/* Styles */
/* First Strip Code begin */
.nav-pills>li>a {
border-radius: 4px;
margin: 12px;
color: #007bff;
text-decoration: none;
}
a:link {
color: #fff;
}
a:visited {
color: #fff;
}
a:hover {
color: #fff;
}
#hed div#scroll {
position: relative;
width: 100%;
height: 27px;
overflow: hidden;
padding: 4px;
}
#hed div#inner2 {
font: 'Open Sans', sans-serif;
color: #fff;
font-size: 14px;
white-space: nowrap;
}
.demo {
background-color: #f0f0f0;
font-family: 'Open Sans', sans-serif;
}
/* This is all Strip CSS */
#hed .strip {
display: block;
background-color: #0275d8;
width: 100%;
margin: 0 auto;
padding: 11px;
height: 53px;
position: fixed;
z-index: 999999999;
font-family: 'Open Sans', sans-serif;
}
#hed .strip-text {
color: #fff;
display: inline-block;
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.6px;
padding: 3px 0;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
vertical-align: middle;
}
#hed .cancel-btn {
color: #fff;
margin: 15px;
position: relative;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
}
#hed .cancel-btn-one {
margin: 0px !important;
top: -4px;
position: absolute;
right: -4px;
background: #0275d8;
padding: 12px 20px;
text-align: center;
font-size: 21px;
}
#hed a.cancel-btn:hover {
color: #FFFF00;
opacity: 0.9;
}
/* Chance Button CSS */
#hed span.chance {
color: #f9dd43;
font-size: 14px;
font-weight: 600;
padding: 20px 5px;
float: right;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
position: absolute;
left: 0;
background: #2898f9;
top: -2px;
height: 54px;
z-index: 1;
}
#hed .btn-box {
text-align: right;
}
/* Second Strip Code begin */
/* Strip Gradient */
#hed .stripgradient {
/* - use to edit and share this gradient: */
background: rgb(56, 160, 0);
/* Old browsers */
width: 100%;
margin: 0 auto;
padding: 10px;
height: 50px;
position: fixed;
z-index: 999999;
font-family: 'Open Sans', sans-serif;
}
/* Form Group */
#hed .form-group label {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
letter-spacing: 0.5px;
}
#hed .form-group .form-control {
border-radius: 0px;
box-shadow: none;
margin: 0px 15px 0px 4px;
border: 1px solid #38a000;
}
#hed .form-group .form-control.input-sm {
color: #000000;
font-size: 12px;
}
#hed .form-group .form-control.input-sm.bx-none {
border: none !important;
}
/* Title Paragraph */
#hed p.title {
color: #fff;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
letter-spacing: 0.6px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
display: inline-block;
vertical-align: text-bottom;
padding-top: 4px;
font-weight: 400;
}
#hed span.big-title {
color: #fff;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
letter-spacing: 0.6px;
font-weight: 400;
display: inline-block;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
#hed .btn-default {
color: #fff;
background-color: #2D8200;
border-color: transparent;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
letter-spacing: 0.6px;
border-radius: 4px;
text-transform: uppercase;
}
#hed .btn.btn-default.btn-sm {
line-height: 1.5;
padding: 13px 10px;
float: right;
height: 50px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
}
#hed .form-control:focus {
border-color: #5bbc2e;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
#hed .strip-in-down {
text-align: right;
}
.strip-in-down-cancel-btn-my {
color: #fff;
font-family: "Open Sans", sans-serif;
margin: 3px 0px 0px 0px;
opacity: 0.8;
position: relative;
text-decoration: none;
font-size: 15px;
float: left;
position: absolute;
top: -4px;
right: 0;
width: 52px;
font-size: 21px;
background: #000;
z-index: 1;
padding: 10px;
text-align: center;
}
.chance-my {
border-radius: 3px;
color: #f9dd43;
font-size: 14px;
font-weight: 600;
padding: 20px 5px;
float: right;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
position: absolute;
left: 0;
background: #ef087f;
top: -4px;
height: 54px;
z-index: 1;
}
#hed .strip-in-down-cancel-btn-my {
color: #fff;
font-family: "Open Sans", sans-serif;
margin: 3px 0px 0px 0px;
position: relative;
text-decoration: none;
font-size: 15px;
float: left;
position: absolute;
top: -5px;
right: 0;
width: 52px;
font-size: 21px;
background: #3c3b3b;
z-index: 1;
padding: 10px;
text-align: center;
}
#hed .strip-in-down-cancel-btn-my-2 {
color: #fff;
font-family: "Open Sans", sans-serif;
margin: 3px 0px 0px 0px;
position: relative;
text-decoration: none;
font-size: 15px;
float: left;
position: absolute;
top: -5px;
right: 0;
width: 52px;
font-size: 21px;
background: #2d2d2d;
z-index: 1;
padding: 10px;
text-align: center;
z-index: 1;
}
#hed .strip-in-down-cancel-btn {
color: #fff;
font-family: "Open Sans", sans-serif;
margin: 3px 0px 0px 0px;
position: relative;
text-decoration: none;
font-size: 15px;
float: left;
position: absolute;
top: -5px;
right: 0;
width: 52px;
font-size: 21px;
background: #2D8200;
z-index: 1;
padding: 10px;
text-align: center;
}
/* Texture Background */
#hed .strip-bg-texture-1 {
background: url('../image/texture-2.png') repeat center center fixed;
width: 100%;
height: auto;
position: relative;
display: block;
width: 100%;
margin: 0 auto;
padding: 8px;
height: 50px;
position: fixed;
z-index: 999999;
font-family: 'Open Sans', sans-serif;
}
#hed .strip-bg-texture-2 {
background: url('../image/texture-3.png') repeat center center fixed;
width: 100%;
height: auto;
position: relative;
display: block;
width: 100%;
margin: 0 auto;
padding: 9px;
height: 50px;
position: fixed;
z-index: 999999;
font-family: 'Open Sans', sans-serif;
}
/* Sucess Button CSS */
#hed .btn-success {
color: #000000;
background-color: #f9dd43;
border-color: #f9dd43;
font-size: 11px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
#hed .btn-success:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0.2);
border-color: rgba(0, 0, 0, 0.2);
border-bottom-color: rgba(0, 0, 0, 0.2);
}
#hed i.fa.fa-line-chart {
color: #f9dd43;
padding-left: 8px;
}
/* Animation color */
#hed .animation-bg {
display: block;
width: 100%;
margin: 0 auto;
padding: 10px;
height: 50px;
position: fixed;
z-index: 999999;
font-family: 'Open Sans', sans-serif;
-webkit-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
-moz-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
-ms-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
-o-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
-webkit-background-size: 450% 1400%;
-moz-background-size: 450% 1400%;
-ms-background-size: 450% 1400%;
-o-background-size: 450% 1400%;
background-size: 450% 1400%;
-webkit-animation: gradient_bg 40s linear infinite;
-moz-animation: gradient_bg 40s linear infinite;
-ms-animation: gradient_bg 40s linear infinite;
-o-animation: gradient_bg 40s linear infinite;
animation: gradient_bg 40s linear infinite;
}
@-webkit-keyframes gradient_bg {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-moz-keyframes gradient_bg {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-ms-keyframes gradient_bg {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-o-keyframes gradient_bg {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes gradient_bg {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
/* Coupon code btn */
#hed span.coupon {
color: #fff;
border: 1px dashed #fff;
padding: 3px 5px;
font-size: 12px;
letter-spacing: 0.7px;
font-weight: 600;
margin: 0px 10px;
text-align: center;
font-family: 'Open Sans', sans-serif;
line-height: 26px;
vertical-align: middle;
}
#hed p.order-now span.getfifty {
font-family: 'Open Sans', sans-serif;
color: #fff;
text-shadow: none;
font-size: 16px;
letter-spacing: 0.6px;
font-weight: 400;
}
#hed p.order-now span.f-dis,
#hed p.upto span.f-dis {
color: #f9dd43;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
/* Order Button */
#hed p.order-now {
color: #fff;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
letter-spacing: 0.6px;
font-weight: 400;
padding-top: 1px;
}
#hed i.fa.fa-gift {
color: #f9dd43;
}
#hed .btn-click {
color: #000000;
background-color: #424242;
font-size: 14px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
color: #fff;
}
/* Fade in Down Short */
#hed p.upto {
font-family: 'Open Sans', sans-serif;
color: #fff;
text-shadow: none;
font-size: 16px;
margin: 0px;
letter-spacing: 0.6px;
font-weight: 400;
padding-top: 2px;
}
#hed .btn-secret {
background-color: #3c3b3b;
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
margin-top: 0px;
float: right;
}
#hed .nav>li>a:hover {
text-decoration: none;
}
#hed .jumbotron p {
margin-bottom: 15px;
font-size: 17px;
font-weight: 400;
line-height: 28px;
font-family: 'Open Sans', sans-serif;
}
}
#hed .jumbotron h2 {
font-weight: bold;
text-transform: uppercase;
font-size: 25px;
}
/* Large screens -- -- -- -- -- - */
@media screen and (min-width: 1824px) {
/* Styles */
}
/* Jumbotron BG*/
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 60px;
padding-left: 60px;
border: 1px solid #ccc;
background: #f0ffff;
}