/* Import Basic Files
---------------------------------------------------------------------------*/
/* @import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic); */
@import url(../js/plugins/uikit/uikit.css);
@import url(wkstyles.css);
@import url(font-awesome.min.css);
@import url(../js/plugins/owl-carousel/owl.carousel.css);
@import url(../js/plugins/owl-carousel/owl.theme.css);
@import url(../js/plugins/owl-carousel/owl.transitions.css);
@import url(../js/plugins/fancybox/jquery.fancybox.css);


/*
Template Name: WK
Description: Responsive HTML5 / CSS3 
Version: 1.0
Author: NestoLab


Notes:
    Main Color : #2b344d rgba(43, 52, 77, 1)
    Hover Color: #3d4a6e

1. General
    1.1 Main Styles
    1.2 Anchor
    1.3 iframe
2. Typography
    2.1 Headings
    2.2 Selection Color
3. Menu
    3.1 Wrapper
    3.2 Tiny Header
4. Section Title / Section Description
5. Home Section
    5.1 Wrapper
    5.2 Welcome Message
    5.3 CountDown Timer
        5.3.1 Wrapper
        5.3.2 Digit
        5.3.3 Title
        5.3.4 Separator
6. Services Section
    6.1 Wrapper
    6.2 Services Box
        6.2.1 Wrapper
        6.2.2 Icon
        6.2.3 Hover
        6.2.4 Title
        6.2.5 Description
7. Portfolio Section
    7.1 Wrapper
    7.2 Typography
    7.3 OWL Slider
        7.3.1 Wrapper
        7.3.2 Navigation
    7.4 Portfolio Item
        7.4.1 Wrapper
        7.4.2 content
        7.4.3 Image
        7.4.4 Overlayer
        7.4.5 Anchor
        7.4.6 Hover
8. Portfolio Modal
    8.1 Short Section Title
    8.2 Project OverView
    8.3 Project Details
        8.3.1 Wrapper
        8.3.2 Description
9. Team Section
    9.1 Wrapper
    9.2 Member Box
        9.2.1 Wrapper
        9.2.2 Image
        9.2.3 Name
        9.2.4 Title
        9.2.5 Social
        9.2.6 Hover
10. Clients Section
    10.1 Wrapper
    10.2 Quote Rotator
        10.2.1 Wrapper
        10.2.2 content
        10.2.3 Progress Bar
        10.2.4 Blockquote
        10.2.5 Image
11. Contact Us Section
    11.1 Wrapper
    11.2 Form
        11.2.1 Wrapper
        11.2.2 Textarea
        11.2.3 form-control
        11.2.4 Button
        11.2.5 error message
12. Map Section
    12.1 Wrapper
    12.2 Map
13. Subscribtion
    13.1 Wrapper
    13.2 Input
    13.3 Submit
    13.4 Success & Error
14. Footer Section
    14.1 Wrapper
    14.2 Anchor
    14.3 Typography
    14.4 Social Icons
15. Bootstrap New Elements
    15.1 Modal
    15.2 tooltip
    15.3 navbar
    15.4 btn
    15.5 Alert
16. Responsive
    16.1 TABLET  : 1024px
    16.2 TABLET  : 768px
    16.3 Phone   : 480px
    16.4 Phone   : 320px
*/




/* ==========================================================================
   1. General
========================================================================== */
/* 1.1 Main Styles
---------------------------------------------------------------------------*/
body {
    margin: 0;
    padding: 0;
    color: #666666;
    font-weight: normal;
    background-color: #2b344d;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased !important;
    font: 18px/26px 'Roboto Condensed', Helvetica, Arial, sans-serif;
}

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
.browsehappy { margin: 0.2em 0; background-color: #cccccc; color: #000000; padding: 0.2em 0; }

.uppercase { text-transform: uppercase; }

/* 1.2 Anchor
---------------------------------------------------------------------------*/
a { color: #2b344d; }
a,
a > * {
    outline: none;
    cursor: pointer;
    text-decoration: none;
}
a:focus,
a:hover {
    outline: none;
    color: #3d4a6e;
    text-decoration: none;
}

/* 1.3 iframe
---------------------------------------------------------------------------*/
iframe {
    -webkit-border: 0;
       -moz-border: 0;
         -o-border: 0;
            border: 0;
}




/* ==========================================================================
   2. Typography
========================================================================== */
/* 2.1 Headings
---------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    color: #2b344d;
    line-height: 1.2;
    font-weight: normal;
    letter-spacing: 1px;
}

h1,
h2,
h3 {
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
}

h4,
h5,
h6 {
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
}

h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

p { margin: 0 0 10px; }


b,
strong { font-weight: 700; }



/* 2.2 Selection Color
---------------------------------------------------------------------------*/
::selection {
    color: #ffffff;
    text-shadow: none;
    background-color: #2b344d;
}
::-webkit-selection {
    color: #ffffff;
    text-shadow: none;
    background-color: #2b344d;
}
::-moz-selection {
    color: #ffffff;
    text-shadow: none;
    background-color: #2b344d;
}




/* ==========================================================================
   3. Menu
========================================================================== */
/* 3.1 Wrapper
---------------------------------------------------------------------------*/
#nav-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 20px 0;
    position: fixed;
    background-color: rgba(0, 51, 102, 0.8);

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;

    -webkit-border-bottom: 1px solid #22293d;
       -moz-border-bottom: 1px solid #22293d;
         -o-border-bottom: 1px solid #22293d;
            border-bottom: 1px solid #22293d;
}
#nav-wrapper:after {
    left: 0;
    top: 100%;
    content: '';
    width: 100%;
    height: 42px;
    position: absolute;
    background: url(../images/header-shadow.png) no-repeat;
    background-position: center bottom;
}

/* 3.2 Tiny Header
---------------------------------------------------------------------------*/
#nav-wrapper.tinyheader { padding: 15px 0; }




/* ==========================================================================
   4. Section Title / Section Description
========================================================================== */
.section-title {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-bottom: 10px;
}
.section-title h1 {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
}
.section-desc {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-bottom: 70px;
}
.section-desc p {
    font-size: 20px;
    line-height: 30px;
}




/* ==========================================================================
   5. Home Section
========================================================================== */
/* 5.1 Wrapper
---------------------------------------------------------------------------*/
#home-section-wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    background-image: url(../images/services/ServicesBackground.jpg);
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}
#home-section-container {
    width: 100%;
    overflow: hidden;
    background-color: rgba(0, 131, 145, 0.1);
}

#home-wrapper {
    width: 100%;
    overflow: hidden;
    text-align: center;
    position: relative;
    padding: 80px 0 120px;
}
#home-wrapper .btn {
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
}

