/*
Theme Name:     CashForCoins
Theme URI:      https://wordpress.org/themes/twentynineteen/
Description:    CashForCoins Child Theme
Author:         the WordPress team
Author URI:     https://wordpress.org/
Template:       twentynineteen
Text Domain: twentynineteen
Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
/*
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
*/
body, p {
	font-display: swap;
	font-family: 'Open Sans', sans-serif;
	font-size:1.1em;
	color:#000;
}

div p {
	margin: 15px 0px;
}

.border {
	border: 1px solid red;
}
.addpadding {
	padding: 10px;
}
.nopadding {
	padding: 0px;
	margin: 0px;
}

.ClassVerdana {
	font-display: swap;
	font-family: Verdana, 'Open Sans', sans-serif;
}
.ClassOpenSans {
	font-display: swap;
	font-family: 'Open Sans', sans-serif;
}
.ClassMerriweather {
	font-display: swap;
	font-family: 'Merriweather', serif;
}

.weight400 {
	font-display: swap;
	font-weight:400;
}
.weight500 {
	font-display: swap;
	font-weight:500;
}
.weight600 {
	font-display: swap;
	font-weight:600;
}
.weight700 {
	font-display: swap;
	font-weight:700;
}
.weight800 {
	font-display: swap;
	font-weight:800;
}
.weight900 {
	font-weight:900;
}

.bggray {
	background: #f5f5f5;
	padding:20px;
}

.maroontext {
	color: #ad1b1b;
}

.greentext {
	color: #2eb740;
}

.blacktext {
	color: #000;
}

.graytext {
	color: #676767;
}

.redtext {
	color: #ff0000;
}

.whitetext {
	color: #FFFFFF;
}

.orangetext {
	color: #f7921a;
}
.orangetext2 {
	color: #bf8504;
}

.smalltext {
	font-size: 0.7em;
}

.smallertext {
	font-size: 0.9em;
}

.selectpara {
	color: #727272;
	font-size: 18px;
}

.ratetext-silver {
	color: #727272;
	font-size:22px;
	line-height:34px;
}

.ratetext-gold {
	color: #e6b039;
	font-size:22px;
	line-height:34px;
}

.rightgreenarrow {
	position:relative;
	top: 8px;
	left:-10px;
	font-size: 2.5em;
	font-weight:700;
}

.phone-bar {
	background:#2eb740;
}
.phone-bar h4 {
	font-size:1.2em;
}
.phone-bar a {
	color:#FFF;
	border-bottom:1px solid #FFFFFF;
}

.head{
	background:#f6f6f6;
}

.head a {
	color: #33334a;
}

.head-welcome {
	padding:10px;
	font-display: swap;
	font-family: Verdana, Arial;
	font-size: 14px;
	color: #33334a;
	font-weight:600;
}
.head-welcome em {
	color: #ff0000;
	text-decoration:underline;
}
.topicons {
	min-width: 37px;
	min-height: 37px;
}
.spotprice {
	padding:10px;
}

.head-nav {
	background: #333333;
	max-height: 50px;
}
.head-transactions {
	background: #ffcc00;
	color:#000;
}
.head-offers {
	background-image: url("images/bg_transactions.png");
	background-position: center center;
	min-height: 75px;
}
.offer1 {
	background: #ebebeb;
}
.offer2 {
	background: #cecece;
}
.offer3 {
	background: #b0b0b0;
}
.head-offers h2 {
	color: #c12a0b;
	padding:0px;
	margin-top:0px;
}
h1:not(.site-title):before, h2:before {
	background: transparent;
}

.breadcrumbs {
	background: #f6f6f6;
	border-bottom:1px solid #dddddd;
	padding: 10px;
	color:#515151;
	font-size:18px;
}
.breadcrumbs a {
	color:#515151;
}

.head-hero {
	background-image: url("images/herobg.jpg");
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	height: 500px;
	color: #fff;
}
.head-hero h1{
	margin-top:30px;
	font-size: 50px;
	letter-spacing:2px;
}
.head-hero h2{
	margin-top:-10px;
	color: #ffcc00;
	line-height:50px;
}
.head-hero p {
	font-size: 16px;
	color:#fff;
}
.head-hero .bullets {
	padding: 5px;
}

