/* 
    Theme Name: Hot Electric
    Theme URI:
    Description: Theme for Hot Eletric Inc. corporate website
    Author: Ryan Cimoszko
    Author URI:
    Version: 1.0
    Tags:

    License:
    License URI:

    Created on : 27-Aug-2013, 3:52:29 PM
    Author     : Ryan
*/



/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

@font-face {
    font-family: 'Franchise';
    src: url('../font/Franchise-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

/*==================================================
 * RESET STYLES
 ==================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
  border:0;
  font:inherit;
  font-size:100%;
  margin:0;
  padding:0;
  vertical-align:baseline;
}


body{
  line-height:1;
}

ol, ul{
  list-style:none;
}

blockquote, q{
  quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after{
  content:"";
  content:none;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

.clearfix:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}

.clearfix{
  display:inline-block;
}

html[xmlns] .clearfix{
  display:block;
}

* html .clearfix{
  height:1%;
}

/*==================================================
 * BASE STYLES
 ==================================================*/

/*
  em measurements divide target by 16
  10 = 0.625em
  11 = 0.6875em
  12 = 0.75em
  13 = 0.8125em
  14 = 0.875em
  15 = 0.9375em
  16 = 1em
  17 = 1.0625em
  18 = 1.125em
  19 = 1.1875em
  20 = 1.25em
  21 = 1.3125em
  22 = 1.375em
  23 = 1.4375em
*/

body{
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#504f4f;
    }

@media screen and (min-width : 0px)
{
    body{
    font-size:12px;
    }
}

@media screen and (min-width : 480px)
{
    body{
    font-size:16px;
    }
}
address, caption, dl, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul{
    line-height:1.4em;
    margin-bottom:0px;
    }

address, caption, dl, input, label, li, p, pre, span, td, textarea, th{
    font-size:1em;
    }

p{
    line-height:1.6em;
    }

textarea {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    }

h1{
    font-size:2.4em;
    }



h2{
    font-size:1.6em;
    }

h3{
    font-size:1.1875em;
    }

h4{
    font-size:1.0625em;
    }

h5{
    font-size:1.0625em;
    }

h6{
    font-size:1.0625em;
    }

ol{
    list-style:decimal;
    margin-left:40px;
    margin-bottom:10px;
    line-height:175%;
    }

ul{
    list-style:square;
    margin-left:40px;
    margin-bottom:10px;
    line-height:175%;
    }

ol ol, ul ul{
    line-height:inherit;
    margin-bottom:0px;
    }

li li{
    font-size:1em;
    }


a{
    color:gray;
    font-weight:normal;
    text-decoration:none;
    }

a:hover{
    color:#950000;
    }

blockquote{
    font-style:italic;
    margin:0 20px;
    }

dt, th{
    font-weight:bold;
    }

small{
    font-size:0.75em;
    }

img{
    max-width:100%;
    }

strong{
    font-weight:bold;
    }

/*==================================================
Basic Structure
 ==================================================*/

.content{
    width:1060px;
    margin:0 auto;
    }

    @media screen and (max-width : 1075px)
    {
        .content{
            width:99%;
            padding:0.5%;
            }
    }

.site-content{
    float:left;
    width:100%;
    }
    
@media screen and (min-width : 1200px)
{
 .site-content{
     margin-top:105px;
    }
}




h1{
    font-size:2.4em;
    }


h2{
    font-size:1.6em;
    }

h3{
    font-size:2.25em;
    margin:10px;
    }

.button-container{
    width:180px;
    text-align:center;
    }

.button{
    background-color:#ed1c24;
    width:100%;
    text-align:center;
    color:white;
    display:block;
    padding:20px 0;
    color:white;
    }
        
    .button:hover{
        color:white;
        background-color:#F1474E;
        }
        
    .button-center{
        float:none;
        clear:both;
        margin-left: auto;
        margin-right: auto;
        }

.align-center{
    text-align:center;
    }

.two-col{
     float:left;
    }
    
@media screen and (min-width : 0px)
{
    .two-col{
        width:100%;
        }
}

@media screen and (min-width : 720px)
{
    .two-col{
        width:50%;
        }
}

.banner{
    padding-bottom:5%;
    min-height:225px;
    }

.banner h1{
    padding-top:20px;
    font-weight:bold;
    color:white;
    padding-bottom:5px;
    }
    
.banner h1 p{
    line-height:1em;
    }

@media screen and (min-width : 0px)
{
    .banner h1{
    font-size:2.5em;
    }
}

@media screen and (min-width : 1075px)
{
    .banner h1{
    font-size:3em;
    }
}

.banner h2{
    font-weight:bold;
    color:white;
    font-size:2.25em;
    }

@media screen and (min-width : 0px)
{
    .banner h2{
    font-size:1.5em;
    }
}

@media screen and (min-width : 1075px)
{
   .banner h2{
    font-size:2.25em;
    }
}

.banner h2 p{
    line-height:1.2em;
    }

.description{
    color:white;
    font-style:italic;
    font-weight:lighter;
    background-color: gray;
    background-color:rgba(40, 40, 40, .8);
    padding:5px;
    margin-bottom:35px;
    margin-top:20px;
    font-size:1em;
    }

.text-red{
    color:red;
    }

    
/*==================================================
Header
 ==================================================*/

.site-header{
    width:100%;
    background-color:black;
    z-index:9999;
    }

@media screen and (min-width : 0px)
    {
       .site-header{
            position:static;
            float:left;
       }
    }

@media screen and (min-width : 1200px)
    {
       .site-header{
            position:fixed;
            float:0;
       }
    }

#logo{
    padding:10px 2%;
    float:left;
    min-height:85px;
    }

@media screen and (min-width : 0px)
    {
       #logo{
            width:50%;
            text-align:center;
       }
    }

