.poppins-22-bold {
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	line-height: 32px;
	font-weight: 700;
	text-decoration: none;
	color: #E91E24;
}
.poppins-22-bold-grey {
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	line-height: 32px;
	font-weight: 700;
	text-decoration: none;
	color: #333;
}
.poppins-28-bold-grey {
	font-family: 'Poppins', sans-serif;
	font-size: 28px;
	line-height: 38px;
	font-weight: 700;
	text-decoration: none;
	color: #333;
}
.poppins-38-bold {
	font-family: 'Poppins', sans-serif;
	font-size: 38px;
	line-height: 48px;
	font-weight: 700;
	text-decoration: none;
	color: #333;
}
.poppins-32-gold {
	font-family: 'Poppins', sans-serif;
	font-size: 32px;
	line-height: 42px;
	font-weight: 700;
	text-decoration: none;
	color: #D0B881;
}
.poppins-40-gold {
	font-family: 'Poppins', sans-serif;
	font-size: 40px;
	line-height: 50px;
	font-weight: 700;
	text-decoration: none;
	color: #D0B881;
}

.poppins-32-grey {
	font-family: 'Poppins', sans-serif;
	font-size: 32px;
	line-height: 42px;
	font-weight: 700;
	text-decoration: none;
	color: #4A4A4A;
}
.poppins-28-white {
	font-family: 'Poppins', sans-serif;
	font-size: 28px;
	line-height: 38px;
	font-weight: 700;
	text-decoration: none;
	color: #FFF;
}




.poppins-24-bold-gold {
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	text-decoration: none;
	color: #D0B881;
}
.poppins-28-bold-gold {
	font-family: 'Poppins', sans-serif;
	font-size: 25px;
	line-height: 35px;
	font-weight: 700;
	text-decoration: none;
	color: #D0B881;
}