#content {
	min-height:500px;
}

nav {
	margin-top: -1px;
}

nav a {
	color:#fff;
}
#main-nav .nav>li>a {
    padding: 15px 10px;
}
/*
#main-nav .nav>li:last-child>a {
    padding: 15px 20px 15px 10px;
}
*/
.navbar-nav>li>a {
	font-display: swap;
	text-transform: uppercase;
	font-family: Verdana, 'Open Sans', sans-serif;
	font-weight:400;
	font-size:12px;
	letter-spacing:1px;
	text-shadow: 0 1px 0 rgba(255,255,255,.25);
}
.navbar-nav>li a:after {
    content: " | ";
    position: absolute;
    padding-left: 7px;
}

.navbar-nav>li:last-child a:after {
    content: "";
    display: none;
}

#MyNav .navbar-nav>li>a:hover, #MyNav .navbar-nav>li>a:active, #MyNav .navbar-nav>li>a:visited {
	color: #FFF;
	background: #2eb740;
}
nav .current-menu-item a {
	color: #f59604;
}
/*
.navbar-nav>li:last-child a {
	padding: 15px 25px 15px  15px ;
}
.navbar-nav>li:last-child a:after {
    content: "";
    width: 10px;
    height: 5px;
    background-image: url("images/arrowd.png");
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
    top: 22px;
    right: 5px;
    position: absolute;
    display: inline-block;
}

nav .spotprices-menu {
	position: absolute;
	left:600px;
	width:200px;
	z-index:9999;
	margin:0px;
	padding:0px;
	background: #2eb740;
	display:none;
}
nav .spotprices-menu .row a{
	padding: 10px 20px 10px 20px;
	display:block;
}
nav .spotprices-menu .row a:hover{
	color: #333;
	text-decoration:none;
	background: #fff;
}
*/
.tab-dealer {
	background: #f7921a;
	height:50px;
	cursor:pointer;
	font-weight:700;
}
.tab-sale, .tab-sellnow {
	background: #2eb740;
	border-left:1px solid #fff;
	cursor:pointer;
	height:50px;
	font-weight:700;
}
.tab-sellnow {
	border-right:1px solid #fff;
}
.tab-dealer a {
	color:#fff;
	padding: 10px 5px;
	display:block;
}
.tab-sale a {
	color:#fff;
	padding: 10px 0px;
	display:block;
}

#MyNav .tab-sellnow{
	padding: 0px;
}

#MyNav .tab-sellnow a {
	color:#ad1b1b;
	padding: 15px 0px;
	font-style: italic;
	font-weight:600;
	text-decoration:underline;
	display:block;
}
.tab-dealer:hover {
	background: #2eb740;
}
.tab-sale:hover, .tab-sellnow:hover {
	background: #ffcc00;
}
.tab-dealer a:hover, .tab-sale a:hover, .tab-sellnow a:hover, .tab-sellnow a:focus {
	color:#FFF;
	text-decoration:none;
}
/*
.tab-sale a:after {
    content: "";
    width: 5px;
    height: 10px;
    background-image: url("images/arrow.png");
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
    top: 20px;
    right: 15px;
    position: absolute;
    display: inline-block;
}
*/
#myLinks {display:none;}

.titlepara {
	font-size:20px;
	color:#000;
}

.bg_silverprice {
	position:relative;
	left:30%;
	background-image: url("images/bg_silverprice.png");
	background-repeat:no-repeat;
	background-position: center center;
	height: 206px;
	min-height: 206px;
	max-height: 206px;
	width: 206px;
	min-width: 206px;
	max-width: 206px;
}

.bg_goldprice {
	position:relative;
	left:30%;
	background-image: url("images/bg_goldprice.png");
	background-repeat:no-repeat;
	background-position: center center;
	height: 206px;
	min-height: 206px;
	max-height: 206px;
	width: 206px;
	min-width: 206px;
	max-width: 206px;
}