@media screen and (min-width :480px)
    {
       #logo{
            text-align:left;
       }
    }

@media screen and (min-width : 1200px)
    {
       #logo{
            width:auto;
            min-width:17%;
       }
    }

#phone{
    padding:10px 5px;
    }

@media screen and (min-width : 0px)
    {
       #phone{
        float:left;
        text-align:right;
        width:42%;
        }
    }

@media screen and (min-width : 1200px)
    {
       #phone{
        width:auto;
        float:right;
        text-align:center;
        }
    }

.phone-number{
    font-size:20px;
    padding-bottom:5px;
    color:white;
    font-weight:bold
    }


@media screen and (min-width : 0px)
    {
       .BBB-logo img{
        height:47px;
        }
    }

@media screen and (min-width : 480px)
    {
       .BBB-logo img{
             height:57px;
            }
    }




/*==================================================
Navigation
 ==================================================*/

@media screen and (min-width : 0px)
{
   .main-navigation {
        display:none;
        position:absolute;
        top:154px;
        width:100%;
        right:0;
        text-align:center;
        z-index:9999;
   }
}

@media screen and (min-width : 500px)
{
   .main-navigation {
        width:60%;
   }
}

@media screen and (min-width : 790px)
    {
       .main-navigation {
            display:block;
            top:105px;
            width:auto;
            right:auto;
       }
    }

@media screen and (min-width : 1200px)
    {
       .main-navigation {
           position:static;
           max-width: 1080px;
           min-height: 45px;
           margin-top:40px;
           float:left;
           display:block;
           }
    }


ul.nav-menu,
div.nav-menu > ul {
    margin: 0;
    list-style-type:none;
    }

.nav-menu li {
    display:block;
    }

@media screen and (min-width : 0px)
{
   .nav-menu > li {
        width:100%;
        background-color:#1a1919;
        border-top:1px solid #282727;
        }
}

@media screen and (min-width : 790px)
{
   .nav-menu > li {
       width:auto;
       background-color:transparent;
       display: inline-block;
       position: relative;
       margin-left:-4px;
       border-top:none;
       }
}

.nav-menu li a {
    color: white;
    display: block;
    font-size: 16px;
    line-height: 1;
    padding: 15px 16px;
    text-decoration: none;
    height:30px;
    }

@media screen and (min-width : 0px)
{
   .nav-menu li a {
        padding: 5px 0;
        height:20px;
        }
}

@media screen and (min-width : 790px)
{
   .nav-menu li a {
        padding: 15px 16px 0 16px;
        height:30px;
        }
}

@media screen and (min-width : 1200px)
{
   .nav-menu li a {
        padding: 15px 16px;
        height:30px;
        }
}

.nav-menu li:hover > a,
.nav-menu li a:hover {
    color:red;
    }

.nav-menu .sub-menu,
.nav-menu .children {
    background-color: #333333;
    display: none;
    padding: 0;
    margin:0;
    left: -2px;
    z-index: 99999;
    }

@media screen and (min-width : 0px)
{
    .nav-menu .sub-menu,
    .nav-menu .children {
        position: static;
        }
}

