:root {
    --color-black: #000;
    --color-white: #fff;
    --color-blue: #0c1338;
    --color-yellow: #f5b249;
    --color-red: #b92034;
    --color-violet:#2e3185;

}

/* poppins-500 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-500.eot'); 
    src: url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-500.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-500.woff2') format('woff2'),
         url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-500.woff') format('woff'),
         url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-500.ttf') format('truetype'),
         url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-500.svg#Poppins') format('svg');
  }
  /* poppins-600 - latin */
  @font-face {
    font-display: swap; 
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-600.eot'); 
    src: url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-600.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-600.woff2') format('woff2'),
         url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-600.woff') format('woff'),
         url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-600.ttf') format('truetype'),
         url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-600.svg#Poppins') format('svg');
  }
  /* poppins-700 - latin */
  @font-face {
    font-display: swap; 
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-700.eot'); 
    src: url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-700.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-700.woff2') format('woff2'),
         url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-700.woff') format('woff'),
         url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-700.ttf') format('truetype'),
         url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-700.svg#Poppins') format('svg');
  }
  /* poppins-800 - latin */
  @font-face {
    font-display: swap; 
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-800.eot'); 
    src: url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-800.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-800.woff2') format('woff2'),
         url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-800.woff') format('woff'),
         url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-800.ttf') format('truetype'),
         url('/wp-content/themes/tedlyon_wp/assets/fonts/poppins/poppins-v21-latin-800.svg#Poppins') format('svg');
  }

  @font-face {
    font-display: swap; 
    font-family: 'Palatino Linotype';
    font-style: normal;
    font-weight: 800;
    src: url('/wp-content/themes/tedlyon_wp/assets/fonts/Palatino/palatinolinotype_bold.ttf'); 
    
  }

  /*** GLOBAL SETTING ***/
