/*
Theme Name: Class Theme
Author: Ashton Ghion
Author URI: http://ashtonghion.com/
Description: A simple portfolio theme
*/


body {
    padding: 0;
    background-color: white;
    
}

#topwrap {
    background-image: url("images/wiringbackground2.jpg");
    background-position: center center;
    background-size: cover;
 
}

h3 {
    font-size: 2em !important;
    font-weight: lighter !important;
}
h4 {

    font-weight: lighter !important;
}
.page-wrap {
    width: 100%;
    height: auto !important;
}
#nextprevious {
    text-align: center;
}

a {
    color: #999999 !important;
    text-decoration: none !important;
    font-weight: lighter !important;
}

a:hover {
    color: #444444 !important;
}
.topmessage {
    margin-top: -50px !important;
}

.container {
    font-size: 1em;
    max-width: 980px;
    font-family: "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
    font-weight: lighter;
    color: #444444;
    
}

.container, #header-inner, #footer-inner, #nav-inner {
    margin: 0 auto;
}
.container-fluid{
    font-size: 1em;
    padding: 0 !important;
    font-family: "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
    font-weight: lighter !important;
    color: #444444;
}
#singlecontainer {
     margin-top: 80px;
    min-height: 100vh;
}

.row {
    margin: 0 !important;
}

.navbar-fixed-top {
      z-index: 9675309 !important;
}
.navbar {
    background: #ffffff;
    margin-bottom: 2px !important;
    
}

.navbar-brand {
    padding: 7px 5px 0 25px !important;
}

.navbar-brand > img {
    height: 2.3em;
}


.icon-bar {
    background-color: grey;
}

navbar-toggle {
    color: white;
    
}

nav li {
    font-size: 1em;
    display: inline;
    padding: 0 20px ;
}

nav ul{
    padding: 5px;
    text-align: left;
}

nav li a {
    background-color: transparent;
    color: #333333 !important;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Roboto", Helvetica, Arial, sans-serif;
    text-decoration: none;
    font-weight: normal;
    font-size: 1em;
}

nav li a:hover {
    color: #999999 !important;
    background-color: white !important;
}

nav li a.current {
    color: #ffffff;
}
nav {
    -webkit-box-shadow: 0px 0px 15px;
    -moz-box-shadow:    0px 0px 15px;
    box-shadow:         0px 0px 15px;
}
/*
#menu-item-8 {
    padding-right: 0px;
}
#menu-item-8 ul li{
    display: block;
    text-align: left;
    padding-left: 10px;
    padding-bottom: 5px;
}
*/
#container {
   padding: 100px 0px 100px 0;
}
.land {
    text-align: center;
    padding: 0;
}
.land2 {
    padding: 60px 0 0 0;
    float: left;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    color: white;
    font-size: 1.5em;
}
.intro{
    background-color: white;
    padding: 50px 10px;
    margin-left: 0 !important;
}

.intro h2 {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    color: #00D3C4;
    font-size: 3.1em;
}

.introleft {
    padding: 15px 0;
    float: left;
    width: 33%;
}

.introright ul {
    list-style-image:url("images/plusbullet.jpg");
    
}

.introright ul{
    color: #006699;
    
}

.introright li {
    padding-left: 10px;
}

.introright {
    padding: 15px 0;
    float: left;
    width: 33%;

}
#servicewrap {
    max-width: 980px;
    text-align: center;
    margin: 0 auto;
}

#contentheader {
    font-family: "ABeeZee", Helvetica, Arial, sans-serif;
    color: #cccccc;
    font-size: 3.3em !important;
    padding: 50px 0 0 0 !important;
}
.serviceslist {
    background-color: #303233;
    padding: 30px 0 !important;
}
.serviceslist ul{
    list-style-image: url("images/whiteplusbullet.png");
}
.services1 {
    color: white;
    padding: 15px 0 15px 20px !important;
    float: left;
    width: 33%;
}

.servicescontainer {
    background-color: #303233;
}
.servicesicons {
    text-align: center;
    padding: 10px 80px 10px;
}

.servicesicons img {
    margin: 30px 0 0 0;
    -webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* Safari */
    transition: width 1s, height 1s, transform 1s;
}

