/*
Theme Name: Cryptop (Child Theme)
Description: ICO Landing and CryptoCurrency WordPress Theme
Theme URI: http://cryptop.cwsthemes.com/
Author: CWSthemes
Author URI: http://themeforest.net/user/creativews
Version: 1.0.0
License: Envato full licence agreement - https://themeforest.net/licenses/terms/regular
License URI: https://themeforest.net/licenses
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: cryptop
Template: cryptop

*/ 

/* =Theme customization starts here
-------------------------------------------------------------- */
input{
    color:#fff;
}
.txt-white{
    color:#fff!important;
}
.txt-yelow{
    color:#fece42;
}

.dark h3{
    color:#fff;
}
.dark h5 {
    color:#E34965;
}
.title_box .page_title .container .title h1{
    font-weihgt:600!important;
}
h1 {
    font-size: 3.1em;
}

.page_title .title{
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: ScaleTitle;
    animation-name: ScaleTitle;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    /*-webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;*/
}
.hover-top{
    box-shadow:0px 3px 16px rgba(0,0,0,.23);
    box-shadow:0px 3px 16px rgba(0,0,0,.23);
}

.hover-top:hover{
    webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow:0px 3px 16px rgb(12,81,172, .23);
    -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
}
.btn-register{
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 9px 25px;
    background-color: #E34965;
    -webkit-animation: color-up 1.23s ease-in-out infinite alternate-reverse both;
    animation: color-up 1.23s ease-in-out infinite alternate-reverse both;
}
.btn-register:hover{
    animation:none;
    background-color:#9e2d42;
    webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    box-shadow: 0px 3px 16px 0px rgba(22, 20, 20, 0.22);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color:#fff!important;
    font-weight:bold;
}

.minh-50{
    min-height:300px;
}
input:-internal-autofill-selected {
    appearance: menulist-button;
    background-color:rgb(12, 81, 172, 0.2);
    background-image: none !important;
    color: #fff !important;
}

