/**********************************************************************************************************************/
/************************************************ Header Navigation ***************************************************/
/**********************************************************************************************************************/
#first-nav-pill {
    background-color: #F87912;
}

#first-nav-pill > ul > li:first-child {
    border-top: 2px solid #F87912;
    width: 100px;
}

#first-nav-pill > ul > li a:hover, #first-nav-pill > ul > li a:focus {
    background-color: #F87912;
    background-image: none;
}

#second-nav-pill {
    background-color: #FFCC00;
}

#second-nav-pill > ul > li:first-child {
    border-top: 2px solid #ffcc00;
    width: 100px;
}

#second-nav-pill > ul > li a:hover, #second-nav-pill > ul > li a:focus {
    background-color: #FFCC00;
    background-image: none;
}

#third-nav-pill {
    background-color: #7FBA00;
}

#third-nav-pill > ul > li:first-child {
    border-top: 2px solid #AADD00;
    width: 100px;
}

#third-nav-pill > ul > li > a:hover, #third-nav-pill > ul > li > a:focus {
    background-color: #AADD00;
    background-image: none;
}

#fourth-nav-pill {
    background-color: #00CCCC;
}

#fourth-nav-pill > ul > li:first-child {
    border-top: 2px solid #00CCCC;
    width: 100px;
}

#fourth-nav-pill > ul > li > a:hover, #fourth-nav-pill > ul > li > a:focus {
    background-color: #00CCCC;
    background-image: none;
}

#fifth-nav-pill {
    background-color: #666699;
}

#fifth-nav-pill > ul > li:first-child {
    border-top: 2px solid #666699;
    width: 100px;
}

#fifth-nav-pill > ul > li > a:hover, #fifth-nav-pill > ul > li > a:focus {
    background-color: #666699;
    background-image: none;
}

#sixth-nav-pill {
    background-color: #F25022;
}


/**********************************************************************************************************************/
/*************************************************** Top Image *******************************************************/
/**********************************************************************************************************************/
#top-image {
    height: 63px;
}

.top-image1 {
    /*background: transparent url(img/win81.jpg) -300px left repeat;*/
    background-color: #00D8CC;
}

.top-image2 {
    /*background: transparent url(img/header-image2.png) top left no-repeat;*/
    background-color: #FFB900;
}

.top-image3 {
    background: transparent url(img/header-image3.png) top left no-repeat;
}

.top-image4 {
    background: transparent url(img/header-image4.png) top left no-repeat;
}

/**********************************************************************************************************************/
/************************************************ Slider Captions *****************************************************/
/**********************************************************************************************************************/
.caption {
    font-family: "open sans";
    font-size: 36px;
    font-weight: lighter;
    line-height: 45px;
    color: #fff;
    background: url('img/header-bg.png') repeat;
    padding: 0 10px;
}

/**********************************************************************************************************************/
/***************************************************** Buttons ********************************************************/
/**********************************************************************************************************************/
.stylish-button, .stylish-button {
    background-color: #00BCF2;
}

.stylish-button-2 {
    background-color: #F87912;
}
.stylish-button-3 {
    background-color: #FFCC00;
}

.buttons-404 a.stylish-button {
    margin: 0 0 10px 0;
}

/**********************************************************************************************************************/
/***************************************************** Services *******************************************************/
/**********************************************************************************************************************/
.service-box-1 {
    background-color: #EE612C;
}

.service-box-2 {
    background-color: #EF832B;
}

.service-box-3 {
    background-color: #EEA32C;
}

.service-box-4 {
    background-color: #EEBE2C;
}

/*.services-row {
    margin: 0 0 5px 0;
}*/

/**********************************************************************************************************************/
/****************************************** Standard Element Container ************************************************/
/**********************************************************************************************************************/
.standard-element-container-1 {
    background: url(../images/element-bg-image1.png) top center no-repeat;
}

.standard-element-container-2 {
    background: #F5F5F6 url(../images/element-bg-image2.png) top center no-repeat;
}

.standard-element-image {
    margin-bottom: -75px;
    margin-left: -70px
}

.element-image-center {
    margin: 0 auto -75px !important;
    max-width: 995px;

}
/**********************************************************************************************************************/
/************************************************* Pricing Tables *****************************************************/
/**********************************************************************************************************************/
.pricing-table .stylish-button {
    background-color: #777777;
}

.highlighted-table .stylish-button {
    background-color: #00BCF2;
}

#header-navigation ul li {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
}

#header-navigation > ul > li:hover {
    padding-top: 8px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
}

@media only screen and (max-width: 567px) {
   .fb-comments {
    width: 100% !important;
   }
.fb-comments iframe[style] {
   width: 100% !important;
  }
.fb-like-box {
   width: 100% !important;
  }
.fb-like-box iframe[style] {
   width: 100% !important;
  }
.fb-comments span {
   width: 100% !important;
  }
.fb-comments iframe span[style] {
   width: 100% !important;
  }
.fb-like-box span {
   width: 100% !important;
  }
.fb-like-box iframe span[style] {
   width: 100% !important;
  }
}

@media (max-width:600px) {
    .desktop-only {
        display:none !important;
    }

    #top-image h1 {
        font-size: 18px;
    }

    .breadcrumb {
        line-height: 20px;
    }
    #top-image h1, #top-image h2 {
        font-size: 18px;
    }
    #logo {
        height: 50px;
    }
    #logo a {
        height: inherit;
        line-height: 40px;
    }
}