#quote-btn {

    font-family: 'Righteous', cursive;

    border: 2px white solid;

    margin: 10px;

    

    background: transparent;

    background-color: transparent;

    color: white;

    -webkit-transition: all 0.2s ease-in 0s;

    -moz-transition: all 0.2s ease-in 0s;

    transition: all 0.2s ease-in 0s;

}



#main {

    overflow: hidden;

}



#quote-btn:hover {

    color: black !important;

    background-color: white !important;

}



#banner {

    top: -100px;

    z-index: -10;

}



#banner img {

    height: 650px;

    width: 100%;

}





#menu-box .dropdown-menu {

    background: #81bbea;

}



#menu-box nav {

    margin-bottom: 0px;

}



#banner .caption {

    left : 0;

    top: 25%;

    margin: auto auto;

}



.site-logo {

    height: 75px !important;

}



.site-logo img {

    height: 75px !important; 

}



#banner {

    padding-top: 100px;

}



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

    #banner {

        top: -100px;

        margin-bottom: -86px;

    }



    #bs-example-navbar-collapse-1 {

        background: black !important;

    }

}



@media screen and (min-width: 1200px) {

    #banner {

        top: -100px;

        margin-bottom: -100px;

    }

    #bs-example-navbar-collapse-1 {

        background: transparent !important;

    }

}



#menu-box {

    top: 0px;

    left: 0px;

    position: fixed;

    background:transparent;

    width: 100%;

    z-index: 999999;

}



.menu-scroll {

    color: grey !important;

    background-color : rgba(255, 255, 255, 1) !important;

    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.67);

}



.menu-scroll li a {

    color: grey !important;

}



.menu-scroll li.active {

    color: black !important; 

}



#menu-box div, #menu-box nav {

    background: transparent;

    background-color:  transparent;

    border-color: transparent;

}



#menu-box li {

    border-right: 0px;

    margin: 0px;

}



#menu-box li a{

    color: white;

    font-size: 14px;

    font-family: 'Righteous', cursive;

}



#menu-box li:hover {

    background-color: transparent !important;

}



#menu-box li a:hover {

    background-color: transparent !important;

    color: #065a5a !important;

}



#menu-box li.active {

    background-color: transparent !important;

    color: black;

}



#menu-box li.active a {

    color: black;

    background: transparent;

    background-color: transparent !important;

}



.holder h1 {

    font-family: 'Quicksand', sans-serif !important;

    text-shadow: 0 1px 2px black !important;

}



.holder h1 span {

    

}



.section-title {

    

}



.special-text {

    font-family: 'Muli', sans-serif !important;

    font-size: 170% !important;

    color: #065a5a !important;

}



.description {

    margin-left: 10%;

    margin-right: 10%;

    padding-top: 20px;

    padding-bottom: 50px;

}



.title {

    font-family: 'museo100';

    font-weight: bold;

}





.triangle-left {

    position: absolute; 

    width: 0; 

    height: 0; 

    border-left: 1336px solid transparent;

    border-right: 0px solid transparent;

    z-index: 100;

}



.triangle-service-down {

    border-top: 50px solid #000103;

}



.triangle-products-down {

    border-top: 50px solid #eaeaea;

}



.triangle-right {

    left: 49.9vw;

    border-width: 5.1vw 0 0 50vw !important;

    border-color: transparent transparent transparent #000 !important;

    position: absolute;

    left: 49.9vw;

    bottom: 0;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 5.1vw 0 0 50.1vw;

    border-color: transparent transparent transparent #fff;

    z-index: 499;

}



.center {

    margin: 0 auto;

}



.section {

    /*padding-top: 50px;*/

       box-shadow: 2px 3px 4px black;

}



/* SERVICES */

.service-box {

    background-color: #222b44 !important;

    overflow: hidden;

    /*min-width: 960px;*/

    /*min-height: 800px;*/

}



.service-box .inner {

    width: 967px;

    margin: 0 auto;

}



.service-box .info-services{

    position: relative;

    width: 484px;

    float: left;

}



.service-box .info-service-detail p {

   color: #9ba2b5 ;

   font: normal 13px/32px 'Quicksand', Arial, sans-serif;

   margin-bottom: 75px;

}