/* 5.2 Welcome Message
---------------------------------------------------------------------------*/

#welcome-msg {
    overflow: hidden;
    margin-bottom: 80px;
}

#welcome-msg h1 {
    color: #003366;
    font-size:19px;
}


/* Supersized Slider
========================================================================== */

/* 5.3 CountDown Timer
---------------------------------------------------------------------------*/
/* 5.3.1 Wrapper
---------------------------------------------------------------------------*/
#countdown_dashboard {
    max-width: 900px;
    overflow: hidden;
    margin: 0 auto 10px;
}

/* 5.3.2 Digit
---------------------------------------------------------------------------*/
.digit {
    height: 65px;
    color: #ffffff;
    font-size: 60px;
    font-weight: 400;
    line-height: 65px;
    text-align: center;
    position: relative;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
}

/* 5.3.3 Title
---------------------------------------------------------------------------*/
.dash_title {
    color: #ffffff;
    display: block;
    font-size: 20px;
    margin-top: 15px;
    text-transform: uppercase;
}

/* 5.3.4 Separator
---------------------------------------------------------------------------*/
.days_dash,
.hours_dash,
.minutes_dash {
    position: relative;
    margin-bottom: 30px;
}
.days_dash:after,
.hours_dash:after,
.minutes_dash:after {
    position: absolute;
    top: 0;
    width: 1px;
    right: -15px;
    height: 100%;
    content: '';
    background-color: #ffffff;
}




/* ==========================================================================
   6. Services Section
========================================================================== */
/* 6.1 Wrapper
---------------------------------------------------------------------------*/
#services-section {
     margin: 0;
    padding: 0;
    width: 100%;

    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    background-image: url(../images/services/ServicesBackground.jpg);
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
   #services-section {
      background-attachment: scroll;
    }
}
@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {

   #services-section {
      background-attachment: scroll;
    }
}

/* 6.2 Services Box
---------------------------------------------------------------------------*/
/* 6.2.1 Wrapper
---------------------------------------------------------------------------*/
.services-box {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

/* 6.2.2 Icon
---------------------------------------------------------------------------*/
.services-icon {
    z-index: 0;
    width: 90px;
    height: 90px;
    color: #ffffff;
    font-size: 45px;
    position: relative;
    text-align: center;
    line-height: 90px;
    margin: 0 auto 25px;
    background-color: #2b344d;

    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.services-icon i { line-height: 90px; }

/* 6.2.3 Hover
---------------------------------------------------------------------------*/
.services-box:hover .services-icon { background-color: #3d4a6e; }

/* 6.2.4 Title
---------------------------------------------------------------------------*/
.services-title {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.services-title h3 { font-weight: 700; }

/* 6.2.5 Description
---------------------------------------------------------------------------*/
.services-desc {
    width: 100%;
    overflow: hidden;
}
.services-desc p:last-child { margin: 0; }




/* ==========================================================================
   7. Portfolio Section
========================================================================== */
/* 7.1 Wrapper
---------------------------------------------------------------------------*/
#portfolio-section-wrapper {
    margin: 0;
    padding: 0;
    width: 100%;

    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    background-image: url(../images/ourwork/OurWorkBackground2.jpg);
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}
#portfolio-section-container {
    width: 100%;
    overflow: hidden;
    padding: 10px 0 98px;
    background-color: rgba(43, 52, 77, 0);
}

@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
   #portfolio-section-wrapper {
         background-attachment: scroll;
    }
}
@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {

   #portfolio-section-wrapper {
         background-attachment: scroll;
    }
}


/* 7.2 Typography
---------------------------------------------------------------------------*/
/*#portfolio-section-wrapper h1 { color: #003366; }
#portfolio-section-wrapper p { color: #dedede; }*/

/* 7.3 OWL Slider
---------------------------------------------------------------------------*/
/* 7.3.1 Wrapper
---------------------------------------------------------------------------*/
.owl-portfolio.col-md-12 { padding: 0; }

/* 7.3.2 Navigation
---------------------------------------------------------------------------*/
.owl-theme .owl-controls .owl-page span { background-color: #ffffff; }

/* 7.4 Portfolio Item
---------------------------------------------------------------------------*/
/* 7.4.1 Wrapper
---------------------------------------------------------------------------*/
.portfolio-item {
    overflow: hidden;
    padding: 5px 20px;
    position: relative;
}
.portfolio-item:after {
    top: 0;
    left: 15px;
    content: '';
    z-index: -1;
    height: 100%;
    position: absolute;
    width: calc(100% - 30px);
    background-color: #ffffff;

    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
}

/* 7.4.2 content
---------------------------------------------------------------------------*/
.portfolio-content {
    width: 100%;
    position: relative;
}

/* 7.4.3 Image
---------------------------------------------------------------------------*/
.portfolio-content img {
    width: 100%;

	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}

/* 7.4.4 Overlayer
---------------------------------------------------------------------------*/
.portfolio-overlayer {
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    text-align: center;
    position: absolute;
    background-color: rgba(43, 52, 77, 0.9);

	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;

    -webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

/* 7.4.5 Anchor
---------------------------------------------------------------------------*/
.portfolio-overlayer a {
    top: 50%;
    left: 50%;
    z-index: 0;
    width: 40px;
    height: 40px;
    color: #2b344d;
    font-size: 1.5em;
    margin-top: -20px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    background-color: #ffffff;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
.portfolio-overlayer a.link { margin-left: -45px; }
.portfolio-overlayer a.preview {
    font-size: 1.3em;
    margin-left: -12px;
    line-height: 38px;
}

/* 7.4.6 Hover
---------------------------------------------------------------------------*/
.portfolio-overlayer a:hover {
    color: #ffffff;
    background-color: #3d4a6e;
}
.portfolio-content:hover .portfolio-overlayer { opacity: 1; }



/* ==========================================================================
   7.5 Value Section
========================================================================== */
/* 7.5.1 Value Wrapper
---------------------------------------------------------------------------*/
#value-section {
    margin: 0;
    padding: 0;
    width: 100%;

    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    background-image:url(../images/value/ValueBackground2.jpg);
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}


@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
   #value-section {
      background-attachment: scroll;
    }
}
@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {

   #value-section {
         background-attachment: scroll;
    }
}

/* ==========================================================================
   7.6 Client Section
========================================================================== */
/* 7.6.1 Wrapper
---------------------------------------------------------------------------*/
#client-section {
    margin: 0;
    padding: 0;
    width: 100%;

    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    background-image: url(../images/clients/clientsbackground.jpg);
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}


@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
   #client-section {
      background-attachment: scroll;
    }
}
@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {

   #client-section {
         background-attachment: scroll;
    }

}

