/* ==========================================================================
   Base
   ========================================================================== */

body {
   line-height: 1.6em;
   font-weight: 300;
   color: #222;
}



h1, h2, h3 {
   margin-top: 0;
}
h1 {
   font-size: 36px;
}
h2 {
   font-size: 28px;
}
h3 {
   font-size: 22px;
}
h4 {
   font-size: 18px;
}
h5 {
   font-size: 14px;
}


h1, h2, h3, h4, h5, h6 {
        color: #008fa3;
        font-weight: 400;
    }

    h1, h2 {
        font-family: "Fjalla One", sans-serif;
    }
    h3 {
        font-family: "Roboto Slab", sans-serif;
    }

    #page hr:first-of-type {
        display: none;
    }

    hr {
        border-top: 1px solid #737373;
    }


hr.thin {
height: 1px;
border: 0;
color: #333;
background-color: rgba(51,51,51,0.37);
width: 100%;
}


li {
   line-height: 1.8em;
}

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



/* Internal Template Custom Styling */

    .content {
        margin-top: 20px;
    }

    .page-main {
        padding-left: 0;
        padding-top: 0;
    }

    .page-header {
        margin-top: 25px;
        margin-bottom: 20px !important;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .page-header h1 {
        font-size: 40px !important;
        font-weight: normal !important;
        text-transform: uppercase !important;
        font-family: "Fjalla One", sans-serif !important;
    }

    .directory-header {
        color: #008fa3;
        font-size: 21px;
        line-height: 21px;
        text-transform: uppercase;
    }

    #breadcrumbs {
        margin-bottom: 30px;
        font-family: "Open Sans Bold", sans-serif;
        font-size: 13px;
        color: #8f8c89;
    }

    #breadcrumbs a {
        font-weight: bold;
        color: #8f8c89;
        text-decoration: underline;
    }

    .callout {
        padding-left: 0;
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
        font-size: 25px;
        line-height: 31.25px;
        color: #8f8c89;
        float: left;
        margin-bottom: 20px;
    }

    .intro > p {
/* zd edits begin *********************************************/
        max-width: 100%;
/* zd edits end *********************************************/        
        float: left;
    }

    .directory-pin {
        display: inline-block;
        width: 127px;
        height: 127px;
        float: right;
        margin-right: 40px;
        margin-top: -40px;
    }
    .dir-cats ul {
        padding-left: 20px;
    }

 #gf-col-8-5{
	width:15% !important; 
}
 #gf-col-8-1{
	width:20% !important;  
}
 #gf-col-8-13{
	width:15% !important; 
	
}
 #gf-col-8-7{
	width:25% !important; 
}
 #gf-col-8-11{
	width:5% !important; 
}
 #gf-col-8-4{
	width:5% !important; 
	
}
 
    .see-all {
        display: block;
        font-weight: bold;
        text-decoration: underline;
        padding: 25px initial;
    }

    .search-box label {
        display: none;
    }
    .search-box {
        float: left;
    }

    #lead_form {
        position: relative;
        width: 100%;
        height: 35px;
        margin-bottom: 40px;
    }

    .search-box select {
        height: 35px;
        width: 22em;
        text-indent: 15px;
        font-weight: bold;
        background-color: #e1e0e0 !important;

        -webkit-appearance: none !important;
        outline: none !important;
        border: none !important;

        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        -o-border-radius: 0 !important;
        border-radius: 0 !important;
    }

    div.search-box:after {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 20em;
        width: 15px;
        height: 15px;
        color: #000;
    }


    .search-box input[type='submit'] {
        height: 35px;
        background-color: #bfd962;
        outline: none;
        border: none;
        padding: 0 20px;
        color: #fff;

        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

    .page-main table td a {
        color: #000;
        text-decoration: underline;
        font-weight: bold;
    }
    .page-main table td {
        vertical-align: top;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .page-main table td img {
        max-width: 92px;
    }



/* Search Results Page */
section.head {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 20px;
    color: #008fa3;
}
.custom-search .search-group{
	margin-top: 30px;
}
.custom-search .search-side{
	margin-top:-86px;
	font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 20px;
    color: #008fa3;
    float:right;
    margin-bottom:30px;
}
.custom-search h4{
	font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 20px;
    color: #008fa3;
    padding-top: 25px;
     clear:both;
   margin-bottom:30px;


}
.custom-search h5 {
	font-family: "Open Sans", sans-serif;
    font-weight: bold;
    text-decoration: underline;
    font-size: 15px;
    color: #52514f !important;
    margin-bottom: 5px;
}

.custom-search h5 a{
    text-decoration: underline;
    color: #52514f !important;
}


.custom-search{
	margin-bottom: 37.25px;


}
.search-side{
	margin-top: -33px;
}
.search-side .more a{
    font-family: "Open Sans Light", "Open Sans", sans-serif;
    font-size: 12px;
    line-height: 23px;
    color:  #52514f;
    font-style: normal;
    }
 .search-sidebar p{
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    line-height: 23px;
    color:  #52514f;
    font-style: normal;
    font-weight: 400;
  }
.search-side  h5 {
	font-family: "Open Sans", sans-serif;
    font-weight: bold;
    text-decoration: underline;
    font-style: normal;
    font-size: 12px;
    color: #52514f !important;
    margin-bottom: 5px;
}
.search-loop {
   clear:both;
   }

.search-loop br{
   line-height:5px;
   }

  .search-result {
    margin-bottom: 30px;
  }
  .search-result p,
  .search-result h1.title a {
    font-size: 15px;
    line-height: 23px;
    color:  #52514f;
  }

  .search-result h1.title {
    margin-bottom: 0;
  }
  .search-result h1.title a {
    font-weight: bold;
    text-decoration: underline;
  }
  h3.search-query span {
    text-transform: capitalize;
  }
  h3.search-query {
    font-family: "Roboto Slab", "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
  }
  .search-result h2.author {
    color: #222;
    font-family: Open Sans, sans-serif;
    font-weight: normal;
    line-height: 1.6em;
    font-size: 13px;
    margin-left: 0;
  }
  .search-result h2.author span {
    font-weight: bold;
  }




/* Glossary Page Styles */
.glossary-4 .page-main {
  /*padding-left: 0;*/
}
/*.glossary-4 .page-main p {
  font-size: 25px;
  line-height: 31px;
  font-family: "Open Sans Light", "Open Sans", sans-serif;
  color: #8f8c89;
}*/

#glossary-search {    /*.glossary-4 .glossary_top_filter */
  height: 35px;
  background-color: #bfd962;
  -webkit-appearance: none;
  outline: none;
  border: none;
  padding: 0 35px;
  margin-left: -5px;
  color: #fff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
#glossary-search-term {
  -webkit-appearance: none;
  outline: none;
  border: 1px solid #ddd;
  height: 35px;
  padding: 5px;
  width: 22em;
  background-color: #fff;
}
.glossary-4 .glossary_top_filter div.cmtt_help {
  display: none;
}
.glossary-icon {
  width: 110px;
  height: 142px;
  float: right;
}

.glossary-4 .intro {
    float: left;
/* zd edits begin *********************************************/
        max-width: 100%;
/* zd edits end *********************************************/ 
}
.glossary-4 .intro > p {
    max-width: 100%;
}
.glossary-4 .page-main p.instructions {
    font-size: 16px;
    margin-bottom: 25px;
}
#glossary-fields .post_title{
	font-weight: bold;
}
#glossary-fields .search-box input{
	height:37px; 
}
#glossary-fields .search-box input[type=text]{
	width:250px; 
	padding:0 10px;
}

