#ccOuter {position:fixed; display:block; bottom:0; left:0; width:100%; height:auto; max-height:100%; overflow:visible; background-color:#fff; z-index:15;}
.ccOpened #ccOuter {display:block; z-index:98; overflow:auto; box-shadow:0px -2px 4px 0px rgba(0,0,0,0.5);}
body.ccFullOpened {overflow:hidden;}

#openCC {position:fixed; bottom:0.8em; left:0.8em;}
#openCC:before {content:"\e903"; display:block; font-family:'Icomoon' !important; font-size:1.6em; line-height:1.7em; height:1.8em; width:1.8em; text-align:center; color:#fff; background-color:#666; border-radius:50%; cursor:pointer;}
.ccMain {position:relative; width:800px; max-width:100%; height:auto; margin:0 auto; padding:1em; text-align:left; background-color:#fff;}
.ccExtended {display:none; position:relative; width:800px; max-width:100%; margin:0 auto; padding:1em 0.5em 12em; text-align:left; background-color:#eee;}
.ccFullOpened .ccMain {display:none;}
.ccFullOpened .ccExtended {display:block;}
#ccOuter button {width:100%; margin-bottom:0.5em; font-family:'Roboto Condensed'; text-transform:uppercase; letter-spacing:0.05em; font-size:1em; cursor:pointer;}
.ccConsent {padding:0.5em 2em; font-weight:bold; color:#fff; background-color:#000; border:1px #000 solid;}
.ccConsentSelected, .ccConsentEssential {padding:0.5em 1.2em; color:#333; background-color:#fff; border:1px #999 solid;}
.ccEdit {display:block; padding:0.5em 0; text-align:center; cursor:pointer;}

.ccExtended p {margin:-5px 0 0.5em 2.3em;}
.ccExtended p.ccId {margin:2.5em 2.3em 0.5em; padding-top:1.5em; border-top:1px #999 solid;}
.ccButtons {position:fixed; bottom:0; width:800px; max-width:100%; margin:0 -0.5em; padding:0.8em 1em 0.3em; background:#eee; border-top: 1px #ccc solid; z-index:20;}
.ccId span {display:block; width:100%; overflow:auto;}
.ccBox {margin-bottom:1.5em;}
.ccCheckMain label {font-weight:bold;}
.checkHolder.ccCheckMain label:before {background-color:#fff;}
.checkHolder.ccEssential label:before {color:#999;}
.ccDetails {position:relative; margin-bottom:0.5em; color:#333; background-color:#fff; border:1px #ccc solid;}
.ccDetails .row {padding:0.5em;}
.ccDetails.hasInfo .title {cursor:pointer;}
.ccDetails.hasInfo .title:after {content:"\f105"; font-family:'Icomoon' !important; display:inline-block; position:absolute; top:0.3em; height:1.2em; width:1.2em; text-align:center;}
.ccDetails.hasInfo.opened .title:after {transform:rotate(90deg);}
.ccLabel {display:block; padding:0.3em 0; font-family:'Roboto', sans-serif; font-size:0.8em; color:#999;}
.ccDetails a {color:#007ea9;}
.ccDetails .checkHolder {position:absolute; right:0.1em; top:0.45em; padding:0;}
.ccDetailContent {display:none;}
.opened .ccDetailContent {display:block;}


@media screen and (min-width:768px){
  #ccOuter button {width:auto; min-width:13em;}
  .ccEdit {display:inline-block;}
  .ccMain .ccConsent {float:right;}
  .ccConsent {float:left;}
  .ccConsentSelected {float:right;}
  .ccFullOpened #ccOuter {background-color:transparent; box-shadow:none;}
  .ccExtended {box-shadow:0px 0px 4px 0px rgba(0,0,0,0.5); margin-top:1em; padding-bottom:6em;}
  .ccDetails {margin-left:2.2em; margin-right:2.2em;}
}

@media screen and (min-width:768px) and (orientation:portrait){
	.ccMain {padding-top:2.5em;}
	.ccMain p {margin:1em 0 2em; line-height:2em;}
}