.service-box .point {

    background: url('../images/point.png') no-repeat 0 0;

    width: 37px;

    height: 74px;

    position: absolute;

    top: 313px;

    right: -36px;

}



#bx-pager-cp>a.active .right-box {

   background-color: #fff;

   display: block;

}



.service-box .info-service-detail {

    padding: 150px 43px 60px 0;

}



.info-service-detail li {

    background: url('../images/list-arrow.png') no-repeat 0 0;

    font: normal 15px/15px 'Quicksand', Arial, sans-serif;

    color: #f4f3f2 !important;

    padding: 0 0 15px 15px;

}



.info-service-detail li a {

    color: #f4f3f2;

    text-decoration: none;

    display: block;

}



.service-box .info-service-detail h2 {

    color: #dcec3b;

    font: normal 58px/58px 'Righteous', Arial, sans-serif;

    margin-bottom: 40px;

}



.service-box .info-service-detail p {

    color: #9ba2b5;

    font: normal 24px/32px 'Roboto Slab', Arial, sans-serif;

    margin-bottom: 75px;

}



.info-service-detail h3 {

    color: #dcec3b;

    background: url('../images/line-ser.png') no-repeat right center;

    margin-bottom: 25px;

    text-align: left;

    font: normal 15px/15px 'Roboto Slab', Arial, sans-serif;

}



.info-service-detail ul {

    list-style-type: none;

}





.list-services {

    margin-left: 484px;

    background: #dcec3b;

}



.col-service {

    width: 241px;

   float: left;

   height: 175px;

   display: block;

   background: #dcec3b ;

   text-decoration: none;

}



.col-service:hover {

    background-color: #222b44;

}



.col-service-alternate:hover {

    background-color: #222b44 !important;

}



.col-service-alternate:hover .title-service {

    color: #f4f3f2;

}



.col-service:hover .title-service {

    color: #f4f3f2;

}



.col-service-alternate {

    background-color: #fff !important;

}



.table-service {

    display: table;

}



.row-service {

    display: table-row;

}



.column-service {

    display: table-cell;

    vertical-align: middle;

    height: 175px;

    width: 241px;

    text-align: center;

}



.col-service img {

    display: block;

    margin: 0 auto 20px;

}



.title-service {

    display: block;

    font: normal 19px/24px 'Righteous', Arial, sans-serif;

    color: #0e1b0e;

}



.select-m {

    display: inline-block;

    font: normal 24px 'Roboto Slab', Arial, sans-serif;

    color: #b3c02c;

}



.select-m span {

    font: normal 26px 'Roboto Slab', Arial, sans-serif;

    color: #89922f;

}



.special-quote {

    padding: 50px 0px;

    background-color: #f4f3f2;

}



.special-quote p {

    font: normal 20px/44px 'Quicksand', Arial, sans-serif;

    text-align: center;

}











.first-quote {

    background: url('../images/quotes.png') no-repeat 0 0;

    width: 21px;

    height: 15px;

    display: inline-block;

    vertical-align: top;

    padding-right: 45px;

}



.last-quote {

    background: url('../images/quotes.png') no-repeat 0 0;

    width: 21px;

    height: 15px;

    display: inline-block;

    vertical-align: top;

    padding-right: 45px;

    background-position: right -15px;

}



.services {

    background: url('../images/services/bg.png');

    background-position: center;

    color: white;

    background-attachment: fixed;

    

    z-index: 200;

    padding-bottom: 80px;

}



.service-section-wrapper {

    

}



.services .container {

    

}



.services .picture {

    height: 160px;

    width: auto !important; 

    

}





/* PRODUCTS */



.products .section-title {

   margin-top: 100px;

   font-weight: bold;

   margin-bottom: 100px;

   font-size: -webkit-xxx-large;

}



.products div{

    background: transparent;

    background-color: transparent;

}



.products {

    background: url('../images/products/products-bg.png');

    color: black;

    z-index: 150;

    padding-bottom: 80px;

}





.products .product-description {

    font-size: 14px;

    font-family: 'Josefin Sans', sans-serif;

    text-justify: inter-word;

    text-align: justify;

}



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

    .products img{

        height: 250px;

    }

    .products .column {

        height: 250px;

    }

}

