select option[disabled] { display: none }

#save { display: none }
a:hover { text-decoration: underline }
a:focus; a:active, a:visited { outline: none !important }
.fw-medium { font-weight: 500 !important }
.move { bottom: 3.5rem }
.mt-12 { margin-top: 12rem }
.ev-cursor { cursor: pointer !important }
.btn-xs, .btn-group-xs > .btn { padding: 0.2rem 0.3rem; font-size: 0.65rem; border-radius: 0.2rem }
.gsmt { margin-left: 10px !important }
.fancy-short img { max-width: 400px; margin: 0px 15px; height: 20px }
.date span .input-group-text i { font-size: 24px }
.zoomit:hover { transform: scale(1.2) }
.bolder { font-weight: 600 }
.smaller { font-size: x-small; font-weight: 600 }
.fs-22 { font-size: 22px }
.tooltip-inner { background-color: rgba(0, 87, 173, 1) }
.tooltip.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: #0057AD !important }
.tooltip.bs-tooltip-top .tooltip-arrow::before { border-top-color: #0057AD !important }
.tooltip.bs-tooltip-left .tooltip-arrow::before { border-left-color: #0057AD !important }
.tooltip.bs-tooltip-right .tooltip-arrow::before { border-right-color: #0057AD !important }

.invalid-feedback { font-weight: 600 !important; color: #FFF !important }
.unselect { padding: 8px; border-radius: 5px; font-size: 0.8rem; width: 80%; background-color: #FFF; color: #000 }

/* BG colors details */

.greyback { background: url(../img/greybg.jpg) center center no-repeat; background-size: cover; overflow: hidden; border-width: 0px 15px 0px 20px; border-style: solid; border-color: #7A7A7A #919191 #339966 #919191; border-radius:0 120px 0 120px; -moz-border-radius: 0 120px 0 120px; -webkit-border-radius: 0 120px 0 120px}
.greenback { background: url(../img/greenbg.jpg) center center no-repeat; background-size: cover; overflow: hidden; border-width: 0px 15px 0px 20px; border-style: solid; border-color: #7A7A7A #919191 #339966 #919191; border-radius:0 120px 0 120px; -moz-border-radius: 0 120px 0 120px; -webkit-border-radius: 0 120px 0 120px}
.blueback { background: url(../img/bluebg.jpg) center center no-repeat; background-size: cover; overflow: hidden; border-width: 0px 15px 0px 20px; border-style: solid; border-color: #7A7A7A #919191 #339966 #919191; border-radius:0 120px 0 120px; -moz-border-radius: 0 120px 0 120px; -webkit-border-radius: 0 120px 0 120px}

/* Navbar */

.navbar .nav-link { font-weight: 700; font-family: !important, sans-serif ; font-size: 16px !important }

/* different link color */

.difflink { color: #E4EADC; text-decoration: none }
.difflink:visited { color: #D0DAC3; text-decoration: none }
.difflink:hover { color: #FFDB70; text-decoration: underline }

/* Modal window */

.modal-header { background-color: #31349F }
.modal-title { color: #FFF; font-size: 2rem; text-align: center }

/* Info box */

.info-box { box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); padding: 30px; background-color: #FFF }
.info-box .info i { font-size: 20px; color: #f03c02; float: left; width: 44px; height: 44px;
background: #ffeee8; display: flex; justify-content: center;
align-items: center; border-radius: 50px; transition: all 0.3s ease-in-out }
.info-box .info h4 { padding: 0 0 0 60px; font-size: 22px; font-weight: 600;
margin-bottom: 5px; color: #2b2320 }

/* Promotion box */

.promotion-box { border-radius: 5px; border: 1px solid rgb(238, 238, 238); right: 20px;
top: 90px; position: fixed; z-index: 10; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
background-color: rgb(255, 255, 255); -webkit-animation-delay: 2s; -moz-animation-delay: 2s;
-o-animation-delay: 2s; -ms-animation-delay: 2s; animation-delay: 2s; background-color: rgb(169, 212, 234) }
.promotion-box .title { padding: 15px 25px; display: block; background-color: #FFD700; color: #000; font-size: 20px }
.promotion-box:hover .title { display: none }
.promotion-box #promosection .promologo { width: 100% }
.promologo img { max-height: 50px }
.promotion-box #promosection { overflow: hidden; display: none }
.promotion-box:hover #promosection { display: block; padding: 15px; background-color: #FFD700; border: 2px solid rgb(238, 238, 238) }

.promo-button { border-radius: 5px; border: 1px solid rgb(238, 238, 238); left: 9.2%;
bottom: 25%; position: absolute; z-index: 10; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
background-color: rgb(255, 255, 255); -webkit-animation-delay: 2s; -moz-animation-delay: 2s;
-o-animation-delay: 2s; -ms-animation-delay: 2s; animation-delay: 2s; background-color: rgb(169, 212, 234) }

@media (max-width: 768px){
.promotion-box { padding: 0; top: 65px; right: 10px }
.promotion-box #promosection .promologo { display: none !important }
.promotion-box .title { padding: 4px!important; display: block; background-color: #FFD700; color: #000; font-size: 14px!important }
}
@media (max-width: 1199px){
.promotion-box #promosection .promologo { display: none !important }
.promotion-box .title { padding: 4px!important; display: block; background-color: #FFD700; color: #000; font-size: 14px!important }
}

.listbox { position: relative; display: block; padding: 0.5rem 1rem; color: #212529;
 text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); }

/* Hidden formboxes */

#Subsidiarydiv, #CheckingAccdiv, #SavingsAccdiv, #EquityLoandiv, #Reference1div, #Reference2div, #Reference3div,
#Bankruptcydiv, #Litigationdiv, #Defaulteddiv { display: none }

/* Colors */

.text-white { color: #FFF !important }
.text-red { color: #E60000 !important }
.text-green { color: #007A00 !important }
.text-light-green { color: #00FFAA !important }
.text-grey { color: #DCDCDC !important }
.text-black { color: #000000 !important }
.text-grey-dk { color: #BDBDBD !important }
.text-blue { color: #0000AD !important }

.bg-grey { background-color: #f5f5ff !important }
.bg-orange { background-color: #FFD700 !important }
.bg-header { background-color: rgba(112, 24, 18, 1) }
.bg-date { background-color: #0000AD; color: #FFF; padding: 2px 4px }

/* Margins */

.mt--10 { margin-top: -10px !important }
.mt--15 { margin-top: -15px !important }
.mt--25 { margin-top: -25px !important }
.mt--35 { margin-top: -35px !important }
.mt-15 { margin-top: 15px !important }
.mt-25 { margin-top: 25px !important }
.mt-35 { margin-top: 35px !important }
.mt-40 { margin-top: 40px !important }
.mt-50 { margin-top: 50px !important }
.mt-70 { margin-top: 70px !important }
.mt-100 { margin-top: 100px !important }
.ml-30 { margin-left: 30px }
.ml-50 { margin-left: 50px !important }
.ml--10 { margin-left: -10px }
.mr-30 { margin-right: 30px !important }
.mr-50 { margin-right: 50px !important }
.mb--25 { margin-bottom: -25px !important }
.mb-15 { margin-bottom: 15px !important }
.p-15 { padding: 15px !important }
.p-25 { padding: 25px !important }
.pt-25 { padding-top: 25px !important }
.pt-50 { padding-top: 50px !important }
.pl-25 { padding-left: 25px !important }
.pl-30 { padding-left: 30px !important }
.pr-25 { padding-right: 25px !important }
.pr-30 { padding-right: 30px !important }
.br-6 { border-radius: 6px}
.br-10 { border-radius: 10px; margin-top: 15px}

/* Adjustments */

.fancy-short img { width: 350px; margin: 0; height: 20px }
.larger { font-size: 1.3rem }
.btn.showbtn { color: #000; background-color: #FFD700; font-family: "Open Sans", sans-serif;
border: none; border-radius: 15px; font-weight: 600; transition: all 0.5s }
.btn.showbtn:hover{ color: #fff; background-color: #4E6C8D; box-shadow: 10px 10px 10px rgba(0,0,0,0.2) }
.btn-warning:hover, .btn-danger:hover { color: #fff; background-color: #4E6C8D; border-color: #4E6C8D; transition: all 0.5s }

.elem-btn { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; fill: #970810; color: #970810; background-color: rgba(255,255,255,0); border-style: solid; border-width: 1px 1px 1px 1px; border-color: #970810; border-radius: 2px 2px 2px 2px; padding: 12px 35px 12px 35px; text-align: center; display: inline-block; line-height: 1 }
.elem-btn:hover { color: #fff; background-color: #000; border-color: #fff }
.elem2-btn { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; fill: #970810; color: #970810; background-color: rgba(255, 215, 0, 1.0); border-style: solid; border-width: 1px 1px 1px 1px; border-color: #970810; border-radius: 2px 2px 2px 2px; padding: 12px 35px 12px 35px; text-align: center; display: inline-block; line-height: 1 }
.elem2-btn:hover { color: #FFCC00; background-color: #000; border-color: #fff }
.elem3-btn, .elem3-btn:active, .elem3-btn:focus { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; fill: #970810; color: #FFF; background-color: rgba(0, 0, 0, 1); border-style: solid; border-width: 1px 1px 1px 1px; border-color: #000; border-radius: 2px 2px 2px 2px; padding: 5px 10px 5px 10px; text-align: center; display: inline-block; line-height: 1 }
.elem3-btn:hover { color: #FFCC00; background-color: #000; border-color: #FFCC00 }
.elem4-btn, .elem4-btn:active, .elem4-btn:focus { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; fill: #970810; color: #FFCC00; background-color: rgba(0, 0, 0, 1); border-style: solid; border-width: 1px 1px 1px 1px; border-color: #FFCC00; border-radius: 2px 2px 2px 2px; padding: 5px 10px 5px 10px; text-align: center; display: inline-block; line-height: 1 }
.elem4-btn:hover { color: #FFCC00; background-color: #4E6C8D }
.elem5-btn, .elem5-btn:active, .elem5-btn:focus { font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #000; background-color: rgba(255, 204, 51, 1); border-style: solid; border-width: 1px 1px 1px 1px; border-color: #FFCC00; border-radius: 2px 2px 2px 2px; padding: 10px 25px 10px 25px; text-align: center; display: inline-block; line-height: 1 }
.elem5-btn:hover { color: #FFF; background-color: #39AC39; border-color: #8F8F00; border-radius: 2px 2px 2px 2px; }
.elemwhite-btn { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; fill: #FFF; color: #FFF; background-color: rgba(255,255,255,0); border-style: solid; border-width: 1px 1px 1px 1px; border-color: #FFF; border-radius: 2px 2px 2px 2px; padding: 12px 35px 12px 35px; text-align: center; display: inline-block; line-height: 1 }
.elemwhite-btn:hover { color: #970810; background-color: #FFFF99; border-color: #FFF }

.fwbutton { width: 80% }
.carselectbt, .deldate { color: #fff; background-color: #0000AD; padding: 5px 10px }
.carselectbt:hover { color: #fff; background-color: #2424FF; padding: 5px 10px }
.ttldep { color: #fff; background-color: #2AAC2A; padding: 5px 10px }

.fullscreen-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100 }
.fullscreen-bg__video { background-size: cover; background-position: center center; overflow: hidden }

.become { color: #FFF }
.become:hover { color: #FFF; text-decoration: underline }

.aibox { color: #FFF; background-color: #CC0000; padding: 15px 20px 25px 20px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); transition: all ease-in-out 0.3s }
.aibox a { color: #FFF !important; font-size: 26px; font-weight: 700 }
.aibox a:hover { color: #FFFF33 !important; font-size: 26px; font-weight: 700 }

.aibox:hover { box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18); color: #FFF; background-color: #4D9999 }
.vline { border-left: 2px solid #336666; min-height: 100% auto; height: 100% auto }

/* Countdown */

.ntimer h4, .timer h4 { z-index: 99; font-size: 1.4em; color: rgba(255, 255, 255, 1) }
.timer img { height: 80px; margin: -25px 0 5px 25px }
#countdown { z-index: 99; margin: 20px 0 25px 0; font-size: 3em; padding: 0.5em; background: transparent);
border-radius: 8px; border: 1px solid rgba(255, 255, 153, 1); color: rgba(255, 255, 153, 1) }
.ntimer2 h4 { z-index: 99; font-size: 1.4em; color: rgba(0, 0, 173, 1) }
#countdown2 { z-index: 99; margin: -15px 0 25px 0; font-size: 3em; padding: 0.5em; background: transparent);
border-radius: 8px; color: rgba(36, 36, 255, 1) }

/* BG Container */

.bg-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;
margin: 0; background-repeat: no-repeat; background-position: center; background-size: cover;
-webkit-backface-visibility: hidden; backface-visibility: hidden }
.bg-container.overlay::before {
position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: '';
background-color: rgba(31, 39, 73, .5) }

/* Button share */
#button_share { margin: 15px 0; word-wrap: break-word; padding-bottom: 25px  }
#button_share i { font-size: 1.3rem; height: 25px; box-shadow: 0; padding: 5px 10px 15px 0; display: inline; border: 0 }
#button_share a:hover, #button_share i:hover { text-decoration: none!important; color: #CC3300 }

/* Loan calculator */

#loancal { width: 100%; background-color: #9b1111; color: #fff; padding: 10px; margin: 5px auto }
#loancal h1 { color: #3366FF; font-size: 28px; text-align: center; color: #FFF; margin-bottom: 35px }
#loancal input{ margin: 0 30px; height: 30px }
#loancal h2{ text-align: center; color: rgb(245, 253, 255); font-size: 22px; padding: 15px 0; margin-bottom: 25px }
#loancal p { color: rgb(255, 255, 255); font-size: 17px }

/* Overlay effect: Slide */

.overlay-slide {
top: 0; right: 0; left: auto; width: 0; height: auto; min-height: 100%;
transition-timing-function: cubic-bezier(.7, 1, .3, 1); transition-duration: .8s;
transition-property: min-height, width, top, right, visibility;
-webkit-transform-origin: 100% 0; transform-origin: 100% 0 }
.overlay-slide.open { top: 0; right: 0; width: 100%; min-height: 100% }

/* Overlay effect: Fade */

.overlay-fade { transition: opacity .5s, visibility 0s .5s; opacity: 0 }
.overlay-fade.open { transition: opacity .5s; opacity: 1 }

/* Overlay effect: Fall down */

.overlay-fall-down {
transition: opacity .5s, visibility 0s .5s, -webkit-transform .5s;
transition: opacity .5s, transform .5s, visibility 0s .5s;
transition: opacity .5s, transform .5s, visibility 0s .5s, -webkit-transform .5s;
-webkit-transform: translateY(-100%);
transform: translateY(-100%); opacity: 0 }
.overlay-fall-down.open {
transition: opacity .5s, -webkit-transform .5s;
transition: opacity .5s, transform .5s;
transition: opacity .5s, transform .5s, -webkit-transform .5s;
-webkit-transform: translateX(0%);
transform: translateX(0%); opacity: 1 }

/* Overlay effect: Scale up */

.overlay-scale-up {
transition: opacity .4s, visibility 0s .5s, -webkit-transform .5s;
transition: transform .5s, opacity .4s, visibility 0s .5s;
transition: transform .5s, opacity .4s, visibility 0s .5s, -webkit-transform .5s;
-webkit-transform: scale(.9); transform: scale(.9); opacity: 0 }
.overlay-scale-up.open {
transition: opacity .5s, -webkit-transform .5s;
transition: transform .5s, opacity .5s;
transition: transform .5s, opacity .5s, -webkit-transform .5s;
-webkit-transform: scale(1); transform: scale(1); opacity: 1 }

/* Overlay effect: Scale down */

.overlay-scale-down {
transition: opacity .5s, visibility 0s .5s, -webkit-transform .5s;
transition: transform .5s, opacity .5s, visibility 0s .5s;
transition: transform .5s, opacity .5s, visibility 0s .5s, -webkit-transform .5s;
-webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0 }
.overlay-scale-down.open {
transition: opacity .5s, -webkit-transform .5s;
transition: transform .5s, opacity .5s;
transition: transform .5s, opacity .5s, -webkit-transform .5s;
-webkit-transform: scale(1); transform: scale(1); opacity: 1 }

/* Overlay effect: Corner */

.overlay-corner {
top: 0; right: 0; left: auto; width: 0; height: 0; min-height: 0;
transition-timing-function: cubic-bezier(.7, 0, .3, 1);
transition-duration: .5s;
transition-property: min-height, width, top, right, opacity, visibility;
-webkit-transform-origin: 100% 0; transform-origin: 100% 0;
opacity: 0 }
.overlay-corner.open {
top: 0; right: 0; width: 100%; min-height: 100%; opacity: 1 }

/* Keyframes */

@-webkit-keyframes scale-up-ver-center {
0%
{ -webkit-transform: scaleY(0); transform: scaleY(0) }
100%
{ -webkit-transform: scaleY(1); transform: scaleY(1) }
}
@keyframes scale-up-ver-center {
0%
{ -webkit-transform: scaleY(0); transform: scaleY(0) }
100%
{ -webkit-transform: scaleY(1); transform: scaleY(1) }
}

@-webkit-keyframes scale-down-ver-center {
0%
{ -webkit-transform: scaleY(1); transform: scaleY(1) }
100%
{ -webkit-transform: scaleY(0); transform: scaleY(0) }
}

@keyframes scale-down-ver-center {
0%
{ -webkit-transform: scaleY(1); transform: scaleY(1) }
100%
{ -webkit-transform: scaleY(0); transform: scaleY(0) }
}

/* animate buttons */

.butanim:hover::before, .butanim:focus::before { opacity: 0 }
.butanim::after { content: ''; width: 30px; height: 30px; border-radius: 100%; z-index: -1; transform: translate(-50%, -50%)}
.butanim:hover::after { animation: ring 1.5s infinite; border: 4px solid #A52139; position: absolute; top: 50%; left: 50% }

@keyframes ring {
  0% { width: 30px; height: 30px; opacity: 1 }
100% { width: 300px; height: 300px; opacity: 0 }
}

.move-right:hover .bi { position: relative; transition: transform 1s ease; transform: translateX(20px) !important }
.move-right:hover::after .bi { transition: transform 1s ease-in-out; transform: translateX(20px, 0px) !important }

.shade:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) }

.glow-on-hover { position: relative; z-index: 0 }
.glow-on-hover:before {
content: '';
background: linear-gradient(45deg, #ff0000, #FF3333, #333366, #990066, #00CCAA, #002bff, #7a00ff, #A6ACB9, #ff0000);
position: absolute; top: -2px; left:-2px; background-size: 400%; z-index: -1; filter: blur(5px);
width: calc(100% + 4px); height: calc(100% + 4px); animation: glowing 20s linear infinite; opacity: 0;
transition: opacity .3s ease-in-out; border-radius: 10px }
.glow-on-hover:active:after { background: transparent }
.glow-on-hover:hover:before { opacity: 1 }
.glow-on-hover:after { z-index: -1; content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0 }

@keyframes glowing {
0% { background-position: 0 0; }
50% { background-position: 400% 0; }
100% { background-position: 0 0; }
}

/* animate links */

.blink { animation: 5s infinite blink; display: inline-block }

@keyframes blink {
0%, 15% { opacity: 0 }
16%, 100% { opacity: 1 }
}

.bounce-in { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0);
transform:perspective(1px) translateZ(0); box-shadow:0 0 1px rgba(0,0,0,0);
-webkit-transition-duration:.5s; transition-duration:.5s }
.bounce-in:active,.bounce-in:focus,.bounce-in:hover {
-webkit-transform:scale(1.2); transform:scale(1.2);
-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);
transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36) }

.wave { border-bottom: 0em solid transparent; -webkit-transition:border-bottom 1s;
-moz-transition:border-bottom 1s; -ms-transition:border-bottom 1s; -o-transition:border-bottom 1s; transition:border-bottom 1s }
.wave:hover { color: #FF0000; border-bottom: .3em solid #A6ACB9; padding-bottom: 2px; -webkit-transition:border-bottom 1s  ease-in-out; -moz-transition:border-bottom 1s ease-in-out; -ms-transition:border-bottom 1s ease-in-out; -o-transition:border-bottom 1s ease-in-out; transition:border-bottom 1s ease-in-out }

/* cool animations effects */

.stretchy {
height: 25px; margin: 0 auto; background-color: #FFD700; animation-name: stretch; animation-duration: 3s;
animation-timing-function: ease-out; animation-delay: 3s;
animation-direction: alternate; animation-iteration-count: infinite;
animation-fill-mode: none; animation-play-state: running;
}
@keyframes stretch {
  0% { transform: scale(.3); background-color: red; border-radius: 100% }
50% { background-color: orange }
100% { transform: scale(1.5); background-color: yellow }
}

.fixed-bottom { position: fixed; z-index: 1030; right: 0; bottom: 10; left: 0 }

.color-effect {
text-align: center; background: linear-gradient(to right, #FFF 20%, #FFCC00 40%, #FFCC00 60%, #FFF 80%); background-size: 200% auto; color: #000; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shine 1.5s linear infinite }
@keyframes shine { to { background-position: 200% center }}
.color-effect:hover { background: linear-gradient(to right, #FFF 20%, #FFF 40%, #FFF 60%, #FFF 80%); background-size: 200% auto; color: #000; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: none; text-decoration: underline }

/* Gradients */

.gradient-blue { background: rgba(198, 136, 83, 1.0);
background: -moz-linear-gradient(100deg, rgba(198, 136, 83, 1.0) 41%, rgba(204, 204, 102,1) 75%);
background: -webkit-linear-gradient(100deg, rgba(198, 136, 83, 1.0) 41%, rgba(204, 204, 102,1) 75%);
background: linear-gradient(100deg, rgba(198, 136, 83, 1.0) 41%, rgba(204, 204, 102,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3e3e3",endColorstr="#CCCC66",GradientType=1) }

.gradient-brown { background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(191,110,78,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(191,110,78,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(191,110,78,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bf6e4e',GradientType=0 ) }
.gradient-green { background: rgb(248,255,232);
background: -moz-linear-gradient(top,  rgba(248,255,232,1) 0%, rgba(227,245,171,1) 33%, rgba(183,223,45,1) 100%);
background: -webkit-linear-gradient(top,  rgba(248,255,232,1) 0%,rgba(227,245,171,1) 33%,rgba(183,223,45,1) 100%);
background: linear-gradient(to bottom,  rgba(248,255,232,1) 0%,rgba(227,245,171,1) 33%,rgba(183,223,45,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 ) }
.gradient-grey { background: #E8E8E8; background: -moz-linear-gradient(top, #E8E8E8 0%, #F0F0F0 41%, #FFFFFF 100%);
background: -webkit-linear-gradient(top, #E8E8E8 0%,#F0F0F0 41%,#FFFFFF 100%);
background: linear-gradient(to bottom, #E8E8E8 0%,#F0F0F0 41%,#FFFFFF 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#FFFFFF',GradientType=0 )) }
.gradient-dblue { background: rgb(183,222,255);
background: -moz-linear-gradient(top,  rgb(183,222,255) 0%, rgb(169,201,227) 100%);
background: -webkit-linear-gradient(top,  rgb(183,222,255) 0%,rgb(169,201,227) 100%);
background: linear-gradient(to bottom,  rgb(183,222,255) 0%,rgb(169,201,227) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deff', endColorstr='#a9c9e3',GradientType=0 ) }
.gradient-orange { background: rgb(250,198,149);
background: -moz-linear-gradient(top,  rgba(250,198,149,1) 0%, rgba(245,171,102,1) 67%, rgba(239,141,49,1) 100%);
background: -webkit-linear-gradient(top,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 67%,rgba(239,141,49,1) 100%);
background: linear-gradient(to bottom,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 67%,rgba(239,141,49,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ef8d31',GradientType=0 ) }
.gradient-red { background: rgb(255,198,198);
background: -moz-linear-gradient(top,  rgba(255,198,198,1) 1%, rgba(199,34,0,1) 100%, rgba(204,0,0,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,198,198,1) 1%,rgba(199,34,0,1) 100%,rgba(204,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(255,198,198,1) 1%,rgba(199,34,0,1) 100%,rgba(204,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc6c6', endColorstr='#cc0000',GradientType=0 ) }
.gradient-yellow { background: rgb(254,252,234);
background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%);
background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ) }

/* Pagination */

div.pages { margin: 30px 0 }
div.pagination { padding: 3px; margin: 4px; font-family: 'Montserrat', Tahoma, Helvetica, sans-serif; font-size: 1em }
div.pagination a { font-family: "Montserrat", Tahoma, sans-serif; border: 1px solid #ccdbe4; border-radius: 4px;
margin-right: 4px; padding: 6px 10px 5px 10px; font-size: 1rem; font-weight: 700; background: #F1F1F1; text-decoration: none; color: #0061de }
div.pagination a:hover, div.pagination a:active { border: 1px solid #3666d4; padding: 6px 10px 5px 10px; background-image: none; background-color: #3666d4; color: #fff; text-decoration: none }
div.pagination span.current { margin-right: 3px; padding: 6px 13px 5px 13px; font-size: 1rem; font-weight: 700; color: #FFF; background-color: #3666d4; border-radius: 4px }
div.pagination span.disabled { display: none }
div.pagination a.next {
border: 1px solid #ccdbe4; margin: 0 0 0 10px; font-size: 1rem; font-weight: 700 }
div.pagination a.next:hover {
border: 1px solid #2b55af; color: #FFF; background-color: #3666d4 }
div.pagination a.prev {
border: 1px solid #ccdbe4; margin: 0 10px 0 0; font-size: 1rem; font-weight: 700 }
div.pagination a.prev:hover {
border: 1px solid #2b55af; color: #FFF; background-color: #3666d4 }
div.pagination .pagination_data {
font-size: 1rem; background: #F1F1F1; padding: 7px 8px }

/* devices*/

@media (max-width: 480px) {
.mt-sm-15 { margin-top: 15px !important }
.mt-sm-25 { margin-top: 25px !important }
.pt-sm-35 { margin-top: 35px !important }
.main-container { margin-top: 22% }
.arrowleft { display: none !important }
.br-15 { margin-top: 15px !important }
.counts { margin-top: 50px }
#countdown2 { margin: 20px 0 20px 0!important; font-size: 2em }
.promotion-box .title { padding: 15px 20px; display: block; background-color: #FFD700; color: #000; font-size: 22px }
.promo-button { display: none }
.fullscreen-bg__video { margin-top: 40px }
.about { margin-top: -60px !important }
.icon-boxes { margin-top: 30px }
.discounts { margin-top: 1.5rem }
.cta2 { height: 100% auto }
.cta2 p span { margin-bottom: 30px!important }
.logos { margin-left: auto !important; margin-right: auto !important; text-align: center }
.gsmt { margin-top: 10px; margin-left: 0 !important }
.join { margin-left: auto !important; margin-right: auto !important; text-align: center }
 }

@media (min-width: 480px) and (max-width: 767px) {
.mt-sm-15 { margin-top: 15px !important }
.mt-sm-25 { margin-top: 25px !important }
.pt-sm-35 { margin-top: 35px !important }
.arrowleft { display: none }
.counts { margin-top: 50px }
#countdown2 { margin-top: 20px 0 20px 0!important; }
.promotion-box .title { padding: 15px 20px; display: block; background-color: #FFD700; color: #000; font-size: 24px }
.promo-button { display: none }
.fullscreen-bg__video { margin-top: 40px }
.about { margin-top: -140px !important }
.icon-boxes { margin-top: -80px; margin-bottom: 40px }
.discounts { margin-top: 1.5rem }
.logos { margin-left: auto !important; margin-right: auto !important; text-align: center }
.gsmt { margin-top: 10px; margin-left: 0 !important }
/*.elem-btn { margin-top: 15px; background-color: #FFF !important; color: #610000 }*/
}

@media (min-width: 768px) and (max-width: 991px) {
.pt-sm-35 { margin-top: 35px !important }
.stepbuts { margin-top: 50px !important }
.about { margin-top: -140px !important }
.icon-boxes { margin-top: -80px; margin-bottom: 40px }
.discounts { margin-top: 1.5rem }
.gsmt { margin-top: 10px; margin-left: 0 !important }
}

@media (min-width: 992px) and (max-width: 1199px) {
.pt-sm-35 { margin-top: 35px !important }
.gsmt { margin-top: 10px; margin-left: 0 !important }
}