.greenbar {
	background: #2eb740;
	padding: 10px;
	color: #fff;
	font-size: 22px;
	border-radius: 10px;
}
.greenbar a {
	color: #ff0000;
	text-decoration: underline;
}
.greenbar a:hover {
	color: #000000;
	text-decoration: underline;
}
.maroonbar {
	background: #ad1b1b;
	padding: 10px;
	color: #fff;
	font-size: 22px;
	border-radius: 10px;
}
.maroonbar h4 {
	line-height:28px;
}
.maroonbar a {
	color: #fff;
	text-decoration: underline;
}
.maroonbar a:hover {
	color: #fff;
	text-decoration: underline;
}

.pricebox .col-md-12{
	min-height:550px;
}
.pricebox H3 {
	font-size:1.3em;
	font-weight:700;
}
.pricebox p {
	font-size: 1em;
}

.gradiant-text {
	min-height:140px;
}

.pricebox-silver {
	border: 1px solid #dddddd;
	margin: 10px;
	height:100%;
	color: #676767;
    background: linear-gradient(0deg, #eeeeee, #ffffff 40%) no-repeat;
}

.pricebox-gold {
	border: 1px solid #d09107;
	margin: 10px;
	height:100%;
	color: #ad1b1b;
    background: linear-gradient(0deg, #efcb7d, #ffffff 40%) no-repeat;
}
.pricebox-silver .btn, .pricebox-gold .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 2px solid transparent;
	padding: 10px 10px;
	font-size: 16px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pricebox-silver .btn:hover, .pricebox-gold .btn:hover {
	color:#fff;
	background:#2eb740;
	border:2px solid #2eb740;
}
.btn-orange {
	background: #f7921a;
	padding: 10px 30px;
	color: #fff;
	font-size: 22px;
	border-radius: 5px;
	border:0px;
}
.btn-orange:visited {
	color: #fff;
}
.btn-orange:hover{
	color:#fff;
	background:#2eb740;
	text-decoration:none;
}

.btn-orange-small {
	background: #f7921a;
	padding: 5px 10px;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
	border:0px;
}
.btn-orange-small:visited {
	color: #fff;
}
.btn-orange-small:hover{
	color:#fff;
	background:#2eb740;
	text-decoration:none;
}
.footer-widgets {
	background: #222533;
	color:#FFF;
}
.widget-column {
	padding: 10px 50px 40px 50px;
}
.widget-title {
	font-size:16px;
	text-transform: uppercase;
	font-weight:700;
	letter-spacing:0.05em;
	margin-bottom:20px;
}
.widget-title:after {
    background: #f7921a;
    content: "\020";
    display: block;
    height: 2px;
    margin: 1rem 0;
    width: 3.8em;
}
.footertext {
	margin-top:15px;
	line-height:2em;
	color:#cccccc;
}
.footerlinks {
	font-weight:400;
	padding: 3px 0px;
	margin:0px;
}
.widget-column a {
	color:#cccccc;
}
.widget-column a:hover {
	color:#f7921a;
}
#sidebar .widget-column{
	padding: 0px 20px;
}
#sidebar .widget-column .widget{
}
#sidebar .widget-column a {
	color:#ad1b1b;
}
#sidebar .widget-column a:hover {
	color:#f7921a;
}
#sidebar .widget-column ul, .widget-column li {
	margin-bottom:10px;
}

.site-footer{
	background: #272a38;
	color:#FFF;
}
#colophon .site-info {
	padding:20px;
	font-size:1em;
	color:#FFF;
}
#colophon .widget-area, #colophon .site-info {
     margin: 0px;
}
#colophon .site-info a {
	color: #f7921a;
}
#colophon .site-info a:hover {
	color: #fff;
	text-decoration:none;
}

table td, table th {
    padding: 0.5em;
    border: 0px;
    word-break: break-all;
	font-size: 16px;
}