.mont-45-grey-bold {
	font-family: 'Montserrat', sans-serif;
	font-size: 55px;
	line-height: 55px;
	font-weight: 600;
	text-decoration: none;
	color: #484848;
}
.background-pic {
	background-attachment: scroll;
	background-image: url(images/template/internorm_doors_devon.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.poppins-gold-28-bold {
	font-family: 'Poppins', sans-serif;
	font-size: 28px;
	line-height: 38px;
	font-weight: 700;
	color: #d0b881;
}


.mont-45-grey-reg {
	font-family: 'Raleway', sans-serif;
	font-size: 55px;
	line-height: 65px;
	font-weight: 400;
	text-decoration: none;
	color: #484848;
}
.mont-35-light-grey {
	font-family: 'Raleway', sans-serif;
	font-size: 40px;
	line-height: 45px;
	font-weight: 400;
	text-decoration: none;
	color: #484848;
	letter-spacing: 5px;
}


.mont-36-white-bold {
	font-family: 'Montserrat', sans-serif;
	font-size: 36px;
	line-height: 46px;
	font-weight: 700;
	text-decoration: none;
	color: #FFF;
}
.mont-48-white-bold {
	font-family: 'Montserrat', sans-serif;
	font-size: 48px;
	line-height: 56px;
	font-weight: 700;
	text-decoration: none;
	color: #FFF;
}
.mont-48-light-green {
	font-family: 'Montserrat', sans-serif;
	font-size: 60px;
	line-height: 62px;
	font-weight: 700;
	text-decoration: none;
	color: #D6FFB7;
}


.mont-64-white-bold {
	font-family: 'Montserrat', sans-serif;
	font-size: 64px;
	line-height: 71px;
	font-weight: 800;
	text-decoration: none;
	color: #FFF;
}
.mont-55-white-bold {
	font-family: 'Montserrat', sans-serif;
	font-size: 58px;
	line-height: 71px;
	font-weight: 800;
	text-decoration: none;
	color: #FFF;
}


.mont-30-white {
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
	text-decoration: none;
	color: #FFF;
}
.mont-20-light-white {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	text-decoration: none;
	color: #FFF;
}


.mont-36-blue-bold {
	font-family: 'Montserrat', sans-serif;
	font-size: 43px;
	line-height: 46px;
	font-weight: 700;
	text-decoration: none;
	color: #017ad5;
}
.mont--14-blue {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
	text-decoration: none;
	color: #01ccff;
}
.background-box-pink {
	background-attachment: scroll;
	background-image: url(images/home/gallery/bifold-doors-devon.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.background-box-green {
	background-attachment: scroll;
	background-image: url(images/home/gallery/bifold_doors-devon.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.background-box-yellow {
	background-attachment: scroll;
	background-image: url(images/home/gallery/bifold-doors_devon.png);
	background-repeat: no-repeat;
	background-position: center center;
}



.mont-28-grey-bold {
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	line-height: 38px;
	font-weight: 700;
	text-decoration: none;
	color: #575757;
}


.mont-28-med {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	line-height: 38px;
	font-weight: 400;
	text-decoration: none;
	color: #333;
}
.mont-24-grey-bold {
	font-family: 'Montserrat', sans-serif;
	font-size: 23px;
	line-height: 30px;
	font-weight: 700;
	text-decoration: none;
	color: #333;
}

.mont-28-medCopy {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	line-height: 38px;
	font-weight: 400;
	text-decoration: none;
	color: #333;
}



.rob-slab-22-grey {
	font-family: 'Raleway', sans-serif;
	font-size: 22px;
	line-height: 30px;
	font-weight: 300;
	color: #dddddd;
	text-decoration: none;
}
.rob-slab-22-blue {
	font-family: 'Raleway', sans-serif;
	font-size: 22px;
	line-height: 30px;
	font-weight: 400;
	color: #CAB075;
	text-decoration: none;
}
.rob-slab-22-bluebold {
	font-family: 'Raleway', sans-serif;
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
	color: #CAB075;
	text-decoration: none;
}

.rob-slab-35-blue2 {
	font-family: 'Raleway', sans-serif;
	font-size: 35px;
	line-height: 45px;
	font-weight: 500;
	color: #c8ae74;
	text-decoration: none;
}
.rob-slab-35-whitee {
	font-family: 'Roboto Slab', serif;
	font-size: 35px;
	line-height: 45px;
	font-weight: 500;
	color: #FFF;
	text-decoration: none;
}
.dashed-red-line {
	border: 2px dashed #FB1646;
}


.rob-slab-22-white {
	font-family: 'Roboto Slab', serif;
	font-size: 22px;
	line-height: 30px;
	font-weight: 300;
	color: #FFF;
	text-decoration: none;
}
.rob-slab-20-blue {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	line-height: 30px;
	font-weight: 300;
	color: #CAB075;
	text-decoration: none;
}
.rob-slab-20-orange {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	line-height: 30px;
	font-weight: 300;
	color: #CAB075;
	text-decoration: none;
}
.rob-slab-23-blue {
	font-family: 'Raleway', sans-serif;
	font-size: 23px;
	line-height: 36px;
	font-weight: 300;
	color: #CAB075;
	text-decoration: none;
}
.rob-slab-23-orange {
	font-family: 'Raleway', sans-serif;
	font-size: 23px;
	line-height: 36px;
	font-weight: 300;
	color: #cfb780;
	text-decoration: none;
}
.rob-slab-20-grey {
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight:  400;
	color: #747474;
	text-decoration: none;
}
.rob-slab-21-grey {
	font-family: 'Roboto Slab', serif;
	font-size: 21px;
	line-height: 30px;
	font-weight: 700;
	color: #474747;
	text-decoration: none;
}

.rob-slab-22-grey {
	font-family: 'Raleway', sans-serif;
	font-size: 22px;
	line-height: 30px;
	font-weight: 300;
	color: #747474;
	text-decoration: none;
}
.rob-slab-18-grey {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	color: #717171;
	text-decoration: none;
}
.rob-slab-16-greybold {
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #333333;
	text-decoration: none;
}

.rob-slab-18-grey-line {
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	line-height: 25px;
	font-weight: 300;
	color: #717171;
	text-decoration: none;
}

.rob-slab-25-grey {
	font-family: 'Raleway', sans-serif;
	font-size: 25px;
	line-height: 35px;
	font-weight: 400;
	color: #717171;
	text-decoration: none;
}
.rob-slab-25-green {
	font-family: 'Roboto Slab', serif;
	font-size: 25px;
	line-height: 35px;
	font-weight: 400;
	color: #4aca95;
	text-decoration: none;
}
.rob-slab-30-grey {
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	line-height: 35px;
	font-weight: 400;
	color: #717171;
	text-decoration: none;
}
.rob-slab-25-white {
	font-family: 'Roboto Slab', serif;
	font-size: 25px;
	line-height: 30px;
	font-weight: 300;
	color: #ffffff;
	text-decoration: none;
}
.rob-slab-45-white {
	font-family: 'Roboto Slab', serif;
	font-size: 45px;
	line-height: 55px;
	font-weight: 600;
	color: #FC1D49;
	text-decoration: none;
}

.rob-slab-25-green2 {
	font-family: 'Roboto Slab', serif;
	font-size: 25px;
	line-height: 30px;
	font-weight: 700;
	color: #44d78d;
	text-decoration: none;
}

.rob-slab-44-blue {
	font-family: 'Raleway', sans-serif;
	font-size: 45px;
	line-height: 30px;
	font-weight: 300;
	color: #cfb780;
	text-decoration: none;
}
.rob-slab-40-grey {
	font-family: 'Roboto Slab', serif;
	font-size: 40px;
	line-height: 50px;
	font-weight: 400;
	color: #5a5a5a;
	text-decoration: none;
}
.rob-slablight-23-grey {
	font-family: 'Roboto Slab', serif;
	font-size: 23px;
	line-height: 35px;
	font-weight: 300;
	color: #5a5a5a;
	text-decoration: none;
}


.rob-slab-36-green {
	font-family: 'Roboto Slab', serif;
	font-size: 36px;
	line-height: 50px;
	font-weight: 300;
	color: #6dc518;
	text-decoration: none;
}
.rob-slab-23-grey {
	font-family: 'Roboto Slab', serif;
	font-size: 23px;
	line-height: 37px;
	font-weight: 400;
	color: #757575;
	text-decoration: none;
}


.rob-slab-44-orange {
	font-family: 'Roboto Slab', serif;
	font-size: 45px;
	line-height: 55px;
	font-weight: 300;
	color: #f4ac25;
	text-decoration: none;
}
.rob-slab-77-yellow {
	font-family: 'Roboto Slab', serif;
	font-size: 77px;
	line-height: 65px;
	font-weight: 700;
	color: #f6d603;
	text-decoration: none;
}

.rob-slab-45-grey {
	font-family: 'Raleway', sans-serif;
	font-size: 45px;
	line-height: 55px;
	font-weight: 500;
	color: #c8ae74;
	text-decoration: none;
}
.rob-slab-27-grey {
	font-family: 'Roboto Slab', serif;
	font-size: 27px;
	line-height: 30px;
	font-weight: 400;
	color: #6a6a6a;
	text-decoration: none;
}

.rob-slab-45-grey-light {
	font-family: 'Raleway', sans-serif;
	font-size: 45px;
	line-height: 55px;
	font-weight: 300;
	color: #515151;
	text-decoration: none;
}
.rob-slab-33-grey-light {
	font-family: 'Roboto Slab', serif;
	font-size: 33px;
	line-height: 44px;
	font-weight: 300;
	color: #454545;
	text-decoration: none;
}


.rob-slab-45-blue {
	font-family: 'Raleway', sans-serif;
	font-size: 45px;
	line-height: 55px;
	font-weight: 400;
	color: #CAB075;
	text-decoration: none;
}
.rob-slab-45-green {
	font-family: 'Roboto Slab', serif;
	font-size: 45px;
	line-height: 55px;
	font-weight: 400;
	color: #0090F1;
	text-decoration: none;
}


.rob-slab-35-grey {
	font-family: 'Roboto Slab', serif;
	font-size: 35px;
	line-height: 45px;
	font-weight: 400;
	color: #515151;
	text-decoration: none;
}
.rob-slab-35-blue {
	font-family: 'Roboto Slab', serif;
	font-size: 35px;
	line-height: 45px;
	font-weight: 300;
	color: #4aca95;
	text-decoration: none;
}
.rob-slab-35-bluelight {
	font-family: 'Roboto Slab', serif;
	font-size: 35px;
	line-height: 45px;
	font-weight: 300;
	color: #4aca95;
	text-decoration: none;
}

.rob-slab-25-green {
	font-family: 'Roboto Slab', serif;
	font-size: 30px;
	line-height: 35px;
	font-weight: 300;
	color: #FB1646;
	text-decoration: none;
}
.open-reg-16-grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 25px;
	font-weight: 400;
	color: #8d8d8d;
	text-decoration: none;
}
.main-light-grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 25px;
	font-weight: 400;
	color: #CCC;
	text-decoration: none;
}

.open-reg-18-grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	color: #8d8d8d;
	text-decoration: none;
/*	text-align: justify; */
}
.open-reg-18-greydark {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 27px;
	font-weight: 400;
	color: #585858;
	text-decoration: none;
}

.open-reg-18-red {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
	color: #FB1646;
	text-decoration: none;
}
.open-reg-24-red {
	font-family: 'Open Sans', sans-serif;
	font-size: 26px;
	line-height: 34px;
	font-weight: 400;
	color: #FC1D49;
	text-decoration: none;
}
.call-to-action-box {
	border: medium dashed #FC1D49;
}



.open-light-itallic-30grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	line-height: 42px;
	font-weight: 300;
	color: #8c8c8c;
	text-decoration: none;
	font-style: italic;
}
.open-light-itallic-25grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	color: #8c8c8c;
	text-decoration: none;
	font-style: italic;
}


.open-light-24-grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	line-height: 33px;
	font-weight: 400;
	color: #8c8c8c;
	text-decoration: none;
}
.open-light-22-grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	line-height: 32px;
	font-weight: 400;
	color: #8c8c8c;
	text-decoration: none;
}
.open-light-18-grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #8c8c8c;
	text-decoration: none;
}


