body, html{
	background:#ffffff;
	font-family:Lato, sans-serif;
    margin:0;
    color:#485156;
    font-size:16px;
}
video{border:0; background:#dddddd;}

img{max-width:100%;}

p{
	color:#485156;
	font-size:14px;
}

a{
	text-decoration: none;
		color:#000000;
}

.footerbottom a{ color:#fff; }

.footerbottom a:hover{ text-decoration:underline; }

.faq h2 {
    color: #000;
    font-size: 28px;
}

.faq h3{
    font-weight: bold;
    color: #000000;
    background-color: transparent;
    padding-left: 0;
    margin-bottom: 10px;
    text-align: left;
    font-size:21px;
    clear:both;
}

.faq { font-weight:normal !important; }

.faq p{display:block; font-size:16px; line-height:24px;}

.faq .quote {
    font-size: 16px;
    letter-spacing: 2px;
    display: block;
    margin-top: 10px;
    margin-bottom: 70px;
    clear: both;
    width: 80%;
    margin: 10px 20% 90px 0;
}

.faq img {
    max-height: 130px;
    width: auto;
}

h1 {
    font-size: 46px;
    color: #485156;
    text-align: center;
    max-width: 570px;
    margin: 30px auto 50px;
    font-family:"Poppins", sans-serif;
}

h2{ color:#41b8a8;
font-size:21px;}

h3{ background-color:#41b8a8;
font-size:18px;
color:#fff;
padding:10px 5px;
text-align:center;
font-weight:normal;
width:auto;
margin-bottom:0;}

.quote{     background-color: #41b8a8;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 10px 30px;
    text-align: center;
    width: auto;
    margin-bottom: 30px;
    float: left;
    display: inline-block;
    border-radius: 15px;
    margin-top: 30px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.cta h3{ height:50px; }

.mainnav{position:absolute; right:20px; top:22px;}


.ctas{display:block; margin:20px auto; width:100%; padding:0 10%; box-sizing:border-box;}

.cta{width:200px; height:200px; display:inline-block; float:left; margin:auto;}

.ctamain{ width:100%; max-width:980px; display:block; margin-bottom:20px; }

.ctas div:nth-of-type(even){margin:0 5%;}

.left{width:40%; float:left; margin:0 5%; display:inline-block; text-align:left;}
.right{width:40%; float:right; margin:0 5%; display:inline-block; text-align:left;}

.tel{  height: 30px;
    font-size: 21px;
    font-weight: bold;
    color: #666;
    background-image: url(img/phone.png);
    background-position: center top;
    padding-left: 30px;
    padding-top: 38px;
    background-repeat: no-repeat;
    float: none;
    width: auto;
    margin: 0 auto 50px;
}
}

.tel:before{content:url();}



a:hover{cursor:pointer;}

.header{
    width: 100%;
    background: #ffffff;
    margin: 0;
    display: block;
    float:left;
    height:120px;
    position: relative;
}

.header .inner{width:98%;
margin:0 auto;
display:block;
max-width:1200px;}

#logo {
    width: 200px;
    float: left;
    display: inline-block;
    top: 20px;
    position: absolute;
    z-index: 1;
    left: 20px;
}

.links{
       float: none;
    font-size: 12px;
    color: #ed145c;
    font-family: Lato, sans-serif;
    padding-right: 10px;
    position: relative;
    display: inline-block;
    font-weight: bold;
    margin-top: 0;

}

ul.double{ columns:2; }

.links ul li{
	display:inline;
	padding:0 15px;
    font-size:12px;
	color:#000000;
	font-family:Lato, sans-serif;
}



.links li a:hover{
		transition:all ease 0.6s;
    color:#0e3b6c;

}

.banner{
	display:block;
	width:100%;
	margin-top:-15px;
    background-image:url('img/bg.jpg');
    background-repeat:no-repeat;
    text-align:center;
    background-size:100%;
    float:left;
}


.nav {
    float: right;
    display: block;
    margin-top: 45px;
    background-color: transparent;
    width: 100%;
    padding: 5px 0;
    color: #000;
    text-align: right;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    z-index: 9;
}

.nav a{color:#000;}

.nav li:last-child{background-color:yellow; padding:5px 10px; border-radius:20px; color:#ffea00;}

.mainnav li {
    list-style: none;
    font-size: 14px;
    margin: 0 10px;
    display: inline-block;
    text-shadow: none;
    font-weight: bold;
}
.mainnav li a{color:#000; text-decoration: none; }


/* Mob Toggle */

.headernav{ float:right; display:inline-block; text-align:right; width:40%; box-sizing: border-box; margin-top:-5px;}

.headernav li{ text-align: right; color:#666666; line-height:1em; border-bottom:2px solid #ffffff; padding-bottom:9px; transition:ease all 0.9s;} 
.headernav li:hover { border-bottom:4px solid #ee265c; transition:ease all 0.2s; padding-bottom:4px; color:#000000; cursor:pointer; }

#menuToggle { display:none; }

/* End Mob Toggle */

.contacttop{display:inline-block; float:right; width:auto; margin-top:20px;}

.contacttop img{display:inline-block; float:left; height:80px;}

.phone {
    display: inline-block;
    float: left;
    width: auto;
    margin: 0 10px;
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    padding-top: 7px;
}

.phoneimg {
    height: 64px !important;
    padding-top: 8px;
}
.content{
    display: inline-block;
    width: 100%;
    padding:20px 0 80px 0;
    height: auto;
    position: relative;
    float: left;
    background: #ffffff;
}

.content .inner{
width:80%;
margin:30px auto;
display:block;
max-width:1000px;
clear:both;
}

.grey{background-color:#eeeeee;}

.content .inner .left{width:45%; float:left; display:inline-block; text-align:left; color:#000000; margin:20px 0 60px 0; line-height:1.6;}
.content .inner .right{width:45%; float:right; display:inline-block; text-align:left; color:#000000; margin:20px 0 60px 0; line-height:1.6;}
.content .inner .full{ width:100%; float:left; display:block; color:#000; font-size: 16px; font-weight:bold; }
.back{display:block; width:100%; clear:both; margin:10px 0; color:#000000;}

ul.services{columns:1; list-style: none; padding-inline-start:0; margin-top:20px; margin-bottom:80px; font-weight:bold; list-style: disc;}

ul.reviews{columns:2; list-style: none; padding-inline-start:0; margin-top:30px; margin-bottom:80px; font-weight:normal;}

ul.reviews li:nth-child(even){color:#000; font-size:16px; margin-bottom:40px; font-weight:bold; }


ul li{margin-bottom:10px;}


.ctas{
	width:100%;
	display:block;
	float:left;
    margin-top:20px;
    display:flex;}

.cta1{
	width:32%;
	float:left;
	display:inline-block;
     position:relative;
    z-index:1;
    opacity:1;
    text-align:left;
    font-weight:normal;
    background:#849fc8;
    height:150px;
}

.cta2{
    width:32%;
    float:left;
    display:inline-block;
     position:relative;
    z-index:1;
    opacity:1;
    text-align:center;
    font-weight:normal;
    margin:0 2%;
        background:#e0682c;
            height:150px;

  }

.cta3{
    width:32%;
    float:left;
    display:inline-block;
     position:relative;
    z-index:1;
    opacity:1;
    text-align:center;
    font-weight:normal;
    background:#f4c633;
    height:150px; }

.cta1 .text, .cta2 .text{display:inline-block; float:left; width:50%; padding:35px; box-sizing:border-box; text-align:left; color:#ffffff; font-size:22px;}
.cta3 .text{display:inline-block; float:left; width:100%; padding:35px 0 10px 0; box-sizing:border-box; text-align:center; color:#ffffff; font-size:22px; }

.cta1 img, .cta2 img{width:50%; padding:15px; box-sizing:border-box;}

.cta3 img{ width:50%; display:block; margin:auto; }

.cta1:hover, .cta2:hover, .cta3:hover{opacity:0.8;}

.fb{display:block; float:none; height:50px; vertical-align:middle;}

.fb .text {
    display: inline-block;
    vertical-align: text-bottom;
    color: #000000;
    font-weight: bold;
    line-height:55px;
}

.fb:hover{opacity: 0.6;}


.cta:hover, .maincta:hover{
	opacity:0.8;
    }

    .cta img{margin-bottom:10px;}

    .forminfo{
        display:inline-block;
        width:100%;
        background:#ed145c;
        text-align:center;
        padding:25px 15px;
        border-radius:15px;
        color:#ffffff;
    }

    select#product, select#delivery, textarea {    width: 100% !important;
    padding: 20px 10px !important;
    border: 1px solid #ccc !important;
    color: #666 !important;
    text-transform: uppercase !important;
} 

.box{float:none;
    margin:auto;
    display:block;
    width:45%;
    padding:2%;
    text-align:center;
}

.break{display:block; float:left; width:100%; margin:30px 0;}

.productimage{width:50%; float:left;}

.producttext{ width: 50%;
    float: right;
    text-align: left;
    padding: 0 10%;
    box-sizing: border-box; 
line-height:24px;}

.outline{display:block; margin:auto; border:2px solid pink; border-radius:10px; width:70%; padding:30px;}

.leftbox{float:left; display:inline-block; height:500px;}
.rightbox{float:right; display:inline-block; height:500px;}

.main{
    display: block;
    width: 100%;
    float: left;
    margin: 50px 0;
}

.main .left{width:45%; padding:0 5% 0 0; float:left; color:#000000;}

.main .right{width:45%; padding:0 0 0 5%; float:left; text-align:right; color:#000000;}

.small{font-size:12px;}

.big{font-size:18px; font-weight:bold; display:block; margin-bottom:10px;}

.title{font-size:24px; font-weight:bold; display:block; margin:20px 0 0;}


.biggest{font-size:48px; font-weight:bold; text-transform:uppercase; display:block; margin-bottom:10px;}

.center{text-align:center;}

.thumbnail{
        display: block;
    margin-bottom: 30px;
    border: 1px solid #000;
    box-sizing: border-box;
    padding: 0 20px 20px 20px;
    box-shadow: 7px 7px 3px #ccc;
}

.spacer{display:block; height:100px;}

.hero{ padding-bottom:0; display:block; position:relative; }

.hero h1 {
    position: absolute;
    width: 80%;
    top: 30%;
    left: 10%;
    color: #fff;
    max-width: 80%;
    text-shadow: 0 2px 2px #000;
}

.service{ display:block; margin-bottom:50px; font-weight:normal; color:#000; }

.service h3{margin-bottom:10px; }

.footerbottom{
    display: inline-block;
    width: 100%;
    background: #225b9a;
    padding: 20px 0px 50px 0;
    color: #ffffff;
    float: left;
    font-size:14px;
    font-weight:normal;
    text-transform: uppercase;
text-align:center;
letter-spacing:1px;
line-height:2;}



.footer{
    margin-top:0;
width:100%;
float:left;
display:inline-block;
padding:30px 0;
height:auto;
background: #cccccc;
color:#000000;
font-size:16px;
text-align:center;
}

.footer p{color:#000000; line-height: 50px; display:inline-block; }

.footer img{height:50px;}


.contact{
	float:left;
	display:inline-block;
	padding-left:30px;
	font-size:18px;
	line-height:2em;
}

.social{
	float:right;
	display:inline-block;
	padding-right:30px;
}

.social img{
	max-height:40px;
}

.social img:hover{
	opacity:0.4;
}


<!-- CONTACT FORM CODE -->

* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

.container {
	max-width:500px;
	width:100%;
	margin:3em auto;
	position:relative;
}

.button{padding:10px 25px; background-color:#ed145c; border-radius:10px; color:#ffffff; font-size:18px; text-align:center; display: inline-block;
    margin-top: 50px;}

    .button:hover{background-color:#000000; transition:ease all 0.3s;}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }

#contact {
	padding:25px;
	margin:50px 0;
}

input[type="submit"] {
    padding: 20px 35px;
    background: #000000;
    color: #fff;
    text-transform: uppercase;
    transition:all 0.5s ease;

}

input[type="submit"]:hover {
    background: #ccc;
    color: #000;
    text-transform: uppercase;
    transition:all 0.5s ease;
    cursor:pointer;
}


fieldset {
	border: medium none !important;
	margin: 20px 0 ;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:20px 10px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

#contact textarea {
	height:100px;
	max-width:100%;
  resize:none;
}

#contact button[type="submit"] {
    cursor: pointer;
    width: 100%;
    border: none;
    background: #a12f21;
    color: #FFF;
    margin: 0 0 5px;
    padding: 30px 10px;
    font-size: 15px;
}

#contact button[type="submit"]:hover {
	background:#000;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}

.product {display:inline-block; width:48%; margin:1%; float:left;}

.product img{width:100%;}

.product .title{ color:#000000; text-transform:uppercase; text-align:center; display:block; margin:10px auto 20px auto;}

.gas{display:inline-block;}
.gasmob{display:none;}

.reviews li {    padding: 20px 20px 0 20px;
    box-sizing: border-box !important;}

    .center{display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 60px 0;
    float: left;}

    .header .mainnav { position: absolute; right: 20px; top: 2px; margin-block-start: -3px;}



.header .dropdownmenu ul li ul {
    margin-top: -12px;}

.mainnav{position:absolute; right:20px; top:22px;}

    .right iframe{ width:400px; }




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

    .nav li:last-child {
    background-color: #666;
    padding: 5px 10px !important;
    border-radius: 20px;
    color: rgb(255, 234, 0);
}

    .left, .right{ width:100%; text-align:center; margin:0; }

    .right iframe{ width:100%; margin-top:30px; }

    

    .content {
      margin-top: 50px;
}

    h1 {
    font-size: 26px;
    color: #485156;
    text-align: center;
    max-width: 50%;
  }



    /* Mob Menu */

.mainnav{ display:none; }

.logo{ width:150px; }

.header{height:80px;}

nav { display: block;  width: 0; float: right; margin-top: -23px; margin-right: 30px; }

.header nav { margin-top: 0px; margin-right: 10px; }

nav a {  text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; }
 
#menuToggle {
    display: block;
    position: relative;
    top: 47px;
    right: 70px;
    z-index: 100;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#menuToggle input{ display: block; width: 40px; height: 32px; position: absolute; top: -7px; left: -5px; cursor: pointer; opacity: 0;  z-index: 2; -webkit-touch-callout: none;}

#menuToggle span{  display: block;  width: 33px;  height: 4px; margin-bottom: 5px;  position: relative;  background: #000;  border-radius: 3px;  z-index: 1; -webkit-transform-origin: 4px 0px; transform-origin: 4px 0px; 
    -webkit-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menuToggle:hover span{  background:#fbd500;  transition:all ease 0.3s;}

#menuToggle span:first-child{  -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%;}

#menuToggle span:nth-last-child(2){  -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%;}
#menuToggle input:checked ~ span{  opacity: 1;  -webkit-transform: rotate(45deg) translate(-2px, -1px); transform: rotate(45deg) translate(-2px, -1px);  background: #fff;}

#menuToggle input:checked ~ span:nth-last-child(3){  opacity: 0; -webkit-transform: rotate(0deg) scale(0.2, 0.2); transform: rotate(0deg) scale(0.2, 0.2);}

#menuToggle input:checked ~ span:nth-last-child(2){  -webkit-transform: rotate(-45deg) translate(0, -1px); transform: rotate(-45deg) translate(0, -1px);}

#menu{ position: absolute; margin: -70px -75px 0px -50px;  padding-top: 100px; padding-right:40px; padding-bottom:40px; margin-right: -66px;  list-style-type: none; -webkit-font-smoothing: antialiased;
  z-index:0;  width:100vw; height: auto; float: right; top: 5px;  right: -15px; background-color:#000; text-align: right; display: block;
  
  -webkit-transform-origin: 0% 0%;
  
          transform-origin: 0% 0%;
  -webkit-transform: translate(-300%, 0);
          transform: translate(-300%, 0);
  
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);  transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li {   padding: 1em 0; font-size: 1em; text-transform: uppercase; color: #000000; font-weight:bold; }

#menu li:hover > a { color: #fbd500 !important; transition: ease all 0.2s; }

#menuToggle input:checked ~ ul{ -webkit-transform: none; transform: none;}

#hamburger{  position: absolute; top: 20px; right: 20px; display: block; transition:all ease 0.2s;}

.line{  border-bottom: 5px solid #ff5f04; width: 30px; margin-bottom: 8px; display: block; transition:all ease 0.2s; }

#hamburger:hover .line{ border-bottom: 12px solid #ff5f04; display: block; margin-bottom:0; transition:all ease 0.2s;}

#menu .link { width: auto; height: 34px; margin: auto; position: absolute; border-radius: 1em; background: #fff; color: #ffffff; float: right; right: 50px; top: -28px; text-align: right; padding: 30px 0px 0 20px; display: block; transition:all ease 0.5s;
}

#menu .link a { color: #000000; text-decoration: none; letter-spacing: 1px; display: inline-block; padding:0 0 0 15px; }

#menu .link a:hover{ color:#cccccc; padding-bottom:2px; cursor:pointer; transition:all ease 0.5s;    }


#menu li a {color:#fff;}


/* End Mob Menu */

    ul.services{columns:3; margin-top:20px;}


   .phone{ display: inline-block;
    float: left;
    width: auto;
    margin: 0 10px;
    font-weight: bold;
    font-size: 19px;
    line-height: 25px;
    padding-top: 4px;}

    .header{height:100px;}

    .content .inner .left{width:100%; margin-bottom:10px;}
.content .inner .right{width:100%;margin-bottom:60px }

    form{width:80%; margin-left:10%;}

    .nav {
    float: left;
    display: block;
    margin-top: 10px;
   width: 100%;
    padding: 5px 0;
    color: #000;
    text-align: center;
    }

.links ul{
    color: #ec4696;
    text-align: center;
    list-style-type: none;
    padding-inline-start:0;
}
.links ul li {
    display: inline-block;
    text-align: center;
    margin: auto;
    padding:7px 3px;
}


    .col61, .col62, .col63{
        width:80%;
        float:left;
        margin:5%;
    }

    .col6{

    width: 90%;
    margin: 5%;
}

#logo {
    max-width: 200px;
    float: none;
    display: block;
    padding-left: 0px;
    margin: 20px auto;
}

.phoneimg{display:none !important;}

.gas{display:none !important;}
.gasmob{display:block; width:100%; margin:20px auto 0 auto; text-align:center;}
.gasmob img{height:100px !important; width:auto;}

.links{
    float: none;
    font-size: 12px;
    color: #000000;
    font-family: Lato, sans-serif;
    padding-right: 0;
    position: relative;
    display: block;
    right: 0;
    top: 0;
    margin-bottom:10px;
    text-align:center;
}


.cta {
    width: 200px;
    float: left;
    display: inline-block;
    }

.main {
    display: block;
    width: 60%;
    float: left;
    margin: 30px 20%;}

.col4{
    width: 100%;
	font-size:18px;}

.contact {
    padding-left: 0;
    width: 100%;
    text-align: center;
}

.social {
    float: none;
    display: block;
    padding-right: 0;
    margin: auto;
    text-align: center;
}

.main .left{
width:100%;
margin:auto;
text-align:center;
padding-left:0;
padding-right:0;

}

.main .right{width:100%;
margin:auto;
text-align:center;
padding-left:0;
padding-right:0;
margin-top:20px;}

.footer .inner .left{width:100%; text-align:center; margin-bottom:40px;}

.footer .inner .right{width:100%; text-align:center;}

.footer .inner .left img{display: block;
    text-align: center;
    margin: auto;
    float: none;
    margin-bottom: 10px;}




}

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

        ul.reviews{columns:1; margin-top:20px;}


        ul.services{columns:2;}


        .cta1, .cta2, .cta3{width:80%; float:left; margin-left:10%; margin-bottom:20px;}

        .links ul li a{font-size:8px;}

        h1{font-size:21px;}

        .content .inner .full li{font-size:16px;}


}

.footerbottom h3{background-color:transparent !important;}