@charset "UTF-8";
/* CSS Document */

html {
  scroll-behavior: smooth;
}

body {
    margin: 0;
}

.main-tp-link-sec {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}

.tp-link-section{
	width: 100%;
	margin: 0;
	padding: 0;
}

.top-banner-section {
	background-image: url(https://currysprod.a.bigcontent.io/v1/static/tp-link-top-sec-banner);
    padding: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    text-align: right;
	justify-content: flex-end;
	display: flex;
}

.top-content-sec{
	width: 40%;
	padding-bottom: 30px;
}

.top-content-sec img{
	width: 30%;
    padding: 20px 0px;
}

.top-content-sec h1 {
    text-transform: uppercase;
    font-family: "Currys Sans", sans-serif;
    font-weight: 500;
    font-size: 45px;
    color: #292929;
    line-height: initial;
    padding: 10px 0px;
    margin: 0px;
}

strong.heading-bold-text {
    color: #54bfca;
}

.top-content-sec h2 {
    font-family: "Currys Sans", sans-serif;
    font-weight: 500;
    font-size: 30px;
    color: #54bfca;
    line-height: initial;
    padding: 0;
    margin: 0px;
}

.top-content-sec h3 {
    font-family: "Currys Sans", sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #292929;
    line-height: initial;
    padding: 0;
    margin: 0px;
}

.top-banner-section-mobile{
	display: none;
}


.tp-link-button-sec {
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 20px 0px;
}

.tp-link-button-sec button {
   text-decoration: none;
    border: none;
    border-radius: 5px;
    background: #4acbd6;
    color: #fff;
    margin: 20px 5px;
    padding: 5px;
	width: 13%;
}

button.top-smart-home-btn {
    background-image: linear-gradient(#3649fb, #4acbd6);
}

a.tp-link-page-btn {
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    padding: 0;
    font-family: 'Currys Sans', sans-serif;
    transition: background-color 0.5s;
    font-weight: 500;
    cursor: pointer;
    margin: 0;
    display: block;
    text-align: center;
}

.tplink-cta-arrow {
    width: 20px;
    float: right;
    display: flex;
    justify-content: right;
    align-items: flex-end;
}

.tplink-cta-arrow img{
	width: 60%;
}

.smart-home-sec{
	background: url(https://currysprod.a.bigcontent.io/v1/static/Smart-Home-New_BG);
	background-position: center;
	background-size: cover;
    background-repeat: no-repeat;
	padding: 10px;
	margin: 20px 0px;
}

.whole-home-sec{
	background: url(https://currysprod.a.bigcontent.io/v1/static/Whole-Home-Mesh_BG);
	background-position: center;
	background-size: cover;
    background-repeat: no-repeat;
	padding: 10px;
	margin: 20px 0px;
}

.wifi-router-sec{
	background: url(https://currysprod.a.bigcontent.io/v1/static/Wi-Fi-Routers_BG);
	background-position: center;
	background-size: cover;
    background-repeat: no-repeat;
	padding: 10px;
	margin: 20px 0px;
}

.range-extenders-sec{
	background: url(https://currysprod.a.bigcontent.io/v1/static/Range-Extenders_BG);
	background-position: center;
	background-size: cover;
    background-repeat: no-repeat;
	padding: 10px;
	margin: 20px 0px;
}

.powerline-adapters-sec{
	background: url(https://currysprod.a.bigcontent.io/v1/static/Powerline-Adapters_BG);
	background-position: center;
	background-size: cover;
    background-repeat: no-repeat;
	padding: 10px;
	margin: 20px 0px;
}

.switches-sec{
	background: url(https://currysprod.a.bigcontent.io/v1/static/Switches_BG);
	background-position: center;
	background-size: cover;
    background-repeat: no-repeat;
	padding: 10px;
	margin: 20px 0px;
}

.adapters-sec{
	background: url(https://currysprod.a.bigcontent.io/v1/static/Adapters_BG);
	background-position: center;
	background-size: cover;
    background-repeat: no-repeat;
	padding: 10px;
	margin: 20px 0px;
}


.tp-link-sect-box {
    width: 100%;
    margin: 0;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
	border-radius: 10px;
    padding: 0;
}

.tp-link-img-section {
    padding: 0px 0px;
    margin: 0;
    flex-basis: 50%;
	flex-flow: column;
	justify-content: center;
    display: flex;
}

.tp-link-img-section img{
    width: 100%;
    margin: 0;
    padding: 0;
}

.tp-link-content-section {
    position: relative;
    text-align: center;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    padding: 0px;
    flex-basis: 50%;
    align-items: center;
}

.tp-link-txt {
    width: 90%;
    padding: 0;
}

.logo-section {
    width: 100%;
    float: right;
}

.logo-section img{
	width: 10%;
	margin: 0;
	float: right;
}

img.tapo-logo-sec {
    width: 18%;
}

.tp-link-text h2 {
    font-family: 'Currys Sans', sans-serif;
    font-weight: 700;
    font-size: 27px;
    padding: 15px 0px;
    margin: 0;
    color: #ffffff;
    line-height: initial;
}

.tp-link-text p {
    font-family: 'Currys Sans', sans-serif;
    font-weight: 300;
    font-size: 15px;
    margin: 0;
    color: #ffffff;
    padding: 0;
    line-height: normal;
}

.tp-link-text img {
	width: 90%;
	margin: 0;
	padding: 0;
}

.bottom-logo-sec img {
    width: 35%;
    float: left;
}

img.wifi-bottom-logo {
    width: 10%;
}

.bottom-logo-sec button{
	text-decoration: none;
    border: none;
    border-radius: 5px;
    background: #fbc600;
    color: #fff;
    margin: 0;
    padding: 6px;
    float: right;
}

.whole-home-btn-sec button{
	text-decoration: none;
    border: none;
    border-radius: 5px;
    background: #fff;
    color: #fbc600;
    margin: 0;
    padding: 6px;
    float: right;
}

a.tp-link-bottom-btn {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    padding: 0px 20px;
    font-family: 'Currys Sans', sans-serif;
    transition: background-color 0.5s;
    font-weight: 500;
    cursor: pointer;
    margin: 0;
    display: block;
    text-align: center;
}

a.whole-home-bottom-btn {
    text-decoration: none;
    color: #fbc600;
    font-size: 15px;
    padding: 0px 20px;
    font-family: 'Currys Sans', sans-serif;
    transition: background-color 0.5s;
    font-weight: 500;
    cursor: pointer;
    margin: 0;
    display: block;
    text-align: center;
}

.bottom-tplink-cta-arrow img {
    width: 13%;
    float: right;
}

button.smart-home-btn {
    background: #0265ba;
}

@media screen and (min-width: 768px) and (max-width: 1024px){
	
	.top-content-sec {
    width: 50%;
    padding-bottom: 15px;
	}
	.top-banner-section{
	padding: 10px;
	background-position: center;
	}
	.top-content-sec img {
    width: 25%;
	padding: 10px 0px;
	}
	.top-content-sec h1{
	font-size: 30px;
    padding: 5px 0px;
	}
	.top-content-sec h2{
	font-size: 22px;
	}
	.top-content-sec h3{
	font-size: 16px;
	}
	a.tp-link-page-btn, a.tp-link-bottom-btn, a.whole-home-bottom-btn{
	font-size: 9px;
    padding: 5px 20px;
	}
	.tp-link-button-sec button{
	padding: 3px;
	margin: 5px 0px;
   width: 17%;
	}
	.bottom-logo-sec button, .whole-home-btn-sec button {
    padding: 3px;
    margin: 0;
	}
	.bottom-logo-sec img {
    width: 45%;
	}
	.bottom-tplink-cta-arrow img {
    width: 13%;
	}
	.tplink-cta-arrow img {
    width: 45%;
	}
	.tp-link-text h2{
	font-size: 22px;
    padding: 10px 0px;
	}
	.tp-link-text p {
    font-size: 13px;
    padding: 0px 10px;
	}
	.tp-link-txt {
    width: 95%;
    margin: 0 auto;
	}
	img.wifi-bottom-logo {
    width: 12%;
	}
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px){
	
	.tp-link-section {
    width: 100%;
	}
	
	.top-banner-section{
	display: none
	}
	.top-banner-section-mobile {
    display: block;
    text-align: center;
    width: 100%;
	}
	.top-banner-section-mobile img {
    width: 100%;
	padding: 10px 0px;
	}
	.top-banner-section-mobile h1 {
    text-transform: uppercase;
    font-family: "Currys Sans", sans-serif;
    font-weight: 500;
    font-size: 25px !important;
    color: #292929;
    line-height: initial;
    padding: 10px 0px;
    margin: 0px;
	}

	strong.heading-bold-text {
		color: #54bfca;
	}

	.top-banner-section-mobile h2 {
		font-family: "Currys Sans", sans-serif;
		font-weight: 500;
		font-size: 20px !important;
		color: #54bfca;
		line-height: initial;
		padding: 0;
		margin: 0px;
	}

	.top-banner-section-mobile h3 {
		font-family: "Currys Sans", sans-serif;
		font-weight: 300;
		font-size: 18px !important;
		color: #292929;
		line-height: initial;
		padding: 0;
		margin: 0px;
	}
	.tp-link-sect-box{
    flex-wrap: wrap;
	}
	.tp-link-img-section, .tp-link-content-section{
	margin: 0 auto;
    flex-basis: 90%;
	}
	a.tp-link-page-btn, a.whole-home-bottom-btn{
	font-size: 10px !important;
    padding: 5px 20px;
	}
	.tp-link-button-sec button{
	margin: 5px 2px !important;
    padding: 3px;
	width: 45% !important;
	}
	.tplink-cta-arrow img {
    width: 30% !important;
	}
	.tp-link-txt {
    width: 100%;
    padding: 10px 0px !important;
    }
    .logo-section img{
    width: 20%;
    }
    .tp-link-text h2{
    font-size: 25px;
    padding: 0;
    }
    .tp-link-text img{
    margin: 0;
	width: 100%;
    }
    .tp-link-text p{
    font-size: 14px;
    padding: 20px 10px;
    }
    a.tp-link-bottom-btn{
    font-size: 9px !important;
    padding: 0px 15px !important;
    }
    .bottom-logo-sec img {
    width: 60% !important;
    }
    .bottom-tplink-cta-arrow img {
    width: 15% !important;
    }
	img.wifi-bottom-logo {
    width: 16% !important;
	}

}

@media screen and (max-width: 767px){
	
	.tp-link-section {
    width: 100%;
	}
	
	.top-banner-section{
	display: none
	}
	.top-banner-section-mobile {
    display: block;
    text-align: center;
    width: 100%;
	}
	.top-banner-section-mobile img {
    width: 100%;
	padding: 10px 0px;
	}
	.top-banner-section-mobile h1 {
    text-transform: uppercase;
    font-family: "Currys Sans", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: #292929;
    line-height: initial;
    padding: 10px 0px;
    margin: 0px;
	}

	strong.heading-bold-text {
		color: #54bfca;
	}

	.top-banner-section-mobile h2 {
		font-family: "Currys Sans", sans-serif;
		font-weight: 500;
		font-size: 30px;
		color: #54bfca;
		line-height: initial;
		padding: 0;
		margin: 0px;
	}

	.top-banner-section-mobile h3 {
		font-family: "Currys Sans", sans-serif;
		font-weight: 300;
		font-size: 25px;
		color: #292929;
		line-height: initial;
		padding: 10px 0px;
		margin: 0px;
	}
	.tp-link-sect-box{
    flex-wrap: wrap;
	}
	.logo-section img.tapo-logo-sec {
    width: 20%;
	}
	.tp-link-img-section, .tp-link-content-section{
	margin: 0 auto;
    flex-basis: 95%;
	}
	.tp-link-txt {
    width: 100%;
	padding: 0;
	}
	
	a.tp-link-page-btn{
	font-size: 11px;
	}
	.tp-link-button-sec button{
	margin: 10px 5px;
	width: 28%;
	}
	.tplink-cta-arrow img {
    width: 40%;
    }
    .bottom-logo-sec img {
    width: 55%;
    }
     .logo-section img{
        width: 12%;
    margin: 10px 0px;
    }
    .bottom-tplink-cta-arrow img {
    width: 12%;
    }
	a.tp-link-bottom-btn, a.whole-home-bottom-btn {
    font-size: 13px;
    padding: 5px 15px;
	}
	img.wifi-bottom-logo {
    width: 15%;
	}
}