.open-23-greybold {
	font-family: 'Open Sans', sans-serif;
	font-size: 23px;
	line-height: 30px;
	font-weight: 700;
	color: #8c8b8b;
	text-decoration: none;
}
.open-22-greybold {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	color: #747474;
	text-decoration: none;
	text-align: left;
}
.open-22-white-reg {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	line-height: 30px;
	font-weight: 400;
	color: #FFF;
	text-decoration: none;
	text-align: left;
}

.open-22-blue {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	color: #3FADFE;
	text-decoration: none;
	text-align: left;
}

.open-22-greybold-underline-link {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	color: #747474;
	text-decoration: underline;
	text-align: left;
}

.open-22-whitebold {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: left;
}
.open-22-whit {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
}
.open-20-white-bod {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
}
.open-20-white-reg {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	color: #FFF;
	text-decoration: none;
}





.open-25-yellowbold {
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	line-height: 35px;
	font-weight: 700;
	color: #f6d603;
	text-decoration: none;
}



.open-reg-14-grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 21px;
	font-weight: 400;
	color: #828181;
	text-decoration: none;
}
.open-reg-14-white {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	color: #FFF;
	text-decoration: none;
}
.open-reg-16-white {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #FFF;
	text-decoration: none;
}

.open-reg-17-reg {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #FFF;
	text-decoration: none;
}
.open-reg--16-white {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
}
.open-reg--16-grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	color: #333;
	text-decoration: none;
}
.open-reg--16-light-grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	color: #999;
	text-decoration: none;
}
.open-grey-grey-light {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	color: #CCC;
	text-decoration: none;
}






