@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(http://fonts.gstatic.com/s/roboto/v15/Jzo62I39jc0gQRrbndN6nfesZW2xOQ-xsNqO47m55DA.ttf) format('truetype')}


@font-face {
 font-family: 'Gothic';
  src: url('https://currys-ssl.cdn.dixons.com/css/themes/canon/2019-redesign/fonts/gothic.ttf') format('truetype');
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased !important; 
  font-weight:normal; 
}
@font-face {
 font-family: 'GothicBold';
  src: url('https://currys-ssl.cdn.dixons.com/css/themes/canon/2019-redesign/fonts/gothicb.ttf') format('truetype');
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased !important; 
  font-weight:normal; 
}

.dcg{font-family: Gothic, Arial, sans-serif;}



/******* header ********/
.dcg .header img{width:260px; height:auto;}
.dcg .header{padding:20px 25px;}

@media only screen and (max-width: 599px){
    .dcg .header{text-align:center;}
    .dcg .header img{width:200px; height:auto;}
}

/******* hero banner *******/
.dcg .hero-banner{}
.dcg .white-bg{background-color:#fff;}
.dcg .light-grey-bg{background-color:#f5f5f5;}
.dcg .grey-bg{background-color:#efefef; padding:40px 30px;}

.dcg .hero-section{position:relative; padding:0 25px 30px;}
.dcg .hero-half-right{float:right; width:50%;}
.dcg .hero-half{float:left; width:50%;}

@media only screen and (max-width: 599px){
    .dcg .hero-half-right{float:none; width:100%;}
    .dcg .hero-half{float:none; width:100%;}
}

/********* navigation *********/
.dcg .navmenu{margin-top:20px;}
.dcg .navmenu ul{padding-left:0;}

.dcg .navmenu ul li {
	padding:0px;
	margin:0px;
	float:left;
	text-align:center;
	width: 10%;
    list-style: none;
}
.dcg .navmenu ul li div {
	max-width:100%; border-right:1px solid #ccc; border-left:1px solid #fff;
}
.dcg .navmenu ul li.double-line div {
	max-width:100%; border-right:1px solid #ccc;		
}
.dcg .navmenu ul li.last div {
	border-right:none;	
}
.dcg .navmenu ul li.first {
	width:10%;
}
.dcg .navmenu ul li.first div {
	border-left:none;	
}
.dcg .navmenu ul li.last {
	width:10%;	
}

.dcg .navmenu ul li div a {
	display:block;
	margin:0px;
	height:50px;
    line-height:50px;	
    font-weight:600;
	background:-moz-linear-gradient(center top , #fff 0px, #dddcdc 100%) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dddcdc));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dddcdc');
	background: -o-linear-gradient(top, #fff, #dddcdc);	
	font-family:HelvLight, Arial, sans-serif;
	color:#000;
    text-decoration:none;
}

.dcg .navmenu ul li.double-line2 div a {
	height:50px;
	line-height:normal;
    padding-top:6%;
    text-decoration:none;
}
.dcg .brk{display:block;}
.dcg .navmenu ul li div a.active {
	background:-moz-linear-gradient(center top , #cb0000 0px, #a10000 100%) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear, left top, left bottom, from(#cb0000), to(#a10000));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb0000', endColorstr='#a10000');
	background: -o-linear-gradient(top, #cb0000, #a10000);
	color:#fff;
	font-family:HelvBold, Arial, sans-serif;	
}

.dcg .navmenu ul li div a:hover {
	background:-moz-linear-gradient(center top , #fff 0px, #c8c8c8 100%) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#c8c8c8 ));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c8c8c8 ');
	background: -o-linear-gradient(top, #fff, #c8c8c8 );
	color:#000;
}
    
@media only screen and (max-width: 900px){
    .dcg .navmenu ul li {width: 25%;}
    .dcg .navmenu ul li.last {width:25%;}
    .dcg .navmenu ul li.first {width:25%;}
    .dcg .brk{display:inline;}
}
@media only screen and (max-width: 499px){
    .dcg .navmenu ul li {width: 50%;}
    .dcg .navmenu ul li.last {width:50%;}
    .dcg .navmenu ul li.first {width:50%;}
}
/****** end navigation ******/


/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}


/********* categories ***********/
.dcg .categories{background-color:#fff; padding:30px 0 50px;}
.dcg .cat-heading{padding:40px 30px 0px; font-size:36px; font-weight:600;}
.dcg .sfc .producttitle {background: rgba(255,255,255,0.7); color: #000000; font-size: 18px;}


@media (max-width: 800px) {
    .dcg .cat-heading{font-size:32px;}
}