.header,.navigation,.banner,.content,.footer,.follow,.main-stories,.home-features,.contact-map,.footer-copyright-bar,.get-in-touch,.trade-associations{width:100%; padding:0; margin:0; float:left; position:relative;font-family: 'Open Sans', sans-serif !important;}.navigation{width:100%; padding:0; margin:0; float:left; position:relative;background-color:#333;color:#fff}.navbar{background:none !important; border:none !important; margin:10% 0 0 0 !important; min-height:40px !important;}.navbar p{margin:0;}.footer{padding: 6.5rem 0;background: #1e4153;color: #FFF;}.footer-copyright-content p{padding: 1rem 0; margin:0; text-align:center;}.footer-copyright-bar{padding: 5px 0;background: #333;color: #FFF;text-align:center;}.footer ul{padding: 0; margin:0; list-style:none;}.footer ul li{padding:5px 0; margin:5px 0; border-bottom:dotted 1px #fff;}.footer ul li a{padding: 0px; margin: 0;color:#fff;}.footer ul li a p{padding: 0; margin: 0;color:#fff;font-weight:300;font-size:1.2em;}ul.footer-social-icons{width:100%; padding: 0; margin: 0 0 20px 0; float:left;}ul.footer-social-icons li{float:left; width:25px; height:25px; padding: 2px 0; margin:0 5px 5px 0; border:solid 1px #fff; text-align:center;}.footer-copyright-content a{color:#fff !important;}.header{min-height:150px;background-color:#1e4153;z-index:999;}#webCarousel{-webkit-animation-duration: 3s;-webkit-animation-delay: 0.3s;animation-duration: 3s;animation-delay: 0.3s;height: calc(100vh - 200px) !important;}.slideshow-item{background-size: cover;background-position: center center;height: calc(100vh - 200px) !important;position: relative;width: 100%;	display:block;}.carousel-caption-area{position: absolute; top:20%; left:20%; color:#fff;}.carousel-caption-area a{color:#fff;}.navbar-inverse .navbar-nav > li > a{color:#fff !important;font-weight:600; font-size:20px;}.home .content{/*height: calc(100vh - 0px) !important;*/padding:100px 0;}.home .content .main-content-area{/*position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);*/}.learn-more-banner{border:solid 1px #fff; padding:10px; background-color:#222; text-transform:uppercase;}.logo{margin:18px 0;}.navbar-nav > li > a:hover{background-color:#fff !important;color:#444 !important;}.home .content{background-color:#fff;}*::-moz-selection{background-color:#333; color:#fff;}.more-link a.scroll{position:absolute; left:50%; bottom:20%; width:50px; height:50px; transform:translateX(-50%);cursor:pointer; color:#fff; text-align:center; font-size:27px;border:2px solid #FFF; border-radius:100%; z-index:2; background-image: url(../images/button_overlay.png) !important; font-size:22px;}a.scroll .fa {animation: hero-arrow-icon 4s infinite;-webkit-animation: hero-arrow-icon 4s infinite;	-moz-animation: hero-arrow-icon 4s infinite;margin:12px 0 0 0;}@-moz-keyframes hero-arrow-icon{0%, 40%, to{ opacity: 1; -moz-transform: translateY(0); transform: translateY(0) }20% { -moz-transform: translateY(50%); transform: translateY(50%) }	20%, 21% { opacity:0 }	21% { -moz-transform: translateY(-50%); transform: translateY(-50%) }}@-webkit-keyframes hero-arrow-icon{0%, 40%, to{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }	20% { -webkit-transform: translateY(50%); transform: translateY(50%) }	20%, 21%{ opacity: 0 }	21% { -webkit-transform: translateY(-50%); transform:translateY(-50%) }}@keyframes hero-arrow-icon{0%, 40%, to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }	20% { -webkit-transform: translateY(50%); transform:translateY(50%) }	20%, 21%{ opacity: 0 }	21% { -webkit-transform: translateY(-50%); transform: translateY(-50%) }}.no-padding{padding:0 !important;}.news_box{margin:15px 0;}.news-box-content{border-bottom:dotted 1px #ccc; border-left:dotted 1px #ccc; border-right:dotted 1px #ccc;padding:10px;}.news-box-content a{color:#b82025;}.news-box-content a:hover{color:#333;text-decoration:none;}.news-box-img{width:100%; height:auto; overflow:hidden;position:relative;padding-bottom:100%;background-size:cover;background-repeat:no-repeat;}.news-box-img img{width:100%; height:auto;}.breadcrumbs{width:100%; margin:20px 0; color:#666;}.breadcrumbs a, .breadcrumbs a:hover{color:#1d84b9;}.error-highlight{border:solid 1px #FF0000 !important;}#form_contact input[type="text"],#form_contact input[type="email"] ,#form_contact input[type="tel"] { padding: 12px;  font-size: 1.2em;  width: 100%;  border-radius: 4px;  border: 1px solid #ccc;  -webkit-font-smoothing: antialiased;  margin:5px 0;}#form_contact input[type=submit]{ text-transform: uppercase;   font-weight: bold;  padding: 12px;  font-size: 1.1em;  border-radius: 4px;  color: #fff;  background-color: #444;  border: none;  cursor: pointer;  -webkit-font-smoothing: antialiased; width:100%; margin:10px 0 20px 0; font-family: 'FontAwesome', 'Quicksand', sans-serif !important;}#form_contact input[type=submit]:hover{background-color: #77b707;}#form_contact textarea{width:100%;border: 1px solid #ccc;padding:10px;}#form_contact select{border: 1px solid #ccc;padding:10px; margin:0 0 10px 0;}.spam-field{display:none;}.testimonial-item{min-height:450px; color:#444;}.testimonial-item .carousel-caption-area{position:relative; width:100%; padding:5% 15%; margin:0;top:0;left:0;color:#444;}.carousel-control.left, .carousel-control.right{background:none !important;}#testimonialCarousel .glyphicon{color:#222;}@media(min-width:979px){ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;}}.dropdown-menu{background-color:#333 !important;}.dropdown-menu > li > a{color:#fff !important; padding:10px 15px !important;}.dropdown-menu > li > a:hover{background-color:#fff !important; color:#444!important;}.slide-video .carousel-caption-area{z-index:999;}.home .header{position:absolute !important; z-index:999;background-color:#1e4153;}.navbar{margin:10% 0 0 0 !important;}#mainNav .nav-toggle .hamburger .line{background-color:#fff !important;}.home .header{position:relative !important;}.carousel-caption-area h2{text-transform:uppercase; font-size:40px; font-weight:bold;}.footer ul li a:hover, .footer ul li a:hover p{color:#fff;}.header-charity{background-color:#fff;font-weight:600;font-size:18px;line-height:1.2em;color:#e57c00;}.header-charity-content{height:150px; display:block;padding:20px 0px;}.header-charity:after{    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 2px;
    z-index: -1;
    
    background: #FFF;
    border-bottom: 3px solid #FFF;
    border-right: 10px solid #FFF;
    
    transform-origin: bottom left;
    -ms-transform: skew(-5deg, 0deg);
    -webkit-transform: skew(-5deg, 0deg);
    transform: skew(-5deg, 0deg);}.header-charity:before{    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: -30px;
    z-index: -1;
    
    background: #FFF;
    border-bottom: 3px solid #FFF;
    border-left: 10px solid #FFF;
    
    transform-origin: bottom left;
    -ms-transform: skew(-5deg, 0deg);
    -webkit-transform: skew(-5deg, 0deg);
    transform: skew(-5deg, 0deg);}.logo img{max-width:100%;padding:0 30px 0 0;}.get-in-touch{background-color:#444;color:#fff;padding:40px 0;text-align:center;}.get-in-touch p{line-height:1.6em; font-size:18px;padding:0 15%;}.get-in-touch p a{padding:10px 40px; background-color:#1d84b9;color:#fff;text-transform:uppercase;display:inline-block;}.home-text-wrapper{line-height:1.8em; font-size:16px;}.trade-associations{background-color:#c6d6de;padding:40px 0;}.trade-logo{text-align:center;margin:10px 0;}.home-red-callout{float:left;width:100%; padding:40px 0; margin:0;background-color:#b82025;color:#fff;}.home-red-callout h3{text-transform:uppercase; font-size:28px; font-weight:600;text-align:center;}.home-banner-callnow{background-color:#1d84b9;color:#fff;padding:10px 15px;text-transform:uppercase;text-align:center;float:left;width:100%;z-index:9;position:relative;}.home-banner-callnow h2{padding:0; margin:0;font-weight:700;}.home-banner-heating{color:#fff;padding:0;float:left;width:100%;z-index:12 !important;min-height:650px;position:relative;}.home-banner-heating:before{    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: -50px;
right:0px;
    z-index: -1;
    
    /*background: #1d84b9;*/
    /*border-bottom: 3px solid #1d84b9;*/
    border-right: 5px solid #1d84b9;
    
    transform-origin: bottom left;
    -ms-transform: skew(-5deg, 0deg);
    -webkit-transform: skew(-5deg, 0deg);
    transform: skew(-5deg, 0deg);
background-image:url(../images/heating_bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;}.home-banner-heating h2{text-transform:uppercase;font-weight:700;font-size:50px;/*text-shadow:2px 5px 10px #000;*/background-color:#b82025;display:inline-block;padding:0 5px;}.home-banner-heating-wrapper{position:absolute;bottom:10%; left:5%;right:5%;}.home-banner-heating ul li{text-transform:uppercase;font-size:20px;text-shadow:2px 5px 10px #000;}.home-banner-heating ul li:before{content: '\f0ad';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;}.home-banner-heating ul{list-style:none;}.home-banner-plumbing{color:#fff;padding:20px 30px ;float:left;width:100%;z-index:8;position:relative;min-height:320px;text-align:right;}.home-banner-plumbing:before{    content: " ";
    position: absolute;
    display: block;
    width: 110%;
    height: 100%;
    top: -40px;
    left: -25px;
right:0px;
    z-index: -1;
padding:85px 0;
    
    /*background: #1d84b9;*/
    border-bottom: 5px solid #b82025;
   /* border-right: 5px solid #1d84b9;*/
    
    transform-origin: bottom ;
    -ms-transform: skew(0deg, 5deg);
    -webkit-transform: skew(0deg, 5deg);
    transform: skew(0deg, 5deg);
background-image:url(../images/plumbing_bg.jpg);background-repeat:no-repeat;background-position:right;}.banner{overflow:hidden;}.home-banner-plumbing h2{text-transform:uppercase;font-weight:700;font-size:50px;text-shadow:2px 5px 10px #000;}.home-banner-plumbing ul li{text-transform:uppercase;font-size:20px;text-shadow:2px 5px 10px #000;}.home-banner-plumbing ul li:before{content: '\f0ad';
  font-family: 'FontAwesome';
  float: right;
  margin-right: -1.5em;}.home-banner-plumbing ul{list-style:none;margin-right:1.6em;}.home-banner-drain{color:#fff;padding:90px 0 39px 50px ;float:left;width:110%;z-index:7;position:relative;min-height:275px;background-image:url(../images/drain_bg.jpg);background-repeat:no-repeat;background-position:left;margin:-90px 0 0 -50px;background-size:cover;}.home-banner-drain h2{text-transform:uppercase;font-weight:700;font-size:50px;text-shadow:2px 5px 10px #000;}.home-banner-drain ul{list-style:none;margin-right:1.6em;}.home-banner-drain ul li{text-transform:uppercase;font-size:20px;text-shadow:2px 5px 10px #000;}.home-banner-drain ul li:before{content: '\f0ad';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;}.header-checka img{margin:10px 0 0 0; max-width:100%;}.two-column{ -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}ul.atp-list{list-style:none;}ul.atp-list li:before{content: '\f0ad';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;}.header-charity-content a, .header-charity-content a:hover{color:#1d84b9;}@media(max-width:767px){.navbar{margin:0 !important;}}@media(max-width:767px){.header-checka{text-align:center;}}@media(max-width:767px){.header-checka img{margin:0 !important;max-width:50%;}}@media(max-width:1450px){.header-charity-content{font-size:16px;}}@media(max-width:1320px){.header-charity-content{font-size:14px;}}@media(max-width:1060px){.header-charity-content{font-size:12px;font-weight:400;line-height:1.1em;}}.header-charity-content img{max-width:100%;}@media(max-width:767px){.header-charity-content{text-align:center;min-height:70px;max-height:90px;}}@media(max-width:767px){.logo{text-align:center;}}@media(max-width:767px){.logo img{max-width:90%;}}.trade-logo img{max-width:100%;}@media(max-width:767px){.home-banner-plumbing ul li, .home-banner-drain ul li,.home-banner-heating ul li{font-size:16px;}}@media(max-width:767px){.home-banner-plumbing h2, .home-banner-heating h2, .home-banner-drain h2{font-size:30px;}}@media(max-width:767px){.home-banner-heating:before{left:0;transform: skew(0deg, 0deg);border:none;}}.wrapper{overflow:hidden;}@media(max-width:1140px){.home-banner-plumbing h2, .home-banner-heating h2, .home-banner-drain h2{font-size:40px;}}@media(max-width:960px){.home-banner-plumbing ul li, .home-banner-drain ul li,.home-banner-heating ul li{font-size:16px;}}@media(max-width:960px){.home-banner-plumbing h2, .home-banner-heating h2, .home-banner-drain h2{font-size:30px;}}@media(min-width:768px){.navbar-nav > li > a{padding-top:10px !important;padding-bottom:10px !important;}}@media(max-width:767px){.header-charity-content img{max-width:100px;}}.menu-title{color:#fff;margin-left:40px;}@media(min-width:768px){.mobile-number{display:none;}}@media(max-width:767px){.mobile-number{float:left;width:100%;background-color: #1d84b9;    color: #fff;    padding: 10px 15px;    text-transform: uppercase;    text-align: center;}}.home-banner-callnow a{color:#fff;}.mobile-number a{color:#fff;}.header-checka h3{margin:10px 0; padding:0; text-align:center;color:#fff;}@media(max-width:375px){.header-charity-content{display:none;}}#header-checka a{color:#fff;}@media(max-width:375px){.logo img{width:100%; padding:0;	max-width:80% !important;}}@media(max-width:375px){.logo{padding:0 5px;}}.home-banner-callnow a,.home-banner-callnow a:hover{color:#fff;}@media(max-width:667px){.logo img{max-width:55%;}}@media(max-width:667px){.header-charity{width:50% !important;display:none;}}@media(max-width:375px){.logo{width:100% !important;}}@media(max-width:667px){.header-checka h3{font-size:50px;}}@media(max-width:375px){.main-nav{width:100% !important;}}.emergency-banner-callnow{position:absolute; width:100%; padding:0; margin:0;background-color: #b82025;color: #fff;z-index:99; text-align:center;}.emergency-banner-callnow h2{margin:0;padding:10px 5px;font-weight:600;}.emergency-banner-callnow a,.emergency-banner-callnow a:hover{color:#fff;}.cookie-policy-banner{position: fixed;left: 0;bottom: 0px;width: 100%;background-color: /*#b82025*/red;text-align: center;padding:10px;color: #fff;/*display: none;*/z-index: 999;}.cookie-policy-banner p a{color: #fff;text-decoration: underline;}.header-charity p{color: #b82025; font-size:28px;	line-height:30px;}.about .main-content-area{padding:40px 0;}.cookie-policy-banner i{font-size: 16px;margin: 0 0 0 10px;cursor: pointer;}.news-box-img a{position:absolute;z-index:2;width:100%;height:100%;display:block;}.red-text{color:#b82025;}.features-list{margin:10px 0;padding:0;list-style:none;}.features-list i{color:#1d84b9;}.blue-text{color:#1d84b9;}.emergency-btn a{background-color: #1d84b9;    color: #fff !important;    display: inline-block;    padding: 10px 25px;    text-transform: uppercase; text-decoration:none !important;
    font-size: 20px;}.emergency-btn a:hover{background-color:#b82025 !important;}.main-content-area img{max-width:100%;}@media(max-width:667px){.logo img{padding:0 !important; max-height:180px;width:auto;}}.testimonials-wrapper{float:left;width:100%;padding:20px;background-color:#fafafa;height:100%;display:block;box-shadow: 5px 5px 12px #ccc;    margin: 15px 0;}.slick-prev:before, .slick-next:before{color:#b82025 !important;}.testimonial-rating{color:gold;}.testimonial-content{font-size:16px;}#main-testimimonial-wrapper{margin:20px 0;}.testimonial-name{font-weight:bold;}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}


/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

#mainNav.show .nav-toggle .hamburger .line {
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#mainNav.show .nav-toggle .hamburger .line1,
#mainNav.show .nav-toggle .hamburger .line4 {
  left: 50%;
  margin-top: -2px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  right: 50%;
  top: 50%;
}
#mainNav.show .nav-toggle .hamburger .line2 {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}
#mainNav.show .nav-toggle .hamburger .line3 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
}
#mainNav.show .nav-list-wrapper {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
}
#mainNav .nav-toggle {
  position: relative;
  right: 0px;
  top: 5px;
  cursor: pointer;
  display: none;
  float:none;
  margin:0 auto;
}