.open-reg-13-blue {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 21px;
	font-weight: 600;
	color: #0090f1;
	text-decoration: none;
}
.open-reg-15-blue {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 21px;
	font-weight: 600;
	color: #0090f1;
	text-decoration: none;
}
.open-reg-gold-16-bold {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 26px;
	font-weight: 800;
	color: #cab999;
	text-decoration: none;
}


.open-reg-30-white {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	line-height: 47px;
	font-weight: 300;
	color: #ffffff;
	text-decoration: none;
}

.dots-top {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #0E76BC;
}


.line-light-grey {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	text-decoration: none;
}
.rob-con-25-blue {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 25px;
	line-height: 35px;
	font-weight: 300;
	color: #F4AC25;
	text-decoration: none;
}
.rob-con-20-grey {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: #474747;
	text-decoration: none;
}
.rob-con-16-grey {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	line-height: 30px;
	font-weight: 300;
	color: #474747;
	text-decoration: none;
}
.rob-con-25-bluebold {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 25px;
	line-height: 35px;
	font-weight: 700;
	color: #4aca95;
	text-decoration: none;
}
.rob-con-25-white {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 25px;
	line-height: 35px;
	font-weight: 700;
	color: #4aca95;
	text-decoration: none;
}

.rob-con-24-grey {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	line-height: 32px;
	font-weight: 300;
	color: #505050;
	text-decoration: none;
}
.rob-con-30-blue {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	line-height: 35px;
	font-weight: 300;
	color: #4aca95;
	text-decoration: none;
}
.arial-12-grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 24px;
	font-weight: 400;
	color: #FFF;
	text-decoration: none;
}
.arial-11-grey {
	font-family: arial;
	font-size: 11px;
	line-height: 20px;
	font-weight: 400;
	color: #a4a4a4;
	text-decoration: none;
}
#topnav div.drop {
	position: relative;
	width: 100%;
	height: 100%;
	line-height: 45px;
	display: block;
}
#topnav div.drop div {
	display: none;
	position: absolute;
	top: 45px;
	width: 175px;
	line-height: 45;
	height: auto;
	min-height: 15px;
	padding: 0px;
	z-index: 10000000000;
	left: 0px;
}
#topnav div.drop:hover > div {
	display: block;
}