@media screen and (max-width: 1200px) {
    .glossary-4 .intro {
/* zd edits begin *********************************************/
        max-width: 100%;
/* zd edits end *********************************************/ 
    }
}
.glossary-4 .intro-right {
    float: right;
}
@media screen and (max-width: 960px) {
    .glossary-4 .intro {
        width: 100%;
    }
    .glossary-4 .intro-right {
        display: none;
    }
}

.glossary-4 ul#glossaryList {
  margin: 20px 0;
  /*padding-left: 20px;*/
}

.glossary-4 ul#glossaryList li {
  margin-top
}

.glossary-4 h3 {
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  line-height: 24px;
  font-weight: 300;
}
.glossary-4 h3.results {
  margin-top: 60px;
  font-family: 'Fjalla One', sans-serif;
}







/* Knowledge Library Styles */

.kl-list {
  float: left;
  width: 40%;
  height: 200px;
  min-height: 200px;
  margin: 30px 20px 30px 0px;
  color: #52514f;
}
.kl-list h3 {
   font-family: "Open Sans", sans-serif;
    font-weight: bold; 
 }
.kl-list ul {
  padding-left: 18px;
  list-style-type: none;
  position: relative;
}
.kl-list ul li {
  position: relative;
}
.kl-list ul li:before {
  display: block;
  content: "\276F";
  position: absolute;
  height: 10px;
  width: 10px;
  top: 0;
  left: -15px;
}
.kl-list ul li, .kl-list ul li a {
  font-weight: bold;
  color: #52514f;
}
.dogear-links {
  margin: 10px 0;
}
.dogear {
    position: relative;
    width: 224px;
    height: 105px;
    float: left;
    background: #fff url('/wp-content/themes/knowledgepress/images/dogear_sprite.png') no-repeat;
    background-position: 0 0;
    margin: 10px 10px 10px 0;
    -webkit-background-size: 100%;
    background-size: 100%;
    text-align: left;
}

.dogear:hover {
    background-position: 0 -122px;
}

.dogear-links a:last-of-type .dogear {
  background-position: 0 -122px;
}

.dogear p,
.dogear2 p {
    position: absolute;
    margin-bottom: 0;
    bottom: 5px;
    left: 15px;
    display: block;
    font-family: "Fjalla One", sans-serif;
    font-size: 26px;
    line-height: 26px;
    color: #fff;
    text-transform: uppercase;
}



.dogear2 {
  position: relative;
  width: 250px;
  height: 110px;
  float: left;
  background: #fff url('/wp-content/themes/knowledgepress/images/dogear_sprite2.png') no-repeat;
  background-position: -12px 0;
  margin: 10px 10px 10px 0;
  text-align: left;
  background-size: 333%;
}

.dogear-links > a:nth-child(2) .dogear2 {
  background-position: -298px 0;
}

.dogear-links > a:nth-child(3) .dogear2 {
  background-position: -583px 0;
}

.dir-cats h3 {
  font-family: "Roboto Slab", serif;
}












/* ==========================================================================
   Input fields
   ========================================================================== */

 .comment-group{
	 margin-bottom:20px;
 }


.comment-group textarea  {
     border: 1px solid #ccc; 
     margin-left:30px; 
     width:430px;
     height:150px;
}
.comment-group input {
   border: 1px solid #ccc;
   margin-left:30px;
   height:30px;
}
.comment-group textarea:focus, .comment-field:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus {
   border: solid 1px #999;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}
 


textarea, .form-control, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0; 
     border: 1px solid #727272; 
}
textarea, .form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
   border: 1px solid #ccc;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}