body {margin:0; padding:0;font:normal 13px 'Poppins', sans-serif; color:#5b5b5b; line-height:normal;}

/*** GLOBAL SELECTORS ***/
a{display: inline-block; transition: .3s ease-in;}
p:empty{display: none !important;}

/*Main COntent*/
.container{ width:min(1100px, 96%); margin:0 auto;}

.headersec{background-color: var(--color-blue); padding: 30px 0 13px; }
.headersec .headerbox{position: relative; text-align: center;}
.headersec .headerbox::before{position: absolute; content: ''; background: url(/wp-content/themes/tedlyon_wp/assets/images/tbl-bitcoin-lp-images/pillar-Img.png)no-repeat; width: 135px; height: 248px; left: 0; bottom: -14px; background-size: contain;}
.headersec .headerbox::after{position: absolute; content: ''; background: url(/wp-content/themes/tedlyon_wp/assets/images/tbl-bitcoin-lp-images/pillar-Img.png)no-repeat; width: 135px; height: 248px; right: 0; bottom: -14px; background-size: contain;}
.headersec .headerbox h1{font-size: 55px; font-weight: 700; color: var(--color-white); font-family:'Palatino Linotype', sans-serif ; display: inline-block; border-top: 2px solid var(--color-yellow); border-bottom: 2px solid var(--color-yellow); margin-top: 30px; line-height: 70px; }
.headersec .headerbox h2{font-size: 45px; font-weight: 700; color: var(--color-white);padding: 0 100px; line-height: 46px; margin-top: 30px; }
.headersec .headerbox h2 span{font-size: 56px; font-weight: 700; color: var(--color-yellow);}
.headersec .headerbox h2 span.clr-wht{ color: var(--color-white);}

.infosec{text-align: center; padding: 60px 0 55px;}
.infosec .infobox p{font-size: 48px; font-weight: 500; color: var(--color-black); line-height: 60px;}
.infosec .infobox p span{font-size: 54px; font-weight: 700; color: var(--color-red);}
.infosec .infobox h3{font-size: 50px; font-weight: 700; color: var(--color-black); margin-top: 45px;}
.infosec .infobox h3 a{color: var(--color-black);}
.infosec .infobox h3 a:hover{color: var(--color-red);}
.infosec .infobox a.clkbutton{font-size: 60px; font-weight: 700; color: var(--color-red); line-height: 50px;}
.infosec .infobox a:hover{color: var(--color-violet);}
.infosec .infobox h4{font-size: 55px; font-weight: 500; color: var(--color-black); line-height: 70px;}

.redbatchsec{ position: relative; font-size: 0;}
.redbatchsec::before { position: absolute; content: ''; background: var(--color-red);  top: 0px; bottom: 0;  left: 50%; width: 50%;}
.redbatchsec p { max-width: 1290px; margin: 0 auto; font-size: 45px; font-weight: 600; color: var(--color-white);  font-style: italic; line-height: 45px; text-align: center; box-sizing: border-box; background: var(--color-red); clip-path: polygon(2% 0%, 100% 0, 100% 100%, 0% 100%); padding: 12px 0; position: relative; width: 100%; padding: 12px 60px; }

.aboutheading{text-align: center; padding: 30px 0 0; position: relative; z-index: 1;}
.aboutheading h3{font-size: 90px; font-weight: 700; color: var(--color-violet); line-height: 75px;}
.aboutheading h3 span{font-size: 70px; color: var(--color-yellow); display: block;}

.aboutsec{ background: url(/wp-content/themes/tedlyon_wp/assets/images/tbl-bitcoin-lp-images/footerbg-Img.jpg)no-repeat; background-position: 100% 20%; background-size: cover; padding: 100px 0; position: relative;}
.aboutsec::before { position: absolute; content: ''; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(198, 215, 235, 2.55) 100%); bottom: 96%; width: 100%; height: 80px; left: 0; filter: blur(6px); }
.aboutsec .aboutbox{width: min(590px, 100%); text-align: center;}
.aboutsec .aboutbox p{font-size: 15px; font-weight: 600; color: var(--color-black);}
.aboutsec .aboutbox .callbtn a{font-size: 75px; font-weight: 800; color: var(--color-violet); letter-spacing: -1px; line-height: 56px; margin-top: 10px; display: inline-block;}
.aboutsec .aboutbox .callbtn a:hover{color: var(--color-blue);}
.aboutsec .aboutbox a{font-size: 45px; font-weight: 500; color: var(--color-yellow); line-height: 40px;}
.aboutsec .aboutbox a:hover{color: var(--color-red);}
.aboutsec .aboutbox .imgbox{margin-top: 15px; position: relative; display: inline-block;}
.aboutsec .aboutbox .imgbox h4{position: absolute; content: ''; bottom: 5px; left: 50%; transform: translateX(-50%); color: var(--color-white); font-size: 16px; font-weight: 400;}
.footersec{background: var(--color-blue); padding: 15px 0;}
.footersec ul{display: flex; align-items: center; justify-content: center;}
.footersec ul li+li{border-left: 2px solid var(--color-white);padding-left: 10px; }
.footersec ul li{line-height: 10px;padding-right: 10px;}
.footersec ul li, .footersec ul li a{font-size: 18px; font-weight: 400; color: var(--color-white); line-height: 15px; }
.footersec ul li a:hover{color: var(--color-yellow);}
.tbl-bitcoinlp{overflow: hidden;}