.servicesicons img:hover {
    -webkit-transform: rotate(20deg); /* Safari */
    transform: rotate(20deg); 
}
.servicesicons h3 {
    font-family: "Roboto", Helvetica, Arial, sans-serif !important;
    color: #8ED902;
    font-size: 1.5em !important;
    padding: 0 !important;
}
#serviceswrap {
    max-width: 980px;
    margin: 0px auto;
}
.servicesinner {
    padding: 40px 100px 20px;
}

.about {
    padding: 20px 0 50px;
}

.aboutquote {
    padding: 180px 0 0 0;
    float: left;
    color: #8ED902;
    font-size: 1.6em;
}

.aboutright h3{
    font-family: "ABeeZee", Helvetica, Arial, sans-serif;
    color: #cccccc;
    font-size: 3.3em !important;
    padding: 20px 0 0 0 !important;
    
}
.testimonials {
    background-image: url("images/071background.jpg");
    background-position: center center;
    background-size: cover;

}

#testimonialswrap {
    max-width: 980px;
    margin: 0px auto;
}
.reviews {
    color: #ffffff;
    padding: 45px 30px 40px;
}
.quotationmark {
    text-align: center;
    padding-bottom: 20px;
}
.columnt {
    padding: 15px 0;
    float: left;
}

.bottompart {
    padding: 20px 0 0 0;
}

.details {
    float: left;
    padding-top: 50px;
}

.contact {
    float: left;
    padding-left: 10px !important;
   
}
.contact h2{
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    color: #006699;
    font-size: 2em;
    padding: 10px 0;
}
.wpcf7-submit {
    border: medium none;
    background-color: #006699;
    color: #ffffff;
    font-size: 1em;
}

#backbutton {
    text-align: center;
    
}
.socialmedia {
   padding-top: 20px;
   
}

.single-portfolio {
    margin-top: -50px;
    height: 100%;
}

footer {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: .8em;
    padding: 10px 0 30px 0;
    margin: 30px 0 0 0;
    color: #ffffff;
    background: #303233;
}
.footerwrap {
    max-width: 980px;
    margin: 0px auto;
}

.footercredit a {
    color: white !important;
}
.footercredit a:hover {
    color: #cccccc !important;
}
.footer-inner {
    text-align: center;
    background-color: #303233;
}

.footer-inner > *:first-child {
    margin-top: 0;
}

.footer-inner > *:last-child {
    margin-bottom: 0;
}
.footercredit {
    background-color: #303233;
    text-align: center;
}

.col-xs-12 col-sm-6 col-md-4 {
    text-align: center;
}


img {
max-width: 100%;
height: auto;
}

#main-content {
    font-size: 1em;
    max-width: 980px !important;
    font-family: "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important;
    font-weight: lighter;
    color: #444444 !important;
}

#main h2 {
    font-family: "ABeeZee", "Roboto", Helvetica, Arial, sans-serif;
    color: #00D3C4;
    font-size: 3em;
    
}



.nav>li>a:focus .nav>li>a:hover{
    text-decoration: none !important;
    background-color: #ffffff !important;
}

button, input, select, textarea {
    max-width: 100% !important;
}
.hidden {
  display: none !important;
}




/* initially hide animatable objects */
.animatable {
  visibility: hidden;
  -webkit-animation-play-state: paused;        
  -moz-animation-play-state: paused;        
  animation-play-state: paused; 
}

/* show objects being animated */
.animated {
  visibility: visible;
  
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}


  
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }   100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


.animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.singlecontent h3{
    font-family: "ABeeZee", "Roboto", Helvetica, Arial, sans-serif;
     
     color: #8ED902;

}
.longabout {
    float: left;
}

.aboutimage {
    float: left;
    padding-top: 30px;
}

.singleservices ul{
    list-style-image: url("images/greyplusbullet.jpg");

}
.electricalcontainer{
    padding-bottom: 40px;
}
.electricalquote{
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    color: #8ED902;
}
.singleservices {
    padding: 0 !important;
}
.singleservicesac {
    padding: 0 !important;
    margin-bottom: 16px;
}
.singleservicesac ul{
    list-style-image: url("images/greyplusbullet.jpg");

}
.electricalquote {
    padding-bottom: 30px;
}

.acquote {
    margin-top: 55px;
    margin-bottom: 37px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    color: #8ED902;

}
.acquote img{
    margin-top: 5px;
}

.brands {
   text-align: center;
}
.brands img{
    margin: 40px 10px 0 10px;
}

.slide {
    padding-top: 40px;
    text-align: center;
}