textarea:focus, .form-control :focus, input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus {
   border: solid 1px #999;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}



.comment-field {
   height: 42px;
   padding: 8px 12px;
   font-size: 16px;
   line-height: 1.428571429;
   color: #555;
}

.form-control {
   height: 42px;
   padding: 8px 12px;
   font-size: 16px;
   line-height: 1.428571429;
   color: #555;
}


.btn {
   border-radius: 0;
   padding: 10px 16px;
}
.btn-lg {
   padding: 14px 20px;
   font-size: 18px;
   line-height: 1.33;
   border-radius: 0;
}
.btn-sm {
   padding: 7px 12px;
   font-size: 12px;
   line-height: 1.5;
   border-radius: 0;
}
.btn-xs {
   padding: 3px 5px;
   font-size: 12px;
   line-height: 1.5;
   border-radius: 0;
}
.btn-xxs {
   padding: 1px 4px;
   font-size: 12px;
   line-height: 1.45;
   border-radius: 0;
   margin-bottom: 4px;
}

.btn-primary:hover {
   opacity: 0.9;
}

/* =============================================================================
   Bootstrap
   ========================================================================== */

.alert {
   line-height: 1.4em;
   border: 0;
   border-radius: 0;
}
blockquote p {
   line-height: 1.6;
}
pre {
   border-radius: 0;
}
.container .jumbotron {
   border-radius: 0;
}
.jumbotron p {
   line-height: 1.6;
   margin-bottom: 15px;
}
.presentation h1 {
   font-size: 60px;
}

/* ==========================================================================
   Unused
   ========================================================================== */
.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}


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

.banner {
   background-color: #222;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}
.navbar {
   margin-bottom: 0;
}
.navbar-brand {
   padding-top: 0;
   padding-bottom: 0;
}
.navbar-brand h1 {
   margin: 22px 0 0;
   font-size: 24px;
   font-weight: 500;
   color: #fff;
}
.navbar-brand h1 a, .navbar-brand h1 a:hover {
   color: #fff;
   text-decoration: none;
}
.navbar-static-top {
   border-width: 0;
}
/* =============================================================================
   Main navigation
   ========================================================================== */

/* reset bootstrap menu */
.navbar-nav {
   float: right;
}
.navbar-nav>li>.dropdown-menu {
   margin-top: -1px;
   color:#52514F;
}
.dropdown-submenu:hover > .dropdown-menu {
   display: inline-block;
}

.dropdown-menu .dropdown-menu {
   top: -2px;
   left: 100%;
   margin-top: 0;
   margin-left: -1px;
}
.dropdown-menu li:first-child {
   border-top: solid 1px rgba(255, 255, 255, 0.05);
}
.dropdown-menu li {
   border-bottom: solid 1px rgba(255, 255, 255, 0.05);
}
.dropdown-menu li:last-child {
   border-bottom: none;
}
.dropdown-submenu {
   position: relative;
}

.banner.navbar {

}
.navbar-nav>li>a {
   padding: 25px 15px;
}

.nav-main {
   display: block;
   margin-top: 95px;
}


/* force dropdown on hover */
.nav-main .dropdown:hover > .dropdown-menu {
   display: block;
   background-color: #9ed0d9;
   color:#52514F;
}
/*
.nav-select select {
   width:100%;
}
*/
.dropdown-menu {
   padding: 0;
   color:#52514F;
   background-color: #9ed0d9;
}
.navbar-nav .dropdown-menu {
   background-color: #9ed0d9;
}
.dropdown-menu>li>a {
   padding: 12px 20px;
   color: rgba(255, 255, 255, 0.8);
}
.navbar-nav>li>a {
    color:#52514F;
}
.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus,
.navbar-nav>li>a:hover {
     color:#ffffff;
}


/* =============================================================================
   Main header
   ========================================================================== */

.main-header {
   padding: 15px 0 15px;
}
.main-header h1 {
   color: #fff;
   margin-bottom: 6px;
}
.main-header .tagline {
   color: #fff;
   margin-bottom: 0;
}
.main-header .append-icon {
   margin: 14px 0 6px;
   position: relative;
}
.main-header .form-search span {
   position: absolute;
   right: 10px;
   top: 9px;
   color: #aaa;
   font-size: 18px;
}


/* ==========================================================================
   Live Search
   ========================================================================== */

.autocomplete-suggestions { border: 1px solid #bbb; background: #FFF; cursor: default; overflow: auto; overflow-y: scroll;overflow-x: hidden;}
.autocomplete-suggestion { padding: 8px 10px 0; overflow: hidden; border-bottom:1px solid #ddd }
.autocomplete-suggestion h4{ line-height:1em;margin: 5px 0; white-space: nowrap;}
.autocomplete-suggestion p{ line-height:18px}
.autocomplete-suggestion:last-child{ border:none}
.autocomplete-selected { background: WhiteSmoke; }
.autocomplete-suggestions strong { }



/* ==========================================================================
   Responsive navigation
   ========================================================================== */

.navbar-toggle {
   top: 10px;
   border: 1px solid #FFF;
   border-radius: 0;
    background-color:#008fa3;
}
.navbar-toggle:hover {
   background-color:#008fa3;
}
.navbar-toggle .icon-bar {
background-color: #fff;
border-radius: 0;
}

.nav-responsive > ul > li:last-child {
   padding-bottom: 18px;
}

.nav-responsive >.nav>li>a {
   padding-top: 15px;
   padding-bottom: 15px;
   color: rgba(255, 255, 255, 0.8);
   background-color: #7ebcc7  !important;
}
.nav-responsive >.nav>li>a:hover {
    background-color:none;
   color: #fff;
}
.nav .responsive-submenu {
   padding-left: 40px;
   
}



/* ==========================================================================
   Content
   ========================================================================== */

.content {
   margin-top: 30px;
   margin-bottom: 90px;
}
.results-content {
  margin-top: 0;
}


/* ==========================================================================
   Primary Content
   ========================================================================== */

.main {
  padding-left: 0;
  min-height: 800px;
}
.page-header {
   margin-top: 0;
   margin-bottom: 5px;
   border-bottom: none;
}

/* Gallery Shortcode */
.gallery-row { padding: 15px 0; }


/* ==========================================================================
   Blog Content
   ========================================================================== */

article.post {
   background-color: #fff;
   padding: 25px 25px 10px 0;
   margin-bottom: 30px;
}
.loop-comments {
   position: relative;
   float: right;
   top: 3px;
   right: 0;
   padding: 0 7px;
   font-size: 13px;
}
.loop-comments, .loop-comments i {
   color: #fff;
}
article.post header h2 {
   margin-bottom: 30px;
}
article.post footer {
   font-size: 0.85em;
   color: #aaa;
   padding-top: 5px;
}
.author {
   display: inline-block;
   margin: 0 0 0 25px;
}
.tags {
   display: inline-block;
   float: right;
   margin: 0;
   width: 60%;
}

/* Search */
.search article.page {
   background-color: #fff;
   padding: 25px 25px 10px;
   margin-bottom: 30px;
}

/* ==========================================================================
   Defaults Page
   ========================================================================== */

.page-main {
   background-color: #fff;
   padding: 23px 25px 20px 0;
}
/* ==========================================================================
   404 Page
   ========================================================================== */

.error404 .page-header h1 {
   font-size: 100px;
   font-weight: 400;
   text-align: center;
   margin-top: 50px;
}
.not-found h3 {
   font-size: 36px;
   text-align: center;
   margin: 60px 0 100px
}
.not-found .form-control {
   height: 56px;
}
.not-found .btn {
   padding: 16px 32px;
   font-size: 16px;
}
.not-found .search-form {
   margin-bottom: 50px;
}

/* ==========================================================================
   Home Page Template
   ========================================================================== */

#hero {
   padding: 70px 0 90px 0 ;
}

#hero h1 {
   text-align: center;
   margin: 0 0 26px;
   color: #fff;
   font-size: 90px;
}
#hero .subtitle {
   text-align: center;
   color: rgba(255, 255, 255, 0.85);
   font-size: 1.4em;
   font-weight: 300;
   font-style: italic;
}
#hero .form-search {
   margin-top: 50px;
}
#hero .form-search .form-control {
   height: 55px;
   font-size: 15.625px;
    font-family: 'Open Sans', sans-serif;
   font-weight: 400;
    color: #686868 !important;
   border:none;
}
.input-group input[type="text"] {

    color: red !important;
}
#hero .form-search .btn {
   padding: 0 50px;
    height: 55px;
   font-size: 20px;
   background-color: #008fa2;
   margin-left: 0px;
   color: #fff;
   font-family: 'Fjalla One', sans-serif;
   font-weight: 400;
   text-transform: uppercase;

}
#hero .form-search .btn:hover {
   background-color: #000;
}