@media only screen and ( max-width: 1351px ) {
}
@media only screen and ( max-width: 1290px ) {
  .redbatchsec p{width: 90%; font-size: 35px;}

}
@media only screen and ( max-width: 1200px ) {
}
@media only screen and ( max-width: 1151px ) {
}
@media only screen and ( max-width: 1101px ) {
  .redbatchsec p{padding: 12px 0 12px 60px;}
}
@media only screen and ( max-width: 1024px ) {
  .headersec .headerbox h1{font-size: 40px; line-height: 55px;}
  .headersec .headerbox h2{font-size: 35px;}
  .headersec .headerbox h2 span{font-size: 40px;}
  .redbatchsec p{font-size: 30px;}
}
@media only screen and ( max-width: 980px ) {
  .infosec .infobox p{font-size: 32px;}
  .infosec .infobox h3, .infosec .infobox p span{font-size: 35px;}
  .infosec .infobox a.clkbutton, .aboutsec .aboutbox a{font-size: 40px;}
  .infosec .infobox h4{font-size: 35px; line-height: 50px;}
  .aboutheading h3{font-size: 45px;}
  .aboutheading h3 span{font-size: 50px; line-height: 60px;}
  .aboutsec .aboutbox .callbtn a{font-size: 55px;}
  .aboutsec{background-position: 50% 20%;}
}
@media only screen and ( max-width: 800px ) {
  .headersec .headerbox h1{font-size: 28px; line-height: 40px;}
  .headersec .headerbox h2{font-size: 25px; margin-top: 10px;}
  .headersec .headerbox h2 span{font-size: 30px;}
  .infosec{padding: 30px 0;}
  .headersec .headerbox::before, .headersec .headerbox::after{bottom: -78px; width: 100px;}
  .infosec .infobox h3{margin-top: 20px;}
  .redbatchsec p{font-size: 24px; line-height: 32px;}
  .footersec ul li ,.footersec ul li a{font-size: 14px;}
}
@media only screen and ( max-width: 768px ) {
}
@media only screen and ( max-width: 736px ) {
  .redbatchsec p{width: 95%; padding: 12px 0 12px 20px;}
  .infosec .infobox p{font-size: 28px; line-height: 40px;}
  .aboutheading h3 span{line-height: 40px;}
  .infosec .infobox p span{font-size: 32px;}
}
@media only screen and ( max-width: 668px ) {
  .footersec ul{gap: 20px 0;flex-wrap: wrap;}
  .aboutsec .aboutbox p{width: 60%; margin: 0 auto;}
  .footersec ul li + li {padding-left: 30px;}
  .footersec ul li {padding-right: 30px;}
  
}
@media only screen and ( max-width: 640px ) {
  .redbatchsec p{font-size: 20px;}
  .aboutsec{padding: 40px 0;}
}
@media only screen and ( max-width: 600px ) {
  .aboutsec .aboutbox .callbtn a{font-size: 30px; line-height: 60px;}
  .aboutsec .aboutbox a{font-size: 28px;}
  .headersec .headerbox h1{font-size: 20px; margin-top: 0;}
  .headersec .headerbox h2 span, .infosec .infobox h4{font-size: 24px;}
  .infosec .infobox a.clkbutton{font-size: 30px; line-height: 30px;}
  .infosec .infobox h3{font-size:30px;}
}
@media only screen and ( max-width: 568px ) {
  .footersec ul{gap: 10px 0;}
  .footersec ul li + li{padding-left: 10px;}
  .footersec ul li{padding-right: 10px;}
}
@media only screen and ( max-width: 480px ) {
  .aboutsec .aboutbox p{width: 70%;}
  .redbatchsec p{font-size: 17px;}
  .infosec .infobox p{font-size: 20px;}
  .infosec .infobox p span{font-size: 22px;}
  .aboutheading h3{font-size: 30px; line-height: 30px;}
  .aboutheading h3 span{font-size: 30px;}
  .headersec .headerbox::before {right: calc(100% - 50px ); left: inherit;}
  .headersec .headerbox::after {left: calc(100% - 50px ); }
  .aboutsec .aboutbox .callbtn a{line-height: 30px; margin-top: 20px;}
  .headersec .headerbox h2{padding: 0 40px;}
}
@media only screen and ( max-width: 414px ) {
  .headersec .headerbox h1{font-size: 18px;}
  .infosec .infobox h4{font-size: 20px; line-height: 30px;}
  .infosec .infobox h3{font-size: 20px;}
  .infosec .infobox a.clkbutton{font-size: 25px;}
  .infosec .infobox p{font-size: 18px; line-height: 30px;}
  .headersec .headerbox h2{font-size: 20px; line-height: 30px;}
  .aboutsec .aboutbox p{width: 90%;}
}
@media only screen and ( max-width: 384px ) {
}
@media only screen and ( max-width: 375px ) {
}
@media only screen and ( max-width: 360px ) {
}
@media only screen and ( max-width: 320px ) {
  .headersec .headerbox h1{font-size: 15px;}
}