/* General Blueprint Style */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
	font-family: 'bpicons';
	src:url('../fonts/bpicons/bpicons.eot');
	src:url('../fonts/bpicons/bpicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/bpicons/bpicons.woff') format('woff'),
		url('../fonts/bpicons/bpicons.ttf') format('truetype'),
		url('../fonts/bpicons/bpicons.svg#bpicons') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Made with http://icomoon.io/ */

 
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.mainproddiv_mcd {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #47a3da;
} 

/*Ribbon work*/
.ribbon_mcd {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon_mcd span {
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon_mcd span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon_mcd span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}

/* popup */
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.openwebpopup h2{margin-top:0;color:#333;font-family:Tahoma,Arial,sans-serif}
.openwebpopup .openwebclose{position:absolute;top:20px;right:30px;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333;cursor:pointer}
.openwebpopup .openwebclose:hover{color:#06D85F}
.openwebpopup .openwebcontent{max-height:30%;overflow:auto}
.openweboverlay:target:before{display:none}
.openweboverlay:before{content:"";top:0;left:0;right:0;bottom:0;display:block;background:rgba(0,0,0,0.6);position:fixed;z-index:9}
.openweboverlay .openwebpopup{background:#fff;border-radius:5px;width:30%;position:fixed;top:0;left:35%;padding:25px;margin:70px auto;z-index:10;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
.openweboverlay:target .openwebpopup{top:-100%;left:-100%}
.plussign{font-size:30px;color:#000;font-weight:bold;margin:0 10px;}
@media screen and (max-width: 768px){.box{width:70%}
.openweboverlay .openwebpopup{width:70%;left:15%}
}

/**/
.prcold{font-size:16px;color:#47a3da}
.prcnew{font-size:1em;font-weight:bold;color:green}
.prcsave{font-size:17px;font-weight:bold;color:green}

.mcdprodprc{text-align:center !important;}
.mcdprodprc .prcold{text-decoration:line-through !important; font-size:14px !important;}
.mcdtotalval{padding:10px;}




@font-face {
	font-family: 'fontawesome';
	src:url('../fonts/fontawesome/fontawesome.eot');
	src:url('../fonts/fontawesome/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome/fontawesome.woff') format('woff'),
		url('../fonts/fontawesome/fontawesome.ttf') format('truetype'),
		url('../fonts/fontawesome/fontawesome.svg#fontawesome') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Main container */
.cbp-vm-switcher_mcd {
	padding: 0 5px;
	border: 1px solid #ccc;
}

/* options/select wrapper with switch anchors */
.cbp-vm-options {
	text-align: right;
	padding-bottom: 10px;
	border-bottom: 3px solid #47a3da;
}

.cbp-vm-options a {
	display: inline-block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	white-space: nowrap;
	color: #d0d0d0;
	margin: 2px;
}

.cbp-vm-options a:hover,
.cbp-vm-options a.cbp-vm-selected {
	color: #47a3da;
}

.cbp-vm-options a:before {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 30px;
	text-align: center;
	display: inline-block;
}

/* General style of switch items' list */

.cbp-vm-switcher_mcd ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Clear eventual floats */
.cbp-vm-switcher_mcd ul:before, 
.cbp-vm-switcher_mcd ul:after { 
	content: " "; 
	display: table; 
}

.cbp-vm-switcher_mcd ul:after { 
	clear: both; 
}

.cbp-vm-switcher_mcd ul li {
	display: block;
	position: relative;
}

.cbp-vm-image_mcd {
	display: block;
	margin: 0 auto;
}

.cbp-vm-image_mcd img {
	display: inline-block;
	max-width: 100%;
	border: none;
}

.cbp-vm-title_mcd {
	margin: 0;
	padding: 0;
}

.cbp-vm-price_mcd {
	color: #c0c0c0;
}

.cbp-vm-add_mcd {
	color: #fff;
	background: #47a3da;
	padding: 10px 20px;
	border-radius: 2px;
	margin: 20px 0 0;
	display: inline-block;
	transition: background 0.2s;
	cursor:pointer;
}

.cbp-vm-add_mcd:hover {
	color: #fff;
	background: #02639d;
}

.cbp-vm-add_mcd:before {
	margin-right: 5px;
}

/* Common icon styles */
.cbp-vm-icon_mcd:before {
	font-family: 'fontawesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.cbp-vm-grid:before {
	content: "\f00a";
}

.cbp-vm-list:before {
	content: "\f00b";
}

.cbp-vm-add_mcd:before {
	content: "\f055";
}

/* Individual view mode styles */

/* Large grid view */
.cbp-vm-view-grid_mcd ul {
	text-align: left;
}

.cbp-vm-view-grid_mcd ul li {
	width: auto;
	text-align: center; 
	display: inline-block;
	/*min-height: 250px;*/
	vertical-align: middle;
	/*border:1px solid #ddd;*/
	width:auto;
}
.cbp-vm-view-grid_mcd ul li:last-child {
    min-height: 250px;
	vertical-align:middle;
}

.cbp-vm-view-grid_mcd .cbp-vm-title_mcd {
	font-size: 1em;
	width:150px;
	padding-top:10px;
}

.cbp-vm-view-grid_mcd .cbp-vm-details {
	max-width: 300px;
	min-height: 70px;
	margin: 0 auto;
} 

.cbp-vm-view-grid_mcd .cbp-vm-price_mcd {
	margin: 10px 0;
	font-size: 1em;
	text-align:left;
}


/* List view */
.cbp-vm-view-list li {
	padding: 20px 0;
	white-space: nowrap;
}

.cbp-vm-view-list .cbp-vm-image_mcd,
.cbp-vm-view-list .cbp-vm-title_mcd,
.cbp-vm-view-list .cbp-vm-details,
.cbp-vm-view-list .cbp-vm-price_mcd,
.cbp-vm-view-list .cbp-vm-add_mcd {
	display: inline-block;
	vertical-align: middle;
}

.cbp-vm-view-list .cbp-vm-image_mcd {
	width: 10%;
}

.cbp-vm-view-list .cbp-vm-title_mcd {
	font-size: 1.3em;
	padding: 0 10px;
	white-space: normal;
	width: 23%;
}

.cbp-vm-view-list .cbp-vm-price_mcd {
	font-size: 1.3em;
	width: 10%;
}

.cbp-vm-view-list .cbp-vm-details {
	width: 40%;
	padding: 0 15px;
	overflow: hidden;
	white-space: normal;
}

.cbp-vm-view-list .cbp-vm-add_mcd {
	margin: 0;
}

@media screen and (max-width: 66.7em) {
	.cbp-vm-view-list .cbp-vm-details  {
		width: 30%;
	}
} 

@media screen and (max-width: 57em) {
	.cbp-vm-view-grid_mcd ul li {
		width: 49%;
	}
}

@media screen and (max-width: 47.375em) {
	.cbp-vm-view-list .cbp-vm-image_mcd {
		width: 20%;
	}

	.cbp-vm-view-list .cbp-vm-title_mcd {
		width: auto;
	}

	.cbp-vm-view-list .cbp-vm-details  {
		display: block;
		width: 100%;
		margin: 10px 0;
	}

	.cbp-vm-view-list .cbp-vm-add_mcd  {
		margin: 10px;
	}
}

@media screen and (max-width: 40.125em) {
	.cbp-vm-view-grid_mcd ul li {
		width: 100%;
	}
}