@media screen and (min-width : 790px)
{
    .nav-menu .sub-menu,
    .nav-menu .children {
        position: absolute;
        }
}

.nav-menu .sub-menu a{
    padding:5px;
    width:100%;
    }

.nav-menu .sub-menu li{
    width:300px;
    }

.nav-menu .sub-menu ul,
.nav-menu .children ul {
    border-left: 0;
    left: 100%;
    top: 0;
    }

ul.nav-menu ul a,
.nav-menu ul ul a {
    color: #fff;
    margin: 0;
    width: 200px;
    }

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
    color:red;
    }


.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
    color:red;
    }

.menu-toggle {
    display: none;
    }

/* Navbar */
.navbar {
    background-color: #f7f5e7;
    margin: 0 auto;
    width: 100%;
    }

.site-header .search-form {
    position: absolute;
    right: 20px;
    top: 1px;
    }

.site-header .search-field {
    background-color: transparent;
    background-image: url(images/search-icon.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: none;
    cursor: pointer;
    height: 37px;
    margin: 3px 0;
    padding: 0 0 0 34px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition:         width 400ms ease, background 400ms ease;
    width: 0;
    }

.site-header .search-field:focus {
    background-color: #fff;
    border: 2px solid #c3c0ab;
    cursor: text;
    outline: 0;
    width: 230px;
    }

/* Nav Button */

.nav-button-active{
    background-color:#333333;
    }

.nav-button-inactive{
   background-color:#333333;
   }

#nav-button{
    height:40px;
    width:40px;
    float:right;
    margin:4px 5px;
    background-image:url(images/nav/nav-button.png);
    cursor:pointer;
    }

    @media screen and (min-width : 0px)
    {
       #nav-button{
            display:block;
       }
    }

    @media screen and (min-width : 790px)
    {
       #nav-button{
            display:none;
       }
    }

   #nav-button:hover{
   background-color:#333333;
   }

   .nav-button-container{
       background-color:#1a1919;
       border-top:1px solid #282727;
       width:100%;
       float:left;
       height:48px;
       
}

@media screen and (min-width : 0px)
   {
       .nav-button-container{
            display:block;
       }
   }



@media screen and (min-width : 1200px)
   {
       .nav-button-container{
           display:none;
       }
   }


/*==================================================
Home
 ==================================================*/
#home-banner{
    background:url('images/home/blur-bg.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

@media screen and (min-width : 0px)
    {
        #home-banner .button-container{
            margin-left:auto;
            margin-right:auto;
            }
    }

@media screen and (min-width :750px)
    {
        #home-banner .button-container{
            margin:0;
            }
    }



#home-icons{
    border-bottom:5px solid red;
    padding-bottom:30px;
    float:left;
    width:100%;
    }

.icon{
    float:left;
    background-color:#c2c2c2;
    color:white;
    text-align:center;
    padding-bottom:1%;
    margin-bottom:1%;
    }

 .icon-circle{
    margin:13% 20% 8% 20%;
    height:0;
    padding:30%;
    background-color:#a9a9a9;
    border-radius:50%;
    background-size:71%;
    }
    
.icon-hover{
    background-color:#ed1c24;
    }
    
.icon-circle-hover{
    background-color:#F1474E;
    }


.icon-col1{
    float:left;
    }



@media screen and (min-width : 0px)
{
    .icon-col1{
        width:100%;
        }

    .icon-col1 .icon{
        width:48%;
        margin:1% 1%;
        }
}

@media screen and (min-width : 720px)
{
    .icon-col1{
    width:51.88679%;
    }

    .icon-col1 .icon{
        width:42.7273%;
        margin:0 7.27273% 0 0;
        }
}


.icon-col2{
    float:left;
    }
@media screen and (min-width : 0px)
{
    .icon-col2{
    width:100%;
    }

    .icon-col2 .icon{
        width:48%;
        margin:1% 1%;
        }
}

@media screen and (min-width : 720px)
{
    .icon-col2{
    width:48.11321%;
    }

    .icon-col2 .icon{
        width:46.0784313725490%;
        margin:0 7.84313725490196% 0 0;
        }
}

.icon-col2 .last-icon{
    margin-right:0px;
    }




#residential-icon{
    background-image: url(images/home/residential-icon.png);
    background-position:center;
    background-repeat: no-repeat;
    }

#commercial-icon{
    background-image: url(images/home/commercial-icon.png);
    background-position:center;
    background-repeat: no-repeat;
    }