/* 7.2 Typography
---------------------------------------------------------------------------*/
/*#portfolio-section-wrapper h1 { color: #003366; }
#portfolio-section-wrapper p { color: #dedede; }*/

/* 7.3 OWL Slider
---------------------------------------------------------------------------*/
/* 7.3.1 Wrapper
---------------------------------------------------------------------------*/
.owl-portfolio.col-md-12 { padding: 0; }

/* 7.3.2 Navigation
---------------------------------------------------------------------------*/
.owl-theme .owl-controls .owl-page span { background-color: #ffffff; }

/* 7.4 Portfolio Item
---------------------------------------------------------------------------*/
/* 7.4.1 Wrapper
---------------------------------------------------------------------------*/
.portfolio-item {
    overflow: hidden;
    padding: 5px 20px;
    position: relative;
}
.portfolio-item:after {
    top: 0;
    left: 15px;
    content: '';
    z-index: -1;
    height: 100%;
    position: absolute;
    width: calc(100% - 30px);
    background-color: #ffffff;

    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
}




/* ==========================================================================
   8. Portfolio Modal
========================================================================== */
/* 8.1 Short Section Title
---------------------------------------------------------------------------*/
.short-section-title {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 15px;

    -webkit-border-bottom: 1px solid #e5e5e5;
       -moz-border-bottom: 1px solid #e5e5e5;
         -o-border-bottom: 1px solid #e5e5e5;
            border-bottom: 1px solid #e5e5e5;
}

/* 8.2 Project OverView
---------------------------------------------------------------------------*/
.project-OverView {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}

/* 8.3 Project Details
---------------------------------------------------------------------------*/
/* 8.3.1 Wrapper
---------------------------------------------------------------------------*/
.project-details {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

/* 8.3.2 Description
---------------------------------------------------------------------------*/
ul.project-desc {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.project-desc li {
    display: block;
    margin-bottom: 5px;
}




/* ==========================================================================
   9. Team Section
========================================================================== */
/* 9.1 Wrapper
---------------------------------------------------------------------------*/
#team-section {
    margin: 0;
    padding: 0 0 35px 0;
    width: 100%;

    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    background-image:url(../images/team/TeamBackground1.jpg);
	-webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
   #team-section {
      background-attachment: scroll;
	
    }
}
@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {

   #team-section {
      background-attachment: scroll;
	
    }
}





/* 9.2 Member Box
---------------------------------------------------------------------------*/

/* 9.2.1 Clients Wrapper
---------------------------------------------------------------------------*/
.client-box-wrapper {
    width: 100%;
    overflow: hidden;
}

.client-img {
	background-image:url(../images/clients/OurClients-800-wide.png);
    background-repeat:no-repeat;
    width: 799px;
    height: 534px;
    margin: 30px 0 90px 12px;
    padding: 60px;
}

.clientbox{
display: none;
}




/* 9.2.1 Team Members Wrapper
---------------------------------------------------------------------------*/
.member-box-wrapper {
    width: 100%;
    overflow: hidden;
}


.member-box {
    max-width: 290px;
    text-align: center;
    position: relative;
    margin: 0 auto 30px;
    padding: 35px 15px 20px;
    background-color: #006699;

    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.member-box-r {
    max-width: 290px;
    text-align: center;
    position: relative;
    margin: 0 auto 29px;
    padding: 33px 15px 18px;
    background-color: #006699;

    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}


.member-box-row2-doggles {
    max-width: 290px;
    text-align: center;
    position: relative;
    margin: 0 auto 30px;
    padding: 35px 15px 20px;
    background-color: #ff9933;

    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}


.member-box-founder{
	max-width: 290px;
    text-align: center;
    position: relative;
    margin: 0 auto 30px;
    padding: 35px 0px 30px;
    background-color: #003366;

    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

/* 9.2.2 Image
---------------------------------------------------------------------------*/
.member-img {
    width: 150px;
    height: 174px;
    overflow: hidden;
    position: relative;
    margin: 0 auto 25px;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 5px solid #ffffff;
       -moz-border: 5px solid #ffffff;
         -o-border: 5px solid #ffffff;
            border: 5px solid #ffffff;
}
.member-img img { width: 100%; }

/* 9.2.3 Name
---------------------------------------------------------------------------*/
.member-name h2 {
    color: #ffffff;
    margin-bottom: 12px;
}

 
/* 9.2.4 Title
---------------------------------------------------------------------------*/
.member-title h4 {
    color: #ffffff;
    margin-bottom: 15px;
}

.member-title-sm h4 {
    font-size: 80%;
    color: #ffffff;
    margin-bottom: 8px;
}
/* 9.2.5 Social
---------------------------------------------------------------------------*/
.member-social ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
}
.member-social ul li {
    margin: 0 5px;
    display: inline-block;
}

.member-social ul li a {
    width: 40px;
    height: 40px;
    z-index: 0;
    color: #2b344d;
    display: block;
    font-size: 1.5em;
    line-height: 40px;
    text-align: center;
    background-color: #ffffff;

	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}

.member-social p {
    width: 40px;
    height: 40px;
    z-index: 0;
    color: #2b344d;
    display: block;
    font-size: 1.5em;
    line-height: 40px;
    text-align: center;
    background-color: #ffffff;

	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}



/* 9.2.6 Hover
---------------------------------------------------------------------------*/
/*.member-box:hover { background-color: #6699cc; } */
/*.member-box-row2-doggles:hover { background-color: #ffcc33; } */
.member-box-founder:hover { background-color: #6699cc; }
.member-box-founder a:hover {
    color: #ffffff;
    background-color: #2b344d;
}



/* ==========================================================================
   10. Clients Section
========================================================================== */
/* 10.1 Wrapper
---------------------------------------------------------------------------*/
#clients-section-wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;

    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    background-image: url(../images/background/2-1920x1200.jpg);
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}
#clients-section-container {
    width: 100%;
    padding: 100px 0;
    overflow: hidden;
    background-color: rgba(43, 52, 77, 0);
}
#clients-section-wrapper p { color: #dedede; }

/* 10.2 Quote Rotator
---------------------------------------------------------------------------*/
/* 10.2.1 Wrapper
---------------------------------------------------------------------------*/
.cbp-qtrotator {
    width: 100%;
	margin: 0 auto;
	max-width: 900px;
    position: relative;

    -webkit-border-bottom: 1px solid #eeeeee;
       -moz-border-bottom: 1px solid #eeeeee;
         -o-border-bottom: 1px solid #eeeeee;
            border-bottom: 1px solid #eeeeee;
}

