html {
overflow-y: scroll;
margin: 0;
}

body * {
font-family:  soleil, 'Montserrat', sans-serif;
color: #fff ! important;
}

body {
background: #fff;
font-size: 180% ! important;
margin: 0;
}

h1, h2, h3 {
text-align: center;
font-weight: bold ! important;
}

h1 {
font-size: 147%;
line-height: 139%;
}

h2 {
font-size: 101%;
line-height: 141%;
letter-spacing: -2px;
}

h2.animated, img.imganimated, .pictureitbig span {
opacity: 0;
}

.lowqualh2 {
margin-top: 0.3em;
font-size: 0.79em;
display: block;
}

.herculespillars {
font-size: 0.59em;
display: block;
margin-bottom: 0.1em;
color: rgba(255, 255, 255, 0.8) ! important;

}

h3 {
font-size: 111%;
}

.schmancyh3 {
margin-top: 0;
font-size: 1.47em;
letter-spacing: 0px;
text-align: center;
}

ol {
padding: 0;
}

.taccy {
text-align: center;
}

.taleft {
text-align: left;
}

.taright {
text-align: right;
}



a, a:active, a:focus, a:hover, .form-type-checkbox, #edit-submit, button {
transition: all 0.15s ease;
text-decoration: none;
}


a:active, a:focus {
color: inherit;
}

a {
color: #ff9a8a;
}

a:hover {
color: #ff2300;
}

a:active {
text-decoration: none ! important;
}

.omgalink {
display: inline-block;
background: #fff;
color: #000 ! important;
padding: 11px 19px;
border-radius: 2px;
margin-top: 0.5em;
font-weight: bold;
border: 1px solid #ddd;
}

.modal-footer .omgalink {
margin-top: 0;
}


.omgalink:hover {
text-decoration: none;
background: rgba(255, 255, 255, 0.79);
color: rgba(0, 0, 0, 0.91) ! important;
}

.inverters.omgalink:hover {
filter: invert(100%);
}

hr {
height: 1px;
border: 0;
border-top: 1px solid #ddd;
}

.strong {
font-weight: bold;
font-weight: 500;
}

.error {
color: red ! important;
}

.form-text.error {
border: 1px solid red;
}


div.alert.error {
background: #fd4d00;
color: white ! important;
font-weight: bold;
}

div.alert.error a {
color: black ! important;
font-weight: bold;
}

div.messages {
border: 0px solid transparent ! important;
}

.logo {
width: 100%;
}

#toplogo {
width: 401px;
max-width: 61%;
display: block;
margin: 2em auto;
}

.navbar-default {
background: transparent ! important;
border: 0 ! important;
}

.goodlife {
padding-top: 3em;
padding-bottom: 3em;
color: #fff;
}

.goodlife h2 {
margin-bottom: 1.3em;
font-size: 2.5em;
text-transform: capitalize;
text-indent: -0.25em ! important;
}

.margo {
background: #dd2f6e;


}

.margo-ink {
color: #dd2f6e;
}

.jerry {
/*background: #3299db;*/
background: #22baf0;
background: #0588e2;
}

.jerry-ink {
color: #22baf0 ! important;
color: #0588e2 ! important;
}

.tom {
background: #65bd4a;
}

.tom-ink {
color: #65bd4a ! important;
}

.barbara {
/*background: #ffb700;*/
background: #5e8ea7;
}

.barbara-ink {
color: #ffb700;
}

.andrew {
background: #2d2d65;
background: #41405f;
background: #004997;
}

.andrew-ink {
color: #2d2d65;
}

.ultralightgray {
background: #eee;
}

.ultralightgray-ink {
color: #eee;
}

.lightgray {
background: #bbb;
}

.lightgray-ink {
color: #bbb;
}

.middlegray {
background: #999;
}

.middlegray-ink {
color: #999;
}

.darkgray {
background: #888;
}

.darkgray-ink {
color: #555;
}

.photodarkgray {
background: #333;
}

.photodarkgray-ink {
color: #000;
}

.almostblack {
background: #222;
}

.almostblack-ink {
color: #222;
}

.allwhitenow {
background: #fff;
}

.allwhitenow-ink {
color: #fff;
}

.allwhitenow *, .ultralightgray * {
color: #333 ! important;
}

.textalignright {
text-align: right;
}

.bignums {
padding-top: 93px;
background-position: top 5px center;
background-repeat: no-repeat;
background-size: 48px 68px;
min-height: 68px;
margin-bottom: 2em;
text-align: center ! important;
}

.setoneone {
background-image: url(../images/bignums/set1/1.png);
}

