/*Version: 1.2*/
*{
    box-sizing: border-box;
}
body{
    margin: 0;
    padding: 0;
}
.ccpw_pro_container {
	width: 1170px;
	margin: 0 auto;
    padding-top: 10px;
}
.your_logo img {height: auto; max-width: 500px;}
.widget-price {
	position: relative;
	margin-bottom: 5px;
    border-bottom: #ddd 1px solid;
}
.price-item {
	text-align: center;
    margin-top: 40px;
    padding-bottom: 40px;
}
.coin-thumb {
	float: left;
	position: relative;
	vertical-align: middle;
    width: 80px;
}
.coin-thumb img {
	border-radius: 50%;
}
.price {
    display: inline-flex;
    flex-flow: row nowrap;
    width: calc(100% - 100px);
    justify-content: center;
}
.ccpw_pro_con_inner .up, .pct-change.pct-up {
    color: #0f0;
}
.ccpw_pro_con_inner .down, .pct-change.pct-down {
    color: red;
}
.ccpw_pro_con_inner{
    padding-right: 30px;
    position: relative;
    display: inline-block;
}
.pct-change.pct-up{
    background: url(../images/up-arrow.png) no-repeat left center / 30px;
}
.pct-change.pct-down{
    background: url(../images/down-arrow.png) no-repeat left center / 30px;
}
@keyframes loader{
    0%{
        opacity: 1;
    }
    99%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.trend-percent .pct-change{
    padding-left: 40px;
    display: block;
}
.price-value {
	position: relative;
}
.price-value {
	display: inline-block;
	font-size: 80px;
    width: 100%;
    text-align: center;
}
.price-trend {
	position: absolute;
	right: 50px;
	top: 0;
	font-size: 49px;
	text-align: center;
	width: 200px;
}
.price-trend {
	display: inline-block;
	font-size: 60px;
	margin-left: 30px;
	margin-bottom: 0;
	vertical-align: top;
	font-weight: 700;
}
.coin-info {
	display: inline-flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    margin-top: 10px;
}
.coin-info > div{
    width: 100%;
    border: transparent solid;
    border-width: 0 0 0 1px;
}
widget-price2 .coin-info {
    margin-top: 0
}

.history-label {
	padding-left: 5px;
	padding-right: 5px;
	line-height: 35px;
	font-size: 22px;
	font-weight: 400;
}
.history-value {
	line-height: 20px;
	padding: 2px;
	font-size: 20px;
}
.site_url{clear: both; text-align: center; letter-spacing: 1px; font-weight: bold; font-size: 20px; margin: 0 auto; margin-bottom: 10px; background: #0074b6; padding: 8px; text-transform:uppercase;}


.price-item-inner{
    display: inline-flex;
    align-items: center;
    width: 100%;
}
select:focus{
    outline: none;
}
.currency_dropdown select{
    min-width: 90px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background: #fff url('../images/select-arrow.png') no-repeat calc(100% - 10px) 50%/10px;
    border: #ccc 1px solid;
    height: 30px;
    border-radius: 50px;
    padding: 0 20px 0 15px;
    cursor: pointer;    
}
.price-binding p{
    margin: 0;
}
.ccpw_pro_con_img{
    max-width: 30px;
    position: absolute;
    bottom: 20px;
    right: 0;
    display: none;
    animation: loader 1.5s linear;
    animation-fill-mode: both;
}
.up_img_class .ccpw_pro_con_img.up_load_img{
    display: block;
}
.down_img_class .ccpw_pro_con_img.down_load_img{
    display: block;
}


/*widget 2*/
.widget-price2 .price-item{
    display: inline-flex;
    width: 100%;
    align-items: center;
}
.widget-price2 .price-trend{
    position: static;
    font-size: 40px;
    width: auto;
}
.widget-price2 .price-value{
    font-size: 60px;
    width: auto;
}
.widget-price2 .price{
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding-right: 30px;
}
.widget-price2 .coin-info{
    flex-wrap: wrap;
    text-align: left;
    max-width: 40%;
}
.widget-price2 .coin-info > div + div {
    border: 0;
    border-top: #ddd 1px solid;
    padding-top: 10px;
}
.widget-price2 .history-item{
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding-bottom: 10px;
}
.widget-price2 .history-item:last-child{
    padding-bottom: 0;
}
.widget-price2 .ccpw_pro_con_img{
    max-width: 25px;
    bottom: 15px;
}
.widget-price2 .history-label{
    font-weight: bold;
    padding-right: 15px;
}

@media screen and (max-width:1200px){    
    .ccpw_pro_container{ width: 100%; padding: 15px;}
    .price-value{ font-size: 80px;}
    .price-item-inner{ margin-bottom: 10px;}
}
@media screen and (max-width:1025px){
    .widget-price2 .price-value{ font-size: 36px;}
    .widget-price2 .price-trend{ font-size: 26px; margin-left: 10px;}
    .widget-price2 .price{ justify-content: space-evenly;}
    .currency_dropdown{ padding-right: 15px;}
    .ccpw_pro_container{ width: 100%; padding: 15px;}
    .widget-price2 .coin-info{ max-width: 45%;}
    .history-label{ font-size: 18px;}
    .history-value{ font-size: 16px;}
    .price-item{ margin-top: 25px; padding-bottom: 25px;}
    .price-value { font-size: 50px;}
    .price-trend{ font-size: 40px; position: static;}
    .widget-price2 .price-value{ font-size: 28px;}
    .widget-price2 .ccpw_pro_con_img{ bottom: 5px;}
    .widget-price2 .coin-thumb img{ max-width: 50px;}
}
@media screen and (max-width:767px){
    .widget-price2 .price-item{ flex-wrap: wrap; padding-bottom: 0;}
    .widget-price2 .coin-info{ max-width: 100%; padding: 10px 0; width: 100%;}
    .site_url{ font-size: 16px; letter-spacing: 1px;}
    .widget-price2 .history-item{ justify-content: center;}
    .trend-percent .pct-change{ background-size: 25px;}
    .widget-price2 .ccpw_pro_con_img{ bottom: 10px;}
    .price{ flex-wrap: wrap;}
    .ccpw_pro_con_inner{ margin: 0}
    .price-trend{ margin: 0; font-size: 36px; width: auto}
    .price-value { font-size: 40px;}
    .your_logo img{ max-width: 300px;}
}
@media screen and (max-width:600px){
    .history-value { font-size: 14px;}
    .history-label { font-size: 16px;}
    
}
@media screen and (max-width:480px){
    .your_logo img{ max-width: 150px;}
    .price-item-inner{ flex-wrap: wrap;}
    .coin-thumb{ flex: none; margin: 0; margin-bottom: 10px;}
    .widget-price2 .price-value{ font-size: 26px;}
    .widget-price2 .price-trend{ font-size: 20px;}
    .trend-percent .pct-change{ background-size: 20px; padding-left: 25px;}
    .widget-price2 .ccpw_pro_con_img{ bottom: 5px;}
    .widget-price{ margin-bottom: 20px;}
    .coin-info{ flex-wrap: wrap;}
    .coin-info > div { padding: 10px 0;}
    .coin-info > div + div{ border-width: 1px 0 0 0;}
    .history-value { font-size: 16px;}
    .history-label { font-size: 18px;}
    .coin-thumb img{ max-width: 50px;}
    .price-value { font-size: 30px;}
    .price-trend{ font-size: 24px;}
    .ccpw_pro_con_img{ bottom: 10px; max-width: 20px;}
    
}