/* 10.2.2 content
---------------------------------------------------------------------------*/
.cbp-qtrotator .cbp-qtcontent {
	top: 0;
    z-index: 0;
	opacity: 0;
	width: 100%;
    padding: 2em 0 0;
    position: absolute;
}
.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
	opacity: 1;
    z-index: 100;
    position: relative;
	pointer-events: auto;
}
.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after {
	content: " ";
	display: table;
}
.cbp-qtrotator .cbp-qtcontent:after { clear: both; }

/* 10.2.3 Progress Bar
---------------------------------------------------------------------------*/
.cbp-qtprogress {
	top: 0;
    width: 0;
    height: 1px;
	z-index: 1000;
    position: absolute;
    background-color: #eeeeee;
}

/* 10.2.4 Blockquote
---------------------------------------------------------------------------*/
.cbp-qtrotator blockquote { margin-bottom: 23px; }
.cbp-qtrotator blockquote p { line-height: 27px }
.cbp-qtrotator blockquote footer {
    color: #ffffff;
    font-size: 1.0em;
}
.cbp-qtrotator blockquote footer:before { content: '― '; }

/* 10.2.5 Image
---------------------------------------------------------------------------*/
.cbp-qtrotator .cbp-qtcontent img {
    float: right;
    width: 100px;
    height: 100px;
	margin-left: 3em;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 5px solid #ffffff;
       -moz-border: 5px solid #ffffff;
         -o-border: 5px solid #ffffff;
            border: 5px solid #ffffff;
}

/* ==========================================================================
   10.5 Testimonials Section
========================================================================== */

#testimonials-section-wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;

background-image: -webkit-gradient(
	linear,
	right bottom,
	right bottom,
	color-stop(0, #A0DEFF),
	color-stop(1, #6699CC),
	color-stop(1, #85B8F5)
);
background-image: -o-linear-gradient(right bottom, #A0DEFF 0%, #6699CC 100%, #85B8F5 100%);
background-image: -moz-linear-gradient(right bottom, #A0DEFF 0%, #6699CC 100%, #85B8F5 100%);
background-image: -webkit-linear-gradient(right bottom, #A0DEFF 0%, #6699CC 100%, #85B8F5 100%);
background-image: -ms-linear-gradient(right bottom, #A0DEFF 0%, #6699CC 100%, #85B8F5 100%);
background-image: linear-gradient(to right bottom, #A0DEFF 0%, #6699CC 100%, #85B8F5 100%);
   
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}
#testimonials-section-container {
    width: 100%;
	height: 600px;
    padding: 25px 0 40px 0;
    overflow: hidden;
    background-color: rgba(43, 52, 77, 0);
}
#testimonials-section-wrapper p { color: #ffffff; }





/* ==========================================================================
   11. Contact Us Section
========================================================================== */
/* 11.1 Wrapper
---------------------------------------------------------------------------*/
#contact-section {
    margin: 0;
    padding: 0;
    width: 100%;

    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    background-image: url(../images/contact/ContactBackground1.jpg);
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
   #contact-section {
      background-attachment: scroll;
    }
}
@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {

   #contact-section {
        background-attachment: scroll;
    }
}

/* ==========================================================================
   11.2 Form
========================================================================== */
/* 11.2.1 Wrapper
---------------------------------------------------------------------------*/
.contactForm {
    padding: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 930px;
    overflow: hidden;
}
.form-group {
    margin: 0;
    padding: 0;
}

/* 11.2.2 Textarea
---------------------------------------------------------------------------*/
.contactForm textarea {
	width: 100%;
    resize: none;
    margin: 0 auto 30px;
    height: 146px !important;
}

/* 11.2.3 form-control
---------------------------------------------------------------------------*/
.contactForm .form-control {
	width: 100%;
    height: auto;
	padding: 17px;
    margin: 0 auto 30px;
	background-color: #ffffff;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;

    -webkit-border: 2px solid #e5e5e5;
       -moz-border: 2px solid #e5e5e5;
         -o-border: 2px solid #e5e5e5;
            border: 2px solid #e5e5e5;
}
.contactForm .form-control:hover,
.contactForm .form-control:focus {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;

    -webkit-border: 2px solid #2b344d;
       -moz-border: 2px solid #2b344d;
         -o-border: 2px solid #2b344d;
            border: 2px solid #2b344d;
}

/* 11.2.4 Button
---------------------------------------------------------------------------*/
.contactForm button.submit {
    width: 100%;
    padding: 16px;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 22px;
}

/* 11.2.5 error message
---------------------------------------------------------------------------*/
.error {
	top: 0;
    z-index: 2;
    float: right;
    color: #2b344d;
    position: relative;
    margin: -69px 15px 0 0;
}
:-webkit-ui-invalid:not(output) { box-shadow: none; }
   :-moz-ui-invalid:not(output) { box-shadow: none; }
    :-ms-ui-invalid:not(output) { box-shadow: none; }
     :-o-ui-invalid:not(output) { box-shadow: none; }
         ui-invalid:not(output) { box-shadow: none; }




/* ==========================================================================
   12. Map Section
========================================================================== */
/* 12.1 Wrapper
---------------------------------------------------------------------------*/
#map-section {
    width: 100%;
    height: 1px;
    margin: 0 auto;
    display: block;
    position: relative;
}

/* 12.2 Map
---------------------------------------------------------------------------*/
#map {
    width: 100%;
    height: 1px;
    margin: 0 auto;
    display: block;
}




/* ==========================================================================
   13. Subscribtion
========================================================================== */
/* 13.1 Wrapper
---------------------------------------------------------------------------*/
#subscribe {
    width: 435px;
    padding: 15px;
    overflow: hidden;
    position: relative;
    margin: -70px auto 0;
    background-color: #2b344d;

    -webkit-border-radius: 10px 10px 0 0;
       -moz-border-radius: 10px 10px 0 0;
         -o-border-radius: 10px 10px 0 0;
            border-radius: 10px 10px 0 0;
}

/* 13.2 Input
---------------------------------------------------------------------------*/
#subscribe .form-control {
	float: left;
    width: 300px;
    height: auto;
    outline: none;
	padding: 10px 15px;
	background-color: #ffffff;

    -webkit-border: none;
       -moz-border: none;
         -o-border: none;
            border: none;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;

    -webkit-border-radius: 4px 0 0 4px;
       -moz-border-radius: 4px 0 0 4px;
         -o-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
}
#subscribe .form-control:hover,
#subscribe .form-control:focus {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;
}