#step3 .btn-decline, #step4 .btn-decline {
	background: #ad1b1b;
	padding: 10px 20px;
	color: #fff;
	font-size: 22px;
	border-radius: 5px;
}
#step3 .btn-decline:hover, #step4 .btn-decline:hover {
	background: #fff;
	color: #ad1b1b;
	border:1px solid #ad1b1b;
	text-decoration:none;
}

#step3 .btn-accept, #step4 .btn-accept {
	background: #2eb740;
	padding: 10px 20px;
	color: #fff;
	font-size: 22px;
	border-radius: 5px;
}
#step3 .btn-accept:hover, #step4 .btn-accept:hover {
	background: #fff;
	color: #2eb740;
	border:1px solid #2eb740;
	text-decoration:none;
}

#step3 .btn-addmore, #step4 .btn-addmore {
	background: #f7921a;
	padding: 10px 20px;
	color: #fff;
	font-size: 22px;
	border-radius: 5px;
}
#step3 .btn-addmore:hover, #step4 .btn-addmore:hover {
	background: #fff;
	color: #f7921a;
	border:1px solid #f7921a;
	text-decoration:none;
}

#dealer-left h3, #dealer-right h4{
	margin-top:0px;
}
.finddealerbox {
	border: 1px solid #dddddd;
	padding: 0px;
	margin:0px;
	max-width:360px;
	height:100%;
	color: #676767;
    background: linear-gradient(0deg, #eeeeee, #ffffff 40%) no-repeat;
}
.finddealerbox .form-header {
	margin-left: -15px;
	margin-right: -15px;
	padding: 15px;
	font-weight:700;
	background: #eeeeee;
	text-align: center;
	color: #000;
	font-weight:bold;
	position: relative;
}
.finddealerbox .form-header span {
	display:block;
}
.finddealerbox .form-arrow {
	position:absolute;
	bottom:-15px;
	left:50%;
	margin-left:-15px;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #eeeeee;
}
.requestoffer .form-control, .finddealerbox .form-control, .panel-body .form-control, #EmailOffer .form-control, .dealerlogin .form-control {
	background: #eeeeee;
	border-radius: 5px;
}
.finddealerbox .btn-orange {
	background: #f7921a;
	padding: 10px 30px;
	color: #fff;
	font-size: 20px;
	border-radius: 5px;
}
.finddealerbox .btn-orange:hover {
	background:#2eb740;
}

.locationrow {
	padding:10px;
	color:#000;
	border-bottom: 2px solid #eee;
}
.locationrow:hover {
	background: #f7921a;
	padding:10px;
	color:#000;
	border-bottom: 2px solid white;
}
.locationrow a {
	display:block;
	color: #000000;
}
.locationrow a:hover {
	color: #fff;
	text-decoration:none;
}

.dealerbox {
	border: 1px solid #dddddd;
	margin: 5px 10px;
	padding:10px;
	color: #676767;
	height:355px;
	min-height:355px;
}

.dealer-phone img, .dealer-email img {
	padding: -15px 5px 5px;
	margin-right:5px;
}
.dealer-phone a, .dealer-email a {
	font-size:0.9em;
	color: #000;
}
.dealer-address, .dealerbox p {
	font-size:1em;
}
.featuredrow {
	position:absolute;
	bottom: 0px;
	display: block;
	background: #2eb740;
	color: #FFF;
	padding:10px;
}
.dealerbox .claim-listing {
	color: #ff0000;
	text-decoration:underline;
}

.chart-img {
	width: 600px;
}

.entry .entry-title {
	padding-bottom:10px;
    border-bottom:1px solid #dddddd;
}
.entry .entry-title:before {
    background: transparent;
}

.subscription-table {
	color: #777777;
	font-size: 1.1em;
	font-weight:500;
}

.circle {
    border:2px solid #ad1b1b;
    background-color: #FFFFFF;
    height: 20px;
    border-radius: 50%;
    width: 20px;
}
.circle span {
	position:relative;
	top:-5px;
	color:#ad1b1b;
	padding-left:0px;
	padding-top:0px;
	font-size:0.6em;
	text-decoration:none;
}
a .circle:hover, a .circle span:hover {
	color:#000;
	text-decoration:none;
}