.setonetwo {
background-image: url(../images/bignums/set1/2.png);
}

.setonethree {
background-image: url(../images/bignums/set1/3.png);
}

.setonefour {
background-image: url(../images/bignums/set1/4.png);
}

.settwoone {
background-image: url(../images/bignums/set2/1.png);
}

.settwotwo {
background-image: url(../images/bignums/set2/2.png);
}

.settwothree {
background-image: url(../images/bignums/set2/3.png);
}

.settwofour {
background-image: url(../images/bignums/set2/4.png);
}

.pictureitbig {
width: 100%;
padding: 17em 2em;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
position: relative;
}

.pictureitbig span {
position: relative;
font-size: 2.5em;
font-weight: normal;
color: #fff;
text-align: center ! important;
display: inline;
margin-bottom: 0;
letter-spacing: -2px;
text-shadow: 0 0 2px rgba(0, 0, 0, .9);
line-height: 1.2em;
padding: 0.1em;
z-index: 3;
}


.pictureitbig .biginner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}

.pictureitbig.calyxnarrows {
padding: 5em 2em;
}

.goshsite {
background-image: url(../images/backgrounds/solarpanels1.jpg);
}

.goshsite .biginner {
background-color: rgba(0, 0, 0, 0.2);
}

.colorfulflowers {
background-image: url(../images/backgrounds/hexagonial.jpg);
}

.colorfulflowers .biginner {
background-color: rgba(0, 0, 0, 0.02);
}

.pinescalyx {
background-image: url(../images/backgrounds/pinescalyx3.jpg);
}

.pinescalyx .biginner {
	/*rgba(101 ,189, 74, 0.5),  */
background-color: rgba(0, 0, 0, 0.2);
}

.grasswall {
background-image: url(../images/backgrounds/grasswall.png);
}

.grasswall .biginner {
	/*rgba(101 ,189, 74, 0.5),  */
background-color: rgba(0, 0, 0, 0.2);
}

.windfarmer {
background-image: url(../images/backgrounds/windfarm1.jpg);
}

.windfarmer .biginner {
	/*rgba(101 ,189, 74, 0.5),  */
background-color: rgba(0, 0, 0, 0.0);
}

.telegraph {
background-image: url(../images/backgrounds/sing4.jpg);
}

.telegraph .biginner {
	/*rgba(101 ,189, 74, 0.5),  */
background-color: rgba(0, 0, 0, 0.0);
}

.boogyicons, .foricons {
padding: 97px 1em 1em 1em;
background-position: top 19px center;
background-repeat: no-repeat;
background-size: 59px;
text-align: center;
font-size: 1.2em;
border-radius: 2px;
margin-bottom: 1em;
}



.abbalabba {
perspective: 1000px;
}

.tarverymuch {
text-align: right;
}

.globeicon {
background-image: url(../images/pointicons/globe.png);
}

.sparkicon {
background-image: url(../images/pointicons/spark.png);
}

.buildingicon {
background-image: url(../images/pointicons/building.png);
}

.timeicon {
background-image: url(../images/pointicons/time.png);
}

.architecticon {
background-image: url(../images/pointicons/architect.png);
}

.developericon {
background-image: url(../images/pointicons/developer.png);
}

.technologyicon {
background-image: url(../images/pointicons/technology.png);
}

.selfbuildersicon {
background-image: url(../images/pointicons/selfbuilders.png);
}

.db {
display: block ! important;
}

.faintbynumbers li {
list-style: none;
margin-bottom: 2em;
text-align: center;
}

.modal-dialog.modal-lg {
max-width: 83%;
width: 83%;
}

.modal-content {
border-radius: 2px ! important;
}

.modal-header {
border-top-left-radius: 2px ! important;
border-top-right-radius: 2px ! important;

}

.modal {
background-color: rgba(0, 0, 0, 0.5);
}

.modal, .modal p, .modal li, .modal h3, .modal h2 {
color: #333 ! important;
}

.modal button {
color: #fff ! important;
border: 0 ! important
}

.modal button:hover, .modal button:active, .modal button:focus {
background: #eee;
}

.modal h3 {
font-size: 1.1em;
}

.modal .modal-header {
text-align: center ! important;
}

.modal h3.modal-title {
color: #fff ! important;
width: 100%;
}

.modal-formodal p {
font-size: 1.3em;
font-weight: normal;
text-align: center;
}

.modal-footer {
display: block;
text-align: center ! important;
border-top: 0 ! important;
}

.acfgco {
margin-top: 5em;
font-size: 0.75em;
}