a.top-link {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	height: 76px;
	width: 100%;
	line-height: 76px;
	font-weight: 400;
	transition: ease 0.3s;
}
a.top-link:after {
	display:block;
	content: '';
	margin-top: -15px;
	border-bottom: solid 4px #d5be85;
	transform: scaleX(0);
	transition: transform 0.5s ease-in-out;
}
a.top-link:hover {
	color: #d5be85;
}
a.top-link:hover:after {
	transform: scaleX(1);
}



.line-grey {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5f6166;
}
.rob-con-30-black-bold {
	font-size: 32px;
	line-height: 35px;
	font-weight: 700;
	color: #343736;
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: none;
}
.rob-con-22-blackbold {
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	color: #343736;
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: none;
}
.rob-con-22-white {
	font-size: 24px;
	line-height: 30px;
	font-weight: 500;
	color: #FFF;
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: none;
}

.main {
	font-family: 'Droid Sans', sans-serif;
	font-size: 14px;
	color: #929292;
	text-decoration: none;
	line-height: 22px;
	font-weight: 400;
}
.main-large {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	color: #575757;
	text-decoration: none;
}

img.sop {
	filter: alpha(opacity=100);
	opacity: 1;
}
img:hover.sop  {
	filter: alpha(opacity=40);
	opacity: 0.4;
	  transition: opacity .35s ease-in-out;
   -moz-transition: opacity .35s ease-in-out;
   -webkit-transition: opacity .35s ease-in-out;
}
a img {
		border: none;	
	}
	.button-grey-square {
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	line-height:50px;
	font-weight: 400;
	background-color: #2f3238;	
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  
 }
a.button-grey-square:hover {
    background-color: #CAB075;	
	color: #FFFFFF;
} 
  

