/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/*//////////////////////////////////////////////*/
/*//--Oronow --//////////////////////////*/
/*//////////////////////////////////////////////*/

/* */
.quotation-block-weight{
	max-width: 700px;
    margin: 0 auto;
}
.quotation-block-weight .weight-block-title{
	text-align: center;
}
.quotation-block-weight .weight-block-title span{
	width:100%;
	display:block;
}

#oronow-main-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	text-align: center;
	max-width: 1200px;
    margin: 0 auto;
}

#oronow-main-container .gold-container,
#oronow-main-container .silver-container {
	-webkit-box-flex: 1 0 50%;
	-webkit-flex: 1 0 50%;
	-ms-flex: 1 0 50%;
	flex: 1 0 50%;
	max-width: 50%;
	box-sizing: border-box;
}

#oronow-main-container .gold-container 		{padding-right: 50px;}
#oronow-main-container .silver-container 	{padding-left: 50px;}

#oronow-main-container h3 {
	text-transform: uppercase;
}

/*//--//*/

#oronow {
	color: #000000;
}
.quotation-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	padding: 0 50px;
	box-sizing: border-box;
	text-transform: uppercase;
}
.user_quotation {
	position: relative;
	box-sizing: border-box;
	padding: 35px;
	-webkit-box-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	max-width: auto;
	width: 100%;
}
.gold-container .quotation-block-title		{color: #fff700;}
.silver-container .quotation-block-title	{color: #c4c4c4;}
.gold-container .user_quotation 			{background: #fff700;}
.silver-container .user_quotation 			{background: #c4c4c4;}

.user_quotation + .user_quotation + .user_quotation {
	border-left: 0;
}

.quotation-title span,
.currency {
	display: none;
}

.quotation-title,
.value,
.currency {
	font-weight: 900;	
}

/*//--Featured value--//*/



#oronow-fixed {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	z-index: 1000;
	border: 3px solid #000000;
}

#oronow-fixed #oronow-main-container .gold-container, 
#oronow-fixed #oronow-main-container .silver-container {
	-webkit-box-flex: 1 0 100% ;
	-webkit-flex: 1 0 100% ;
	-ms-flex: 1 0 100% ;
	flex: 1 0 100% ;
	max-width: 100% ;
	padding: 5px;
}

#oronow-fixed .quotation-incipit {
	display: none;
}

#oronow-fixed #oronow-main-container .gold-container {background: #fff700;border-bottom: 3px solid #000000;}
#oronow-fixed #oronow-main-container .silver-container {background: #c4c4c4;}

#oronow-fixed .user_quotation {
	border: 0;
	padding: 0;
}

#oronow-fixed .user_quotation:first-child .quotation-total .value {
	font-size: 30px;
	line-height: 30px;
}

#oronow-fixed .user_quotation:first-child .quotation-title {
	font-size: 12px;
	line-height: 12px;
	top: auto;
	left: 0;
	bottom: 0;
	padding: 5px;
}

#oronow-fixed .quotation-total {
	display: inline-block;
}


.oronowMessageFixed {
    position: absolute;
    left: -3px;
    top: -3px;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    background: #000000;
    border: 3px solid rgba(255, 247, 0, 1);
    box-sizing: border-box;
    color: rgba(255, 247, 0, 1);
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    line-height: 25px;
    padding: 0 35px;
    opacity: 0;
    transition: all 0.3s;
}

#oronow-fixed:hover .oronowMessageFixed {
	opacity: 1;
}

.siteContent {
	position: relative;
}

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

}

@media screen and (max-width: 768px) {
	
}

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

}

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

}