.acfgco img {
width: 151px;
}

.artgalleryslider {
margin-top: 1em;
margin-bottom: 1em;
}

.slickerness {
width: 100%;
}

.slickerness div > img {
width: 100% ! important;

}

.slickerness  div.slickerslide {
padding: 0.75em;
margin: 1em;
background: #fff;
cursor: pointer;
border-radius: 2px;
transition: all .2s ease-in-out;
}

.slickerness div.slickerslide:hover {
box-shadow: 9px 9px 3px 3px rgba(0, 0, 0, .1);
transform: rotate(2deg) ;
}

.slickerness div.slickerslide:active, .slickerness div.slickerslide:focus {
outline: none;
}

.slickerness p {
color: #1654a7 ! important;
text-align: center;
margin: 0.3em auto 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-family: reenie-beanie;
font-size: 1.9em;
font-weight: 500;
}

.slick-dots li  {

}

.bigemailfinish {
font-size: 2em;
text-align: center;
transition: .3s;
}

.bigemailfinish:hover {
transform: scale(1.1);
}


.bigemailfinish a:hover {
text-decoration: none;
}

.biggysmalls {
font-size: 1.4em;
font-weight: bold;
display: block;
color: rgba(255, 255, 255, 0.7) ! important;

}

.biggysmallsdark {
color: rgba(0, 0, 0, 0.7) ! important;
letter-spacing: -1px;
}

.whychoose {
display: flex;
justify-content: space-evenly;
align-items: stretch;
height: 100%;
width: 100%;
}

.cloudyone {
background: #fff;
padding: 0.5em 1.2em 1em ;
box-shadow: 0 15px 19px 0 rgba(42, 49, 53, .05);

text-align: center;
flex-basis: 20%;
width: 25% ! important;
margin: 0 auto 2em;
}

.modal-dialog .close:hover {
background: transparent;
}

.containery {
display: flex;
justify-content: space-evenly;
align-items: stretch;
height: 100%;
width: 100%;

}

.foricons {
display: block;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, .07);
cursor: pointer;
border-top: 1em solid rgba(0, 0, 0, 0.0);
font-size: 1em;
flex-basis: 20%;
width: 25% ! important;
margin: 0 auto 2em;
transition: .3s;
}

.foricons:hover, .foricons:focus, .foricons:active {
background-color: rgba(0, 0, 0, 0.17);
box-shadow: 0 15px 19px 0 rgba(42, 49, 53, .2);
transform: scale(1.1) ;
}







.row:before, .row:after {display: none !important;}

@media (max-width:991px){
	.modal img {
	display: inline-block;
	}

	.modal li {
	list-style: none;
	}
	.modal ul {
	padding-left: 0;
	}
	.modal-dialog {
	margin: auto ! important;
	}
	p {
	font-size: 120% ! important;
	}
	.goodlife h2 {
	font-size: 1.9em;
	}
	.pictureitbig, .pictureitbig.calyxnarrows {
	padding: 4em 1em;
	}
	.pictureitbig.calyxnarrows .maro {
	font-size: 2em ! important;
	}
	.pictureitbig span {
	font-size: 2.8em;
	}
	.sm-left * {
	text-align: center ! important;
	}
	.containery {
	display: block;
	width: 100%;
	}
	.foricons {
	width: auto ! important;
	margin: 1em ! important;
	}
	.foricons:hover, .foricons:focus, .foricons:active {
	background-color: rgba(0, 0, 0, 0.17);
	box-shadow: none;
	transform: none ;
	}

	.whychoose {
	display: block;
	width: 100%;
	}
	.cloudyone {
	background: #fff;
	padding: 0.5em 1.2em 1em ;
	box-shadow: 0 15px 19px 0 rgba(42, 49, 53, .05);
	width: 100% ! important;
	margin: 0 auto 2em;
	}
	.slickerness p {
	font-size: 2em ! important;
	}
	.bignums {
	padding-top: 83px;
	background-position: top 5px center;
	background-repeat: no-repeat;
	background-size: 36px 51px ! important;
	min-height: 68px;
	margin-bottom: 2em;
	text-align: center ! important;
	}
}


@media (max-width:768px){
	.goodlife h2 {
	font-size: 1.8em;
	}
	p {
	font-size: 100% ! important;
	}
	.pictureitbig, .pictureitbig.calyxnarrows {
	padding: 5em 1em;
	}
	.pictureitbig.calyxnarrows {
	padding: 2em 1em;
	}
	.pictureitbig span {
	font-size: 2.5em;
	}
	.slickerness p {
	font-size: 2.5em ! important;
	}
}