/* 13.3 Submit
---------------------------------------------------------------------------*/
#subscribe button.submit {
    width: 105px;
    font-size: 14px;
    line-height: 22px;
    padding: 9px 16px;
    background-color: #003366;

    -webkit-border: none;
       -moz-border: none;
         -o-border: none;
            border: none;

    -webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
         -o-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
}
#subscribe .submit.focus,
#subscribe .submit:hover {
	color: #ffffff;
    background-color: #3d4a6e;
}

/* 13.4 Success & Error
---------------------------------------------------------------------------*/
.ssuccess,
.serror {
    top: 24px;
    right: 130px;
    color: #2b344d;
    position: absolute;
}




/* ==========================================================================
   14. Footer Section
========================================================================== */
/* 14.1 Wrapper
---------------------------------------------------------------------------*/
#footer-section {
    margin: 0;
    width: 100%;
    padding: 30px 0;
    overflow: hidden;
    position: relative;
    background-color: #003366;
}

/* 14.2 Anchor
---------------------------------------------------------------------------*/
#footer-section a { color: #ffffff; }

/* 14.3 Typography
---------------------------------------------------------------------------*/
#footer-section p {
    margin: 0;
    color: #ffffff;
    line-height: 30px;
}

/* 14.4 Social Icons
---------------------------------------------------------------------------*/
#footer-section #footer-social-icons ul {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    list-style: none;
    text-align: right;
}
#footer-section #footer-social-icons ul li {
    padding: 0;
    margin-left: 1px;
    display: inline-block;
}
#footer-section #footer-social-icons ul li:first-child { margin-left: 0; }
#footer-section #footer-social-icons ul li a {
    width: 30px;
    height: 30px;
    display: block;
    font-size: 16px;
    line-height: 30px;
    text-align: center;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
}
#footer-section #footer-social-icons ul li a i { line-height: 30px; }