#boxes {
   color: #fff;
   padding-top: 100px;
   text-align: center;
}
.box {
   padding: 0 20px;
}
.box a {
   color: #fff;
}
.box a:hover {
   text-decoration: none;
}

.box i {
   font-size: 86px;
}
.box i:hover {
   color: rgba(255, 255, 255, 0.85);
}
.box h2 {
   margin: 40px 0 20px;
   font-size: 36px;
}
.box h2 a:hover {
   color: rgba(255, 255, 255, 0.85);
}
.box p {
   margin-bottom: 30px;
   line-height: 18.75px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 13.5px;
   color: #52514F;


}
.box .btn {
   font-weight: 500;
   border: solid 1px #fff;
}
.box .btn:hover {
   border: solid 1px rgba(255, 255, 255, 0.85);
   color: rgba(255, 255, 255, 0.85);
}

#home-content {
   padding: 60px 0 50px;
   background-color: #fff;
}

#home-featured {
   padding: 50px 0 40px;
   background-color: WhiteSmoke;
}
#home-featured article.post {
   background-color: transparent;
   padding: 0 5px 0;
}
.recent-title h2 {
   font-size: 34px;
   text-align: center;
   margin-bottom: 50px;
}
#home-featured .entry-title {
   margin: 0;
}
#home-featured .entry-media {
   margin-top: 30px
}
#home-featured .entry-content {
   margin-top: 25px;
}
#home-video {
   padding: 50px 0 70px;
   background-color: #eee;
}
.video-title h2 {
   font-size: 34px;
   text-align: center;
   margin-bottom: 50px;
}
.box-video {
   padding-top: 110px;
}
.box-video i {
   text-align: center;
   font-size: 110px;
   text-decoration: none;
   color: #fff;
}
.box-video h3 {
   margin-top: 30px;
}
.box-video h3 a {
   color: #fff;
}
.box-video h3 a:hover, .box-video i:hover {
   color: rgba(255, 255, 255, 0.85);
   text-decoration: none;
}
.box-video-list {
   padding: 0 25px;
   height: 390px;
}
.box-video-list .icon-chevron-right {
   color: #fff;
}
#home-video h3 {
   font-size: 26px;
   margin-bottom: 20px;
}
#home-video ul {
   list-style: none;
   padding-left: 0;
   margin-bottom: 16px;
}
#home-video h4 {
   line-height: 1.6em;
}
#home-video span.label a {
   color: #fff;
}
#home-video span.label a:hover {
   color: #fff;
   text-decoration: none;
}
#home-video span.label:hover {
   background-color: #222;
}

.box-video {
   margin-top: 0px;
   background-color: #222;
   height: 390px;
   text-align: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
}


/* ==========================================================================
   Home Page 2 Template
   ========================================================================== */