@media screen and (min-width: 1000px) {

    .products .column {

        height: 350px;

    }

    .products img{

        height: 350px;

    }

    .border-lg-right {

        border-right: 2px solid black;

    }

}



/* CHOOSE US */

.choose {

    background: url('../images/choose/bg.png');

    color: white;

    /*: rotateZ(2deg) scale(1.1);*/

    z-index: 150;

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-size: cover;

    padding-top: 80px;



    background-position-y: -100px;

    padding-bottom: 80px;

}



.reason {

    padding-bottom: 30px;

}



.choose .description {

    margin-bottom : 50px;

}



.choose .section-title {

    /*margin-top: -100px;*/

}



.choose .container {

    : rotateZ(-2deg) scale(0.8);   

}



.choose .picture {

    width: 50%;

}



/* Mission */



.our-mission .generic-heading h2 {

    /*margin-top: -100px;*/

}



.our-mission {

    height: auto;

    : rotateZ(2deg) scale(1.1);

    padding-top: 80px;

    padding-bottom: 50px;

    background-attachment: fixed;

}



.our-mission .container {

    : rotateZ(-2deg) scale(0.8);   

}



/*posts*/



@media (min-width: 1200px) {

    .right-text-2 {

        width: 325px !important;

    }

}



/* form */



#form-body {

    /*background: white !important;*/

}



#form-container .circled {

    border-radius: 50%;

    padding: 10px 12px;

    border: 2px solid #1789b9;

}



#form-container .underline {

    border-bottom: 3px solid #1789b9;

}



#form-container .underline-black {

    border-bottom: 3px solid black;

}



#form-container #top-panel {

    margin-top: 40px;

    padding: 10px;

    /*background-color: #c7c7c7;*/

    border-radius: 5px;

}



#form-container .panel {

    /*background-color: #e6e5e5;*/

}



#form-container .title {

    font-family: 'Montserrat', sans-serif;

}



#form-container input::-webkit-input-placeholder {

    font-family: 'Montserrat', sans-serif;

    color: rgba(0, 0,0, 0.60);

}



.right-triangle {

    position: fixed;    

    right: -15px;

    bottom: -15px;

    width: 0;

	height: 0;

	border-bottom: 130px solid #008583;

	border-left: 130px solid transparent;

    font-size: 6px;

    z-index: 99999999;

    content: 'something';

    transition: all ease-in 0.2s;

}



.right-triangle:hover {

    bottom: 0px;

    right: 0px;

}



.fab-button {

    transform: rotateZ(-45deg);

    position: absolute;

    right: 4px;

    color: white;

    font-size: 16px;

    bottom: -80px;

    width: 100px;

    text-decoration: none;

}



.fab-button:hover {

    text-decoration: none;

    color: white;

}



.fab-button a:hover {

    

}



.center {

    /*width: 50%;*/

    margin: 0 auto;

}



.center-half {

    width: 50%;

    margin: 0 auto;

}



#form-container .solar-buttons figure{

    width: 50%;

    margin: 0 auto;

}



#form-container .solar-buttons {

    padding-top : 50px;

}



#form-container .solar-buttons button  {

    padding: 0px;

}



#form-container .solar-button-title {

    text-align: center;

}



#form-container .left-margin {

    

}



#form-container .top-padding {

    padding-top: 30px;

}



#form-container .form-row {

    padding-top: 10px;

}



#form-container input[type=radio]  {

    position: absolute;

    visibility: hidden;

}



#form-container check::before {

  display: block;

  position: absolute;

	content: '';

  border-radius: 100%;

  height: 15px;

  width: 15px;

  top: 5px;

	left: 5px;

  margin: auto;

	transition: background 0.25s linear;

	-webkit-transition: background 0.25s linear;

}



#form-container input[type=radio]:checked ~ .check {

  border: 5px solid black;

}



#form-container input[type=radio]:checked ~ .check::before{

  background: #0DFF92;

}



#form-container .file-input {

    width: 0.1px;

	height: 0.1px;

	opacity: 0;

	overflow: hidden;

	position: absolute;

	z-index: -1;

}





#form-container .file-input:focus + label,

.file-input + label:hover {

    background-color: grey;

    border: solid 5px deepskyblue;

}





#form-container label {

    color: #7f7f7f;

}



.negative {

    background-color: #9d0505;

}



.positive {

    background-color: #107308;

}