.cws_service_module .service_info_wrapper .service_title{
    font-weight:600;
}
.mh-50{
    min-height:350px;
}
.img-up-down{
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: MoveUpDown;
    animation-name: MoveUpDown;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.profile-tab {
    background-color: rgba(12,81,172,0.23);
    border-radius: 15px;
    color: #fff;
    box-shadow:0px 3px 16px rgba(0,0,0,0.23);
}
.vc_tta-tab{
    color:#fff!important;
}
.vc_tta-tab.vc_active{
    color:#E34965!important;
}
.vc_tta-panel.vc_active.profile-tab{
    background-color: rgba(12,81,172,0.23);
    border-radius: 15px;
    color: #fff;
    box-shadow:0px 3px 16px rgba(0,0,0,0.23);
}
.vc_tta-title-text{
    color:#fff;
}
.mobile_menu_search{
    display:none!important;
}


footer {
    text-align: center;
    padding-right:5%;
    padding-left:5%;
}

footer .logo-list {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

footer .logo-list img {
    height: 2rem;
    width: auto;
    margin: 0 2rem;
}
table {
   margin: auto;
    border-collapse: collapse;
    margin-bottom:20px;
    max-width: 100%;
    font-size: 14px;
    width: fit-content;
    width:100%;
    border:none;
  }
  
tr th, tr td {
    border-collapse: collapse;
    border-bottom: 0.5px solid #F3F3F3;
    padding: 10px;
    border: none;
}
td, th {
    border-bottom: solid #f9f9f9 0.5px;
    padding: .8rem;
    padding-top:1rem;
    padding-bottom:1rem;
    color:#fff;
  }
th {
    text-align: left;
    background-color: rgba(12,81,172,0.23);
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    color:#fff;
  }
 tr:nth-child(even){background-color: rgba(12,81,172,0.33);}
 thead tr:hover{
    transform: none;
    box-shadow: none;
  }
  tr:hover{
    transform: scale(1.02);
    box-shadow: 0 3px 3px rgba(0,0,0,.05);
    background-color:rgba(12,81,172,0.33);
  }
  tbody tr:hover {
      background-color:rgba(12,81,172,0.33);
  }
      
  
  
.menu_box .container .header_nav_part .main-nav-container .menu_box_wrapper .main-menu > .menu-item:not(:first-child) {
    margin-left: 35px;
}
.cws_banner_module .banner_button_wrapper .cws_custom_button{
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: ScaleUp;
    animation-name: ScaleUp;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.popup-smart{
	z-index: 999;
    position: absolute;
    width: 100%;
    height: 10px;
    position: fixed;
}
#modal-smart {
	background: rgba(26, 39, 111, 0.96);
	position: fixed;
	display: none;
	z-index: 5000;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
#modal-smart .inner-modal{
	max-width: 600px; 
		width: 70%; 
		position: fixed;
		transform: translate(-50%, -50%);
  		left: 50%;
	   top: 50%;
		max-height: calc(100vh - 50px);
    overflow-y: auto;
		padding: 30px;
		z-index: 5001;
		text-align: center;
		
}

#btn-modal-demo{
    color:#fff;
    border: 1px solid #E34965;
    background-color: rgba(254,206,66,0.01);
}
#btn-modal-demo:hover{
    color:#fff;
    border: 2px solid #E34965;
    background-color: #E34965;
}
#btn-modal-live{
    color:#fff;
    border: 1px solid #E34965;
    background-color: #E34965;
}
#btn-modal-live:hover{
    color:#fff;
    border: 2px solid #E34965;
    background-color: #E34965;
}
.vc_tta-tab.vc_active .vc_tta-title-text{
    color: #ffffff!important;
}
.service-hover:hover .service_title{
    color:fece42;
}
.service-hover:hover{
     webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


 @media (max-width: 800px) {
    table {
      white-space: nowrap;
      font-size: 0;
      width: fit-content;
      display: flex;
    }

    table * {
      font-size: 1rem;
    }
    tbody {
      display: flex;
    }
    tr {
      display: flex;
      flex-direction: column;
    }
    tr:hover{
        transform: none;
    box-shadow: none;
    background-color:rgba(12,81,172,0.23)
    }

    th, td {
      padding: .25rem;
      flex: 1 1;
    }
    td {
      white-space: nowrap;
    }
    thead {
      position: sticky;
    }
    tbody {
      overflow-x: auto;
    }
  }
 @media (max-width: 767px) {
    .cws_textmodule .cws_textmodule_title {
         font-size: 35px;
    }
    .cws_textmodule_5fa175dbf0d9a .cws_textmodule_title {
    font-size: 35px;
    }
    .menu_box .container .header_nav_part .main-nav-container .menu_box_wrapper .main-menu > .menu-item:not(:first-child) {
    margin-left: 0px;
    }
    
    .title_box .page_title .title h1 {
    font-size: 32px;
    }
    .mobile_menu_search{
    display:none!important;
    }
    .m-mt-50{
        margin-top:50px;
    }
}

@-webkit-keyframes color-up {
  0% {
    background-color: rgba(158, 46, 108, 0.3);
            
  }
  100% {
    background-color: rgba(254, 66, 144, 0.8);
  }
}
@keyframes scale-up-center {
  0% {
   background-color: rgba(254,46,108,0.3);
  }
  100% {
    background-color: rgba(254,66,144,0.8);
  }
}

@keyframes MoveUpDown {

    0%,
    100% {
        transform: translateY(0px);
    }

    20%,
    80% {
        transform: translateY(10px);
    }

    60% {
        transform: translateY(20px);
    }
}
@keyframes ScaleUp {

    0%,
    100% {
        transform: scale(1.00);
    }

    20%,
    80% {
        transform: scale(1.02);
    }

    60% {
        transform: scale(1.06);
    }
}
@keyframes ScaleTitle {

    0%,
    100% {
        transform: scale(1.00);
    }

    20%,
    80% {
        transform: scale(1.17);
    }

    60% {
        transform: scale(1.25);
    }
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], .wpcf7-select, textarea {
    background-color:rgb(12, 81, 172, 0.2);
    border:1px solid rgb(12, 81, 172);
    transition: all .28s ease-out;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, .wpcf7-select:focus, textarea:focus {
    color: #fff;
    background-color:rgb(12, 81, 172, 0.6);
    border:1px solid #E34965;
    transition: all .28s ease-out;
}