#printablediv {
	padding:20px;
	border:2px dashed #acacac;
	width:600px;
	max-width:600px;
}


#myCarousel .carousel .carousel-indicators {
	bottom: -60px;
}
#myCarousel .carousel-indicators li, .carousel-indicators li.active {
	width: 18px;
    height: 18px;
	border-radius: 50%;
	margin: 1px 3px;
}
#myCarousel .carousel-indicators li {
    background: #2eb740;
    border: 4px solid #fff;
}
#myCarousel .carousel-indicators li.active {
	color: #fff;
    background: #ad1b1b;
    border: 5px double;
}
#myCarousel .carousel-item .overview .a {
	color: #2eb740;
	font-weight:600;
}
#myCarousel .carousel-item .overview .b {
	color: #ad1b1b;
}

ul.bycategories {
	margin: 0;
	padding: 0;
}
ul.bycategories li {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.bycategories li a {
	list-style: none;
	list-style-type: none;
	margin: 0 20px 15px 0;
	float: left;
	background: #eee;
	color: #464646;
	padding: 5px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
ul.bycategories li a:hover{
	text-decoration: none;
	background: #ff6200;
	color: #fff;
}
.clear{clear: both;}

.icon-ham {
	width:20px;height:20px;margin-top:8px;
}

#DealerProfile p {
	display:block;
	margin:0px;
	padding: 5px 0px 0px 0px;
}

.nav-links .page-numbers {
	font-size:14px;
	color: #ad1b1b;
	padding:10px;
	font-weight:600;
}
.nav-links .current {
	font-size:14px;
	color: #2eb740;
	padding:10px;
	font-weight:600;
}

.screen-reader-text {
	color: #2eb740;
	font-size: 18px;
	text-transform: capitalize;
	font-weight:600;
	text-decoration: underline;
}

.wp-post-image {
	padding: 3px;
	border:1px solid #2eb740;
}
.wp-post-image:hover {
	border:1px solid #ad1b1b;
}





















@media (max-width:812px){

	.head-offers {
		background-image: url("images/bg_transactions.png");
		min-height: 80px;
	}
	.head-hero {
		height: 700px;
	}
	.head-hero h1{
		margin-top:30px;
		font-size: 30px;
		letter-spacing:2px;
	}
	.head-hero h2{
		margin-top:-10px;
		color: #ffcc00;
		font-size: 16px;
		line-height:25px;
	}
	.head-hero p {
		font-size: 14px;
	}

	.mobnav {
	  overflow: hidden;
	  color: white;
	  text-decoration: none;
	  display: block;
	  z-index:999999;
	}

	#myLinks {
	  position: relative;
	  top:1px;
	  background: #2eb740;
	  display: none;
	  z-index:999999;
	}

	.fa-bars {
		color:#FFF;
	}

	.mob-ul {
		padding:10px 10px;
		list-style:none;
	}
	.mob-ul li {
		border-bottom:1px solid white;
		padding: 10px 0px 0px 10px;
	}
	.mob-ul li a {
		color:#FFF;
	}

	.tab-dealer-mob {
		background: #2eb740;
		max-height: 50px;
		padding:5px;
	}
	.tab-news-mob {
		background: #2eb740;
		max-height: 50px;
		padding:5px;
		border-left:1px solid #fff;
	}
	.tab-sale-mob {
		background: #f7921a;
		max-height: 50px;
		padding:5px;
		border-left:1px solid #fff;
	}
	.tab-dealer-mob a {
		font-size:10px;
		color:#fff;
		padding:0px;
		margin:0px;
		display:block;
	}
	.tab-news-mob a {
		font-size:10px;
		color:#fff;
		padding:0px;
		margin:0px;
		display:block;
	}
	.tab-sale-mob a {
		font-size:10px;
		color:#fff;
		padding:0px;
		margin:0px;
		display:block;
	}
	.tab-dealer-mob:hover, .tab-news-mob:hover, .tab-sale-mob:hover {
		background: #ffcc00;
	}
	.tab-dealer-mob a:hover, .tab-news-mob a:hover, .tab-sale-mob a:hover {
		color:#FFF;
		text-decoration:none;
	}
	.tab-sale-mob a:after {
	}
	.widget-column {
		padding: 10px;
	}
	.bg_silverprice, .bg_goldprice {
		position:relative;
		left:20%;
	}
	.dealerbox {
		height:425px;
		min-height:425px;
	}
	.mobilesmall {
		font-size: 0.9em;
	}
	.btn-signup-login {
		font-size: 18px;
	}

}
@media all and (min-width: 321px) and (max-width: 375px){
	.mobnav {
	}
	.tab-sale-mob a:after {
		top: 30px;
		right: 40px;
	}
	.btn-signup-login {
		font-size: 18px;
	}
}
@media screen and (max-width: 320px){
	.mobnav {
	}
	.tab-sale-mob a:after {
		top: 30px;
		right: 10px;
	}
	.btn-signup-login {
		font-size: 18px;
	}
}



