/*
 Theme Name: Pairs
 Description:
 Version: 3.0.4
 Author: 
 Author URI:
 License:
 Theme URI:
*/


*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root{
    --white:#ffffff;
    --black:#000000;
    --light-green:#F2F9F6;
    --charkol-black:#2C2D28;
    --green-light:#90F2A5;
    --green-deep:#51C169;
    --raw-green:#4FBF67;
    --dark-gray:#777E90;
    --light-gray:#E4E4E4;
    --gray-one:#6D6E7E;
    --gray-two:#F8F8F8;
    --gray-three:#FAFAFA;
    --tomato-red:#FF7A68;
    --regular:"alliance_no.1regular";
    --bold:"alliance_no.1bold";
    --semi:"alliance_no.1semibold";
    --medium:"alliance_no.1medium";
    --green:#4eaf0a;
    --red:#e15241;
    --dark-blue:#16203D;
}

html{font-size: 62.5%; /*10 px*/}

body{
  font-family:var(--regular);
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: var(--black);
}

img{max-width: 100%;}

button{outline: none;}
a,
a:hover,
a:focus{outline: none;}
img{outline: none;}
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;}
h2{font-size: 3rem; font-weight: bold;}
header,footer,section,aside{margin: 0; padding: 0;}

::-webkit-scrollbar {
    width: 0.4em;
    border: none;
    outline: none;
    border-radius: 1rem;
  }
  :root{
    scrollbar-color: rgb(210,210,210) rgb(46,54,69) !important;
    scrollbar-width: thin !important;
  }
   
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 1rem;
  }
   
  ::-webkit-scrollbar-thumb {
    background-color: var(--black);
    border-radius: 1rem;
  }

  @font-face {
    font-family: 'alliance_no.1bold';
    src: url('fonts/allianceno1-bold-webfont.html') format('woff2'),
         url('fonts/allianceno1-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'alliance_no.1medium';
    src: url('fonts/alliance-no-1-medium-webfont.html') format('woff2'),
         url('fonts/alliance-no-1-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'alliance_no.1regular';
    src: url('fonts/alliance-no-1-regular-webfont.html') format('woff2'),
         url('fonts/alliance-no-1-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alliance_no.1semibold';
    src: url('fonts/alliance-no-1-semi-bold-webfont.html') format('woff2'),
         url('fonts/alliance-no-1-semi-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

  .main_wrapper{
      max-width: 120rem;
      padding: 0 2rem;
      margin: 0 auto;
  }

.top_main_wrapper{
  background: var(--light-green);
  margin: 0;padding: 0;
}
a.button,
nav ul li.button a{
  background-image: linear-gradient(to right, var(--green-light), var(--green-deep));
  border-radius: 3rem;
  font-size: 1.4rem;
  color: var(--white) !important;
  text-decoration: none;
  font-family: var(--medium);
  transition: all 0.5s;
  padding: 1.3rem 2rem;
}
a.button:hover,
nav ul li.button a:hover{
  background-image: linear-gradient(to right, var(--green-deep), var(--green-light));  
  box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.1);
}

header{padding: 2rem 0;}
header .main_wrapper{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
nav{margin: 0;padding: 0; display:flex !important; flex-wrap: wrap; justify-content: space-between;}
nav ul{list-style: none; display: flex; flex: var(--white); align-items: center;}
nav ul li:not(:last-child){margin-right:2.5rem;}
nav ul li a{color: var(--black); text-decoration: none; font-size: 1.4rem; font-family: var(--regular);}

ul.left_nav li:not(:last-child){margin-right: 0.5rem;}
ul.left_nav li a{font-size: 1.4rem; font-family: var(--semi); color: var(--dark-gray); display: flex; justify-content: center; align-items: center; padding: 1rem 1.4rem; border-radius: 3rem; transition: all 0.5s;}
ul.left_nav li a:hover{color: var(--raw-green); background: var(--light-green);}
ul.left_nav li a img{margin: 0 0.5rem 0 0;}

ul.right_nav li{position: relative;}
ul.right_nav li:not(:last-child){margin-right: 1rem;}
ul.right_nav li a{
  font-size: 1.4rem; font-family: var(--semi); color:var(--dark-blue); display: flex; justify-content: center; align-items: center; padding: 1rem 1.4rem; border-radius: 3rem; transition: all 0.5s; background: var(--gray-two);
}
ul.right_nav li a i{margin-left: 1rem;}

a.close{font-size: 0; display: none;}
.mobile_nav{display: none;}

.banner_text_wrapper{padding:6rem 0 35rem;}
.banner_text_wrapper h1,
.banner_text_wrapper h2{
  font-size: 7.2rem;
  line-height: 7.2rem;
  font-family: var(--bold);
}
.banner_text_wrapper h1{
  text-align: center;
  color: var(--charkol-black);
}
.banner_text_wrapper h2{
  text-align: center;
  color: var(--charkol-black);
  margin: 2rem 0 3rem;
  background: linear-gradient(to right, var(--green-light), var(--green-deep));
	background-clip: text; -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.banner_text_wrapper p{color: var(--dark-gray); font-size: 1.8rem; line-height: 2.8rem; font-family: var(--medium); text-align: center;}
.center_hero{margin: -35rem auto 0; display: block; }

.advantage_wrapper{margin: 0;padding: 0;}
.advantage_wrapper h2{
  text-align: center;
  font-size: 5.8rem;
  font-family: var(--bold);
  color: var(--charkol-black);
  margin: 0 0 3.5rem 0;
}
.advantage_wrapper h2 span{
  background: linear-gradient(to right, var(--green-light), var(--green-deep));
	background-clip: text; -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.advantage_wrapper p{text-align: center; font-size: 1.6rem; color: var(--dark-gray); font-family: var(--medium); line-height: 2.6rem; margin: 0 0 3.5rem 0;}
.advantage_wrapper a.playbtn{
  width: 16.5rem; height: 4.8rem; border-radius: 3rem; margin: 0 auto 1rem; border: 0.2rem solid var(--green-deep);
  display: block; text-decoration: none; text-align: center; line-height: 4.6rem; font-size: 1.4rem; color: var(--green-deep); font-family: var(--medium); transition: all 0.5s; position: relative;
}
.advantage_wrapper a.playbtn::before{
  position: absolute;
  top: 1.4rem;
  left: 1.7rem;
  width: 1.5rem;
  height: 1.5rem;
  content:"";
  border-top: 0.8rem solid transparent;
  border-bottom: 0.8rem solid transparent;
  border-left: 1.2rem solid var(--green-deep);
}
.advantage_wrapper a.playbtn:hover{
  background-image: linear-gradient(to right, var(--green-light), var(--green-deep));
  color: var(--white);
}

.video_area{position: relative;}
.video_area .topcoin{position: absolute; top: -7rem; left: -7rem;  z-index: -1;} 
.video_area .bottomcoin{position: absolute; bottom: 14rem; right: 3rem;  z-index: -1;} 
.blocks_section{
  background: var(--light-green);
  padding: 12rem 0;
  margin: -6rem 0 0 0;
  position: relative;
}
.blocks_section .inner{
  display: grid;
  grid-template-rows: repeat();
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  padding: 0 6rem;
}
.blocks_section .inner .block{
  background: var(--white);
  border-radius: 3rem;
  padding: 3.6rem;
  transition: ease-in-out 0.3s;
}
.blocks_section .inner .block:hover{box-shadow: 0 5rem 5rem rgba(0, 0, 0, 0.1);}
.blocks_section .inner .block .iconblock{margin-bottom: 2.2rem;}
.blocks_section .inner .block h2{font-family: var(--semi); font-size: 2.4rem; margin: 0 0 2.2rem 0; color: var(--black);}
.blocks_section .inner .block p{font-size: 1.6rem; color: var(--dark-gray); line-height: 2.4rem;}

/***** BEST WRAPPER *****/
.find_the_best_wrapper{padding: 12rem 0; position: relative; overflow: hidden;}
.find_the_best_wrapper h2{font-size: 6.5rem; color: var(--black); font-family: var(--semi); width: 60rem; margin: 0 auto 28rem; text-align: center; line-height: 7.2rem;}
.find_the_best_wrapper .inner_block{
  background: var(--light-green);
  border-radius: 3rem;
  padding:12rem 10rem;
  display: flex;
  flex-wrap: wrap;
}
.find_the_best_wrapper .inner_block:hover img{transform: translate(0, -2rem);}
.find_the_best_wrapper .inner_block:hover img.coin3{transform: translate(0rem, -6rem);}
.find_the_best_wrapper .inner_block:hover img.coin4{transform: translate(-2rem, -4rem);}
.find_the_best_wrapper .inner_block:hover img.coin5{transform: translate(4rem, 4rem);}

.find_the_best_wrapper .inner_block .left_block{
  margin: 0 4rem 0 0;
  padding: 0;
  position: relative;
  flex: 1;
  
}
.find_the_best_wrapper .inner_block .left_block .lap_block{top:0; left:0; width: 54.7rem; height:48.3rem; margin: -28rem 0 4rem -5.5rem;}
.find_the_best_wrapper .inner_block .left_block img{transition: all 0.5s;}
.coin3, .coin4, .coin5, .coin6, .coin7{position: absolute;}
.coin3{top: -25.8rem; right: 21rem; }
.coin4{top: -20.4rem; left: -9rem; z-index: -1;}
.coin5{top: 10rem; left:-12rem; width: 9.3rem; height: auto;}
.coin6{top: 27rem; right: 12rem;}
.coin7{top: 0; right: -20rem;}
.find_the_best_wrapper .inner_block .left_block .info_text{margin: 0;padding: 0;}
.find_the_best_wrapper .inner_block .left_block .info_text h2{font-size: 6rem; line-height: 5.6rem; color: var(--black); text-align: left; margin: 0 0 4rem 0; font-family: var(--bold);}
.find_the_best_wrapper .inner_block .left_block .info_text h2 span{
  display: block; color: var(--green-deep);
}
.find_the_best_wrapper .inner_block .left_block .info_text p{font-size: 1.6rem; color: var(--dark-gray); font-family: var(--medium); margin: 0 0 4rem 0; padding: 0 14rem 0 0; line-height: 2.6rem;}
.find_the_best_wrapper .inner_block .left_block .info_text a{display: table;}
.find_the_best_wrapper .inner_block .right_block{flex: 1;}
.find_the_best_wrapper .inner_block .right_block .semi_block:not(:last-child){margin-bottom: 4rem;}
.find_the_best_wrapper .inner_block .right_block .semi_block span{border-radius:10rem; border: 0.1rem solid var(--green-deep); width: 3.8rem; height: 2.4rem; display: flex; color: var(--green-deep); justify-content: center; align-items: center; font-size: 1.4rem; margin: 0 0 2.4rem 0;}
.find_the_best_wrapper .inner_block .right_block .semi_block h3{font-size: 2.4rem; color: var(--black); font-family: var(--semi); margin: 0 0 2.4rem 0;}
.find_the_best_wrapper .inner_block .right_block .semi_block p{font-size: 1.4rem; color: var(--dark-gray); line-height: 2.6rem;}
/***** END BEST WRAPPER *****/

/***** SIGNUP WRAPPER *****/
.signup_wrapper{
  background: var(--light-green);
  padding: 10rem 0;
}
.signup_wrapper h2{text-align: center; font-size: 4.8rem; font-family: var(--bold); margin: 0 0 4rem 0;}
.signup_wrapper h2 span{color: var(--green-deep);}
.inner_frm{width: 38rem; margin: 0 auto;}
.inner_frm .block:not(:last-child){margin-bottom: 2.8rem;}
.inner_frm .block label{text-transform: uppercase; color: var(--dark-gray); font-size: 1.2rem; font-family: var(--bold); display: block; margin: 0 0 1rem 0;}

input[type="text"],
input[type="email"]{width: 100%; background: var(--white); border-radius: 1.2rem; outline: none; border: none; height: 4.8rem; padding: 1.2rem 1.6rem;}
input[type="submit"]{
  background-image: linear-gradient(to right, var(--green-light), var(--green-deep));
  width: 100%;
  height: 4.8rem;
  border-radius: 3rem;
  outline: none;
  border: none;
  color: var(--white);
  cursor: pointer;
  font-size: 1.4rem;
  font-family: var(--medium);
  transition: ease-in-out 0.5s;
}
input[type="submit"]:hover{
  background-image: linear-gradient(to right, var(--green-deep), var(--green-light));
  box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.1);
}
/***** END SIGNUP WRAPPER *****/

/***** FOOTER *****/
footer{
  background: var(--white);
  padding: 5rem 0;
}
footer .top_section{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 0 2rem 0;}
footer .top_section ul{list-style: none; display: flex; flex-wrap: wrap;}
footer .top_section ul li:not(:last-child){margin-right: 3rem;}
footer .top_section ul li a{font-size: 1.4rem; color: var(--charkol-black); text-decoration: none; font-family: var(--medium);}
footer .top_section ul li a:hover{color: var(--black);}
footer .bottom_section{display: flex; flex-wrap: wrap; justify-content: space-between;}
footer .bottom_section .copyright{font-size: 1.4rem; font-family: var(--medium); color: var(--dark-gray);}
footer .bottom_section .social{display: flex; flex-wrap: wrap; align-items: center;}
footer .bottom_section .social a:not(:last-child){margin-right: 1.5rem;}
/***** END FOOTER *****/

/***** Inner Page *****/
.inner_wrapper{
  padding: 6rem 0;
  border-top: 0.1rem solid var(--light-gray);
  border-bottom: 0.1rem solid var(--light-gray);
}
.inner_wrapper h1{text-align: center; font-family: var(--bold); font-size: 4.5rem; line-height: 5rem; margin: 0 0 6rem 0;}
.simple_wrapper{
  background: #f2f9f657;
  border-radius:3rem;
  padding: 6rem;
  margin: 0 auto;
}
.simple_wrapper h6{margin-bottom: 3rem; font-size: 1.8rem;}
.simple_wrapper h3{font-size: 2.2rem; margin: 0 0 2rem 0; font-family: var(--bold);}
.simple_wrapper p{font-size: 1.6rem; line-height: 2.6rem; margin: 0; padding: 0;}
.simple_wrapper p:not(:last-child){margin-bottom: 3rem;}
.simple_wrapper p a,
.simple_wrapper ol li a,
.simple_wrapper ul li a{color: var(--deep-orange); font-weight: bold; text-decoration: none; transition:all 0.5s;}
.simple_wrapper p a:hover,
.simple_wrapper ul li a:hover,
.simple_wrapper ol li a:hover{text-decoration: underline;}
.simple_wrapper p strong,
.simple_wrapper ul li strong,
.simple_wrapper ol li strong{font-weight: bold; color: var(--black);}
.simple_wrapper ul{list-style: inherit; margin-left: 2rem; margin-bottom: 3rem;}
.simple_wrapper ul li:not(:last-child),
.simple_wrapper ol li:not(:last-child){margin-bottom: 1rem;}
.simple_wrapper ol{list-style:decimal; margin-left: 2rem; margin-bottom: 3rem;}
/***** End Inner Page *****/

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 55%;
  left: 47%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  background: rgba(0, 0, 0, 0.185);
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  background: rgba(0, 0, 0, 0.507);
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#000, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}



.video-overlay{
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.80);
   transition: all ease 500ms;
   display: none;
   justify-content: center;
   align-items: center;
   padding:2rem
}
.video-overlay p{width:70%; margin: 0;padding: 0;}
.video-overlay p iframe{width:100%; height: 480px;}

.video-overlay-close {
  background: #ff0000;
  width: 5rem;
  height: 5rem;
  position: absolute;
  z-index: 1000;
  top: 0;
  right: 0;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
  display: flex;
  justify-content: center;
  align-items: center;
}

/***** MARKET PAGE *****/
.market_listing_wrapper{
    margin: 0;
    padding: 7rem 0 0 0;
  }
  .market_title_block{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .market_title_block h1{
    font-size: 4.2rem;
    color: var(--charkol-black);
    font-family: var(--bold);
    flex: 1;
    }
    .switchblock{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
    .switchblock p{font-size: 1.5rem; color: var(--gray-one); margin-right: 1rem; font-family: var(--semi);}
  
    .switchblock input{
      display: none;
      opacity: 0;
    }
    
    .switchblock label {
      position: relative;
      width: 6.4rem;
      height: 3rem;
      display: inline-block;
      background: #ebebeb;
      border-radius: 3rem;
      cursor: pointer;
      transition: all 0.3s;
      -moz-transition: all 0.3s;
      -webkit-transition: all 0.3s;
    }
    
    .switchblock label:after {
      content: "";
      position: absolute;
      left: 4px;
      top: 4px;
      width: 22px;
      height: 22px;
      background: #FFF;
      border-radius: 50%;
    }
    
    .switchblock input:checked + label {
      background: #71D687;
    }
    
    .switchblock input:checked + label:after {
      left: auto;
      right: 4px;
    }
  
    .sub_title{margin-top: 2rem; color: var(--dark-gray); font-size: 1.6rem;}
    .sub_title a{text-decoration: underline; color: var(--dark-gray);}
    .sub_title a:hover{color: var(--charkol-black); text-decoration: none;}
      
    .outer_highlight_block{display: none;}
    .highlight_block{
      border:0.1rem solid var(--light-gray);
      border-radius: 3rem;
      margin: 4rem 0 0 0;
      display: flex;
      flex-wrap: wrap;
    }
    .highlight_block .block:not(:last-child){
      border-right: 0.1rem solid var(--light-gray);
    }
    .highlight_block .block{padding:3rem 2.2rem; flex:1; display: flex; flex-direction: column; justify-content: center;}
    .highlight_block .block h3,
    .highlight_block .block h3 dt,
    .highlight_block .block h3 dt span{color: var(--charkol-black); font-size: 2rem; font-weight: 700; line-height:3rem;}
    .highlight_block .block h3 span{display: block; font-size: 1.6rem; display: block; color: var(--dark-gray); font-weight: normal;}
    .highlight_block .block h3 dt .tw-flex{display: flex; flex-wrap: wrap; justify-content: space-between;}
    .highlight_block .block h3 dt .tw-flex .tw-text-sm span{font-size: 1.3rem; font-family: var(--regular);}
    .highlight_block .block h3 dt .tw-flex .tw-text-sm span.text-green{color: inherit;}
    
  
    .crypto_block_bottom{margin-top: 7rem;}
    .tabular_data{margin: 5rem 0 0 0;}
    .tabular_data table{border-collapse: separate; border-spacing: 0; padding: 0; margin: 0; width: 100%;}
    .tabular_data table thead tr{background-color:var(--gray-three); border-radius:1.2rem;}
    .tabular_data table thead tr th:first-child{border-top-left-radius: 1.2rem; border-bottom-left-radius: 1.2rem;}
    .tabular_data table thead tr th:last-child{border-top-right-radius: 1.2rem; border-bottom-right-radius: 1.2rem;}
    .tabular_data table thead tr th{padding: 1.2rem; text-transform: uppercase; color: var(--dark-gray); font-size: 1rem; font-family: var(--medium); text-align: left;}
    .tabular_data table tbody tr:nth-child(even){background: var(--gray-three);}
    .tabular_data table tbody tr:nth-child(odd){background: var(--white);}
    .tabular_data table tbody tr td{padding:1rem; font-size: 1.4rem; font-family: var(--medium); color: var(--dark-blue);}
    .tabular_data table tbody tr{transition: ease-in-out 0.5s;}
    .tabular_data table tbody tr:not(:last-child){margin-bottom: 2rem;}
    .tabular_data table tbody tr:hover{box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1);}
    .tabular_data table tbody tr td:first-child{border-top-left-radius: 1.2rem; border-bottom-left-radius: 1.2rem;}
    .tabular_data table tbody tr td:last-child{border-top-right-radius: 1.2rem; border-bottom-right-radius: 1.2rem;}
    .tabular_data table tbody tr td i{cursor: pointer; margin: 0 1rem 0 0;}
    .tabular_data table tbody tr td .datablock a{display: flex; align-items: center; color: var(--charkol-black); text-decoration: none;}
    .tabular_data table tbody tr td .datablock a img{width: 3.2rem; height: 3.2rem; margin: 0 2rem 0 0;}
    .text_danger,
    .text-danger{color: var(--red);}
    .text_green,
    .text-green{color: var(--green);}
    .text_gray{color: var(--dark-gray) !important;}
    .dark_blue{color: var(--dark-blue);}
    
    ul.pagination{display: flex; flex-wrap: wrap; justify-content: center; margin: 6rem 0;}
    ul.pagination li:not(:last-child){margin-right: 0.5rem;}
    ul.pagination li a{text-decoration: none; font-size: 1.4rem; color: var(--dark-gray); padding: 1rem 1.4rem; border-radius: 0.8rem;}
    ul.pagination li a:hover,
    ul.pagination li a.active{background: var(--raw-green); color: var(--white);}
    ul.pagination li a:nth-child(1){border: 0.1rem solid var(--light-gray);}
  
    .trading_coins{
      background: var(--gray-three);
      padding: 8rem 0;
    }
    .trading_coins h2{font-size: 4.2rem; margin: 0 0 4rem 0;}
    .trading_coins ul{display: flex; flex-wrap: wrap;}
    .trading_coins ul li:not(:last-child){margin-right: 1.5rem;}
    .trading_coins ul li{
      background: var(--white);
      flex: 1;
      border-radius: 2rem;
      box-shadow:0 0 3rem rgba(0,0,0,0.05);
      padding: 2.3rem;
    }
    .trading_coins ul li .top_block{margin: 0 0 1.5rem 0;padding: 0; display: flex; flex-wrap: wrap; align-items: center;}
    .trading_coins ul li .top_block .coin{margin-right: 1rem; width: 4rem; height: 4rem;}
    .trading_coins ul li .top_block .coin img{width: 100%; height: 100%;}
    .other_upper_block{flex: 1;}
    .other_upper_block .bottom{display: flex; justify-content: space-between;}
    .other_upper_block .bottom span{font-family: var(--bold); font-size: 1.5rem;}
    .other_upper_block .bottom strong{font-size: 1.4rem;}
    .trading_coins ul li .top_block .others_block{flex: 1; display: flex; justify-content: space-between; margin: 0 0 0.8rem 0;}
    .trading_coins ul li .top_block .others_block span{font-size: 1.4rem;}

    .outer_search_block{
        margin: 0 2rem 0 auto;
        position: relative;
    }
    .search_block{
        border-radius: 3rem;
        border: 0.1rem solid var(--light-gray);
        font-size: 1.4rem;
        height: 4.6rem;
        width: 22rem;
        display: flex;
        align-items: center;
        padding: 0 2rem;
    }
    .search_block i{margin-right: 1.5rem;}
    .search_result{
        background: var(--white);
        width: 30rem;
        height: 40rem;
        border-radius: 1rem;
        position: absolute;
        top: 0;
        right: 0;
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1);
        display: none;
        z-index: 3;
    }
    .search_close{
        background: var(--green-deep);
        width: 3rem;
        height: 3rem;
        display: flex; justify-content: center; align-items: center;
        position: absolute; top: 0.6rem; right: 0.6rem; font-size: 2rem; color: var(--charkol-black); text-decoration: none;
        border-top-right-radius: 1rem; color: var(--white); border-radius: 100%;
    }
    ul.searchsection{display: flex; flex-direction: column; margin:1rem 0 0 0; overflow: auto; height: 32rem;}
    ul.searchsection li a{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding:0.8rem 1rem; text-decoration: none;}
    ul.searchsection li a:hover{background: var(--gray-two);}
    .left{font-size: 1.3rem; display: flex; align-items: center; color:var(--gray-one); font-family: var(--semi);}
    .left span:not(:last-child){margin-right: 1rem;}
    .right{font-size: 1.3rem; color:var(--gray-one);}

  .catdetails_block{
      background: var(--white);
      width: 30rem;
      height: 50rem;
      border-radius: 1rem;
      position: absolute;
      top: 0;
      right: 0;
      box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1);
      display: none;
  }
  .catdetails_block input[type="text"],
  .search_result input[type="text"]{
    background: transparent;
    height: 6rem;
    border-bottom: 0.1rem solid var(--light-gray);
    border-radius: 0;
    padding-right:6rem;
  }
  a.cat_close{
      background: var(--green-deep) !important;
      width: 3rem;
      height: 3rem;
      display: flex; justify-content: center; align-items: center;
      position: absolute; top: 0.6rem; right: 0.6em; font-size: 2rem; text-decoration: none;
      border-top-right-radius: 1rem; color: var(--white) !important;
  }
  ul.catlist{list-style: none; display: flex; flex-direction: column; align-items: flex-start; margin:2rem 0 0 0; height: 40rem; overflow: auto;}
  ul.catlist li a{padding:1rem; font-size: 1.4rem; color: var(--dark-gray); text-decoration: none; background: transparent; border-radius: 0 !important; justify-content: flex-start;}
  ul.catlist li a:hover{background: var(--gray-two);}
  ul.catlist li{margin: 0 !important; width: 100%;}
  
.moretext{display: none; margin-top: 1.5rem; line-height: 2.4rem;}
.moretext a{color: var(--green); text-decoration: underline;}
.moretext a:hover{color: var(--black);}
/***** END MARKET PAGE *****/

/***** DETAILS *****/
.details_wrapper_block{margin: 0; padding:3rem 0 6rem;}
.top_details_section{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10rem;
}
.left_coin_details{flex: 0 0 47rem; margin-right: 10rem;}
.first_block{display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 3rem;}
.first_block img{width: 5.6rem; height: 5.6rem; margin-right: 2rem;}
.first_block h2{font-size: 3.2rem; color: var(--black); font-family: var(--bold); margin-right: 1.5rem;}
.first_block h2 span{text-transform: uppercase; color: var(--dark-gray);}
.rank{border-radius: 3rem; background: var(--gray-two); padding: 0.6rem 1rem; font-size: 1.4rem; font-family: var(--medium);}
.next_block{display: flex; flex-wrap: wrap; align-items: center; margin:0 0 2.5rem 0;}
.next_block h3{font-size: 4.2rem; font-family: var(--regular); margin-right: 2rem;}
.next_block .text-green{background: #F2FDF5; color:#2DA647;}
.next_block .text-danger{background: #FFECEC; color:#FF4A4A;}
.next_block .text-green,
.next_block .text-danger{border-radius: 3rem; padding: 0.8rem 1rem; font-size: 1.6rem; font-family: var(--medium);}
.next_block .text-green i,
.next_block .text-danger i{margin-right: 0.5rem;}
.smalldata{margin-bottom: 4rem;}
.smalldata span:not(:last-child){margin-right: 1.5rem;}
.smalldata span.small{color: #777E90;}
.progress_bar_holder{width: 36.8rem;}
.progress_bar{margin-bottom: 1.4rem;}
.progress_bar progress{
  width: 100%; border: 0; height: 0.8rem; border-radius: 1rem; color: #F6F6F9;
}
progress::-moz-progress-bar {background: #F6F6F9; border-radius: 1rem;}

progress::-webkit-progress-value {
  background:var(--raw-green);
  border-radius: 1rem;
}
progress::-webkit-progress-bar {
  background: #F6F6F9;
  border-radius: 1rem;
}
.progress_bar_text{display: flex; justify-content: space-between;}
.progress_bar_text span{font-size: 1.4rem; font-family: var(--medium);}

.right_coin_details{flex:1; display: flex; flex-wrap: wrap;}
.right_coin_details .block{flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; padding-left: 3rem;}
.right_coin_details .block:first-child{padding-left: 0;}
.right_coin_details .block:not(:last-child){border-right: 0.1rem solid #E4E4E4;}
.right_coin_details .block .subblock{flex-grow: 1; display: flex; flex-direction: column; justify-content: center; padding:2rem 0;}
.right_coin_details .block .subblock span{font-size: 1.4rem; color: #777E90; font-family: var(--medium); margin-bottom: 1.5rem;}
.right_coin_details .block .subblock .twotext{font-size: 1.6rem; color: #16203D; font-family: var(--bold); margin: 0;}

.bottom_chart_section{display: flex; flex-wrap: wrap;}
.left_chart_block{flex: 1; margin-right: 3rem;}
h2.commontitle{font-size:3.2rem; font-family: var(--bold); color: #16203D; margin: 0 0 3rem 0;}

.map_tab_block{display: flex; justify-content: space-between; margin-bottom: 4rem;}
.map_tab_block .left_buttons{
  flex:0 0 33rem;
  background: #F8F8F8;
  border-radius: 3rem;
  padding:0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.map_tab_block .left_buttons button{
  background: transparent;
  flex: 1;
  border-radius: 3rem;
  color: #777E90;
  border: 0;
  outline: none;
  font-size: 1.4rem;
  padding: 1rem;
  transition: all 0.5s;
  cursor: pointer;
  font-family: var(--semi);
}
.map_tab_block .left_buttons button:not(:last-child){margin-right: 0.2rem;}
.map_tab_block .left_buttons button:hover,
.map_tab_block .left_buttons button.active{
  background: var(--white);
  color: var(--black);
}
.map_tab_block .right_buttons{
  flex: 0 0 38rem;
  background: #F8F8F8;
  border-radius: 3rem;
  padding:0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.map_tab_block .right_buttons a{
  flex: 1;
  border-radius: 3rem;
  color: #777E90;
  border: 0;
  outline: none;
  font-size: 1.4rem;
  padding: 1rem;
  transition: all 0.5s;
  cursor: pointer;
  font-family: var(--semi);
  text-decoration: none;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.right_buttons a:hover,
.right_buttons a.active{
  background: var(--white);
  color: var(--black);
}
.map_holder{width: 76rem;}
.right_datablock{flex: 0 0 37rem;}
.inner_holder{
  background: #FAFAFA;
  border-radius: 2rem;
  padding:3rem 2.4rem;
}
.inner_holder h4{
  font-size: 1.4rem;
  color: #777E90;
  margin: 0 0 4rem 0;
}
.inner_holder ul{list-style: none;}
.inner_holder ul li:not(:last-child){margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 0.1rem solid #E4E4E4;}
.inner_holder ul li span{font-size: 1.4rem;}
.inner_holder ul li{display: flex; flex-wrap: wrap; justify-content: space-between; color: #777E90; font-family: var(--medium);}
.inner_holder ul li span.dark{color: var(--black);}

.bred_nav{margin-bottom:5rem; font-size: 1.4rem; color: var(--black); font-family: var(--semi);}
.bred_nav span{padding: 0 0.8rem;}
.bred_nav a{color:#777E90; text-decoration: none;}
/***** END DETAILS *****/

  @media only screen and (max-width:767px){

    .mobile_nav{width: 3rem;  margin: 0 0 0 auto; display: block;}
    .mobile_nav span {
        background: var(--charkol-black);
        width: 100%;
        height: 0.4rem;
        display: block;
    }
    .mobile_nav span:not(:last-child){margin-bottom: 0.5rem;}
    .close{
      background: var(--black);
      position: absolute;
      display: flex !important;
      justify-content: center;
      align-items: center;
      width: 4rem;
      height: 4rem;
      top: 0;
      right: 0;
      color: var(--white);
      font-size: 2rem !important;
      text-decoration: none;
    }
    header nav{
        position: fixed;
        right: -1200px;
        top: 0;
        width: 100%;
        height: 100vh;
        overflow: auto;
        background: var(--white);
        z-index: 99;
        padding: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    nav ul{
      flex-direction: column;
      margin-top: 5rem;
    }
    nav ul li:not(:last-child){margin:0 0 1.5rem 0;}
    nav ul li a{display: block;}
  
  header a.logo{flex: 0 0 12rem;}
  header a.button{height: 4rem; padding: 0 1em; justify-content: center; align-items: center; display: flex;}
  .banner_text_wrapper{padding: 3rem 0 12rem;}
  .banner_text_wrapper h1{font-size: 4rem; line-height: 6rem;}
  .banner_text_wrapper h2{font-size: 6rem; margin-top: 0; margin-bottom: 2rem;} 
  .banner_text_wrapper p br{display: none;}
  .center_hero{margin:-10rem auto 0;}
  .advantage_wrapper h2{font-size: 4rem; line-height: 4.5rem;}
  .video_area .topcoin{width: 12rem; left: -2.5rem; top: -3rem;}
  .video_area .bottomcoin{width: 8rem; bottom: 1rem; right: 0rem;}
  
  .blocks_section{margin: -5rem auto 0; padding: 5rem 0;}
  .blocks_section .inner{grid-template-columns: repeat(1, 1fr); padding: 0;}
  .blocks_section .inner .block{padding: 2.5rem;}
  .blocks_section .inner .block .iconblock{margin-bottom:1rem;}
  .blocks_section .inner .block h2{font-size: 2rem; margin: 0 0 1.5rem 0;}
  
  .find_the_best_wrapper{padding: 5rem 0;}
  .find_the_best_wrapper h2 br{display: none;}
  .find_the_best_wrapper h2{font-size: 3.5rem; width: auto; line-height: 4.2rem; margin-bottom: 13rem;}
  .coin5,.coin6,.coin3,.coin4{display: none;}
  
  .find_the_best_wrapper .inner_block{flex-direction: column; padding: 4rem 2.5rem;}
  .find_the_best_wrapper .inner_block .left_block{margin: 0 0 3rem 0;}
  .find_the_best_wrapper .inner_block .left_block .lap_block{width: auto; height: auto; margin: -13.9rem auto 0;}
  .coin7{top: 10rem; right: -8.3rem; width: 15rem;}
  
  .find_the_best_wrapper .inner_block .left_block .info_text h2{text-align: center; font-size: 4rem; line-height: 4.5rem; margin: 0 0 2rem 0;}
  .find_the_best_wrapper .inner_block .left_block .info_text p{padding: 0; text-align: center; margin-bottom: 2rem;}
  .find_the_best_wrapper .inner_block .left_block .info_text a{margin: 0 auto;}
  
  .find_the_best_wrapper .inner_block .right_block .semi_block span,
  .find_the_best_wrapper .inner_block .right_block .semi_block h3{margin-bottom: 1rem;}
  .find_the_best_wrapper .inner_block .right_block .semi_block h3{font-size: 2rem;}
  .find_the_best_wrapper .inner_block .right_block .semi_block:not(:last-child){margin-bottom: 2rem;}
  
  .signup_wrapper{padding:5rem 0;}
  .signup_wrapper h2{text-align: center; font-size: 4rem; line-height: 4.5rem; margin-bottom: 2rem;}
  .inner_frm{width: auto; padding: 0 2rem;}
  .inner_frm .block:not(:last-child){margin-bottom: 1.5rem;}
  
  footer{padding: 2rem 0;}
  footer .top_section{flex-direction: column; align-items: center; justify-content: center; margin-bottom: 4rem;}
  footer .top_section .flogo{margin-bottom: 1rem;}
  footer .top_section ul{flex-direction: column; justify-content: center; align-items: center;}
  footer .top_section ul li:not(:last-child){margin:0 0 1.5rem 0;}
  
  footer .bottom_section{flex-direction: column-reverse; justify-content: center; align-items: center;}
  
  .simple_wrapper{padding:3rem;}
  
  .video-play-button:before,
  .video-play-button:after{width: 60px; height: 60px;}
  .video-play-button span{
    border-left: 20px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
  }
  .video-play-button{display: flex; justify-content: center; align-items: center; top: 50%;}
  
  .video_area{height: 23rem;}
  
  .video-overlay p{width:100%; height: 22rem; margin: 0;padding: 0;}
  .video-overlay p iframe{width:100%; height: 100%;}

  .tabular_data{overflow: auto;}
  .market_title_block{flex-direction: column; align-items: center;}
  .market_title_block h1{margin-bottom: 2rem; font-size: 3rem; line-height: 4rem; text-align: center;}
  .sub_title{text-align: center; line-height: 2.6rem;}
  .highlight_block{flex-direction: column;}
  .highlight_block .block:not(:last-child){border-right: 0; border-bottom: 0.1rem solid var(--light-gray);}
  .highlight_block .block{padding: 1.5rem 2rem;}
  .crypto_block_bottom{margin-top: 2rem;}
  .crypto_block_bottom nav{flex-direction: column;}
  .crypto_block_bottom nav ul.left_nav{flex-direction: row; flex-wrap: nowrap; overflow: auto; width: 34rem; margin-top: 2rem;}
  .crypto_block_bottom nav ul.left_nav li,
  .crypto_block_bottom nav ul.left_nav li a{white-space: nowrap;}
  .crypto_block_bottom nav ul.left_nav li:not(:last-child){margin-bottom: 0;}
  .crypto_block_bottom nav ul.right_nav{margin-top: 2rem;}
  .catdetails_block{left:-8rem; right: 0; margin: 0 auto;}
  .trading_coins ul{flex-direction: column;}
  .trading_coins ul li:not(:last-child){margin-right: 0; margin-bottom: 1.5rem;}
  .outer_search_block{margin:0 0 0 auto;}
  .search_block{width: 15rem;}  

.top_details_section{flex-direction: column; align-items: unset; margin-bottom: 2rem;}
.left_coin_details{flex: 1; margin: 0 0 2.5rem 0;}
.right_coin_details{flex-direction: column;}
.right_coin_details .block:not(:last-child){
  border-right: 0;
  border-bottom: 0.1rem solid #E4E4E4;
}
.right_coin_details .block{padding: 0;}
.map_holder{width: 100% !important;}
.map_holder svg{width: 100% !important;}
.progress_bar_holder{width: auto;}
.first_block h2{font-size: 2rem;}
.first_block img{width: 3rem; height: 3rem; margin-right: 1rem;}
.first_block{margin-bottom: 1.5rem;}
.smalldata{margin-bottom: 2rem;}
.smalldata .text-normal{display: flex; flex-wrap: wrap; justify-content: space-between;}
.right_datablock{flex: 1;}
.right_coin_details .block .subblock:not(:last-child){padding-bottom: 2rem; border-bottom: 0.1rem solid #E4E4E4;}
.map_tab_block{width: 32rem; margin: 0 auto 2rem;}
.map_tab_block .right_buttons{flex: 1; overflow: auto; flex-wrap: nowrap;}
.map_tab_block .right_buttons::-webkit-scrollbar{display: none;}
h2.commontitle{font-size: 2.5rem;}
.bottom_chart_section{flex-direction: column;}
.left_chart_block{margin: 0 0 3rem 0;}
.right_coin_details .block .subblock .twotext{font-size: 2rem;}
.right_coin_details .block .subblock span{font-size: 1.6rem;}
}
  
  @media only screen and (min-width:768px) and (max-width:1023px){
    .banner_text_wrapper{padding-bottom:22rem;}
    .banner_text_wrapper h1{font-size: 6rem;}
    .banner_text_wrapper h2{margin-top: 1rem;}
    .center_hero{margin: -20rem auto 0;}
    .blocks_section .inner{padding: 0;}
    .blocks_section{padding: 5rem 0;}
    .blocks_section .inner .block{padding: 2.5rem;}
    .blocks_section .inner .block h2{font-size: 1.8rem; margin-bottom: 1rem;}
    .blocks_section .inner .block .iconblock{margin-bottom: 1rem;}
    .blocks_section .inner .block p{font-size: 1.5rem;}
  
    .find_the_best_wrapper{padding: 5rem 0;}
    .find_the_best_wrapper h2 br{display: none;}
    .find_the_best_wrapper h2{font-size:5rem; line-height: 5.5rem; margin-bottom: 13rem;}
    .coin5,.coin6,.coin3,.coin4{display: none;}
    
    .find_the_best_wrapper .inner_block{flex-direction: column; padding: 4rem 2.5rem;}
    .find_the_best_wrapper .inner_block .left_block{margin: 0 0 5rem 0;}
    .find_the_best_wrapper .inner_block .left_block .lap_block{margin: -13.9rem auto 0;}
    .coin7{top: 10rem; right: -8.3rem; width: 15rem;}
    
    .find_the_best_wrapper .inner_block .left_block .info_text h2{text-align: center; font-size: 4rem; line-height: 4.5rem; margin: 0 0 2rem 0; display: flex; justify-content: center; align-items: center; width: auto;}
    .find_the_best_wrapper .inner_block .left_block .info_text h2 span{margin: 0 0 0 1rem;}
    .find_the_best_wrapper .inner_block .left_block .info_text p{padding: 0; text-align: center; margin-bottom: 2rem;}
    .find_the_best_wrapper .inner_block .left_block .info_text a{margin: 0 auto;}
    
    .find_the_best_wrapper .inner_block .right_block{display:flex; flex-wrap: wrap;}
    .find_the_best_wrapper .inner_block .right_block .semi_block{flex:1;}
    .find_the_best_wrapper .inner_block .right_block .semi_block span,
    .find_the_best_wrapper .inner_block .right_block .semi_block h3{margin-bottom: 1rem;}
    .find_the_best_wrapper .inner_block .right_block .semi_block h3{font-size: 2rem;}
    .find_the_best_wrapper .inner_block .right_block .semi_block:not(:last-child){margin:0 2rem 0 0; padding: 0 2rem 0 0; border-right: 1px solid var(--white);}
    
  
  .video-overlay p{width:100%; height: 45rem; margin: 0;padding: 0;}
  .video-overlay p iframe{width:100%; height: 100%;}

  .tabular_data{overflow: auto;}
  .crypto_block_bottom nav{display: flex; flex-direction: column; justify-content: center; align-items: center;}

  .top_details_section{flex-direction: column; align-items: unset;}
  .left_coin_details{flex: 1; margin: 0 0 4rem 0;}
  .map_holder{width: 100% !important;}
.map_holder svg{width: 100% !important;}
.bottom_chart_section{flex-direction: column;}
.left_chart_block{margin: 0 0 3rem 0;}

  }
  
  @media only screen and (min-width:1024px) and (max-width:1200px){
    .blocks_section{padding:6rem 0;}
    .find_the_best_wrapper .inner_block{padding: 6rem;}
    .find_the_best_wrapper .inner_block .left_block .lap_block{width: 50rem;}
    .find_the_best_wrapper .inner_block .left_block .info_text p{padding: 0;}
    .find_the_best_wrapper{padding:6rem 0;}
    .find_the_best_wrapper h2{font-size: 5rem; line-height:6rem;}
    .find_the_best_wrapper .inner_block .left_block{margin-right: 5rem;}
    .find_the_best_wrapper .inner_block .left_block .info_text h2{width: auto;}
    .coin3 {top: -24.8rem;right: 10rem;}

    .left_coin_details{flex: 0 0 37rem; margin-right: 4rem;}
    .first_block h2{font-size: 2.5rem;}
    .first_block img{margin-right: 1rem; width: 4rem; height: 4rem;}
    .smalldata{margin-bottom: 1rem;}
    .map_holder{width: 56rem;}
  }