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


img

{max-width:100%;
height:auto;}

.header
{height:410px;
width:100%;
border-top:12px #F33 solid;
padding-top:25px;
}

#headerlogo img
{width:85%;
height:auto;}

#headerwattage img
{width:70%;
height:auto;
padding-top:40px;}

#headercontact
{text-align:left;
padding-top:30px;}

.headercontactp
{color:#000;
font-family:'Lato', Arial, Helvetica, sans-serif;
line-height:1.1;
font-size:15px;}

.headercontactred
{color:#ff3333;
font-size:20px;
font-weight:700;
line-height:1.0;
font-family:'Lato', Arial, Helvetica, sans-serif;}




#navigationheader
{clear:both;
}


ul.mainheadermenu
{height:auto;
width:100%;
display:inline-block;
margin-left:auto;
margin-right:auto;
text-align:left;
padding-top:17px;
padding-bottom:15px;
border-bottom:3px #cccccc4a solid;
border-top:3px #cccccc4a solid;
margin-top:35px;

}


ul.mainheadermenu li
{list-style:none;
display:inline-block;
text-decoration:none;
border:none;
margin-left:auto;
padding-right:6%;
margin-right:auto;
font-size:21px;
font-family:'Lato', Arial, Helvetica, sans-serif;
font-weight:bold;
color:#666666;}

ul.mainheadermenu li:first-child
{margin-left:40px;}

ul.mainheadermenu li a

{list-style:none;
display:inline-block;
text-decoration:none;
padding-bottom:7px;
color:#666666;}

ul.mainheadermenu a:hover

{color:#F33;
border-bottom:3px #F33 solid;
padding-bottom:4px;}


	
	@media (max-width: 982px) {	
	
	ul.mainheadermenu li
	{width:100%;
	display:block;
	margin-bottom:40px;
	font-size:25px;}
	
	ul.mainheadermenu li:first-child
{margin-left:0px;}
	
	
	}
	
	
	

.sliderarea

{width:100%;
height:auto;
background-color:#EBEBEB;
border-bottom:#ACACAC 4px solid;
border-top:#ACACAC 4px solid;
    background-image: url(../images/liverbirdbackground.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;}
	
	
#sliderleft
{padding-top:130px;}


h1

{color:#FF2C2C;
font-size:98px;
font-weight:900;
line-height:0.9;
-webkit-text-stroke: 1.5px white;
margin-bottom:55px;
text-shadow: -5px 8px 1px #c3c3c3;
font-family:'Lato', Arial, Helvetica, sans-serif;
}


h2

{color:#4a4a4a;
font-size:80px;
line-height:0.9;
font-weight:900;
-webkit-text-stroke: 1.5px white;
text-shadow: -5px 8px 1px #c3c3c3;
font-family:'Lato', Arial, Helvetica, sans-serif;}


p

{font-family:'Lato', Arial, Helvetica, sans-serif;
font-size:18px;
line-height:37px;}

.redctabutton

{    background-color: #FF2C2C;
    border: solid 2px white;
    height: 56px;}

.redctabutton:hover

{background-color:#FF2C2C;
border:solid 2px white;}


button.redctabutton a

{padding-left:20px;
padding-right:20px;
padding-top:40px;
font-size:17px;
padding-bottom:40px;
text-decoration:none;
color:white;
font-family:'Lato', Arial, Helvetica, sans-serif;}

	
.fadein

{position:relative;}

.fadein img {
    position:absolute;
    max-width:100%;
	height:auto;
    -webkit-animation-name: fade;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 16s;
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 16s;
}

@-webkit-keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}

#f1 { 
    
}
#f2 {
    -webkit-animation-delay: -4s;
    
}
#f3 {
    -webkit-animation-delay: -8s;
    
}

#f4 {
    -webkit-animation-delay: -12s;
    
}


h4
{font-family:'Lato', Arial, Helvetica, sans-serif;
color:#FF2C2C;
font-size:35px;}


.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}


.cta

{background-color:#333;
margin-bottom:20px;
-webkit-box-shadow: 6px 6px 9px 0px rgba(0,0,0,0.21);
-moz-box-shadow: 6px 6px 9px 0px rgba(0,0,0,0.21);
box-shadow: 6px 6px 9px 0px rgba(0,0,0,0.21);}

.cta img

{max-width:100%;
height:auto;}

.ctapadding
{padding: 10px 20px 15px!important;
    display: block;}
	

h3
{font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 2em;
    text-transform: uppercase;
    border-bottom: 2px solid white;
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    letter-spacing: 2px;}

.white