.page-template-template-home2-php #hero {
   padding: 108px 0 45px;
}

.page-template-template-home2-php #hero .subtitle {
   font-style: normal;
   line-height: 1.7em;
   font-size: 1.2em;
   margin: 0;
   padding:0 90px;
}
.page-template-template-home2-php #boxes {
   color: #464141;
   padding-top: 43px;
   padding-bottom: 57px;
   text-align: center;
   margin-top: -70px;
   margin-bottom: 60px;
   background-color: #fff;
   position: relative;
   box-shadow:0px 0px 6px #dddddd;
}
.page-template-template-home2-php .box i {
}
.page-template-template-home2-php .box a {
   color: #333;
}
.page-template-template-home2-php .box h3 a:hover {
   opacity: 0.85;
}
.page-template-template-home2-php .box .btn {
   font-family: 'Open Sans', sans-serif;
   color:#ffffff;
   font-weight:700;
   font-size: 16.5px;
   padding: 12px 34px;
}
.btn.one {
   background-color: #008FA3;
}
.btn.two {
   background-color: #EF5631;
}
.btn.three {
   background-color: #BFDB58;
}
.page-template-template-home2-php .box .btn:hover {
   background-color: #515151;
   color: #fff!important;
}

.page-template-template-home2-php #hero h1 {
   font-size: 54px;
   line-height: 58px;
   font-family: 'Fjalla One', sans-serif;
   font-weight: 400;
   text-transform: uppercase;

}
.home-title {
   margin-bottom: 45px;
   padding: 0 4%;
   text-align: center;

}
.home-title h2 {
   font-size: 29.15px;
   color: #008FA3;
   font-family: 'Roboto Slab', serif;
   font-weight: 700;
}
.home-title p {
   font-size: 1.1em;
   line-height: 1.6em;
   margin: 0;
}
.page-template-template-home2-php #hero .form-search {
   margin-top: 30px;
   margin-bottom: -55px;
}
.box h3 {
   margin: 0px 0 20px;
   font-size: 18.75px;
   line-height: 25px;
   color: #52514F;
   font-family: 'Roboto Slab', serif;
   font-weight: 400;
}
.circles h3 a {
   color: #000;
}
.circle {
   margin: 0 auto 20px;
   width: 100px;
   height: 100px;
   text-align: center;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   background-color: #3498db;
}
.circle:hover {
   opacity: 0.85;
}
.circle i {
   color: #fff;
   font-size: 40px;
}
.circle i:hover {
   color: #fff;
}
.circle a:hover {
   text-decoration: none;
}

.circle span {
   height: 100px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;
}
.circle i {
   display: inline-block; zoom: 1; *display: inline; vertical-align: middle; color: #fff;
}

.page-template-template-home2-php #home-featured,
.page-template-template-home2-php #home-featured h2,
.page-template-template-home2-php #home-featured a,
.page-template-template-home2-php #home-featured a:hover,
.page-template-template-home2-php #home-featured i {
   color: #fff;
}
.page-template-template-home2-php #home-featured {
   padding-top: 60px;
}
.page-template-template-home2-php #home-video {
   background-color: #fff;
   padding: 60px 0;
}
.page-template-template-home2-php #home-featured .btn-primary {
   background-color: transparent;
   border-color: #fff;
}
.page-template-template-home2-php #home-featured .btn-primary:hover {
   background-color: #fff;
   border-color: #fff;
   color: #000!important;
}
.recent-posts p {
   font-size: 0.9em;
}
.btn-videos {
   border: solid 1px #333;
   color: #333;
   font-weight: 700;
   padding: 3px 8px;
   font-size: 12px;
   line-height: 1.5;
}
.btn-videos:hover {
   color: #fff;
   background-color: #333;
   text-decoration: none;
}
.btn-videos i {
   color: #333!important;
}
.btn-videos:hover i {
   color: #fff!important;
}

/* ==========================================================================
   Knowledge Base Page Template
   ========================================================================== */

.knowledge-base-row {
   margin-bottom: 50px;
}
.knowledge-base-row span.label {
   border-radius: 2px;
   padding: .2em .5em;
}
.knowledge-base-row span.label a {
   color: #fff;
}
.knowledge-base-row span.label a:hover {
   color: #fff;
   text-decoration: none;
}
.knowledge-base-row span.label:hover {
   background-color: #222;
}
.knowledge-base-row h2 {
   margin-bottom: 15px;
}
.knowledge-base-row ul {
   list-style: none;
   padding-left: 0;
}
.knowledge-base-row li a {
   color: #222;
}
ul.sub-categories {
   margin-bottom: 0;
}
ul.category-posts li, ul.sub-categories li {
   line-height: 1.8em;
}
ul.subcat {
   margin-left:15px;
}


/* ==========================================================================
   Contact Page Template
   ========================================================================== */

.contact-form .form-group label {
   font-weight: normal;
}
.contact-error {
   color:#B94A48;
}

/* ==========================================================================
   Sidebar
   ========================================================================== */

.sidebar { }
.sidebar ul {
   list-style: none;
   margin-bottom: 0;
   padding-left: 0;
}

/* ==========================================================================
   Widgets
   ========================================================================== */

div.sidebar-buttons a:hover{
  outline: none;
  text-decoration: none;

}

.sidebar-buttons{
  height:183px;
  width:260px;
  background-color: red;
  padding:18px 20px;
  overflow: hidden;

}
.sidebar-buttons img{
  height:70px;
  width:70px;

}