/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: none;
  padding-top:60px;
  background: rgba(0, 0, 0, 0.5);
  z-index:99999;
}

.modal-content .row {
	padding:0px;
	margin:0px;
}
/* Modal Content */
.modal-content {
  background: #fff;
  position: relative;
  margin: 0px auto;
  padding: 0;
  width: 60%;
  min-height: 350px;
  z-index:99999;
  border-radius:0px;
}
.modaltitle {
	padding:10px;
	font-size:20px;
	color:#04b6ed;
	font-weight:800;
}

/* The Close Button */
.modal .closemodal {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 30px;
  padding: 0px 10px;
  margin: 0px;
  font-weight: bold;
  color: #bababa;
  z-index:99999;
}
@media only screen and (max-width: 500px) {
	.modal .closemodal {
		right:0px;
	}
	/* Modal Content */
	.modal-content {
	  width: 90%;
	}
}

.closemodal:hover,
.closemodal:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.topbarline1{
	background:#2eb740;
	height:5px;
	min-height:5px;
	max-height:5px;
}




#TopButton {
  display: inline-block;
  background-color: #2eb740;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#TopButton::after {
	font-display: swap;
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#TopButton:hover {
  cursor: pointer;
  background-color: #333;
  text-decoration:none;
}
#TopButton:active {
  background-color: #555;
}
#TopButton.show {
  opacity: 1;
  visibility: visible;
}


.bggray {
	background: #f5f5f5;
	padding:5px;
}

.headgray {
	background: #324d63;
	padding:5px;
}

.borderright-white {
	border-right: 2px solid white;
}

.borderleft-white {
	border-left: 2px solid white;
}

.borderbottom-white {
	border-bottom: 2px solid white;
}

.whitetext {
	color: #ffffff;
}

.maroontext {
	color: #ad1b1b;
}

.greentext {
	color: #2eb740;
}

.blacktext {
	color: #000;
}

.graytext {
	color: #676767;
}

.redtext {
	color: #ff0000;
}

.orangetext {
	color: #f7921a;
}
.orangetext2 {
	color: #bf8504;
}

.smalltext {
	font-size: 0.7em;
}

.smallertext {
	font-size: 0.9em;
}
.wp-admin select {
    padding: 5px;
    line-height: 28px;
    height: 34px;
    vertical-align: middle;
}


#consent-popup, .floating-cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2rem 8rem;
    color:#fff;
    background-color: rgba(0, 0, 0, 1);
    transition: opacity 1s ease;
    font-size:1.1em;
    font-family: 'Open Sans', sans-serif;

    &.hidden {
        opacity: 0;
    }
}


.dealer-link-class {
	position: absolute;right:50px;top:33px;
}
@media only screen and (max-width: 500px) {
	.dealer-link-class {
		position: relative;right:10px;top:0px;
	}
}

.chat-avtaar {
	max-width: 60px;
	position: fixed;
	bottom: 50px;
	right: 5px;
	cursor: pointer;
	z-index: 99999;
}