#form-body {

    /*background-image: url('../images/form/girasol-solar-energy.jpg');*/

    /*background-attachment: fixed;

    background-repeat: no-repeat;

    background-size: cover;*/

}



.calculator-title {

    margin-top: 30px;

    font-size: 25px;

    background-color : rgba(199, 199, 199, 0.67);

    border-radius: 5px;

    padding-top: 25px;

    padding-bottom: 25px;

}



.calculator-text {

    color: white;

}



#form-container {

    padding-top: 30px;

}



#gform_submit_button_2 {

    margin: 0px !important; 

}



.overlayx {

    position: absolute;

    display: block;

    width: 100%;

    height: 410px;

    top: 0px;

    left: 0px;

    background-image: linear-gradient(36deg,#1a8bf0 0,#25292d 100%);;

    opacity: 0.4;

}



.page-title {

      position: absolute;

      top: 30rem;

      left: 1rem;

      color: white !important;

      font-size : 48.6px;

      font-weight: 300;

      font-family: 'Source Sans Pro', sans-serif;

      font-weight: 300

}



.page-title h1{

    font-weight: 300 !important;

    font-family: 'Source Sans Pro', sans-serif !important;

}



#page-loader {

  position: fixed;

  top: 0;

  bottom: 0%;

  left: 0;

  right: 0%;

  background-color: white;

  z-index: 999999999999999999999999999;

}



#page-loader {



}





.is-table-row {

        display: table;

    }

.is-table-row [class*="col-"] {

    float: none;

    display: table-cell;

    vertical-align: top;

}

.form-div {

 margin-top: 20px    

}

.clear-bottom {

    padding: 10px;

}





.message {

    padding-top: 15px;

}

 .message h2 {

            font: normal 52px/52px 'montserratbold', Arial, sans-serif;

        color: #0e1b0e;

        margin-bottom: 55px;

    }





/*FOOTER*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);

footer { background-color:#3a3939 !important; min-height:350px; font-family: 'Open Sans', sans-serif; }

.footerleft { margin-top:50px; padding:0 36px; }

.logofooter { margin-bottom:10px; font-size:25px; color:#fff; font-weight:700;}



.footerleft p { color:#fff; font-size:12px !important; font-family: 'Open Sans', sans-serif; margin-bottom:15px;}

.footerleft p i { width:20px; color:#999;}





.paddingtop-bottom {  margin-top:50px;}

.footer-ul { list-style-type:none !important;  padding-left:0px; margin-left:2px;}

.footer-ul li { line-height:29px; font-size:12px; list-style: none !important; }

.footer-ul li a { color:#a0a3a4; transition: color 0.2s linear 0s, background 0.2s linear 0s; }

.footer-ul i { margin-right:10px;}

.footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#ff670f; }



.social:hover {

     

 }

 

 .social-icon {

     margin-top: 25px;

     background: white;

     padding: 10px;

    border-radius: 20%;

    background: #13948c;

    color: white;

 }



 

 .icon-ul { list-style-type:none !important; margin:0px; padding:0px;}

 .icon-ul li { line-height:75px; width:100%; float:left;}

 .icon { float:left; margin-right:5px;}

 

 

 .copyright { min-height:40px; background-color:#000000;}

 .copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px;}

 .heading7 { font-size:21px; font-weight:700; color:#d9d6d6; margin-bottom:22px;}

 .post p { font-size:12px; color:#FFF; line-height:20px;}

 .post p span { display:block; color:#8f8f8f;}

 .bottom_ul { list-style-type:none; float:right; margin-bottom:0px;}

 .bottom_ul li { float:left; line-height:40px;}

 .bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;}

 .bottom_ul li a { color:#FFF;  font-size:12px;}



 .footer-icons { 

     margin-top: 25px;

 }



 .footer-icons a {

     display: inline-block;

    width: 35px;

    height: 35px;

    cursor: pointer;

    background-color: #33383b;

    border-radius: 2px;

    font-size: 20px;

    color: #ffffff;

    text-align: center;

    line-height: 35px;

    margin-right: 3px;

    margin-bottom: 5px;

 }



.logo-title {

    padding-top: 20px;

}



#site-logo-footer {

    height: 150px;

    width: auto;

}



 /*FOOTER END*/