.sidebar-buttons h2{
 font-family: 'Fjalla One', sans-serif;
   font-weight: 400;
   margin-bottom: 5px;
   text-transform: uppercase;
   font-size: 17px;
 line-height: 25px;
 color: #ffffff;
}
.sidebar-buttons p{
   font-family: 'Open Sans', sans-serif;
   font-weight: 700;
    font-size: 10.5px;
   line-height: 12.5px;
    color: #ffffff;
}

.sidebar .widget {
   margin-bottom: 25px;
}
.sidebar .widget-inner  {
   width: 260px;
}
.widget-inner > h3 {
   margin-bottom: 17px;
}
.sidebar .widget-inner > ul > li {
   background-color: #fff;
   padding-left: 14px;
   padding-right: 5px;
   margin-bottom: 5px;
}
.sidebar .widget-inner ul li ul li {padding-left: 10px;}
.sidebar .widget-inner > ul > li > ul {background-color: transparent;}
.sidebar .widget-inner > ul > li > ul:hover {background-color: transparent;}

.sidebar .crpw-item a, .sidebar .widget_nav_menu li a {
   text-decoration: none;
}
.sidebar .crpw-item:hover a, .sidebar .widget_nav_menu li:hover a {color: #fff;}
.sidebar .crpw-item:hover i, .sidebar .widget_nav_menu li:hover i {color:#fff;}
.sidebar .crpw-item:hover, .sidebar .widget_nav_menu li:hover {color:#fff;}



.sidebar li {
   line-height: 2.5em;
}

#email-signup input[type="text"]{
	float: left;
	color:red;
}
.email-signup input[type="submit"]{
	float: right;
	height: 26px;
	display: inline;
   font-size: 16.5px;
   background-color: #0090a3;
   color: #fff;
   font-family: 'Fjalla One', sans-serif;
   font-weight: 400;
   text-transform: uppercase;
   padding:5px  !important;
   margin-top:20px;
   width:150px;
}
.email-signup input[type="submit"]{
	float: right;
	height: 26px;
	display: inline;
   font-size: 16.5px;
   background-color: #0090a3;
   color: #fff;
   font-family: 'Fjalla One', sans-serif;
   font-weight: 400;
   text-transform: uppercase;
   padding:5px  !important;
   margin-top:20px;
   width:150px;
}
.email-signup button{
  background-color: #1A90A3;
  color: #fff;
  text-transform: uppercase;
  padding: 3px 12px;
  font-size: 10px;
  margin: 0;
  margin-top: -2px;
  margin-left: -3px;
}

input.email {
  width: 150px;
  font-size: 12px;
}

.widget_rss li, .pressapps_tweet_widget li {
   line-height: 1.8em;
}
.widget_rss li {
   padding: 10px;
}
/* Twitter widget */
.pressapps_tweet_widget ul {margin: 0 0 5px 0;}
.pressapps_tweet_widget li { padding: 10px; }
.pressapps_tweet_widget li span { display: block; }
.pressapps_tweet_widget li > a {font-style: italic;font-weight: normal;text-decoration: none;}
.twitter-link {font-weight: normal;line-height: 30px;height: 30px;padding-top: 8px;text-decoration: none;}

.footer-widgets .pressapps_tweet_widget li { padding: 0 0 10px;}
.footer-widgets .pressapps_tweet_widget a {color: #fff;}


/* contact */
.sidebar .widget_roots_vcard {
   background-color: #fff;
   padding: 12px 14px 1px;
}
.vcard {
   line-height: 1.8;
}

.login_wid-2{
	padding:15px 25px ;
	background-color: #5ab5c6;
	color:#ffffff;
}




/* ==========================================================================
   FOOTER 008fa2
   ========================================================================== */

.footer-widgets .widget  {
   float: left;
   margin-bottom: 30px;
}
.footer-widgets .widget-inner h3{
	margin-top: 10px;
}

.footer.widget-inner {
	 margin-left:20px;
	 float: left;
	 margin-bottom: 30px;
}

.widget_custom_footer_widget{
	margin-top:-10px;
}

.sci-social-icons-horizontal{
	margin-top: 10px !important; }

.footer-widgets .textwidget{
	font-family: "Open Sans", sans-serif !important;
	 font-weight: 300!important;
}

.footer h3, .footer-widgets h3{
	color:#ffffff;
	 font-family: "Roboto Slab", sans-serif;
     font-size: 16.5px;
	 font-weight: 700;
	 line-height: 18px;
}
.footer .widget-inner h4 .login{
	color:#ffffff;
	  font-family: "Roboto Slab", sans-serif;
	 font-size: 16.5px;
	 font-weight: 700;
	 line-height: 10px;
}


.footer .contact p {
	color:#ffffff;
	 font-family: "Open Sans", sans-serif !important; 
	 font-weight: 400 !important;
    font-size: 12.5px;
    line-height: 10px;
}

.login_wid-2.widget_login_wid .btn {
   height: 55px;
   font-size: 16.5px;
   background-color: #0090a3;
   color: #fff;
   font-family: 'Fjalla One', sans-serif;
   font-weight: 400;
   text-transform: uppercase;
   padding:5px 10px !important;
   margin-top:20px;
   width:100%;

   }

/* ==========================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry time { }
.hentry .byline { }
.hentry .entry-content { }
.hentry footer { }


.single-post article header h1 {
   margin-bottom: 25px;
}
.single-post article.post {
   padding-bottom: 25px;
}
.entry-title-single{
	 font-size: 24px;
  line-height: 24px;
  margin-bottom: 10px;
  font-family: "Roboto Slab", serif;
  color: #008fa3;
}
.entry-content {
  margin-top: 10px;
}
.entry-content h4{
  font-size: 14px; 
  font-weight: 700;
  margin-bottom: 10px;
  font-family: "Open Sans", sans-serif;
  color: #008fa3;
}
.cusotm-tags a{
   clear:both;
   float: left;
   font-family: "Open Sans", sans-serif;
    text-decoration: underline;
    color:#52514f;
    font-weight: bold;
    font-size: 12px;
    line-height: 11px;
     font-weight: 700;
   
	
}
.resource-button {
	background-color:#bfd962;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #bfd962;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: "Open Sans Bold", sans-serif;
	font-weight: 700;
	 text-transform:uppercase; 
	font-size:15px;
	padding:11px 28px 8px 28px;
	text-decoration:none;
}
.resource-button:hover {
	background-color:#cde089;
}
.resource-button:active {
	position:relative;
	top:1px;
}
.content-partner{
	margin-top: -10px;
}
.content-partner h1{
	font-family: 'Fjalla One', sans-serif;
   font-weight: 400;
   color: #008fa3;
   text-transform: uppercase;
   margin-bottom:13px;
}
 
.content-partner h5{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height:18px;
    margin-bottom:  0px;
     color: #8f8c89;
}
.content-partner h6{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 24px;
	line-height:18px;
    margin-bottom:  0px;
     color: #8f8c89;
}
.content-partner h7{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 16px;  
    color: #52514f;
    padding-top: 20px; 
}
.content-partner .entry-content p{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 15.5px;
	line-height: 23px;
	margin-bottom: : 30px;
    color: #52514f;
}
.content-partner .entry-content p a{
	color: #008fa3 !important;
}
.content-partner .entry-content  li {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 15.5px;
	line-height: 23px;
	margin-bottom: : 30px;
    color: #52514f;
}
.content-partner .entry-content  ul li a{
	color: #008fa3 !important;
}

.content-partner .parnter-logo {
/* zd edits begin *********************************************/
  /* right:50px; */
	/* margin-top: -55px; */
	/* position: absolute; */
  width: 300px;
  height: 150px;
  display: block;
  margin: 10px 0 30px 0;
}

.content-partner .parnter-logo img {
  width: 300px;
  height: 150px;
}
/* zd edits end **********************************************/

.content-partner ul.contact  {
	list-style-type: none;
	 margin-left: 0;
 padding-left: 1em;
 text-indent: -1em; 
}
.content-partner ul.contact li  {
	list-style-type: none;
}
.content-partner ul.contact li a  {
	color: #d97bae !important;
	font-weight: 400;
}

.author-box-image {
float: left;
margin-right: 25px;
margin-bottom:15px;
}
#author-box {
margin:25px 0 0;
padding:30px 0 0;
border-top: 1px solid #e6e6e6;
}
.author-box-name { margin:0 0 8px;}
.author-box-description { padding-left:97px;}
.author-links {
   padding-left:97px;
   margin-bottom: 0;
}

#comments, #respond {
   margin:25px 0 0;
   padding:25px 0 0;
   border-top: 1px solid #e6e6e6;
}
#comments h4.media-heading {
   margin-bottom: 0;
}
#comments li.comment {
   margin-top: 25px;
   padding-top: 25px;
   border-top: 1px solid #e6e6e6;
}
.comment.media {
   margin-top: 0;
}
.comment-reply-link {
   padding: 3px 6px;
   color: #fff;
   font-size: 12px;
   background-color: #666;
}
.comment-reply-link:hover {
   color: #fff;
   opacity: 0.9;
   text-decoration: none;
}
/* ==========================================================================
   Featured Media Content
   ========================================================================== */

