/* CSS Document */
@font-face {
    font-family: 'Roboto-LightItalic';
    src: url('../fonts/Roboto-LightItalic.eot');
    src: url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('../fonts/Roboto-LightItalic.woff') format('woff'),
        url('../fonts/Roboto-LightItalic.ttf') format('truetype'),
        url('../fonts/Roboto-LightItalic.svg#Roboto-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype'),
        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Italic';
    src: url('../fonts/Roboto-Italic.eot');
    src: url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto-Italic.woff') format('woff'),
        url('../fonts/Roboto-Italic.ttf') format('truetype'),
        url('../fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('../fonts/Roboto-BoldItalic.eot');
    src: url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BoldItalic.woff') format('woff'),
        url('../fonts/Roboto-BoldItalic.ttf') format('truetype'),
        url('../fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Black';
    src: url('../fonts/Roboto-Black.eot');
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype'),
        url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype'),
        url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-ThinItalic';
    src: url('../fonts/Roboto-ThinItalic.eot');
    src: url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('../fonts/Roboto-ThinItalic.woff') format('woff'),
        url('../fonts/Roboto-ThinItalic.ttf') format('truetype'),
        url('../fonts/Roboto-ThinItalic.svg#Roboto-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url('../fonts/Roboto-MediumItalic.eot');
    src: url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('../fonts/Roboto-MediumItalic.woff') format('woff'),
        url('../fonts/Roboto-MediumItalic.ttf') format('truetype'),
        url('../fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url('../fonts/Roboto-Thin.eot');
    src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/Roboto-Thin.woff') format('woff'),
        url('../fonts/Roboto-Thin.ttf') format('truetype'),
        url('../fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*{box-sizing: border-box;}
html,body {font-family: 'Roboto-Regular'; font-size: 100%; color: #222; line-height: 1.4; background-color: #fff;scroll-behavior: smooth;margin: 0px; padding: 0px;}
body{overflow-x:hidden;}
a {color: inherit;}
a:hover {text-decoration: none; color: inherit;}
p{font-size: 18px; line-height: 28px; margin-bottom: 28px; color:#222;}
strong, b{font-family: 'Roboto-Bold';}

.img-responsive{max-width:100%;height:auto;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.bold-text{font-family: 'Roboto-Bold';}

.m-0{margin:0px !important;}
.p-0{padding:0px !important;}
.mt-0{margin-top:0px;}
.mt-1{margin-top:10px;}
.mt-2{margin-top:20px;}
.mt-3{margin-top:30px;}
.mt-4{margin-top:40px;}
.mt-5{margin-top:50px;}
.mt-6{margin-top:60px;}
.mt-7{margin-top:70px;}
.mt-8{margin-top:80px;}
.mt-200{margin-top:200px;}

.mb-0{margin-bottom:0px;}
.mb-1{margin-bottom:10px;}
.mb-2{margin-bottom:20px;}
.mb-3{margin-bottom:30px;}
.mb-4{margin-bottom:40px;}
.mb-5{margin-bottom:50px;}
.mb-6{margin-bottom:60px;}
.mb-7{margin-bottom:70px;}
.mb-8{margin-bottom:80px;}

.mr-0{margin-right:0px;}
.mr-1{margin-right:10px;}
.mr-2{margin-right:20px;}
.mr-3{margin-right:30px;}
.mr-4{margin-right:40px;}
.mr-5{margin-right:50px;}
.mr-6{margin-right:60px;}
.mr-7{margin-right:70px;}
.mr-8{margin-right:80px;}

.ml-0{margin-left:0px;}
.ml-1{margin-left:10px;}
.ml-2{margin-left:20px;}
.ml-3{margin-left:30px;}
.ml-4{margin-left:40px;}
.ml-5{margin-left:50px;}
.ml-6{margin-left:60px;}
.ml-7{margin-left:70px;}
.ml-8{margin-left:80px;}

.pt-0{padding-top:0px;}
.pt-1{padding-top:10px;}
.pt-2{padding-top:20px;}
.pt-3{padding-top:30px;}
.pt-4{padding-top:40px;}
.pt-5{padding-top:50px;}
.pt-6{padding-top:60px;}
.pt-7{padding-top:70px;}
.pt-8{padding-top:80px;}

.pb-0{padding-bottom:0px;}
.pb-1{padding-bottom:10px;}
.pb-2{padding-bottom:20px;}
.pb-3{padding-bottom:30px;}
.pb-4{padding-bottom:40px;}
.pb-5{padding-bottom:50px;}
.pb-6{padding-bottom:60px;}
.pb-7{padding-bottom:70px;}
.pb-8{padding-bottom:80px;}

.pr-0{padding-right:0px;}
.pr-1{padding-right:10px;}
.pr-2{padding-right:20px;}
.pr-3{padding-right:30px;}
.pr-4{padding-right:40px;}
.pr-5{padding-right:50px;}
.pr-6{padding-right:60px;}
.pr-7{padding-right:70px;}
.pr-8{padding-right:80px;}

.pl-0{padding-left:0px;}
.pl-1{padding-left:10px;}
.pl-2{padding-left:20px;}
.pl-3{padding-left:30px;}
.pl-4{padding-left:40px;}
.pl-5{padding-left:50px;}
.pl-6{padding-left:60px;}
.pl-7{padding-left:70px;}
.pl-8{padding-left:80px;}


.main-container{max-width:1140px; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; margin:auto;}

/*Header and banner Design */
.sane-nav {margin: 0; padding: 10px; width: 100%; height: 50px; background-color: #f8f8f8; color: #6f6f6f; border-bottom: 1px solid #e7e7e7; position: relative; top: 0; box-sizing: border-box;}
img.logo {width: 180px;}
.video-container {padding: 30px 0px 0px;}
.video-container h1 {font-size: 42px; font-family: 'Roboto-Bold'; text-align: center; line-height: 52px;}
.video-container p {font-size: 26px; text-align: center; line-height: 40px;}
p.sub-text {font-size: 18px; padding: 24px 12px 0px 12px; line-height: 1.6; margin: 0px;}
.click-to-play {font-size: 36px; position:relative; font-family: 'Roboto-Bold'; width: 270px; text-align: center; margin:0px auto 25px;}
.arrow-left {left: -15px; top: 16px; position: absolute; transform: rotate(-16deg);}
.arrow-left svg {width: 42px; height: 42px;}
.arrow-right {right: -30px; top: 16px; position: absolute; transform: rotate(0deg);}
.arrow-right svg {width: 42px; height: 42px;}
/*.video-wrapper {position: relative; padding-bottom:56.25%;}*/
.video-wrapper {
    position: relative;
    padding-bottom: 51.90%;
    max-width: 1024px;
    margin: auto;
    width: 100%;
}
.video-wrapper iframe#player1 {position: absolute; top: 0; height: 100%; width: 100%;}
.play-sound {position: absolute; width: 100%; height: 100%; z-index: 99; text-align: right;}

/*Player styles*/
.pause-desktop, .play-desktop-new {display: none;}
.play-desktop-new {position: absolute; width: 100%; height: 100%; cursor: pointer; z-index: 99;}
.player-outter {background-color: rgba(58, 105, 221, 0.8); padding: 10px; box-sizing: border-box; position: absolute; width: 100%; z-index: 999; bottom: 0; color: #fff;}
#progress-container {width: calc(100% - 30px); background-color: #002f9e; border: 0px solid #ddd; border-radius: 50px; height: 10px; overflow: hidden; display: inline-block; vertical-align: middle;}
#progress-bar {width: 0;background-color: #fff; border-radius: 50px; height:100%;}
#controls {display: inline-block; vertical-align: middle; margin-right: 10px; text-align: center; width: 14px; height: 21px; overflow: hidden; position: relative;}
#play-pause {cursor: pointer;}
.mobile-image {display: none;}
.play-sound, .play-desktop-new {cursor: pointer;}
.mobile-video{display:none;}

/*Content Part Styles*/
.blue-banner {
    background-color: #3dabb4;
    text-align: center;
    padding: 20px 10px 40px 10px;
    position: relative;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
    border-radius: 10px;
}
.blue-banner-text {
    font-size: 36px;
    color: white;
/*    text-transform: uppercase;*/
    display: inline-block;
    font-family: 'Roboto-Bold';
    line-height: 40px;
}

/*Plan box*/
.plan-box-inner {
    display: flex;
    gap: 30px;
}
.plan-box-image {
    max-width: 300px;
    width: auto;
}
.plan-box-text {
    width: calc(100% - 300px);
}
.plan-box-image img{
	max-width:100%;
	height:auto;
}
.plan-box-text h3 {
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
    line-height: 40px;
    margin-bottom: 20px;
	color: #3dabb4;
}
.plan-box-text p {
    font-size: 21px;
    line-height: 1.4;
    color: #222;
}
.plan-box-image p {
    font-size: 20px;
    color: #278d17;
    font-family: 'Roboto-Bold';
    text-align: center;
    line-height: 25px;
}
.reverse .plan-box-inner {
    flex-direction: row-reverse;
}
/*.reverse .plan-box-text p, .reverse .plan-box-text h3{
	text-align:right;
}*/
.reverse .plan-box-text h3 {
    color: #3dabb4;
}
.plan-box {
    max-width: 1000px;
    margin: auto;
    width: 100%;
    padding: 50px 0px;
    background-image: url(../images/bdr.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

/*Bonus Box*/
.bonus-header {background-image: url(../images/top-bonus-bg.jpg); background-repeat: no-repeat; position: relative; height: 95px; text-align: center;}
.bonus-header img {margin: auto; position: relative; top: -10px;}
.bonus-box {display: -webkit-box;display: -ms-flexbox; display: flex; border: 3px solid #3dabb4; border-radius: 10px; padding: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 30px 0; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.5); box-shadow: 0 0 15px 0 rgba(0,0,0,.5);}
.bonus-box-inner {display: flex;gap: 100px;}
.bonus-box-inner .bonus-box-image {
    width: auto;
    max-width: 300px;
}
.bonus-box-inner .bonus-box-image img{max-width:100%; height:auto;}
.bonus-box-inner .bonus-box-text {
    width: calc(100% - 300px);
}

.bonus-box-inner .bonus-box-text h3 {
    font-size: 30px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0;
    margin-bottom: 15px;
/*    text-transform: uppercase;*/
	font-family: 'Roboto-Bold';
}
.bonus-box-inner .bonus-box-text p {
	font-size:21px;
	line-height:1.4;
}
.bonus-box-text h3 .blue-text{
	font-size:36px;
	color:#3dabb4;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.bonus-box-text h3 .small-text {
    font-size: 20px;
    color: #278d17;
    line-height: 1.4;
    display: block;
    margin-top: 5px;
}
.reverse .bonus-box-inner {
    flex-direction: row-reverse;
}
.reverse .bonus-box-inner .bonus-box-text{
/*	text-align:right;*/
}
.garunteed-section {
    background: url(../images/back-bg.jpg) no-repeat center center/cover;
    padding: 100px 0px;
    color: #fff;
    width: 100%;
    justify-content: center;
    margin: 50px 0px;
    display: inline-block;
}
.garunteed-box-inner {
    display: flex;
    gap: 50px;
}
.garunteed-image {
    max-width: 367px;
    width: auto;
}
.garunteed-image img {
    max-width: 100%;
}
.garunteed-text {
    width: calc(100% - 367px);
}
.garunteed-text h3 {
    color: #fff;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 36px;
    line-height: 1.4;
	font-family: 'Roboto-Bold';
}
.garunteed-text h2 {
    font-size: 50px;
    line-height: 1.1;
    font-weight: 700;
    margin: 0;
    color: red;
    margin-bottom: 25px;
    font-family: 'Roboto-Bold';
}
.garunteed-text p {
    font-size: 24px;
    line-height: 1.4;
    color: #fff;
}

.text-for-img {
    color: #333;
    line-height: 1.1;
    font-size: 60px;
    margin-bottom: 35px;
	font-family: 'Roboto-Bold';
    text-align: center;
}
.new-margin{margin-bottom: 35px;}
.text-for-img span {
    display: block;
	font-family: font-family: 'Roboto-Medium';;
    font-size: 45px;
}
.img-separator {
    margin: 30px 0;
/*    margin-bottom: 75px;*/
    font-size: 16px;
}

.price {
    font-family: oswald,sans-serif;
    font-size: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}
.add-to-cart-btn {background: #34a853; color: #fff; padding: 10px 10px; height: auto; border: 0; font-size: 30px; border-radius: 50px; display: block; margin: 15px auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-family: 'Roboto-Bold'; margin-top: 0; text-align:center; text-decoration:none;}
.add-to-cart-btn:hover {color:#fff; text-decoration:none;}
span.right-float {
    float: right;
}
.plus-text{font-size: 16px; margin-bottom: 8px; text-align: center; font-style:Italic;}
.card-btm {display: block; margin-bottom: 20px; font-size: 18px; line-height:28px; text-align:center;}
.cards{text-align:center;}

/*Footer Design*/
footer.new-footer {
    background-color: #000;
    color: #ccc;
    padding: 70px 0px;
    text-align: center;
}
footer.new-footer p {font-size: 18px; line-height:28px; color: #999; max-width: 870px; margin: 0px auto 40px;}
footer.new-footer p.copyright-text {font-size: 15px; line-height: 25px;}



.link-changing {animation: infiniteanim 2s infinite; animation-timing-function: cubic-bezier(0, 0, 0.58, 1); transition: .2s;}

@keyframes infiniteanim {
  0% {
    transform:rotate(0deg)
  }
  25% {
    transform:rotate(0deg)
  }
  50% {
    transform:rotate(2deg)
  }
  75% {
    transform:rotate(-2deg)
  }
  100% {
    transform:rotate(0deg)
  }
}
.link-changing:hover {animation:none !important}

/*Responsive view start*/

@media (max-width: 1138px) {
	.video-wrapper {padding-bottom: 56.25%; max-width: 100%;}
}

@media (max-width: 991px) {
	.video-container h1 {font-size: 30px; font-family: 'Roboto-Bold'; text-align: center; line-height: 40px;}
	.video-container p {font-size: 22px; text-align: center; line-height: 30px;}
	.click-to-play {font-size: 25px; position: relative; font-family: 'Roboto-Bold'; width: 200px; text-align: center; margin: 0px auto 45px;}
	footer.new-footer p {font-size: 14px; color: #999; max-width: 870px; margin: 0px auto 40px; line-height: 24px;}
	footer.new-footer p.copyright-text {font-size: 12px; line-height: 22px;}
	.bonus-box-inner {gap: 50px;}
	.bonus-box {padding: 25px;}
	.bonus-box-inner .bonus-box-text h3 {font-size: 25px; line-height: 1.3;}
	.bonus-box-inner .bonus-box-image {max-width: 260px;}
	.bonus-box-inner .bonus-box-text {width: calc(100% - 260px);}
	.garunteed-text p {
    font-size: 22px;
    line-height: 1.4;
}

}
@media screen and (max-width: 950px) {
	.plan-box-text h3 {font-size: 25px;line-height: 35px;}
	.plan-box-text p {font-size: 20px;}
	
.garunteed-image {
    max-width: 260px;
    margin: auto;
}
.garunteed-box-inner {
    display: flex;
    gap: 30px;
}
.garunteed-text {
    width: calc(100% - 260px);
}
}
@media screen and (max-width: 850px) {
	.text-for-img {font-size: 45px;}
	.text-for-img span {font-size: 35px;}
}
@media screen and (max-width: 800px) {
	.blue-banner-text {font-size: 28px; line-height: 35px;}
}
@media screen and (max-width: 768px) {
	.video-wrapper {padding-bottom: 150%; position: relative;}
	.video-wrapper img {max-width: 280px;}
	.play-sound, .play-desktop-new {text-align: center;}
	.desktop-video{display:none;}
	.mobile-video{display:block;}
	.plan-box-inner {flex-direction: column;}
	.reverse .plan-box-inner {flex-direction: column;}
	.plan-box-image {max-width: 360px;width: 30px auto 0px;}
	.plan-box-text {width: 100%;text-align: left;}
	.reverse .plan-box-text p, .plan-box-text p {text-align: left;}
	.reverse .plan-box-text h3 {text-align: left;}
	.plan-box-text p {font-size: 22px;}
	.bonus-box-inner {gap: 30px; flex-direction: column;}
	.bonus-box-inner .bonus-box-text {width: 100%; text-align: left;}
	.bonus-box-inner .bonus-box-text p{text-align:left;}
	.reverse .bonus-box-inner {flex-direction: column;}
	.bonus-box-inner .bonus-box-image {width: auto; max-width: 360px; margin: 20px auto 0px;}
	.reverse .bonus-box-inner .bonus-box-text {text-align: left;}
	.bonus-box-inner .bonus-box-text h3 {font-size: 22px; line-height: 1.3;}
	.bonus-box-text h3 .blue-text {font-size: 30px;}
	.bonus-box-inner .bonus-box-text p {font-size: 22px;}
	.garunteed-box-inner {
    display: flex;
    gap: 0px;
    flex-direction: column;
}
.garunteed-text {
    width: 100%;
    text-align: left;
}
.garunteed-text p{
    width: 100%;
    text-align: left;
}
}
@media screen and (max-width: 630px) {
	.bonus-header img {max-width: 290px;}
	.bonuses .main-container.pt-8 {padding-top: 0px;}
	.text-for-img {font-size: 30px;}
	.text-for-img span {font-size: 25px;}
	.pb-8 {padding-bottom: 0px;}
}
@media screen and (max-width: 480px) {
	.blue-banner-text {font-size: 25px; line-height: 32px;}
	.garunteed-text h2 {font-size: 40px;}
	.add-to-cart-btn {font-size: 22px;}
	.card-btm {font-size: 15px;}
	.plus-text {font-size: 14px;}
}
@media screen and (max-width: 400px) {
	.text-for-img {font-size: 36px;}
	.text-for-img span {font-size: 26px;}
}



/*On Page Css*/
.blink {
  animation: blink 1s steps(1, end) infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*Counter Top Bar*/
.top-bar {
    background-color: #F57E27;
    padding: 0px 0px 9px 0px;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 99999999;
}
.top-bar p{color:#fff;margin-bottom:0px;}
.top-bar h3 {font-size: 25px; line-height: 40px; color: #fff; font-family: Roboto, sans-serif; margin:0px; font-weight:normal; padding: 0px 10px;}
.top-bar h2 {font-size: 30px; line-height: 40px; color: #fff; font-family: Roboto, sans-serif; font-weight:bold;}
div#countdown-timer {display: flex; width: 100%;}
.raj-clock {max-width: 315px; margin: 8px auto 0px; width: 100%;}
.digit-box {display: flex; width: 100%;}
div#countdown {
    display: flex;
    justify-content: center;
    align-content: center;
}
.digit {background-color: #fff; width: 48px; margin: 2px; font-size: 48px; line-height: 48px; border-radius:7px; color:#ed000a; font-family:Roboto, sans-serif; display: inline-block; transition: transform 0.2s ease-in-out; height: 50px; overflow:hidden; font-weight:bold;}
.digit span{transition: transform 0.2s ease-in-out;}

.time-segment {width: 33.333%;}
div#minutes {margin: 0px 7px;}
.small-text {color: #fff; font-size: 12px;}
.flashit {
  -webkit-animation: flash 1s linear;
  animation: flash 1s linear;
}
@-webkit-keyframes flash {
  0% { opacity: 1; } 
  25% { opacity: .1; } 
  50% { opacity: 1; }
  75% { opacity: .1; } 
  100% { opacity: 1; }
}

@keyframes flash {
  0% { opacity: 1; } 
  25% { opacity: .1; } 
  50% { opacity: 1; }
  75% { opacity: .1; } 
  100% { opacity: 1; }
}
.pause-desktop img {
    max-width: 100%;
}
img.pause-mobile {
    display: none;
}
@media screen and (max-width: 800px) {
	.top-bar h3 {font-size: 23px;line-height: 26px;}
}
@media screen and (max-width: 750px) {
	.top-bar {padding: 9px 0px 9px 0px; bottom: 0px; top:auto;}
	.text-for-img {margin-bottom: 35px;}
	.img-separator {margin-bottom: 35px;}
	.price {margin-top: 30px; margin-bottom: 30px;}
}
@media screen and (max-width: 610px) {
	.new-headline h2 {font-size: 30px; line-height: 35px;}
}
@media screen and (max-width: 515px) {
	.new-headline h2 {font-size: 26px; line-height: 31px;}
}
@media screen and (max-width: 410px) {
	.top-bar h3 {font-size: 20px; line-height: 25px; color: #fff;}
	.top-bar h2 {font-size: 25px; line-height: 30px; color: #fff;}
}
.fadedAway {
    visibility: hidden;
}


/*New styles*/
.flex-box {
    display: flex;
    width: 100%;
    height: 100%;
}
.flex-box-center {
    display: flex;
    justify-content: space-around;
    align-self: center;
    width: 100%;
}
.player-box {
    background-color: rgba(63,98,190,0.8);
    text-align: center;
    border: 2px solid #000000;
    padding: 20px;
    box-sizing: border-box;
    max-width: 480px;
    width: 100%;
    margin: 0px 10px;
}
.player-box img {
    width: 128px;
	margin-bottom:15px;
}
.player-box h3 {
    font-family: 'Roboto-Bold';
    font-size: 42px;
    color: #fff;
    text-shadow: 1px 1px 5px #000;
    line-height: 50px;
	margin-bottom:0px;
}
.mobile-plan {
    display: none;
}
@media screen and (max-width: 768px) {
	img.pause-mobile {display: block !important;}
	img.pause-desktop {display: none !important;}
	.desktop-plan{display:none;}
	.mobile-plan {display: block; margin:auto;}
	.plan-box {padding: 25px 0px;}
	.bonus-box-text h3 .small-text {text-align: center;}
	.mobile-plan p {text-align: center !important;}
	.mobile-plan p {text-align: center !important; margin: 10px 0px 0px 0px;}
	.garunteed-section {padding: 60px 0px 35px;}
	.text-for-img {margin-top: 0px;}
}
@media screen and (max-width: 460px) {
	.player-box h3 {font-size: 38px; line-height: 46px;}
	.player-box img {width: 100px;}
}
@media screen and (max-width: 425px) {
	.player-box h3 {font-size: 32px; line-height: 40px;}
}

.form-design .input-with-icon {display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; border-radius: 5px; border: 2px solid #ddd; width: 100%; box-sizing: border-box; margin-bottom: 1rem;}
.icon-box {color: #10253a; font-size: 1.2rem; background: #eee; text-align: center; border-top-left-radius: 5px; border-bottom-left-radius: 5px; width: 50px; height: 50px; display: flex; justify-content: center; align-self: center;}
.center-icon {align-self: center;}
.input-with-icon input, .input-with-icon select {border: 0px; font-size: 17px; line-height: 24px; padding: 10px; box-sizing: border-box;}
.input-with-icon input::placeholder, .input-with-icon select::placeholder {
  color: #000;
  opacity: 1; /* Firefox */
}
.moonray-form .moonray-form-element-paymentmethod .moonray-form-input-type-payment-exp-month, .moonray-form .moonray-form-element-paymentmethod .moonray-form-input-type-payment-number {width: 100% !important;}
.moonray-form .moonray-form-element-paymentmethod .moonray-form-input-type-payment-code, .moonray-form .moonray-form-element-paymentmethod .moonray-form-input-type-payment-exp-year {width: 100% !important;}
.moonray-form .moonray-form-element-wrapper-contracted {width: 100% !important;}
html body .moonray-form .moonray-form-input-type-submit button.moonray-form-input {background: #34a853; border-radius: 50px; font-family: 'Roboto-Regular'; font-weight: bold; width: 100% !important; display: block !important; color: #fff; border: 0px; font-size: 1.5rem; font-weight: 900; letter-spacing: 2px; padding: .5rem 1rem; text-transform: uppercase;}
span.right-float {float: right;}
.form-design {
    max-width: 500px;
    margin: auto;
    width: 100%;
}
p.font-26 {
    font-size: 26px;
    text-align: center;
    font-family: 'Roboto-Bold';
}
p.font-20 {
    font-size: 20px;
    text-align: center;
    font-family: 'Roboto-Regular';
	margin-bottom:15px;
}
.red-color{color:rgb(220, 7, 7);font-family: 'Roboto-Bold';}

.new-headline{
	padding-top:20px;
	text-align:center;
}
.new-headline h2 {
    font-size: 36px;
    font-family: 'Roboto-Bold';
    font-weight: normal;
    max-width: 830px;
    width: 100%;
    margin: auto;
    padding: 0px 15px;
    line-height: 42px;
}
span.blue-color {
    font-family: 'Roboto-Bold';
    color: #3753ab;
}
span.yellow-bg {
    background-color: #fff34a;
	padding-right:10px;
}
span.green-color{color:#34a853;}
span.word-breaking {
    white-space: nowrap;
}
span.new-word-breaking {
    white-space: nowrap;
}
p.font-20-semibold{font-size: 20px; text-align: center; font-family: 'Roboto-Medium'; margin-bottom:15px;}
.extra-bold{font-family: 'Roboto-Black';}
.mobile-all-images {
    display: none;
}
@media screen and (max-width: 768px) {
	.desktop-all-images {display: none;}
	.mobile-all-images {display: block;}
}
@media screen and (max-width: 690px) {
	.no-padding {padding: 0px;}
	span.red-bg {border-left: 0px; border-right: 0px;}
}
@media screen and (max-width: 510px) {
/*	.new-headline h2 {font-size: 32px;}*/
/*	span.yellow-bg {background-color: transparent;}*/
}

@media screen and (max-width: 430px) {
span.new-word-breaking {
    white-space: normal;
}
}
@media screen and (max-width: 410px) {
/*	.new-headline h2 {font-size: 26px; line-height:1.3;}*/
	p.font-20-semibold {font-size: 18px;}
	span.red-bg {font-size: 17px;}
}

@media screen and (max-width: 380px) {
	.new-headline h2 {font-size: 24px;line-height: 29px;}
}

.optin-text {background-color: #fff34a;border: 2px solid #a3a3a3; padding: 15px; font-size: 26px; font-family: 'Roboto-Bold'; max-width: 430px; border-radius: 10px; text-align: center; margin: 20px auto;}
.color-red{color:#dc0707;}
.color-green{color:#34a853;}
span.red-bg {
    background-color: #ea333e;
    color: #fff;
    padding: 10px 15px;
    display: inline-block;
    font-size: 21px;
    margin-top: 20px;
    font-family: 'Roboto-Medium';
    box-shadow: -1px 3px 17px 3px rgba(0,0,0,.50);
    border: 0px solid #fff;
}

@media screen and (max-width: 400px) {
	.optin-text {font-size: 23px;}
}

.pause-desktop {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    cursor: pointer;
}
.pause-mobile-image{display:none;}

@media screen and (max-width: 768px) {
	.pause-mobile-image{display:block;}
	.pause-desktop-image{display:none;}
}


.yes-no-btn {
    max-width: 890px;
    width: 100%;
    margin: auto;
}
.yes-no-btn .yes-green-btn {background-color: rgb(0, 200, 83); padding: 12px 40px; display: block; font-family: 'Roboto-Bold'; font-size: 24px; line-height: 29px; text-align: center; color: #fff; text-decoration: none; border-radius: 80px; box-shadow: 0px 1px 15px rgba(0,0,0,0.4);}
.yes-no-btn .no-btn {font-size: 18px; line-height: 18px; text-align: center; display: inline-block; width: 100%; padding-top: 20px; color: #000; font-family: font-family: 'Roboto-Medium';;}
.yes-no-btn .yes-green-btn span {font-size: 22px; display: inline-block; font-family: 'Roboto-Regular';    line-height: 22px;
    margin-top: 20px;
    width: 100%;color:#fff; }
.yes-no-btn {max-width: 890px; width: 100%; margin: auto;}

@media screen and (max-width: 767px) {
	.yes-no-btn .yes-green-btn {font-size: 26px; line-height: 29px; padding:15px 15px; border-radius:10px;}
/*	.yes-no-btn .yes-green-btn span, .yes-no-btn .no-btn {font-size: 15px;}*/
}

.moonray-form-input-type-checkbox {
    padding-left: 30px;
    position: relative;
}
.moonray-form-input-type-checkbox input[type="checkbox"] {
    position: absolute !important;
    left: 0;
    top: 5px;
}
.margin-top-set {
    margin-top: -50px !important;
}
.text-design{color: #036; font-weight: 600; font-size: 18px; line-height: 28px; margin-bottom: 28px; text-decoration: underline; vertical-align: baseline;}