.button-grey-square-large {
	display: block;
	height: 60px;
	width: 100%;
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	color: #ffffff;
	text-decoration: none;
	line-height:60px;
	font-weight: 300;
	background-color: #2f3238;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
a.button-grey-square-large:hover {
    background-color: #CAB075;	
	color: #FFFFFF;
}
.button-grey-square-small {
	display: block;
	height: 35px;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	line-height:35px;
	font-weight: 300;
	background-color: #2f3238;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
a.button-grey-square-small:hover {
    background-color: #3181ed;	
	color: #FFFFFF;
}
.button-blue-square-large {
	display: block;
	height: 60px;
	width: 100%;
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	color: #ffffff;
	text-decoration: none;
	line-height:60px;
	font-weight: 300;
	background-color: #ff3930;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
a.button-blue-square-large:hover {
    background-color: #EA0C00;	
	color: #FFFFFF;
}
.button-blue-square2 {
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	color: #ffffff;
	text-decoration: none;
	line-height:50px;
	font-weight: 500;
	background-color: #ff3930;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
a.button-blue-square2:hover {
    background-color: #EA0C00;	
	color: #FFFFFF;
}	
.button-yellow-square2 {
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Roboto Slab', serif;
	font-size: 15px;
	color: #ffffff;
	text-decoration: none;
	line-height:50px;
	font-weight: 300;
	background-color: #f6d603;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
a.button-yellow-square2:hover {
    background-color: #ffd600;
	color: #FFFFFF;
}
.button-darkblue-square {
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Roboto Slab', serif;
	font-size: 15px;
	color: #ffffff;
	text-decoration: none;
	line-height:50px;
	font-weight: 300;
	background-color: #3f78c5;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
a.button-darkblue-square:hover {
    background-color: #3181ed;	
	color: #FFFFFF;
}
a.button-grey-square:hover {
    background-color: #3181ed;	
	color: #FFFFFF;
}
	.button-grey2-square {
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	line-height:50px;
	font-weight: 400;
	background-color: #2f3238;	
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
	}
a.button-grey2-square:hover {
    background-color: #3181ed;	
	color: #FFFFFF;
}
#mobile_return {
   display: block; top: 0; left: 0; width: 100%; text-align: center; /*Leave this line alone */
   position: fixed;
   height: 2em;
   background: #fff;
}
#mobile_return a { 
   font-size: 1em; line-height: 2em; vertical-align: middle; text-decoration: none; /*Leave this line alone */
   font-family: Arial, sans-serif;
   color: #000;
}

#cookieNotice {
	position: fixed;
	height: 55px;
	width: 100%;
	left: 0;
	bottom: 0;
	background: #333;
}
#cookieNotice p {
	width: 1200px;
	text-align: center;
	font-size: 1em;
	margin: 0 auto;
	padding: 0;
	color: #fff;
	font-weight: 300;
	font-family: 'Asap', sans-serif;
	line-height: 30px;
	vertical-align: middle;
}
#cookieNotice a {
	display: inline-block;
	color: #333;
	background: #fff;
	border-radius: 0.25em;
	overflow: hidden;
	text-decoration: none;
	margin: 5px 0 0 30px;
	padding: 3px 6px;
	vertical-align: bottom;
	cursor: pointer;
}
.button-red-square {
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	line-height:50px;
	font-weight: 400;
	background-color: #FB1646;	
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
	}
a.button-red-square:hover {
    background-color: #3181ed;	
	color: #FFFFFF;
}
.handwritten {
	font-family: 'Handlee', cursive;
	font-size: 27px;
	line-height: 32px;
	font-weight: 400;
	color: #00a4ff;
	text-decoration: none;
}
.handwritten-white {
	font-family: 'Handlee', cursive;
	font-size: 25px;
	line-height: 32px;
	font-weight: 400;
	color: #FFF;
	text-decoration: none;
}
.handwritten-white-26 {
	font-family: 'Handlee', cursive;
	font-size: 26px;
	line-height: 30px;
	font-weight: 400;
	color: #FFF;
	text-decoration: none;
}


.bifold-back {
	background-image: url(images/doors/aluminium_bifold-doors-devon.jpg);
	background-repeat: no-repeat;
}
.circle-60 {
	-webkit-border-radius: 100px; 
	-moz-border-radius: 100px; 
	border-radius: 100px; 
	border: 1px solid #0e76bc; 
}
.button-darkblue-slim {
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Roboto Slab', serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	line-height:50px;
	font-weight: 300;
	background-color: #3f78c5;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
a.button-darkblue-slim:hover {
    background-color: #3181ed;	
	color: #FFFFFF;
}
.button-blue-slim {
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Roboto Slab', serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	line-height:50px;
	font-weight: 300;
	background-color: #4e96f7;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
a.button-blue-slim:hover {
    background-color: #3181ed;	
	color: #FFFFFF;
}
.button-green-square {
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Roboto Slab', serif;
	font-size: 15px;
	color: #ffffff;
	text-decoration: none;
	line-height:50px;
	font-weight: 300;
	background-color: #6dc518;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
a.button-green-square:hover {
    background-color: #6bd801;	
	color: #FFFFFF;
}
.button-green-square2 {
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Roboto Slab', serif;
	font-size: 21px;
	color: #ffffff;
	text-decoration: none;
	line-height:50px;
	font-weight: 300;
	background-color: #6dc518;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
a.button-green-square2:hover {
    background-color: #6bd801;	
	color: #FFFFFF;
}
.button-white {
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	line-height:50px;
	font-weight: 400;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	webkit-border-radius: 3px 3px 3px 3px;
    moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
	border: 1px solid #ffffff;
}
a.button-white:hover {
    border: 1px solid #454545;
	color: #454545;
}
.button-yellow {
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	color: #686868;
	text-decoration: none;
	line-height:50px;
	font-weight: 400;
	background-color: #fdc312;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
a.button-yellow:hover {
    background-color: #fdc312;	
	color: #FFFFFF;
}.left-line-yellow {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #F6D603;
}
.left-line-yellowthick {
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #F6D603;
}

.left-line-blue {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #4E96F7;
}



.button-big {
	display: block;
	height: 60px;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color: #ffffff;
	text-decoration: none;
	line-height:60px;
	font-weight: 600;
	background-color: #FC1D49;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
		-webkit-border-radius: 5px 5px 5px 5px; 
	-moz-border-radius: 5px 5px 5px 5px; 
	border-radius: 5px 5px 5px 5px; 
}
a.button-big:hover {
    background-color: #FC1D49;	
	color: #FFFFFF;
}.white-line-right {
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #FFF;
}


.button-red {
	display: block;
	width: 100%;
	height: 100px;
	cursor: pointer;
	font-family: 'Asap', sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 100px;
	text-decoration: none;
	font-weight: 400;
	-webkit-transition: All 0.9s ease;
	-moz-transition: All 0.9s ease;
	-o-transition: All 0.9s ease;
	-ms-transition: All 0.9s ease;
	transition: All 0.9s ease;
	background-color: #18C99B;

}
.button-red:hover {
	background-color: #FB1646;
}

.button-blue {
	display: block;
	width: 100%;
	height: 100px;
	cursor: pointer;
	font-family: 'Asap', sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 100px;
	text-decoration: none;
	font-weight: 400;
	-webkit-transition: All 0.9s ease;
	-moz-transition: All 0.9s ease;
	-o-transition: All 0.9s ease;
	-ms-transition: All 0.9s ease;
	transition: All 0.9s ease;
	background-color: #0E76BC;

}
.button-blue:hover {
	background-color: #FDC312;
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 0%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 75%;
}
.span_2_of_4 {
	width: 50%;
}
.span_1_of_4 {
	width: 25%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}
.opaque-background-pink {
	background: rgba(252,15,129,0.9);
}
.opaque-background-green {
	background: rgba(124,220,50,0.9);
}
.opaque-background-blue {
	background: rgba(1,121,213,0.9);

}
.opaque-background-yellow {
	background: rgba(247,197,7,0.9);


}
.container {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.navigation {
	position: absolute;
	width: 100%;
	top: 45px;
	height: 120px;
	transition: background-color 0.6s ease;
	background: rgba(0,0,0,0.6)
}
.nav_fixed {
	position: fixed;
	width: 100%;
	top: 0px;
	height: 65px;
	background-color: #394776;
	transition: position 0.4s ease;
	transition: background-color 0.6s ease;
	background: rgba(47,54,75,0.8);
	top: 0;
}
.mont-48-white-dropshadow {
	font-family: 'Montserrat', sans-serif;
	font-size: 48px;
	line-height: 56px;
	font-weight: 700;
	text-decoration: none;
	color: #FFF;
  text-shadow: 2px 2px 4px #000000;
}
.grey-line-left {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}
.grey-line-bottom {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #666;
}



	.button-gold-square {
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	line-height:50px;
	font-weight: 400;
	background-color: #D0B881;	
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  
 }
a.button-gold-square:hover {
    background-color: #b09965;	
	color: #FFFFFF;
}