.featured-media {
   margin-bottom: 25px;
}
.featured-caption {
   position: absolute;
   margin-top: -48px;
   margin-left: 20px;
   padding: 5px 10px;
   color: #fff;
   background: rgba(0, 0, 0, 0.6);
}


/* ==========================================================================
   Pagination
   ========================================================================== */

.pagination-lg > li > a, .pagination-lg > li > span {
   padding: 8px 16px;
   font-size: 18px;
}
.pagination > li:first-child>a, .pagination >li:first-child>span {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
}
.pagination >li:last-child>a, .pagination >li:last-child>span {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   border:none;
}
.pagination >.active>a, .pagination >.active>span,
.pagination >li>a:hover, .pagination >li>a:focus {
   color: #fff;
}
.pagination >li>a, .pagination >li>span {
   border: none;
   margin-left: 1px;
}


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

.content-info { }

.footer-widgets {
   padding: 60px 0 60px;
}
.footer-widgets, .footer-widgets a, .footer-widgets a:hover {
   color: #fff;
}
.footer-widgets ul {
   list-style: none;
   margin-bottom: 0;
   padding-left: 0;
}
.footer-widgets li {
   line-height: 2em;
}
.footer-info {
   background-color: #282828;
   color: #fff;
   min-height: 80px;
}
.footer-info a, .footer-info a:hover {
   color: #fff;
}
.copyright {
   margin: 29px 0;
   float: left;
}
.footer-info nav {
   float: right;
   margin: 29px 0;
}
.footer-info nav ul {
   padding: 0;
   margin: 0;
}
.footer-info nav li {
   display: inline-block;
   margin-left: 15px;
}

/* ==========================================================================
   Social Icons
   ========================================================================== */

.social-icons {
   margin: 0;
   list-style: none;
   float: right;
   padding: 0;
}
.social-icons li {
   display: inline-block;
   margin: 23px 0 0 12px;
}
.btn-social {
   padding: 2px 2px 1px;
}
.btn-social img {
   margin-bottom: 1px;
}
.btn-social a, .btn-social a:hover {
   text-decoration: none;
   color: #fff;
}