#data-icon{
    background-image: url(images/home/data-icon.png);
    background-position:center;
    background-repeat: no-repeat;
    }

#telecom-icon{
    background-image: url(images/home/telecom-icon.png);
    background-position:center;
    background-repeat: no-repeat;
    }

    #home-owners{
        width:100%;
        float:left;
        background-image:url(images/home/texture-bg.jpg);
        text-align:center;
        }


    @media screen and (min-width : 0px)
    {
        #owners-container{
        margin-left:0%;
        margin-right:0%;
        }
    }

    @media screen and (min-width : 720px)
    {
        #owners-container{
        margin-left:10%;
        margin-right:10%;
        }
    }

        .owner{
            float:left;
            text-align:center;
            font-style:italic;
            padding-top:20px;
            }

            @media screen and (min-width : 0px)
            {
                .owner{
                width:50%;
                }
            }

        .owner img{
                margin-top:20px;
                margin-bottom:-3px;
                }

        .owner-hover{
                opacity: 0.7;
            }

        #home-service-area{
            width:100%;
            border-top:1px solid lightgray;
            float:left;
            background-image:url(images/home/vancouver.png);
            background-position:bottom;
            background-repeat:no-repeat;
            min-height:350px;
            background-size:100%;
            }

            #home-service-area h3{
                text-align:center;
}

        #service-area{
            width:100%;
            float:left;
            }

        .service-area{
            width:100%;
            float:left;
            }

        .service-area-two-col{
            float:left;
            }

        @media screen and (min-width : 0px)
        {
            .service-area-two-col{
                width:100%;
                text-align:center;
                }
        }

        @media screen and (min-width : 500px)
        {
            .service-area-two-col{
                width:50%;
                text-align:left;
                }
        }


        

        .service-area ul{
            float:left;
            width:40%;
            line-height:120%;
            list-style:none;
            margin-left:5%;
            }

            #home-customer-service{
                text-align:center;
                float:left;
                width:100%;
                border-bottom:5px solid red;
                padding-bottom:20px;
                }


                    #customer-service{
                        width:100%;
                        float:left;
                        text-align:center;
                        }

                        .customer-service-two-col{
                            float:left;
                            }


                    @media screen and (min-width : 0px)
                    {
                        .customer-service-two-col{
                            width:100%;
                            margin-top:10px;
                            }
                    }

                    @media screen and (min-width : 900px)
                    {
                        .customer-service-two-col{
                            width:50%;
                            }
                    }

                        #customer-service .button-container{
                            margin:20px auto;
                            }

                        #why-hot-electric{
                            width:80%;
                            padding:5%;
                            color:white;
                            background-color:#a9a9a9;
                            margin:0 auto;
                            }

                        #why-hot-electric ul{
                            list-style-type:none;
                            margin-left:0px;
                            }

                            #home-photo-gallery{
                                width:100%;
                                float:left;
                                text-align:center;
                                background-image:url(images/home/texture-bg.jpg);
                                }
                                
                                .metaslider{
                                    margin:0 auto;
                                    }

/*==================================================
 * 5.0 Residential/Commercial Electrical Services Page
 ==================================================*/

#residential-banner{
    background:url('images/residential/res-blur-bg.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:top;
    }

#residential-services-banner{
    background:url('images/residential/res-blur-bg.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:top;
    min-height:0;
    }

#commercial-banner{
    background:url('images/commercial/com-blur-bg.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    #page-services{
        width:100%;
        float:left;
        padding-bottom:10px;
        }

    #page-services h3{
        text-align: center;
        }

        .services{
            margin-right:1%;
            margin-bottom:10px;
            float:left;
            min-height:350px;
            background-color:#a9a9a9;
            color:white;
            padding:1%;
            text-align: center;
            font-size:14px;

            background-position: center bottom;
            background-repeat: no-repeat;
            }


        @media screen and (min-width : 0px)
        {
        .services{
            width:98%;
            }
        }

        @media screen and (min-width : 600px)
        {
        .services{
            width:47%;
            }
        }

        @media screen and (min-width : 900px)
        {
        .services{
            width:30%;
            }
        }


        .services h4{
            font-size:18px;
            padding-bottom:20px;
            font-weight:100;
            }

        .services ul{
           list-style-type: none;
           margin-left:5px;
           }

        .services ul a{
            color:white;
            font-weight:bold;
            }
        
        .services ul a:hover{
            text-decoration:underline;
            }

        .services-commercial{
            width:47%;
            min-height:250px;
            }

        @media screen and (min-width : 0px)
        {
        .services-commercial{
            width:98%;
            }
        }

        @media screen and (min-width : 600px)
        {
        .services-commercial{
            width:47%;
            }
        }


        #services-safety{
            background-image:url('images/residential/safety.png');
            }

        #services-lighting{
            background-image:url('images/residential/lighting.png');
            }

        #services-other{
            background-image:url('images/residential/other.png');
            }

        #services-muggy{
            background-image:url('images/residential/muggy.png');
            }

        #services-power{
            background-image:url('images/residential/power.png');
            }

        #services-chilly{
            background-image:url('images/residential/chilly.png');
            }

            .residential-images{
                margin:10px 0;
                text-align:center;
                }

            .residential-content p, .residential-content ul{
                margin-top:10px;
                }

            .residential-content .button-container{
                margin:20px auto;
                }
            
