/*@font-face {
	font-family: 'Helv';
	src: url('https://currys-ssl.cdn.dixons.com/css/themes/sony_tv_range/img/fonts/HelveticaNeueLTPro-Lt.eot');
	src: url('https://currys-ssl.cdn.dixons.com/css/themes/sony_tv_range/img/fonts/HelveticaNeueLTPro-Lt.eot?#iefix') format('embedded-opentype'),
	url('https://currys-ssl.cdn.dixons.com/css/themes/sony_tv_range/img/fonts/HelveticaNeueLTPro-Lt.woff') format('woff'),
	url('https://currys-ssl.cdn.dixons.com/css/themes/sony_tv_range/img/fonts/HelveticaNeueLTPro-Lt.svg#HelveticaNeueLTPro-Lt') format('svg'),
	url('https://currys-ssl.cdn.dixons.com/css/themes/sony_tv_range/img/fonts/HelveticaNeueLTPro-Lt.otf') format('opentype');
	text-rendering: optimizeLegibility;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased !important;
	font-weight:normal;
}*/

.dcg {max-width:1240px; font-family: "Helv",Arial,sans-serif; padding:0; margin:0;}
.dcg img{max-width:100%;}
.dcg p{margin-bottom:15px;}
.dcg .desktopnav {background: #000; padding:15px 15px;}
.dcg .navblock {float: left; padding-bottom: 20px; width: 100%;}
.dcg .productbox:hover {background: #D1D1D1;}
.dcg .productbox.active {background: #D1D1D1;}
.dcg .productbox img {padding: 40px 0 40px 0;}
.dcg .producttitle {background: #6886f1;}
.dcg a.blue-button {background: #5787f4; color: #fff; padding: 11px 24px 13px; display: inline-block; margin-bottom: 50px; text-decoration: none; margin-top: 20px; border-radius: 2px; -webkit-transition: background-color 0.25s linear,border-color 0.25s linear,opacity 0.25s linear,color 0.25s linear,fill 0.25s linear; transition: background-color 0.25s linear,border-color 0.25s linear,opacity 0.25s linear,color 0.25s linear,fill 0.25s linear;min-width: 200px;}
.dcg a.blue-button:hover {background-color: #4572ed;}
.dcg .grey-box {background: #efefef; padding: 30px 50px 50px; color: #50545d;}
.dcg .grey-box h1, .dcg .grey-box h2 {color: #50545d;}
.dcg .flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}

/*MIDDLE BUTTONS*/

.dcg .tv-tabs {background: #fff; display: block; text-align: center;}

.dcg .tv-active {background: #5787f4; color: #fff; padding: 11px 24px 13px; display: inline-block; margin-bottom: 50px; text-decoration: none; margin-top: 20px; border-radius: 2px; -webkit-transition: background-color 0.25s linear,border-color 0.25s linear,opacity 0.25s linear,color 0.25s linear,fill 0.25s linear; transition: background-color 0.25s linear,border-color 0.25s linear,opacity 0.25s linear,color 0.25s linear,fill 0.25s linear;min-width: 200px;margin-right: 5px;}

.dcg a.grey-button {background: #cdcdcd; color: #828294; padding: 11px 24px 13px; display: inline-block; margin-bottom: 50px; text-decoration: none; margin-top: 20px; border-radius: 2px; -webkit-transition: background-color 0.25s linear,border-color 0.25s linear,opacity 0.25s linear,color 0.25s linear,fill 0.25s linear; transition: background-color 0.25s linear,border-color 0.25s linear,opacity 0.25s linear,color 0.25s linear,fill 0.25s linear;min-width: 200px;margin-right: 5px;}

.dcg a.grey-button:hover {background-color: #4572ed;color: #fff;}

/*SHOP NOW BUTTONS*/
.dcg .shop-now-sony {/*margin-left:38%*/;background: #5787f4; color: #fff; padding: 15px 24px; display: inline-block; margin-bottom: 20px; border-radius: 2px; -webkit-transition: background-color 0.25s linear,border-color 0.25s linear,opacity 0.25s linear,color 0.25s linear,fill 0.25s linear; transition: background-color 0.25s linear,border-color 0.25s linear,opacity 0.25s linear,color 0.25s linear,fill 0.25s linear;}
.dcg .btn-container{text-align:center; padding:20px;}

.dcg .shop-now-sony a {text-decoration: none;color: #fff;}
.dcg .shop-now-sony:hover {background-color: #4572ed}

.dcg .btn {background: #5787f4; color: #fff; padding: 15px 70px; display: inline-block; margin-bottom: 20px; margin-left: 40%; margin-top: -7%;  border-radius: 2px; -webkit-transition: background-color 0.25s linear,border-color 0.25s linear,opacity 0.25s linear,color 0.25s linear,fill 0.25s linear; transition: background-color 0.25s linear,border-color 0.25s linear,opacity 0.25s linear,color 0.25s linear,fill 0.25s linear;}

.dcg .btn a {text-decoration: none;color: #fff;}
.dcg .btn:hover {background-color: #4572ed}

.dcg .center-btn {margin-left: 40% !important;}

@media only screen and (max-width: 1024px) {
.dcg .center-btn {margin-left: 38% !important;}
}

@media only screen and (max-width: 599px) {
.dcg .center-btn {margin-left: 32% !important;}
}

@media only screen and (max-width: 400px) {
.dcg .center-btn {margin-left: 20% !important;}
}
/**** section 1 ****/
.dcg{font-family: "Helv",Arial,sans-serif;}


.dcg .hd-cam {background-color: #fff;}
.dcg .hd-cam-text {padding-bottom:50px;}
.dcg .hd-cam-text img {width:18%;} 
.dcg .hd-cam-text h1 {text-align: center;padding-top: 30px}
.dcg .hd-cam-text h2 {text-align: center; font-size: 15px; padding-bottom: 10px;}
.dcg .hd-cam-text p {text-align: center;font-size: 15px; line-height: 2px;}

.dcg .cam-hdc-sect {background-color:#f7f7f8;margin-top: 5px;} 
.dcg .cam-hdc-blocks {float: left; width:50%; }
.dcg .cam-hdc-inner{margin:20px 20px 20px 30px;}
/*.dcg .left {padding-top: 5%; font-size: 15px; width:39%}*/
.dcg .left p {font-size: 15px;}
.dcg .left li {font-size: 15px; margin-bottom:5px;}
.dcg .header-text h1 {text-align: center;padding-top: 30px;}
.dcg .header-text h2 {text-align: center; line-height: normal; padding:0 15px;}
.dcg h3{line-height: normal; margin-bottom:10px;}

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

}
@media only screen and (max-width: 699px) {
.dcg .cam-hdc-blocks {float: none; width:100%;}

}
@media only screen and (max-width: 599px) {
.dcg .cam-hdc-blocks {float: none; width:100%;}
.dcg .hd-cam-text p {text-align: center;font-size: 15px; line-height: 1px; width:100%}
.dcg .hd-cam-text img {width:30%;} 

}

@media only screen and (max-width: 400px) {
.dcg .hd-cam-text img {width:50%;} 
.dcg .hd-cam-text {padding-bottom: 0px;}
.dcg .hd-cam-text p {text-align: center;font-size: 15px; line-height: 20px; width:100%}
.dcg .left {padding-top: 0%;}

}

@media only screen and (max-width: 400px) {
.dcg .cam-hdc-blocks {float: none; width:100%;margin: 0px 0px 10px 5px;}
.dcg .left {font-size: 15px; width:100%; margin:5px; padding-top: 10px;}
.dcg .left ul {padding-bottom: 20px;}
}


.dcg .cam-spec-sect {background-color: #dcdbdd;margin-top: 5px;}
.dcg .cam-spec-row {position: relative; margin-top: 30px;}
.dcg .cam-spec-block {float: left; width: 33.3%; /*margin:0px -21% 0px 40px;*/}
.dcg .cam-spec-inner{padding:0 10%; text-align:center; margin-bottom:20px;}
.dcg .cam-spec-block h1 { font-size: 25px;  text-align: center; margin-top:20px; line-height: normal;}
.dcg .cam-spec-block p { font-size: 15px;  text-align: center;margin-top:10px; line-height: normal;}

@media only screen and (max-width: 1024px) {
/*.dcg .cam-spec-block {float: left; width: 30%; }
.dcg .cam-spec-block h1 { font-size: 25px; width: 100%; text-align: center; margin-top:20px; }
.dcg .cam-spec-block p {  font-size: 15px; width: 100%; text-align: center;margin-top:10px;}*/
}

@media only screen and (max-width: 799px) {
/*.dcg .cam-spec-block {float: left; width: 32%; margin:0px 0% 0px 8px;}
.dcg .cam-spec-block h1 { font-size: 20px; width: 90%; text-align: center; margin-top:20px; margin:10px; }
.dcg .cam-spec-block p {  font-size: 15px; width: 100%; text-align: center;margin-top:10px;}*/
}
@media only screen and (max-width: 799px) {
.dcg .cam-spec-block {float: left; width: 50%;}
/*.dcg .cam-spec-block h1 { font-size: 20px; width: 100%; text-align: center; margin-top:20px; }
.dcg .cam-spec-block p {  font-size: 14px; width: 100%; text-align: center;margin-top:10px;}*/
}

@media only screen and (max-width: 599px) {
.dcg .cam-spec-block {float: none; width: 100%; margin:0px 0% 0px 13px;}
/*.dcg .cam-spec-block h1 { font-size: 20px; width: 90%; text-align: center; margin-top:10px; }
.dcg .cam-spec-block p {  font-size: 15px; width: 90%; text-align: center;margin-top:10px;}*/
}

.dcg .hdk-sect {background-color:#f7f7f8;margin-top: 5px;} 
.dcg .hdk-cam-text {text-align: center;padding-top: 30px;}
.dcg .hdk-cam-block {float: left; width:50%;}
.dcg .second-block {padding-top: 50px; }
.dcg .second-block p {font-size: 15px;}
.dcg h2{padding:0 15px;}

@media only screen and (max-width: 699px) {
    .dcg .hdk-cam-block {float: none; width:100%;}
    .dcg .second-block {padding-top: 10px;}
}


@media only screen and (max-width: 400px) {
.dcg .second-block {padding-top: 0px; }
}
.dcg .hdr-sect {background-color:#f7f7f8;margin-top: 5px;} 
.dcg .hdr-cam-text {text-align: center;padding-top: 30px;}
.dcg .hdr-cam-block {float: left; width:50%; }
.dcg .block-two {padding-top:5%; width:50%; font-size: 15px;}
.dcg .hdr-cam-block p {font-size: 15px;text-align: left;}

@media only screen and (max-width: 799px) {
.dcg .hdr-cam-block p {font-size: 15px;text-align: left;}
}

@media only screen and (max-width: 699px) {
.dcg .hdr-cam-block {float: none; width:100%;}
.dcg .block-two {padding-top:1%; width:100%;}
.dcg .second-block p {font-size: 15px; margin: 10px;text-align: center;}
}

@media only screen and (max-width: 400px) {
.dcg .block-two {margin: 0px 0px 0px 0px; width: 100%; font-size: 13px; text-align: center;}
.dcg .hdr-cam-block p {font-size: 15px;text-align: center;}
.dcg .second-block p {font-size: 15px; margin: 10px;text-align: center; padding-top: 10px;}

}

.dcg .hdc-sect {background-color:#f7f7f8;margin-top: 5px;}
.dcg .hdc-text {text-align: center; padding-top: 30px;}
.dcg .hdc-block {float: left; width:50%;}
/*.dcg .block-other {padding-top: 60px; width:30%;font-size: 15px}*/
.dcg .block-other p {font-size: 15px;}
.dcg .disclaimer p {text-align: center; font-size: 12px; line-height:1px; margin-top: 20px }

@media only screen and (max-width: 799px) {
.dcg .block-other {padding-top: 0px; font-size: 15px}
.dcg .shop-now-sony {/*margin-left: 30%;*/}
}

@media only screen and (max-width: 699px) {
.dcg .hdc-block {float: none; width:100%; margin:0px 20px 0px 0px;} 
.dcg .block-other p {font-size: 15px; margin: 10px;}
.dcg .block-other li {font-size: 15px; margin: 10px;}
.dcg .shop-now-sony {/*margin-left: 25%;*/}
}

@media only screen and (max-width: 400px) {
.dcg .hdc-block {float: none; width:100%; margin:0px 20px 0px 0px;} 
.dcg .block-other p {font-size: 15px; margin: 10px; text-align: center; padding-top: 10px;}
.dcg .block-other li {font-size: 15px; margin: 10px;}
.dcg .shop-now-sony {margin-left: 10%;}
.dcg .block-other {padding-top: 0px;font-size: 15px}
.dcg .disclaimer p {text-align: center; font-size: 10px; margin-top: 0px }
}

.video-section {margin-top:5px;}
.footer {text-align: center;padding: 40px; font-size:12px;}



/*************** new MENU ************/
.dcg .desktopnav {background: #000; margin-top:0; margin-bottom:0;}
.dcg .navcontainer{margin-left:0;}
.dcg .desktopnav nav figure{padding:0 0 0 20px; margin-bottom:18px;margin-right:0; text-align:left;}
.dcg .new-productbox{background: #f2f2f2; position: relative; overflow: hidden; text-align: center;}
.dcg .new-productbox a{text-decoration: none;}
.dcg .new-productbox:hover {background: #D1D1D1;}

.dcg .new-productbox img {padding: 0;}
.dcg .producttitle {background: #cfcfce; padding:15px 10px; color:#50545d; position:static;}
.dcg .producttitle.active {background: #6886f1; color:#fff;}
.dcg .split-four {width: 24.9%; margin-right: 0.1%; float: left; margin-top: 0;}
.dcg .split-four a{text-decoration: none; font-family:"Helv",Arial,sans-serif; font-size:16px;}
.dcg .tv-tabs{font-family:"Helv",Arial,sans-serif;}
.dcg .alpha-button{display:block; background-image:url(https://media.currys.biz/i/currysprod/sony-alpha-logo-sm); background-position: center; background-repeat: no-repeat;}
.dcg .sect-text{color: #777676; font-size: 18px; font-family: Arial,sans-serif;}

@media only screen and (max-width: 1024px){
    .dcg .split-four { width: 49.5%; margin-right: 0.5%;}
    .dcg .tv-active {margin-bottom:10px;}
    .dcg a.grey-button{margin-bottom:10px;}
}
@media only screen and (max-width: 599px){
.dcg .split-four {float: none; width: 100%; margin-left: 0%;}
    .dcg .desktopnav nav figure{margin-top:15px;}
}

/******* video section *******/
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden; } 
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden; } 

.dcg .video-text{padding-top:20%;}
.dcg .bottom-row{margin-bottom:50px;}
@media only screen and (max-width: 599px) {
    .dcg .video-text{padding-top:20px;}
}


/********** Others **********/
.dcg .clearfix::after {
  content: "";
  clear: both;
  display: table;
}