/* Buttons Colors */
.btn-facebook {
   background-color: #3c589d;
}
.btn-facebook:hover {
   background-color: #314982;
}
.btn-twitter {
   background-color: #2eaaf4;
}
.btn-twitter:hover {
   background-color: #2999db;
}
.btn-google {
   background-color: #333;
}
.btn-google:hover {
   background-color: #2a2a2a;
}
.btn-linkedin {
   background-color: #005180;
}
.btn-linkedin:hover {
   background-color: #013b5d;
}
.btn-vimeo {
   background-color: #1BB7EA;
}
.btn-vimeo:hover {
   background-color: #18a2cf;
}
.btn-youtube {
   background-color: #C81414;
}
.btn-youtube:hover {
   background-color: #ac1212;
}
.btn-flickr {
   background-color: #F1628B;
}
.btn-flickr:hover {
   background-color: #dc5e8a;
}
.btn-dribbble {
   background-color: #f26798;
}
.btn-dribbble:hover {
   background-color: #dc5e8a;
}
.btn-rss {
   background-color: #FE9900;
}
.btn-rss:hover {
   background-color: #dc8501;
}

/* ==========================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 767px) {
   .box {
      padding: 40px 0 10px;
   }
   .box-video-list {
      padding: 50px 25px 0;
   }
   .knowledge-base-row {
      margin-bottom: 0;
   }
   .kb-category {
      padding-bottom: 50px;
   }
}

@media (max-width: 991px) {

   /* Footer */
   .copyright, .footer-info nav, .social-icons {
      float: none;
      text-align: center;
   }
   .box {
      margin-bottom: 25px;
   }

}

@media (min-width: 768px) { }

@media (min-width: 992px) { }

@media (min-width: 1200px) { }











/* Kmotion Design Home Page 2 edits */

.page-template-template-home2-php .box-icon:hover {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  -ms-opacity: 0.9;
  -o-opacity: 0.9;
  opacity: 0.9;
}
.content-section {
  padding: 35px 0 20px 0 !important;
  border-bottom: 1px solid #737373;
}

.content-section:last-of-type {
  border-bottom: none;
}

.content-section .title {
  font-family: "Fjalla One", serif;
  text-transform: uppercase;
  font-size: 21px;
  line-height: 21px;
  padding-bottom: 5px;
  margin: 0;
}

.intro > h1 {
  font-family: "Fjalla One", serif;
  font-size: 40px;
  text-transform: uppercase;
}

/*Learning Briefs styles */
.page-id-29 h4 {
  font-size: 25px;
  line-height: 31px;
  color: #8f8c89;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
.page-id-29 .page-header,
.page-id-29 .page-header h1 {
  margin-bottom: 0 !important;
}
.edd_download_inner {
  padding-right: 37px;
}

.edd_download_inner a img.attachment-thumbnail {
  width: 310px;
  padding-bottom: 30px;
}
.edd_download_inner h3 a {
  font-size: 24px;
  line-height: 24px;
  font-family: "Roboto Slab", serif;
  color: #52514f;
}
.edd_download_excerpt p {
  color: #52514f;
  font-size: 15px;
  line-height: 23px;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}

.edd-submit.button {
  color: #fff;
  background: #bfd962;
  background-color: #bfd962;
  border: none;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  padding: 10px 30px;

  -webkit-transition: all 80ms ease-out;
  -o-transition: all 80ms ease-out;
  transition: all 80ms ease-out;
}
.edd-submit.button.blue:hover {
  background: #95AA49;
  background-color: #95AA49;

  -webkit-transition: all 80ms ease-out;
  -o-transition: all 80ms ease-out;
  transition: all 80ms ease-out;
}

/*Learning Brief single page (Download CPT) */
.entry-content p,
.entry-content span {
  color: #52514f !important;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 23px;
}

.entry-content span.edd-add-to-cart-label {
  color: #fff !important;
  border: none;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
}

.type-download .entry-title {
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  line-height: 24px;
  color: #52514f;
}


/* Directory Single */

.directory-column {
   float: left;
   position: relative;
   width: 650px; 
  margin: 10px 30px 30px 0;
}


.directory-logo {
  padding:20px 0; 
}

.content-partner .parnter-logo img {
  width: 300px;
  height: 150px;
}



/* Ecosystem Template */
.content_section {
  margin-top: 40px;
}
.content_section h2 {
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
  font-size: 21px;
  margin-bottom: 5px;
}
.content_section p {
  font-size: 15px;
  line-height: 23px;
  color: #52514f;
  font-family: "Open Sans", sans-serif;
  font-weight: 200;
  margin-bottom: 30px;
}




/*Bookshelf*/

.intro-text p{
	 
}
table.gf_directory tr > td {
  padding: 10px 10px 10px 0;
}

table.gfield_list tbody tr td {
  padding: 0;
}

.body-text p{
	 font-family: "Open Sans", sans-serif;
	 font-weight: 200;
     margin-bottom: 30px;
     font-size: 15.5px;
     line-height: 23px;
     color: #52514f; 
}
.body-text ul {
	 list-style-type: none;
	 margin-left: -15px;
	 padding-left: 1em;  
}

.body-text ul li{
	 font-family: "Open Sans", sans-serif;
	 font-weight: 200;
     margin-bottom:20px;
     font-size: 15.5px;
     line-height: 23px;
     color: #52514f; 
}


.body-text img{
	 padding:0 0 20px 20px; 
}

  .search-box input[type="text"] {
    padding: 0 10px;
    width: 250px;
     height: 35px;
}
 .search-box input {
    height: 37px;
}

.page-template-custom-directory-php .page-main .wrap {
  margin-top: 40px;
}


/* pagnation */

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#444444;
background: #ffffff;
border: 1px solid #C4C7CA;
}

.pagination a:hover{
color:#fff;
background: #008FA2;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #008FA2;
color:#fff;
}