a.twitter:hover { background-color: #46C0fb; }
a.facebook:hover { background-color: #4863ae; }
a.google-plus:hover { background-color: #dd4b39; }
a.youtube-play:hover { background-color: #cc181e; }
a.pinterest:hover { background-color: #ab171e; }
a.linkedin:hover { background-color: #0083a8; }
a.skype:hover { background-color: #36c4f3; }
a.instagram:hover { background-color: #4d4f54; }




/* ==========================================================================
   15. Bootstrap New Elements
========================================================================== */
/* 15.1 Modal
========================================================================== */
.modal-body { padding-bottom: 0; }


/* 15.2 tooltip
========================================================================== */
.tooltip {
    z-index: 999;
    letter-spacing: 1px;
}


/* 15.3 navbar
========================================================================== */
.navbar {
    margin-bottom: 0;
    min-height: 40px;

    -webkit-border: 0;
       -moz-border: 0;
         -o-border: 0;
            border: 0;

    -webkit-border-radius: 0;
       -moz-border-radius: 0;
         -o-border-radius: 0;
            border-radius: 0;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand { margin-left: 0; }
.navbar-brand {
    padding: 0;
    height: 40px;
}
.navbar-nav > li > a {
    color: #ffffff;
    padding: 10px 0;
    font-weight:600;
	font-size:20px;
    letter-spacing: 1px;
}
.navbar-nav > li {
    margin-left: 20px;
    position: relative;
}
.navbar-nav > li:first-child { margin-left: 0; }
.nav > li > a:hover,
.nav > li > a:focus { background-color: transparent; }
.navbar-nav > li:hover,
.navbar-nav > li.active {
    color: #ffffff;
}
.navbar-nav > li.active:before,
.navbar-nav > li:before {
    left: 0;
    top: -10px;
    opacity: 0;
    content: '';
    width: 100%;
    height: 3px;
    z-index: -1;
    display: block;
    position: absolute;
    background-color: #ffffff;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.navbar-nav > li.active:after,
.navbar-nav > li:after {
    left: 0;
    opacity: 0;
    content: '';
    width: 100%;
    height: 3px;
    z-index: -1;
    bottom: -10px;
    display: block;
    position: absolute;
    background-color: #ffffff;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.navbar-nav > li:hover:before,
.navbar-nav > li.active:before {
    top: 0;
    opacity: 1;
}
.navbar-nav > li:hover:after,
.navbar-nav > li.active:after {
    bottom: 0;
    opacity: 1;
}
.navbar-toggle {
    margin: 0;
    color: #ffffff;
    padding: 8px 10px;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;

    -webkit-border: 1px solid #ffffff;
       -moz-border: 1px solid #ffffff;
         -o-border: 1px solid #ffffff;
            border: 1px solid #ffffff;
}



/* 15.4 btn
========================================================================== */
.btn:focus { outline: none; }
.btn {
    -webkit-border: 2px solid transparent;
       -moz-border: 2px solid transparent;
         -o-border: 2px solid transparent;
            border: 2px solid transparent;
}
.btn:active,
.btn.active {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    text-decoration: line-through;
}

.btn-nesto:active,
.btn-nesto.active {
    background-image: none;
}

.btn.btn-nesto {
    color: #ffffff;
    letter-spacing: 1px;
    background-color: #003366;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;

    -webkit-border: 2px solid #ffffff;
       -moz-border: 2px solid #ffffff;
         -o-border: 2px solid #ffffff;
            border: 2px solid #ffffff;
}
.btn-nesto:hover,
.btn-nesto:focus,
.btn-nesto:active,
.btn-nesto.active {
    color: #ffffff;
    background-color: #3d4a6e;
}


/* 15.5 Alert
========================================================================== */
.alert-nesto {
    color: #ffffff;
    background-color: #2b344d;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
}
#contact-section .alert.alert-nesto { margin-bottom: 30px; }
#contact-section .alert {
    -webkit-border: none;
       -moz-border: none;
         -o-border: none;
            border: none;
}




/* ==========================================================================
   16. Responsive
========================================================================== */

/* 16.01 Computer Browser 1200px wide team tile fix*/
@media only screen and (max-width: 1201px) and (min-width: 991px) {

.member-name h2 {
    font-size: 99%;
    }

.member-title h4 {
    font-size: 95%;}

}



/* 16.1 TABLET
---------------------------------------------------------------------------*/
@media only screen and (max-width: 990px) and (min-width: 768px) {

.navbar-nav > li > a {
    color: #ffffff;
    padding: 10px 0;
    font-weight:600;
	font-size:13px;
    letter-spacing: 1px;
}

/*WK added*/
	#wkbig{ 
	background-image: url(../images/home/MedLogo.png);
	height: 185px;
	width: 690px;
		}
		
.performance-centered{
	font-size:30px;	
	margin-left: -404px; 
}
.analysis{
	font-size:30px;
	margin-left: -370px;
}
.satisfied{
	font-size:30px;
	margin-left: -404px;
 
}
.decade{
	font-size:30px;
	margin-left: -380px;
}



	
/*Home textbox*/		
 .textbox {
 position:relative;
 min-width: 7em;
 max-width:690px; /* based on image dimensions */
 color:#000000;
 z-index:3;
 margin-left:40px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.textbox .content,
.textbox .t,
.textbox .b,
.textbox .b div {
 background:transparent url(../images/home/MedHomeContentBox.png) no-repeat top right;
}

.textbox .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 130px 0px 30px;
}

.textbox .t {
	/* top+left vertical slice */
 	position:absolute;
	left:4px;
	top:0px;
	width:8px; /* top slice width */
	margin-left:-12px;
	height:100%;
	background-position:top left;
}


.textbox .b {
 /* bottom */
 position:relative;
 width:100%;
}

.textbox .b,
.textbox .b div {
 height:22px; /* height of bottom cap/shade */
}

.textbox .b {
 background-position:bottom right;
}

.textbox .b div {
 position:relative;
 width:8px; /* bottom corner width */
 margin-left:-8px;
 background-position:bottom left;
}

/*Services textbox*/		
.servicebox {
background-image: url(../images/services/servicesbox707x625.png);
height: 650px;
width: 707px;
margin-top: 10px;
}

/*Hide big Addie image and show small*/
.largeaddie {
display: none;
}

.smalladdie {
    display: inline;
    }

.floatrightimgsm{
    position:relative;
	width:427px;
	float:right;
	top: 37px;
	height: 296px;
	margin-right: -20px;
	}
/*End Addie image swap*/
	

p.caption {
	font-size: 16px;
	margin: 360px 100px 0 65px;
}

p.service{
margin: 0 0 0 80px;	
}

h1.service{
margin: 0 -40px 0 80px;	
}

h2.service{
margin: 0 -20px 0 80px;	
}

.bulletpg2 li{
	margin: 3px 1.6em 3px 115px;
}

/*Our Work*/
.ourworkbox {
background-image:url(../images/ourwork/ourwork680x590.png);
height: 600px;
width: 680px;
margin-top: 10px;
}

p.ourwork{margin-right: 80px;}

/*Client*/

.client-img {
    background-image:url(../images/clients/OurClients-667-wide.png);
    width: 666px;
    height: 534px;
    overflow: hidden;
    position: relative;
    margin: 25px 0px 40px 15px;
    padding: 40px;
}
.clientbox{
display: none;
}


/*Value*/
.valuebox {
background-image:url(../images/value/valuebox685x640.png);
height: 640px;
width: 685px;
margin-top: 10px;
}

p.value{
margin: 0 110px 10px 80px;	
line-height: 1.1;
}

h1.value{
margin: 0 106px 0 80px;	
}

/*Team*/

.teambox {
	background-image:url(../images/team/teambox687x320.png);
	background-repeat:no-repeat;
	width: 687px;
	height: 320px;
	margin-top: 20px;
	
}

p.team{
margin: 0 100px 0 80px;	
}

/*Contact*/
.contactbox {
	background-image:url(../images/contact/contact681x375.png);
	background-repeat:no-repeat;
	width: 681px;
	height: 375px;
	margin-top: 20px;
	
}

p.contact{
margin: 0 100px 0 80px;	
}

  #footer-section p {
        font-size: 87%;
           }

}

/* 16.2 SMALL TABLET
---------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {

    .nav > li > a:hover,
    .nav > li > a:focus,
    .navbar-nav > li:hover,
    .navbar-nav > li.active,
    .navbar-nav > li.active a {
        color: #2b344d;
        background-color: #ffffff;
    }
    .navbar-nav > li {
        margin-left: 0;
        text-align: center;
    }
    .navbar-nav > li.active:before,
    .navbar-nav > li:before,
    .navbar-nav > li.active:after,
    .navbar-nav > li:after,
    #nav-wrapper:after {
        display: none;
    }

    #welcome-msg h1 { font-size: 22px; font-weight:400; }

    .hours_dash:after { display: none; }

	.section-title {display:inline;}
    .section-title h1 { font-size: 24px; margin-bottom:7px;}
	
/*WK added*/	



	.textbox .content,
	.textbox .t,
	.textbox .b,
	.textbox .b div,
	.textbox p
	 {
	background-image: none;
	color: #ffffff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 22px;
	font-weight:400;}
	
	
	#welcome-msg .textbox h1
	{ font-size: 26px; font-weight: 800; 
	margin: 0 25px 0 -25px;}
	
.embed li{
	margin: 0 7px 0 30px;
	list-style:circle;
	align: center; 
 	cursor:pointer;
	letter-spacing:0.05em;
	text-align:left;
	font-size: 20px;
	font-weight: 400;
}

.button {
	color:#fff;
	font-weight:bold;
}
	
#footer-section p {
        text-align: center;
        margin-bottom: 10px;
    }
	
#wkbig{ 
	background-image: none;
	height:auto;
	padding:0 0 0 0;
	margin: 0 0 0 0;
		}
	
    #footer-section #footer-social-icons ul { text-align: center; }
	

.performance-centered{
	font-size:24px;	
	margin-left: -350px; 
	line-height:1.0;
}
.analysis{
	font-size:24px;
	margin-left: -320px;
	line-height:1.0;
}
.satisfied{
	font-size:24px;
	margin-left: -345px;
	line-height:1.0;
 
}
.decade{
	font-size:24px;
	margin-left: -300px;
	line-height:1.0;
}
	
a.linky:link {color:#ff9933; font-weight: 400; text-decoration:none;}
a.linky:visited {color:#303D63; font-weight:400; text-decoration:none;}
a.linky:hover {color:#003366; font-weight:400; text-decoration:none;}

a.blog:link {color:#ff9933; font-weight: 400; text-decoration:none;}
a.blog:visited {color:#303D63; font-weight:400; text-decoration:none;}
a.blog:hover {color:#003366; font-weight:400; text-decoration:none;}


/* Services Page*/

.servicebox {
	background-image:none;
	background-repeat:no-repeat;
	width: auto;
	height: auto;
	background-color:rgba(255,255,255,0.9) !important;
	background-color:rgb(255,255,255);
	margin: 0 auto;
	padding-top: 10px;
	-moz-border-radius: 7px;
  	-webkit-border-radius: 7px;
  	-o-border-radius: 7px;
  	border-radius: 7px;

}
	
p.service { 
	font-size: 18px;
	margin: 0 -180px 0 50px;
	font-weight:350;
	text-align:left;
	}
	
	p.caption {  
	display: none;
	}
	
h1.service{
margin: 0 -200px 0 50px;
font-size:22px;
font-weight: 800;	
}	

h2.service{
	font-size:20px;
	color: #ff9933;
	margin: 0 -170px 0 50px;
	font-weight:400;
}

.bulletpg2 li{
	font-size: 14px;
	color: #333333;
	font-weight: 350;
	margin: 0 -120px 0 90px;
}

.largeaddie {
display: none;
}

.smalladdie {
    display: none;
    }
	
	
/* Our Work Page*/

.ourworkbox {
	background-image:none;
	background-repeat:no-repeat;
	width: auto;
	height: auto;
	background-color:rgba(255,255,255,0.9) !important;
	background-color:rgb(255,255,255);
	margin: 0 auto;
	padding-top: 10px;
	-moz-border-radius: 7px;
  	-webkit-border-radius: 7px;
  	-o-border-radius: 7px;
  	border-radius: 7px;
}

h1.ourwork{
margin: 0 80px 0 50px;
font-size:22px;
font-weight: 800;	
}	

h2.ourwork{
	font-size:20px;
	margin: 0 40px 0 80px;
	color: #006699;
	font-weight:800;
}

p.ourwork { 
	font-size: 18px;
	color: #666666;
	margin: 0 125px 10px 50px;
	font-weight:300;
	text-align:left;
	}
	
p.ourworkprompt { 
	font-size: 16px;
	color: #666666;
	margin: 0 125px 10px 50px;
	font-weight:300;
	text-align:left;
	padding-bottom:15px;
	}	
	
.portfolio-item{ margin-top: 7px;}	
	
/*hide last paragraph and gray prompt for small devices */
.servicelast, .largescreenprompt{
display: none;
}

/*Client*/


.client-img{
    background-image:url(../images/clients/OurClientsOnly-614-wide.png);
    background-repeat:no-repeat;
 	width: 614px;
	height: 458px;
	background-color:rgba(255,255,255,0.9) !important;
	background-color:rgb(255,255,255);
	 margin: 10px 0px 40px 35px;
    padding: 40px;
	-moz-border-radius: 7px;
  	-webkit-border-radius: 7px;
  	-o-border-radius: 7px;
  	border-radius: 7px;
}


/*show prompt to click thru samples */

.promptsmallscreen{
	display: inline;}

.valuebox {
background-image:none;
	background-repeat:no-repeat;
	width: auto;
	height: auto;
	background-color:rgba(255,255,255,0.9) !important;
	background-color:rgb(255,255,255);
	margin: 0 auto;
	padding-top: 10px;
	-moz-border-radius: 7px;
  	-webkit-border-radius: 7px;
  	-o-border-radius: 7px;
  	border-radius: 7px;

}

h1.value{
margin: 0 120px 0 50px;
font-size:22px;
font-weight: 800;	
}	

h2.value{
	font-size:20px;
	margin: 0 100px 0 50px;
	color: #006699;
	font-weight:800;
}

p.value {
	font-size: 18px;
	color: #666666;
	margin: 0 150px 0 50px;
	font-weight:300;
	text-align:left;
	padding-bottom: 15px;
}

.teambox {
background-image:none;
	background-repeat:no-repeat;
	width: auto;
	height: auto;
	background-color:rgba(255,255,255,0.9) !important;
	background-color:rgb(255,255,255);
	margin: 0 auto 12px auto;
	padding-top: 10px;
	-moz-border-radius: 7px;
  	-webkit-border-radius: 7px;
  	-o-border-radius: 7px;
  	border-radius: 7px;
}


h1.team{
margin: 0 10px 0 50px;
font-size:22px;
font-weight: 800;	
}	

h2.team{
	font-size:20px;
	margin: 10px 10px 0 50px;
	color: #006699;
	font-weight:800;
}

p.team {
	font-size: 18px;
	color: #666666;
	margin: 0 10px 0 50px;
	font-weight:300;
	text-align:left;
	padding-bottom: 12px;
}


.contactbox {
background-image:none;
	background-repeat:no-repeat;
	width: auto;
	height: auto;
	background-color:rgba(255,255,255,0.9) !important;
	background-color:rgb(255,255,255);
	margin: 0 auto;
	padding-top: 10px;
	-moz-border-radius: 7px;
  	-webkit-border-radius: 7px;
  	-o-border-radius: 7px;
  	border-radius: 7px;
}

h1.contact{
margin: 0 140px 0 50px;
font-size:22px;
font-weight: 800;	
}	

h2.contact{
	font-size:22px;
	margin: 10px 100px 0 50px;
	color: #006699;
	font-weight:800;
}

p.contact{
	font-size: 18px;
	color: #666666;
	margin: 0 150px 0 50px;
	font-weight:300;
	text-align:left;
	padding-bottom: 6px;
}

.form-group {margin-top: 60px;}
  
}
/* 16.3 PHONE
---------------------------------------------------------------------------*/
@media only screen and (max-width: 599px) {

    #home-wrapper { padding: 100px 0 0 0; }

    #welcome-msg h1 { font-size: 24px; }

    #map-section { height: 1px; }
    #map { height: 1px; }
   
  .section-title {display:inline;}
   .section-title h1 { font-size: 22px; }
	

/*WK added*/	

.medlogo { margin-left: 65px;}	

.performance-centered, .analysis, .satisfied, .decade {
display: none;}

	
p.caption {
	margin: 365px 340px 0 -75px;
	font-color: #fff;
}

p.service{
margin: 0 -130px 2px 50px;	
font-color: #fff;
}

h1.service{
margin: 0 -130px 0 50px;	
}

h2.service{margin: 0 -130px 0 50px;	
}

.bulletpg2 li{
	margin: 3px -110px 3px 105px;
}
	

a.linky:link {color:#ff9933; font-weight: 400; text-decoration:none;}
a.linky:visited {color:#303D63; font-weight:400; text-decoration:none;}
a.linky:hover {color:#003366; font-weight:400; text-decoration:none;}

a.blog:link {color:#ff9933; font-weight: 400; text-decoration:none;}
a.blog:visited {color:#303D63; font-weight:400; text-decoration:none;}
a.blog:hover {color:#003366; font-weight:400; text-decoration:none;}


h1.ourwork{
margin: 0 80px 0 50px;
font-size:22px;
font-weight: 800;	
}	

h2.ourwork{
	font-size:20px;
	color: #006699;
	margin: 0 180px 0 65px;
	font-weight:800;
}

p.ourwork { 
	font-size: 18px;
	color: #666666;
	margin: 0 100px 2px 50px;
	font-weight:300;
	}
	
	p.ourworkprompt { 
	font-size: 18px;
	color: #666666;
	margin: 0 100px 2px 50px;
	font-weight:300;
	}	
	
	/*hide last paragraphs for small devices */
.servicemiddle, .servicelast, .largescreenprompt{
	display: none;
}
/*show prompt to click thru samples */

.promptsmallscreen{
	display: inline;
}

h1.value{
	margin: 0 100px 0 50px;
	font-size:22px;
	font-weight: 800;	
}
p.value { 
	font-size: 18px;
	color: #666666;
	margin: 0 100px 0 50px;
	font-weight:300;
}

p.team { 
	font-size: 18px;
	color: #666666;
	margin: 0 100px 0 50px;
	font-weight:300;
}

.form-group {margin-top: 60px;}

.client-img{
    background-image:url(../images/clients/OurClients-486-wide.png);
    background-repeat:no-repeat;
 	width: 488px;
	height: 374px;
	background-color:rgba(255,255,255,0.9) !important;
	background-color:rgb(255,255,255);
	 margin: 10px 0px 40px 35px;
    padding: 40px;
	-moz-border-radius: 7px;
  	-webkit-border-radius: 7px;
  	-o-border-radius: 7px;
  	border-radius: 7px;
}


}

/* 16.4 SMALL PHONE
---------------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {

.client-img{
    background-image:url(../images/clients/OurClients-373-wide.png);
    background-repeat:no-repeat;
 	width: 373px;
	height: 297px;
	background-color:rgba(255,255,255,0.9) !important;
	background-color:rgb(255,255,255);
	 margin: 5px 0px 12px 1px;
    padding: 1px;
	-moz-border-radius: 7px;
  	-webkit-border-radius: 7px;
  	-o-border-radius: 7px;
  	border-radius: 7px;}
    
   .member-box { margin: 0 auto 15px; }
	.member-box-founder { margin: 0 auto 15px; }
	.member-box-row2-doggles { margin: 0 auto 15px;}
	
  	
    .cbp-qtrotator .cbp-qtcontent img { display: none; }
    .cbp-qtrotator blockquote p { line-height: 27px; font-size: 18px; }
	
	#testimonials-section-wrapper {height: 755px;}
	#testimonials-section-container {height: 750px;}

    #map-section { height: 1px; }
    #map { height: 1px; }

    #subscribe { width: 300px; }
    #subscribe .form-control { width: 165px; }
    
    #value-section {
    background-image: url(../images/value/ValueBackground_sm.jpg);
	}
	
	#team-section {
    background-image: none;
	background-image: -webkit-gradient(
	linear,
	left top,
	left top,
	color-stop(0.09, #A8D4FF),
	color-stop(0.8, #4C7093),
	color-stop(1, #6B92B1),
	color-stop(1, #8CB0D5)
);
background-image: -o-linear-gradient(left top, #A8D4FF 9%, #4C7093 80%, #6B92B1 100%, #8CB0D5 100%);
background-image: -moz-linear-gradient(left top, #A8D4FF 9%, #4C7093 80%, #6B92B1 100%, #8CB0D5 100%);
background-image: -webkit-linear-gradient(left top, #A8D4FF 9%, #4C7093 80%, #6B92B1 100%, #8CB0D5 100%);
background-image: -ms-linear-gradient(left top, #A8D4FF 9%, #4C7093 80%, #6B92B1 100%, #8CB0D5 100%);
background-image: linear-gradient(to left top, #A8D4FF 9%, #4C7093 80%, #6B92B1 100%, #8CB0D5 100%);
	}
	
		
	.section-title h1 { 
	font-size: 22px;
	padding-top:3px;
	 }
 
.performance-centered, .analysis, .satisfied, .decade {
display: none;}
    
		
#wkbig {margin: 0 0 0 45px;
}
	
.medlogo{ 
display: none;}
    
.smlogo {
display:inline;
margin: 4px 0 0 55px;
height: 49px;
width:200px;
}	

#welcome-msg .textbox h1
	{ font-size: 22px; font-weight: 800; 
	margin:-30px 0 0 -80px;}

.textbox p {
	margin: 0 0 0 -55px;
	padding: 0 0 0 0;
	font-size: 18px;
	font-weight:400;}
	
.embed li{
	margin: 0 7px 0 -12px;
		font-size: 17px;
	font-weight: 400;
}	
	
h1.service{
margin: 0 -150px 0 12px;	
font-size: 22px;
}

h2.service{margin: 0 -150px 0 12px;
font-size: 22px;	
}

p.service{
	margin: 0 -145px 0 12px;
	font-size: 18px;
}

.bulletpg2 li{
	margin: 3px -120px 3px 40px;
	font-size: 15px;
}

h1.testimonial{ font-size: 22px;}

h1.ourwork{
margin: 0 70px 0 12px;
font-weight: 800;
font-size: 22px;	
}	

h2.ourwork{
	font-size:22px;
	color: #006699;
	margin: 0 72px 0 4px;
	font-weight:800;
}

p.ourwork, p.ourworkprompt { 
	font-size: 16px;
	margin: 0 80px 2px 12px;
	font-weight:300;
	}
.servicemiddle, .servicelast, .largescreenprompt{
	display: none;
}

.prompt {
	display:inline-block;
	color: #fff;
}

h1.value{
	margin: 0 60px 0 12px;
	font-size:22px;
	font-weight: 800;	
}
p.value { 
	font-size: 15px;
	margin: 0 60px 2px 12px;
	font-weight:300;
}


h1.team{
	margin: 0 60px 0 12px;
	font-size:22px;
	font-weight: 800;	
}

h2.team{
	margin: 0 35px 0 12px;
	font-size:21px;
	color: #006699;
	font-weight: 800;	
}
p.team { 
	font-size: 18px;
	margin: 0 60px 2px 12px;
	font-weight:300;
}


h1.contact{
	margin: 0 60px 0 12px;
	font-size:22px;
	font-weight: 800;	
}

h2.contact{
	margin: 0 60px 0 12px;
	font-size:21px;
	font-weight: 800;	
}
p.contact { 
	font-size: 18px;
	margin: 0 60px 2px 12px;
	font-weight:300;
}

.form-group {margin-top: 27px;}

}

/* 16.4 TINY PHONE
---------------------------------------------------------------------------*/
@media only screen and (max-width: 489px) {

.client-img{
    background-image:url(../images/clients/OurClients-300-wide.png);
    background-repeat:no-repeat;
 	width: 300px;
	height: 239px;
	background-color:rgba(255,255,255,0.9) !important;
	background-color:rgb(255,255,255);
	 margin: 5px 0px 12px 7px;
    padding: 1px;
	-moz-border-radius: 7px;
  	-webkit-border-radius: 7px;
  	-o-border-radius: 7px;
  	border-radius: 7px;}
  	
  }