section h2 {font-weight:600;}

#section-features {padding:0;}
#section-features .overlay {position:absolute;width:100%;height:100%;background-color: rgba(6, 102, 30, 0.85);}
#section-features .col-sm-12 {position:relative;}
#section-features a {text-decoration:underline;color:#fff;}
#section-features i {color:#fff;}
#feature-slider i {font-size:90px;}
#section-features h4 {font-weight:700;font-size:18px;}
#section-features h5 {line-height:140%;height:50px;padding:0 10%;font-weight:400}


.product-features {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('/img/sitepad-bg.jpg');
	background-color: #fff;
}
.product-features h4 {color:#fff;}

.product-features-container {margin:30px 0;color:#fff;text-decoration:none;}

.product-features-row {padding:0;position:relative;background-color: #00952D;}
.product-features-row h1 {margin-bottom:10px;}
.product-features-row h3 {color:#fff;position:relative;margin-bottom:0;padding-right: 20%;}

.product-features .product-header {text-align:left;padding-top:20px;}
.product-features .product-header h3 {color:#fff;font-size:22px;}
.product-features .product-header i {font-size: 150px; line-height: 140%;}

.product-features .img-holder img {width:65%;margin:0 auto;}
.product-header h1 {font-size:45px;}






.sup-label {
  background-color: #1B2D42;
  color: #fff;
  font-size: 18px;
  padding: 2px 10px;
  border-radius: 10px;
  vertical-align: 8px;
  top: auto;
  line-height: normal;
  white-space: nowrap;
}

#accordion {
  margin: auto;
  max-width: 500px;
}

.panel {background-color:transparent;}

.panel-group {
	padding:0;
	background-color:transparent;
}

.panel-default > .panel-heading {
	background-color:transparent;
	text-align:left;
	margin-top: 20px;
}


.panel-heading a {
  display: block;
  position: relative;
  font-weight: bold;
  text-align:left;
  color: #1B2D42;
  font-size:22px;
  
  &::after {
    content: "";
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(45deg);
  }

  &[aria-expanded="true"]::after {
    transform: rotate(-135deg);
    top: 5px;
  }
}


.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border:0;
	padding: 0 15px 15px;
}

.panel-default:nth-of-type(2n) > .panel-heading {
	background:transparent;
}


#section-sitepad-2 {background-color:#00952D;}
#section-sitepad-2 img {width:100px;}

#section-sitepad-2 h4 {
	font-size: 22px;
	font-weight: 400;
	line-height: 140%;
	font-weight: bold;
}

#section-sitepad-2 h5 {
	font-size: 16px;
	padding: 0 30px;
	line-height: 140%;
}

.footer {display:block;}



#section-options {background: url('/img/webbuilder-bg.webp');}
#section-options .row {margin:20px 12%;}

.webbuilder-lead {background:#F9F9F9;border-radius:28px;min-height:270px;padding:20px;margin:0 2%;/*border: 2px solid #333;*/color: #1B2D42;transition: background-color 0.4s ease;}
.webbuilder-lead img {width:100px;}
.webbuilder-lead h3 {font-weight:800;font-size: 36px;}
.webbuilder-lead h4 {font-weight:normal;line-height:100%;font-size:18px;}
.webbuilder-lead button {padding: 5px 15px;text-decoration: none;margin: 40px 0;display: inline-block;border-radius: 80px;font-size: 18px;/*border: 2px solid #1B2D42;*/border:0;color: #1B2D42;}

#webbuilder-sitejet {background-color: #1B2D42;color:#fff;}
#webbuilder-sitepad {background-color: #E41E51;color:#fff;}

.smaller {margin-top:50px;}


#section-sitejet-1 {background:#eee;}
#section-sitejet-1 img {width:100px;}
#section-sitejet-1 h2 {color:#1B2D42;} 
#section-sitejet-1 h3 {margin: 0 0 40px;color:#1B2D42;}
#section-sitejet-1 .row {margin:20px 2%;}
#section-sitejet-1 .row .col-sm-5 div {border-radius:28px;padding:0 20px;margin:0 2%;}
#section-sitejet-1 .row .col-sm-5 img {width:100%;}
#section-sitejet-1 .panel-wrapper {background: transparent;border-radius:28px;padding:0;margin:0 2%;}
#section-sitejet-1 .panel-wrapper .panel-body div {text-align:left;font-size: 18px;color: #1B2D42;}

#section-sitejet-2 {background:#00952D;}
#section-sitejet-2 h2 {color:#fff;}
#section-sitejet-2 h3 {margin: 0 0 40px;color:#fff;}
#section-sitejet-2 .row {margin:20px 2%;}
#section-sitejet-2 .sitejet-feature {border-radius:28px;padding:20px;margin:0 2%;}
#section-sitejet-2 .sitejet-feature img {width:70%;margin:0 auto;}
#section-sitejet-2 .sitejet-feature div {margin-top: 30px;color: #fff;font-size: 22px;font-weight: 400;padding: 0 18%;}

#section-sitepad-1 {background:#eee;}
#section-sitepad-1 .row {margin:20px 2%;}
#section-sitepad-1 .row .col-sm-6 div {padding:20px;margin:0 2%;text-align:left;}
#section-sitepad-1 .row .col-sm-6 h2 {color:#1B2D42;font-size:34px;}
#section-sitepad-1 .row .col-sm-6 h3 {margin: 0 0 40px;color:#1B2D42;}
#section-sitepad-1 .row .col-sm-6 img {width:100%;}
#section-sitepad-1 .row .col-sm-6:first-of-type img {width:100px;}

#section-linux {background: url('/img/webbuilder-bg.webp');padding-bottom:100px;}
#section-linux h2 {color:#1B2D42;}
#section-linux a {margin-top:20px;background-color:#00952D;color:#fff;border-radius:20px;text-decoration:none;padding:20px 40px;font-size:22px;display: inline-block;font-weight: 600;}

@media(min-width:1px) and (max-width:767px){
	.product-features .product-header i {font-size:80px;}
	.product-header h1 {text-align:center}
	.product-header .col-sm-9 {padding-bottom:20px;}
	.product-features-container {margin: 60px 0;}


	.product-features .product-header-container .col-sm-3 {display: none;}

	.product-features .product-header h3 {font-size: 16px;}
	h2 {font-size: 24px;}

	.product-features-row h3 {padding:0;}
	.webbuilder-lead {margin:0 0 20px 0;}
	#section-options .row {margin: 20px 0;}
	.smaller {margin-top: 0;}
	
	.panel-heading {padding: 10px 0;}
	.panel-default > .panel-heading + .panel-collapse > .panel-body {padding: 0 0 15px;}
	
	#section-sitejet-1 h2 {padding: 0 20px;}
	#section-sitejet-2 .sitejet-feature div {margin:10px 0 30px 0;font-size: 18px;padding:0;}
	#section-sitepad-1 .row .col-sm-6 div {margin:0;padding: 20px 0;}
	#section-sitepad-1 .row .col-sm-6 h2 {font-size:24px;}
	#section-sitepad-2 h5 {padding:0;}
}



@media(min-width:768px) and (max-width:991px) {
	.product-features-row h1 {margin-bottom: 0;}
	.product-features .product-header h3 {margin: 0;padding:0;}
	.webbuilder-lead {min-height: 310px;}
	.webbuilder-lead h4 {min-height: 40px;}
	#section-options .row {margin: 20px 5%;}
	#section-sitejet-1 h2 {padding: 0 20%;}
	#section-sitepad-1 {padding: 0 15px;}
	#section-sitepad-1 .row .col-sm-6 h3 {font-size:22px;}
}