{color:#FFF;}

.cta p

{font-size:16px;
line-height:33px;}

.ctabutton
{
background: url(../images/plus.svg) top 18px right 20px no-repeat #f31a1a;
    border: 1px solid #f31a1a;
    padding: 17px 20px;
    display: block;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	color: #fff;
    text-align: left;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
	text-decoration:none;}
	
	
	.ctabutton:hover {
    background: url(../images/plus.svg) top 18px right -200px no-repeat #666;
    cursor: pointer;
    border: 1px solid #333;
	color:#FFF;
}
	
	
	.wattagerow
	
	{width:100%;
	height:auto;
	margin-top:60px;}
	
	.wattagerow h3
	{color:#003375;
	font-weight:400;}
	
	.wattagerow p
	{color:#003375;
	font-size:16px;
	line-height:32px;}



.bluectabutton

{   background-color: #003375;
    border: solid 2px #0051B8;
    height: 56px;}

.bluectabutton:hover

{background-color:#014EB8;
border: solid 2px #0051B8;}

button.bluectabutton a {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    font-size: 17px;
    padding-bottom: 40px;
    text-decoration: none;
    color: white;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
}

#getintouch

    {max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 50px;}

.skylinefooter img 

{max-width:100%;
height:auto;}

.skylinerow

{background-image:url(../images/skyline.png);
background-size:contain;
background-position:center bottom;
background-repeat:no-repeat;
min-height:200px;}

.mainfooter

{background-color:#333;
width:100%;
padding-top:50px;
padding-bottom:30px;}

.mainfooter p

{color:white;
text-align:right;}

.copyright
{font-size:14px;}

.mainfooter a

{color:white;
text-decoration:none;}



.pageheading h1

{    color: #FFF;
    font-size: 4em;
    font-weight: 900;
    line-height: 0.9;
    margin-bottom: 50px;
    -webkit-text-stroke: 2px white;
    text-shadow: -4px 4px 1px #000;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    letter-spacing: 3px;
    text-align: center;
    padding: 20px;
    padding-bottom: 120px;}



.pageheading

{width:100%;
height:auto;
background-color:#666;
min-height:100px;
padding-top:100px;
background-image:url(../images/flyerpageheading.jpg);
background-size:cover;
background-position: center;}


#contentleft

{float:left;}


#sidebar
{float:right;
padding-top:40px;}

#sidebar ul {
  list-style: none;
}

#sidebar ul li:before {
  content: '✓ ';
}

#sidebar ul li

{font-size:1.4em;
line-height:1.7;
color:#093;
font-family: 'Lato', Arial, Helvetica, sans-serif;
margin-bottom:20px;
}


#sidebarproducts
{float:right;
text-align:left;
}

#sidebarproducts ul {
  list-style: none;
}

#sidebarproducts ul li:before {
  content: '✓ ';
}

#sidebarproducts ul li

{font-size:1.3em;
line-height:1.7;
color:#093;
font-family: 'Lato', Arial, Helvetica, sans-serif;
margin-bottom:20px;
}


.luxuryoption

{background-color:#e2c10e;
outline: 2px solid white;
outline-offset: -10px;
margin-bottom:10px;}


#luxuryrow

{margin-bottom:50px;
padding-bottom:60px;
border-bottom:dashed grey 2px;}

#luxury h4:before

{content: "";
    display: block;
    background: url(../images/luxury.png) no-repeat;
    width: 50px;
    height: 50px;
    float: left;
        margin: 17px 20px 0 0;}

.standardoption

{background-color:#F00;
outline: 2px solid white;
outline-offset: -10px;
margin-bottom:10px;}

#standardrow

{margin-bottom:50px;
padding-bottom:60px;
border-bottom:dashed grey 2px;}

#standard h4:before

{content: "";
    display: block;
    background: url(../images/standard.png) no-repeat;
    width: 50px;
    height: 50px;
    float: left;
        margin: 17px 20px 0 0;}


.saveroption

{background-color:#666;
outline: 2px solid white;
outline-offset: -10px;
margin-bottom:10px;}


#saverrow

{margin-bottom:50px;
padding-bottom:60px;
border-bottom:dashed grey 2px;}

#saver h4:before

{content: "";
    display: block;
    background: url(../images/saver.png) no-repeat;
    width: 50px;
    height: 50px;
    float: left;
        margin: 17px 20px 0 0;}

.quantitytext

{    color: white;
    font-size: 2.5em;
    text-align: center;
    display: block;
    margin-top: 40px;
    letter-spacing: 3px;
    font-weight: 700;
    border-bottom: dashed #ffffff66;
    margin-left: 40px;
    margin-right: 40px;
    padding-bottom: 20px;}
	
	
.pricetext

{color: white;
    font-size: 2.0em;
    text-align: center;
    display: block;
    margin-top: 10px;
	margin-bottom:15px;
    padding-left: 20px;
    padding-right: 20px;
    letter-spacing: 3px;
	margin-bottom:30px;	
	
}




div._C74vfJ5EUaoqCMLg7UgOQ a
{display:none;}


#jack

{background-color:#f9f9f9;
margin-top:85px;
padding:50px;}

#jack img

{width:80%;
margin-bottom:60px;
display:block;
float:left;
}



/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Between Phone and Tablet for header  */
@media (max-width: 762px) {	

	
	
	#headerlogo 
	{display:inline-block;
	width:50%;
	clear:both;}
	
	#headerwattage  
	{display:inline-block;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	clear:both;}
	
	#headercontact
	{display:inline-block;
	width:100%;
	clear:both;}
}


@media (max-width: 1235px) {

.headercontactred
{line-height:1.9;
font-size:16px;}

.headercontactp
{line-height:1.8;}
	
}
	

	
/* Tablet or smaller  */
@media (max-width: 1100px) {	

	.sliderarea
	{padding-bottom:30px;}

	}
	
	
	@media (max-width: 1454px) {
	
	#sliderright
	
	{display:none;}
	
	#sliderleft
	{padding-top:80px;
	width:100%;}

	}

@media (min-width: 1100px) {
	
	
.sliderarea

{min-height:700px;
-webkit-clip-path: polygon(0 14%, 100% 0%, 100% 87%, 0 87%);
clip-path: polygon(0 14%, 100% 0%, 100% 87%, 0 87%);
}
	
	
	}