/*==================================================
About Us
 ==================================================*/
#about-banner{
    background:url('images/about/about-blur-bg.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }


.employee-container{
    width:100%;
    float:left;
    overflow:hidden;
    padding:10px 0;
    z-index:5555;
    position:relative;
    background-color:white;
    min-height:300px;
    }

    
    .employee-container .button-container{
        margin-top:20px;
        }
        
     .employee-container-style2{
        border-top:1px solid lightgray;
        border-bottom:1px solid lightgray;
        background-image:url(images/home/texture-bg.jpg);  
        }
        
        
        .employee-picture{
            height:100%;
            width:100%;
            }

        

#employee-banner{
    border-top:1px solid lightgray;
    border-bottom:1px solid lightgray;
    background-image:url(images/home/texture-bg.jpg);
    }

.employee-description{
    color:white;
    background-color: gray;
    background-color:rgba(40, 40, 40, .8);
    padding:5px;
    z-index:5555;
    bottom:-165px;
    position:relative;
    }

.employee-image-container{
    position:absolute;
    margin-top:5px;
    }


@media screen and (min-width:500px){
    .employee-image-container{
        margin-left:25%;
        }
}



@media screen and (min-width:0px){
    #employee-banner h2{
        font-size:1.2em;
        font-weight:normal;
        }
}
        
    .employee-description h1{
        padding-top:0;
        }

.employee-writeup{
    padding:10px 0;
    z-index:5555;
    position:relative;
    background-color:white;
    }


    .employee-writeup p{
        margin-top:10px;
        }

/*==================================================
Contact Us
 ==================================================*/

#contact-banner{
    background:url('images/contact/contact-blur-bg.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:225px;
    min-height:225px;
    }

.content-info-container{
    padding:40px 0;
    float:left;
    width:100%;
    }

.contact-info td{
    padding:10px;
    }

.service-request-container, .service-guarantee-container{
    background-image:url(images/home/texture-bg.jpg);
    width:100%;
    float:left;
    border-top:1px solid lightgray;
    padding:10px 0;
    }


.service-request-container-style-2{
    width:100%;
    float:left;
    border-top:1px solid lightgray;
    padding:10px 0;
    }

.service-request-container h2, .service-guarantee-container h2, .service-request-container-style-2 h2{
    margin:20px 0;
    }

    @media screen and (min-width : 0px){
    .service-request-container h2, .service-request-container-style-2 h2,  .service-guarantee-container h2{
        text-align:center;
        }
    }

    @media screen and (min-width:720px){
    .service-request-container h2, .service-request-container-style-2 h2,  .service-guarantee-container h2{
        text-align:left;
        }
    }




    @media screen and (min-width:0px){
    #wpcf7-f285-t1-o1{
        padding-left:20%;
        }
    }

    @media screen and (min-width:720px){
    #wpcf7-f285-t1-o1{
        padding-left:0;
        }
    }
.service-submit input{
    background-color:#ed1c24;
    padding:20px 0;
    width:200px;
    border:none;
    color:white;
    margin-top:10px;
    }

.service-submit input:hover{
    color:white;
    background-color:#F1474E;
    }

#wpcf7-f285-t1-o1 textarea{
    width:60%;
    }

/*==================================================
Service Guarantee
 ==================================================*/