#mainNav .nav-toggle .hamburger {
  height: 20px;
  width: 30px;
  position:relative;
margin: 10px auto;
float: none;
cursor: pointer;
}
#mainNav .nav-toggle .hamburger:hover .line {
  background-color: #fff;
}
#mainNav .nav-toggle .hamburger .line {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  background-color: #fff;
  height: 3px;
  left: 0px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  position: absolute;
  right: 0px;
}
#mainNav .nav-toggle .hamburger .line1 {
  margin: 0px;
  top: 0px;
}
#mainNav .nav-toggle .hamburger .line2,
#mainNav .nav-toggle .hamburger .line3 {
  left: 0px;
  margin-top: -2px;
  right: 0px;
  top: 50%;
}
#mainNav .nav-toggle .hamburger .line4 {
  margin-top: -4px;
  top: 100%;
}


.skew-both {
  position: relative;
  z-index: 8;
}
.skew-both:before, .skew-both:after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.skew-both:before {
  top: 0;
  -webkit-transform: skewY(1.5deg);
          transform: skewY(1.5deg);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.skew-both:after {
  bottom: 0;
  -webkit-transform: skewY(-1.5deg);
          transform: skewY(-1.5deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
		 
}


.skew-both-med {
  position: relative;
  z-index: 8;
}
.skew-both-med:before, .skew-both-med:after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.skew-both-med:before {
  top: 0;
  -webkit-transform: skewY(2.5deg);
          transform: skewY(2.5deg);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.skew-both-med:after {
  bottom: 0;
  -webkit-transform: skewY(-2.5deg);
          transform: skewY(-2.5deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
		 
}

.skew-both-lrg {
  position: relative;
  z-index: 8;
}
.skew-both-lrg:before, .skew-both-lrg:after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.skew-both-lrg:before {
  top: 0;
  -webkit-transform: skewY(3.5deg);
          transform: skewY(3.5deg);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.skew-both-lrg:after {
  bottom: 0;
  -webkit-transform: skewY(-3.5deg);
          transform: skewY(-3.5deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
		 
}


.skew-top {
  position: relative;
  z-index: 8;
}
.skew-top:before {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.skew-top:before {
  top: 0;
  -webkit-transform: skewY(1.5deg);
          transform: skewY(1.5deg);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.skew-top-med {
  position: relative;
  z-index: 8;
}
.skew-top-med:before {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.skew-top-med:before {
  top: 0;
  -webkit-transform: skewY(2.5deg);
          transform: skewY(2.5deg);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.skew-top-lrg {
  position: relative;
  z-index: 8;
}
.skew-top-lrg:before {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.skew-top-lrg:before {
  top: 0;
  -webkit-transform: skewY(3.5deg);
          transform: skewY(3.5deg);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}


.skew-bottom {
  position: relative;
  z-index: 8;
}
.skew-bottom:after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}

.skew-bottom:after {
  bottom: 0;
  -webkit-transform: skewY(-1.5deg);
          transform: skewY(-1.5deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
		 
}


.skew-bottom-med {
  position: relative;
  z-index: 8;
}
.skew-bottom-med:after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}

.skew-bottom-med:after {
  bottom: 0;
  -webkit-transform: skewY(-2.5deg);
          transform: skewY(-2.5deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
		 
}

.skew-bottom-lrg {
  position: relative;
  z-index: 8;
}
.skew-bottom-lrg:after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}

.skew-bottom-lrg:after {
  bottom: 0;
  -webkit-transform: skewY(-3.5deg);
          transform: skewY(-3.5deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
		 
}



@media (max-width:767px){
#mainNav .nav-toggle {display:block;}
.navbar{min-height:50px !important;}
.navigation ul li{width:100%; text-align:center; margin:0 !important;}
.navigation ul li:hover{background-color:#444;}
.navbar-nav{margin:7.5px 0 !important;}
.main-feature{height:auto !important;}
}