/*@font-face {
	font-family: 'SohoGothicPro Regular';
	src: url('https://currys-ssl.cdn.dixons.com/css/themes/beko/2021/fonts/SohoGothicPro-Regular.otf');
}
@font-face {
	font-family: 'SohoGothicPro Bold';
	src: url('https://currys-ssl.cdn.dixons.com/css/themes/beko/2021/fonts/SohoGothicPro-Bold.otf');
}
@font-face {
	font-family: 'SohoGothicPro Light';
	src: url('https://currys-ssl.cdn.dixons.com/css/themes/beko/2021/fonts/SohoGothicPro-Light.otf');
}*/

.dcg {font-family:arial,sans-serif; max-width:1240px; color:#444041;}
.dcg img{max-width:100%;}

/****** new desktop menu *******/
.dcg .dt-menu{margin-bottom:0; background-color:#0083c9;}
.dcg .logo-sect{float:left; width:30%;}
.dcg .menu-sect{float:left; width:80%;}
.dcg .logo-wrap{padding:10px 20px 10px;}
.dcg .menu-sect ul{display:flex; justify-content: space-around; flex-wrap: wrap; margin-top:20px;}
.dcg .menu-sect ul a{text-decoration:none; color:#fff; padding:5px 10px;}
.dcg .menu-sect ul .active{border:1px solid #eee; border-radius:2px;}
.dcg .menu-sect ul a:hover{background-color:#fff; color:#444; border-radius:2px;}
.dcg .menu-sect ul li{list-style: none; font-size:18px;}



@media only screen and (max-width: 800px) {
    /*.dcg .dt-menu{display:none;}*/
    .dcg {padding:0 0 25px 0;}
    .dcg .sfc .mobnav {display:block;}
    .dcg nav a{float:none;}
}

/******* END NEW NAV *******/

.dcg .white-bg{background-color:#fff;}


/***********HERO SECTION ********/
.dcg .hero-sect{position: relative;}
.dcg .hero-text{position:absolute; top:10%; width:35%; left:30px; color:#fff;}
.dcg .hero-text p{font-size:16px;}
.dcg .hero-sect-mob{display:none;}
.dcg .hero-heading{font-size:32px; margin-bottom:20px; font-family:arial,sans-serif; line-height: normal;}
.dcg .p-break{display:block;}
.dcg .blue-cta{margin:30px 0 0;}
.dcg .blue-cta a{background-color:#003e70; color:#fff; padding:10px 24px; font-size:15px; text-decoration:none; border:1px solid #fff; transition:background-color 0.5s; display:inline-block; border-radius:25px;}
.dcg .blue-cta a:hover{background-color:#0083c9;}

@media only screen and (max-width: 1239px) {
    .dcg .hero-text{position:absolute; top:15%; width:55%; left:30px;}
}
@media only screen and (max-width: 999px) {
    .dcg .hero-text{top:10%; width:60%;}
    .dcg .p-break{display:inline;}
}
@media only screen and (max-width: 799px) {
   .dcg .hero-text{position:static; bottom:0; width:100%; left:0; padding:20px 20px 30px; color:#000;}
}
@media only screen and (max-width: 599px) {
    .dcg .hero-sect-mob{display:block;}
    .dcg .hero-sect-desktop{display:none;}
    .dcg .hero-heading{font-size:30px;}
    .dcg .blue-cta a{padding:10px 24px; font-size:16px;}
}


/************ Intro section ************/
.dcg .intro-section{margin:40px 10% 0; text-align:center;}
.dcg .intro-heading{color:#003e70; font-size:32px; font-family:arial,sans-serif; line-height: normal; font-weight:bold; margin-bottom:20px;}
.dcg .intro-section p{font-size:16px;}



/*********** section 1 **********/
.dcg .section1{margin:50px 0 0; position:relative;}
.dcg .beko-pro-intro{color:#fff; position:absolute; top:15%; width:40%; padding:10px 30px; box-sizing: border-box;}
.dcg .pro-heading{font-size:26px; margin-bottom:10px; line-height: normal;}
.dcg .sect1-text{text-align:center;}
.dcg .sect-heading{color:#003e70; font-size:28px; font-family:arial,sans-serif; margin-bottom:10px; line-height: normal;}
.dcg .sect1-text p{font-size:16px;}

@media only screen and (max-width: 899px) {
    .dcg .beko-pro-intro{top:2%; width:40%; padding:10px 30px;}
    .dcg .pro-heading{font-size:24px; margin-bottom:5px;}
}
@media only screen and (max-width: 699px) {
    .dcg .beko-pro-intro{position:static; top:0; width:100%; padding:10px 40px 20px; background-color:#003662;}
}



/************* section 2 *************/
.dcg .section2{margin-top:50px; text-align:center;}
.dcg .st-text{text-align:center; padding:0 15%;}
.dcg .with-padding{padding-top:20px;}

.dcg .st-container{padding:10px 5%;}
.dcg .st-half{float:left; width:80%;}
.dcg .st-text-icon{float:left; width:20%; text-align:center;}
.dcg .st-text2{padding:20px;}

@media only screen and (max-width: 599px) {
    .dcg .st-half{float:none; width:100%;}
    .dcg .st-text-icon{float:none; width:20%; margin:0 auto;}
}


/******************** SECTION 5 ***************/
.dcg .section5{margin-top:50px;}
.dcg .sect5-heading{text-align:center; background-color:#003e70; color:#fff; padding:5px; font-size:26px; font-family:arial,sans-serif; line-height:normal; font-weight:bold;}
.dcg .sect5-row{margin-top:20px;}
.dcg .sect5-3rd{float:left; width:33.33%;}
.dcg .sect5-inner{background-color:#eeebea;}
.dcg .gap-right{margin-right:6px;}
.dcg .gap-center{margin:0 3px;}
.dcg .gap-left{margin-left:6px;}
.dcg .sect5-text{padding:15px;}
.dcg .box3-heading{color:#003e70; font-size:20px; font-family:arial,sans-serif; margin-bottom:10px; line-height: normal; font-weight:bold;}
.dcg .sect5-text p{min-height:90px;}

.dcg .sect5-cta{}
.dcg .sect5-cta a{background-color:#003e70; color:#fff; padding:7px 24px; font-size:15px; text-decoration:none; border:1px solid #fff; transition:background-color 0.5s; display:inline-block; border-radius:25px;}
.dcg .sect5-cta a:hover{background-color:#0083c9;}

.dcg .sect5-half{float:left; width:50%;}
.dcg .half-left{margin-right:6px;}
.dcg .half-right{margin-left:6px;}

@media only screen and (max-width: 599px) {
    .dcg .sect5-3rd{float:none; /*width:80%; margin:0 10% 20px;*/width:410px; margin:0 auto 20px;}
    .dcg .sect5-inner{background-color:#eeebea; max-width:410px;}
    .dcg .gap-right{margin-right:0;}
    .dcg .gap-center{margin:0;}
    .dcg .gap-left{margin-left:0;}
    .dcg .sect5-text p{min-height:auto;}
    .dcg .sect5-half{float:none; width:100%; margin-bottom:20px;}
    .dcg .half-left{margin-right:0; margin:0 auto;}
    .dcg .half-right{margin-left:0; margin:0 auto;}
}


.dcg .bottom-hero{margin-top:20px;}
.dcg .disc{padding:20px 0; font-size:12px;}



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

/******* 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;}
}