#service-guarantee-banner{
    background:url('images/about/about-blur-bg.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

/*==================================================
Testimonials
 ==================================================*/
#testimonials-banner{
    background:url('images/testimonials/testimonials-blur-bg.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

.submit-testimonials-container{
    width:100%;
    float:left;
    background-image:url(images/home/texture-bg.jpg);
    text-align:center;
    border-top:1px solid lightgray;
    }

.testimonials-container{
    padding:20px 0;
    float:left;
    width:100%;
    }


 @media screen and (min-width : 0px)
        {
    .widget-large{
        display:none;
        }
    }

@media screen and (min-width : 465px)
        {
    .widget-small{
        display:none;
        }
    .widget-large{
        display:inline-block;
        }
    }


#wpcf7-f286-t1-o1 input[type="text"], #wpcf7-f286-t1-o1 input[type="email"], #wpcf7-f286-t1-o1 input[type="date"]{
    width:90%;
    }

#wpcf7-f286-t1-o1 textarea{
    width:95%;
    }

#wpcf7-f286-t1-o1 .field-name{
    margin-top:10px;
    }




.submit-testimonial input{
    background-color:#ed1c24;
    padding:20px 0;
    width:200px;
    border:none;
    color:white;
    margin-top:10px;
    margin-bottom:10px;
    cursor:pointer;
    }

.submit-testimonial input:hover{
    background-color:#F1474E;
    }

.cover{
    height:20px;
    width:50px;
    background-color:white;
    position:relative;
    top:0px;
    }

    blockquote{
        line-height:200%;
        margin-top:20px;
}

.testimonial-author{
    font-weight:bold;
    margin-top:40px;
}

.testimonial-score{
    font-weight:bold;
    margin-top:20px;
}

/*==================================================
Footer
 ==================================================*/

.site-footer{
    background-color:black;
    float:left;
    width:100%;
    padding-top:20px;
}

.site-footer ul{
    list-style-type:none;
    margin-left:0px;
}

.footer-col1{
        float:left;
    }


@media screen and (min-width:0px){
    .footer-col1{
        width:90%;
        padding-left:10%;
    }
}

@media screen and (min-width:545px){
    .footer-col1{
        width:45%;
        padding-left:5%;
    }

    .footer-contact{
        display:block;
    }
}

@media screen and (min-width:850px){
    .footer-col1{
        width:25%;
        padding-left:0;
        padding-right:5%;
    }

    .footer-contact{
        display:none;
    }
}

.footer-contact{
    margin-top:-7px;
}

.footer-contact a{
    font-size:14px;
    font-weight:bold;
}

.footer-menu{
    font-size:14px;
}

.footer-menu li a{
    font-size:14px;
    font-weight:bold;
}

.footer-col2{
    float:left;
    width:45%;
}

@media screen and (min-width:0px){
    .footer-col2{
        display:none;
    }
}

@media screen and (min-width:850px){
    .footer-col2{
        display:block;
    }
}

.footer-contact-menu{
    width:100%;
    margin-bottom:0px;
    font-size:12px;
    margin-top:5px;
}

.footer-contact-menu li{
    float:left;
    width:46%;
    padding-right:4%;
}

.footer-col3{
    float:left;
}

@media screen and (min-width:0px){
    .footer-col3{
        width:95%;
        text-align:center;
        margin-top:20px;
    }
}

@media screen and (min-width:545px){
    .footer-col3{
        width:45%;
        margin-top:0;
        text-align:right;
        padding-right:5%;
    }
}

@media screen and (min-width:850px){
    .footer-col3{
    width:25%;
    float:left;
    padding-right:0;
    }
}

.footer-icon{
    margin-top:3px;
}


#footer-copyright{
    text-align:center;
    font-size:12px;
    margin:10px 0;
    float:left;
    width:100%;
}

.soliloquy-container .soliloquy-caption{
    top:0;
}

.soliloquy-control-nav{
    display:none;
}

#soliloquy-container-318{
    margin:0 auto;
}

#wpcf7-f285-t1-o1 input:not([type="submit"]){
    width:60%;
}


.employee-image{
    overflow:hidden;
}

.employee-info{
    float:Right;
}

@media screen and (min-width:0px){
    .employee-image{
        position:relative;
        height:260px;
        text-align:center;
        }

}

@media screen and (min-width:720px){
    .employee-image{
        position:absolute;
        height:auto;
        text-align:left;
        }

}

@media screen and (min-width:0px){
.employee-info .button-container{
    margin-left:auto;
    margin-right:auto;
}
}

@media screen and (min-width:720px){
    .employee-info .button-container{
        margin-left:0;
        margin-right:0;
    }
}