/*

Theme Name: Connecting Credentials

Author: Pitch Black Media

Author URI: http://pitchblackmedia.com

Description: CC Redesign

Version: 1.0

*/





html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

    display: block;

}

body {

    line-height: 1;

}

ul {

    list-style: none;

}

blockquote, q {

    quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

*[class*='col-md-'] {

    padding-left: 0px;

    padding-right: 0px;

}

html {

    margin-top: 0 !important;

}

body {

    background: #ebebeb;

    font-family: "raleway",sans-serif;

}

body .vc_row {

    margin-left: 0px;

    margin-right: 0px;

    padding-top: 0;

    padding-bottom: 0;

}

body .cc-body .vc_column-inner {

    padding-left: 0px;

    padding-right: 0px;

} 

strong {

    font-weight: bold;

}

em {

    font-style: italic;

}

.margin10 {

    margin: 10px;

}

.margin5 {

    margin: 5px;

}

.clear {

    clear: both;

}

.no-padding {

    padding: 0px !important;

}

.row {

    margin-left: 0px;

    margin-right: 0px;

}

.container {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

    padding: 0px;

}

.wrapper {

    width: 100%;

}



.bg-white {

    background: white;

}



.section1 {

    margin-top: 33px;

}

.cc-main {

    background: #ebebeb;

}

.cc-box {

    padding: 0px;

    padding: 0 14px;

    padding-top: 26px;

    padding-bottom: 22px;

    position: relative;

}

.cc-box .header {

    font-size: 10px;

    color: white;

    padding-bottom: 16px;

    font-style: italic;

}

.cc-box .title {

    font-size: 12px;

    color: white;

    font-weight: 900;

    font-style: italic;

    letter-spacing: 1px;

    line-height: 15px;

    text-transform: uppercase;

}

.cc-box .date {

    margin-top: 16px;

    font-size: 11px;

    color: white;

    font-style: italic;

}



.section .bottom {

    position: absolute;

    bottom: 10px;

    width: 100%;

    text-align: right;

    padding-right: 29px;

}

.section .bottom a {

    color: white;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 1px;

    text-decoration: none;

}

.cc-box .inner {

    position: relative;

    min-height: 166px;

    background-size: cover;

    padding: 16px;

/*    -webkit-transition: background-color .5s;

    -o-transition: background-color .5s;

    transition: background-color .5s;

    background-color: rgba(73, 72, 74, 0.65);

    background-blend-mode: multiply;*/

}

.cc-box .bottom span {

    color: white;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 1px;

    text-decoration: none;

}

.cc-box * {

    text-decoration: none !important;

}

.cc-box .inner:hover {

/*    background-color: rgba(73, 72, 74, 1);

    background-blend-mode: multiply;*/

}

.cc-box.first {

    padding-left: 0px;

}

.cc-box.last  {

    padding-right: 0px;

    padding-left: 14px;

}

.cc-box .inner {

    position: relative;

}

.cc-box .inner .ie_bg {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 100;

    background: black;

}

.cc-body .cc-box .tag {

    font-size: 12px;

    padding-top: 7px;

    padding-bottom: 5px;

    background: #e6ba69;

    padding-left: 10px;

    padding-right: 10px;

    position: absolute;

    color: white;

    font-style: italic;

    top: -13px;

    z-index: 1;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.section {

    padding-top: 26px;

    padding-bottom: 22px;

    margin-top: 33px;

}

.section1 .left {

    padding-top: 26px;

    padding-bottom: 22px;

    padding-left: 10px;

    padding-right: 10px;

}

.section1 .right {

    padding-top: 26px;

    padding-bottom: 21px;

    padding-left: 13px;

    padding-right: 10px;

}

.section1 .right .cc-box {

    padding: 0px;

}

.section2 {

    margin-top: 33px;

    padding: 0;

}

.cc-tile {

    //padding:0 10px;

}

.cc-tile.first {

    padding-left: 0;

}



.cc-tile.last {

    padding-right: 0;

}

.cc-tile .cc-tile-inner {

    background: white;	

    padding: 31px 25px 27px 21px;

    min-height: 228px;

    position: relative;

}

.cc-tile .cc-tile-inner .tag {

    font-size: 12px;

    padding-top: 7px;

    padding-bottom: 5px;

    background: #6d8289;

    padding-left: 10px;

    padding-right: 10px;

    position: absolute;

    color: white;

    font-style: italic;

    top: -10px;

    z-index: 1;

    text-transform: uppercase;

}

.cc-tile.first .tag {

    background: #9caa94;

}

.cc-tile.last .tag {

    background: #2a6176;

}

.cc-tile .cc-tile-inner .title {

    font-size: 15px;

    font-weight: 900;

    font-style: italic;

    line-height: 18px;

    margin-bottom: 27px;

    text-transform: uppercase;

}

.cc-tile .cc-tile-inner .title a {

    text-decoration: none;

    color: rgb(51, 51, 51);

}

.cc-tile .cc-tile-inner .body {

    font-size: 12px;

    margin-bottom: 25px;

    font-family: "grad";

    color: black;

    letter-spacing: 1px;

    line-height: 21px;

}

.cc-tile .cc-tile-inner .bottom  {

    text-align: left;

    bottom: 26px;

}

.cc-tile .cc-tile-inner .bottom a {

    font-size: 11px;

    font-weight: 900;

    color: black;

}

.cc-tile .cc-tile-inner .bottom a:hover {

    text-decoration: underline;

}

.cc-category-list .left {

    padding: 0;

    padding-right: 10px;

}

.cc-category-list .left-inner {

    background: white;

    padding: 27px;

}

.cc-category-list .tag {

    font-size: 12px;

    padding-top: 7px;

    padding-bottom: 5px;

    background: #e5e4d1;

    padding-left: 10px;

    padding-right: 10px;

    position: absolute;

    color: #676767;

    font-style: italic;

    top: -10px;

    z-index: 1;

    text-transform: uppercase;

}

.cc-category-list .cc-horizontal {

    border-bottom: 2px solid #f2f2f2;

    padding-bottom: 15px;

    margin-bottom: 16px;

    padding-right: 8px;

}

.cc-category-list .cc-horizontal .header {

    font-size: 11px;

    font-weight: 900;

    text-transform: uppercase;

    margin-bottom: 5px;

}

.cc-category-list .cc-horizontal .header a {

    font-size: 11px;

    font-weight: 900;

    text-transform: uppercase;

    color: #333;

}

.cc-category-list .left-inner > div:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border: 0;

}

.cc-category-list .cc-horizontal .title {

    font-size: 15px;

    font-weight: 900;

    font-style: italic;

    text-transform: uppercase;

}

.cc-category-list .tag {

    color: #676767 !important;

}

.cc-category-list .cc-horizontal .title a {

    text-transform: none;

    color: black;

    text-transform: uppercase;

}

.cc-category-list.static .left-inner {

    padding: 0px;

} 

.section .cc-twitter {

    padding-right: 0px;

}

.section .cc-twitter-inner {

    background: white;

    padding: 19px 26px;

    min-height: 213px;

}

.section .cc-twitter-inner a {

    color: #2a6176;

}

.section .cc-twitter-inner .col-md-3 {

    padding: 0px;

}

.section .cc-twitter-inner .col-md-3 i {

    background: #e6ba69;

    width: 47px;

    height: 47px;

    color: white;

    padding-top: 9px;

    display: inline-block;

    font-size: 31px;

    border-radius: 50%;

    padding-left: 11px;

}

.section .cc-twitter-inner .content {

    padding-right: 0;

    padding-left: 10px;

}

.section .cc-twitter-inner .tweet {

    font-size: 12px;

    color: #403d3e;

    line-height: 14px;

    padding-top: 12px;

    font-weight: bold;

    line-height: 22px;

}

.date {

    font-size: 8px;

    color: #676767;

    text-transform: uppercase;

}

.section .cc-twitter-inner .content .header {

    font-size: 11px;

    color: #e6ba69;

    margin-bottom: 20px;

    text-transform: uppercase;

    font-weight: 900;

    padding-top: 6px;

}

.section .cc-twitter-inner .content .client {

    font-size: 8px;

    font-weight: bold;

    letter-spacing: 1px;

}

.section .cc-twitter-inner .content .date {

    font-size: 12px;

    color: #231f20;

    padding-top: 13px;

    line-height: 15px;

}

.cc-footer {

    background: #6d8289;

    padding-top: 29px;

    padding-bottom: 29px;

}

.cc-footer .container {

    padding: 0;

}

.cc-footer .container .col-md-12 {

    padding: 0;

}

.cc-footer ul li {

    padding: 2px 17px;

    position: relative;

    display: inline-block;

}

.cc-footer ul li:last-child {

    padding-right: 0;

}

.cc-footer ul li:after {

    content: '';

    width: 2px;

    height: 7px;

    background: white;

    display: inline-block;

    position: absolute;

    top: 9px;

    margin-left: 14px;

    margin-right: 14px;

}

.cc-footer ul li:last-child:after {

    display: none;

}

.cc-footer ul li:first-child {

    padding-left: 0px;

}

.cc-footer ul li a {

    color: white;

    font-size: 8px;

    font-weight: bold;

    letter-spacing: 1px;

    text-decoration: none;

    text-transform: uppercase;

}

.cc-footer .footer-meta {

    padding: 0px;

}

.cc-footer .footer-meta p {

    color: #c5cdd0;

    font-size: 7px;

    letter-spacing: 1px;

    font-weight: bold;

    padding: 0;

    line-height: 10px;

}

.cc-footer .footer-meta .copyright {

    font-size: 8px;

    font-weight: bold;

    color: white;

    margin-top: 5px;

}

.cc-footer .signup {

    margin-bottom: 35px;

    margin-top: 11px;

}

.cc-footer .signup a {

    color: #e6ba69;

    font-size: 12px;

    font-weight: 900;

    font-style: italic;

    text-decoration: underline;

    letter-spacing: 1px;

}

.cc-footer .footer-bottom-logo p a{

    color: white;

    font-size: 6px;

    letter-spacing: 1px;

    margin-top: 5px;

    display: inline-block;

}

.cc-footer .footer-bottom-logo .header {

    font-size: 6px;

    color: white;

    letter-spacing: 1px;

    margin-top: 18px;

    margin-bottom: 10px;

}

.cc-ticker {

    background: #e6ba69;

    overflow: hidden;

    height: 39px;

}

.cc-ticker ul.newsticker {  

    -webkit-transition: all 0s linear;

    -moz-transition: all 0s linear;

    -o-transition: all 0s linear;

    transition: all 0s linear;

    position: relative;

    margin-left: 20px;

    font: bold 10px Verdana;

    list-style-type: none;

    margin: 0;

    padding: 0;

}

.cc-ticker ul.newsticker li {

    float: left; /* important: display inline gives incorrect results when you check for elem's width */

    margin: 0;

    padding-right: 15px;

    white-space: nowrap;

}

.cc-ticker ul.newsticker a {

    white-space: nowrap;

} 

.cc-ticker ul {

    padding: 0px;

}

.cc-ticker li {

    color: white;

    display: inline-block;

    padding: 11px 19px;

    position: relative;

    padding-left: 28px;

    color: white;

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 900;

    font-style: italic;

    letter-spacing: 1px;

}

.cc-ticker li:after {

    content: '';

    width: 2px;

    height: 14px;

    background: #7c9692;

    display: inline-block;

    margin: 0 20px;

    position: absolute;

    top: 12px;

}

.cc-ticker li a {

    color: white;

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 900;

    font-style: italic;

    letter-spacing: 1px;

}

.cc-header {

    padding-top: 35px;

    padding-bottom: 35px

}

.cc-header ul.menu {

    margin-top: 34px;

}

.cc-header .menu ul li {

    display: inline-block;

    padding: 0 4px;

    position: relative;

}

.cc-header ul > li:first-child {

    padding-left: 0px;

}

.cc-header .menu ul > li.current-menu-item > a {

    background: #6e838a;

    color: white;

    border: 1px solid #f3f3f4;

}

.cc-header .menu ul li a {

    font-size: 10px;

    color: #676868;

    padding: 7px 10px;

    font-weight: 900;

    text-decoration: none;

    letter-spacing: 1px;

    height: 24px;

    display: inline-block;

    text-transform: uppercase;

}

.cc-header .menu ul > li > a:hover {

    text-decoration: none;

}

.cc-header .menu ul > li > ul {

    position: absolute;

    background: #f3f3f4;

    border: 1px solid #d5d6d7;

    padding: 8px 7px;

    min-width: 200px;

    margin-top: -1px;

    z-index: 20;

    display: none;

}

.cc-header .menu ul > li:hover > ul {

    display: block;

}

.cc-header .menu ul > li > ul li {

    width: 100%;

    padding: 0px;

}

.cc-header .menu ul > li > ul li a {

    width: 100%;

}

.cc-header .menu ul > li a:hover {

    color: #b2b2b2;

}

.cc-header .menu ul > li.active > a:hover {

    color: white;

}

.cc-header .left .tagline {

    font-size: 11px;

    font-style: italic;

    color: #676868;

    text-transform: uppercase;

    margin-top: 12px;

}



.cc-header .right .tagline2 a {

    font-size: 10px;

    font-weight: 900;

    color: #6e838a;

    margin-top: 5px;

}

.cc-header .left img {

    max-height: 44px;

}

.search-form {

    position: relative;

    display: inline-block;

}



.search-form i {

    position: absolute;

    font-size: 11px;

    top: 7px;

    left: 6px;

    color: #6e838a;

}



.search-form input {

    padding-left: 20px;

    font-size: 9px;

    border: 1px solid #85969b;

    height: 24px;

    padding-top: 4px;

    padding-bottom: 1px;

    font-weight: bold;

    letter-spacing: 1px;

}



.page.cc-body {

    margin-top: 31px;

    margin-bottom: 36px;

}



.page.cc-body:last-child {

    margin-top: 0px;

} 

.page.cc-body .cc-body-inner {

    background: white;

    padding: 24px 28px;

    position: relative;

}

.page.cc-body h1 {

    font-size: 20px;

    color: #211f1f;

    margin-bottom: 18px;

    font-weight: 900;

    letter-spacing: 1px;

    text-transform: uppercase;

}

.page.cc-body h2 {

    font-size: 17px;

    margin-bottom: 16px;

}

.page.cc-body h3 {

    font-size: 14px;

    margin-bottom: 12px;

}

.page.cc-body h4 {

    font-size: 13px;

    margin-bottom: 16px;

}

.page.cc-body h5 {

    font-size: 10px;

    margin-bottom: 16px;

}

.page.cc-body h6 {

    font-size: 7px;

    margin-bottom: 16px;

}



.page.cc-body .subtitle {

    font-size: 10px;

    font-style: italic;

    text-transform: uppercase;

    margin-bottom: 24px;

    letter-spacing: 1px;

}



.page.cc-body p {

    font-family: "grad";

    letter-spacing: 1px;

    font-size: 13px;

    color: #211f1f;

    line-height: 21px;

}

.cc-body .tag {

    font-size: 12px;

    padding-top: 6px;

    padding-bottom: 6px;

    background: #e6ba69;

    padding-left: 10px;

    padding-right: 10px;

    position: absolute;

    color: white;

    font-style: italic;

    top: -10px;

    z-index: 1;

    text-transform: uppercase;

    letter-spacing: 1px;
	left:15px;

}



.cc-widget {

    text-align: center;

    padding: 36px;

    min-height: 372px;

}



.cc-widget img {

    margin-bottom: 30px;

}

.cc-widget .title {

    font-size: 14px;

    font-weight: 900;

    letter-spacing: 1px;

    margin-bottom: 15px;

    text-transform: uppercase;

}

.cc-widget .cc-widget-link {

    font-size: 14px;

    font-weight: 900;

    letter-spacing: 1px;

    margin-bottom: 15px;

    text-transform: uppercase;

    text-decoration: none;

    color: rgb(51, 51, 51);

} 

.cc-widget .content {

    font-size: 13px;

    font-family: "grad";

    letter-spacing: 1px;

    color: #000000;

    margin-bottom: 16px;

    line-height: 19px;

}



.cc-widget  .link a {

    font-size: 11px;

    color: #e5b967;

    font-weight: 900;

    text-transform: uppercase;

}

.cc-body .crumbs ul {

    margin-bottom: 17px;

}

.cc-body .crumbs ul li {

    font-weight: 900;

    display: inline-block;

    font-size: 9px;

    position: relative;

}

.cc-body .crumbs ul li a {

    text-decoration: none;

    color: #676868;

    text-transform: uppercase;

}

.cc-body .crumbs ul li:after {

    content: '/';

    display: inline-block;

    color: #221f1f;

    padding: 0 16px;

}

.cc-body .crumbs ul li:last-child:after {

    display: none;

}

.page .question {

    min-height: 600px;

}

.page .question h2 {

    font-size: 15px;

    font-style: italic;

    text-transform: uppercase;

    font-weight: 900;

    line-height: 20px;

}

.next-prev-nav {

    margin-bottom: 23px;

    position: relative;

}

.next-prev-nav:last-child {

    margin-bottom: 0px;

}

.next-prev-nav li {

    display: inline-block;

}

.next-prev-nav ul li:after {

    content: '|';

    display: inline-block;

    color: #231f20;

    padding: 0 25px;

    font-weight: 900;

}

.next-prev-nav ul li:last-child:after {

    display: none;

}

.next-prev-nav li a {

    color: #e5b968;

    font-size: 12px;

    font-weight: 900;

    font-style: italic;

}



.cc-block.left {

    padding-right: 14px;

}

.cc-block.left .cc-body-inner {

    min-height: 139px;

}

.cc-block.right {

    padding-left: 14px;

    position: relative;

}

.tag.dark {

    background-color: #6e838a;

}

.tag.light {

    background-color: #e4e3d0;

}

.tag.cc-red {

    background-color: #a9575e;

}

.questions ol {

    padding-left: 20px;

    position: relative;

}

.questions ol li {

    padding-bottom: 25px;

    padding-left: 10px;

    position: relative;

}

.questions ol li.active:before {

    content: '';

    width: 8px;

    height: 100%;

    background: #e5b968;

    position: absolute;

    left: -48px;

}

.questions ol li a {

    color: #131312;

    font-family: "grad";

    letter-spacing: 1px;

    line-height: 20px;

    font-size: 12px;

    text-decoration: none;

}

.questions ol li a:hover {

    color: #7f7c7c;

}

.co-sponsor > .row {

    margin-top: 45px;

    border-left: 2px solid #f5e5c9;

    border-right: 2px solid #f5e5c9;

}

.co-sponsor .list:nth-child(2) {

    border-right: 2px solid #f5e5c9;

    border-left: 2px solid #f5e5c9;

}



.co-sponsor .list ul {

    padding: 0 37px;

    padding-top: 10px;

}

.co-sponsor .list ul li {

    padding-bottom: 46px;

}

.co-sponsor .list ul li a {

    color: #010101;

    font-size: 11px;

    font-weight: 900;

    letter-spacing: 1px;

    line-height: 15px;

    text-decoration: none;

    text-transform: uppercase;

}

.co-sponsor  .list ul li a:hover {

    color: #7f7c7c;

}



.cc-body form {

    margin-top: 49px;

    padding: 0 20px;

}



form label {

    font-size: 12px;

    text-transform: uppercase;

    color: #595a5c;

    display: block;

    font-weight: 900;

    margin-bottom: 10px;

    letter-spacing: 1px;

}



form input,

form textarea {

    background: #f3f3f4;

    border: 2px solid #d6d7d8;

    height: 34px;	

    width: 100%;

    margin-bottom: 25px;

    padding: 0 5px;

}



form textarea {

    height: auto;

}

form {

    display: inline-block;

    width: 100%;

}

form input.submit,

form input.wpcf7-submit,

.gform_button {

    border: 2px solid #c38c8c;

    width: auto;

    max-width: auto;

    background: #a9585f;

    font-weight: 900;

    font-size: 12px !important;

    letter-spacing: 2px;

    height: 31px;

    padding: 0 16px;

    color: white;

    float: right;

    text-transform: uppercase;

}

form .ginput_container {

    padding-right: 40px;

    display: inline-block;

    width: 100%;

}

#gform_4 .ginput_container {

    padding-right: 0px;

}

#guidebook i.fa {

    position: absolute;

    right: 14px;

    font-size: 30px;

    cursor: pointer;

}

.gform_heading h3 {

    font-size: 23px;

    font-weight: 900;

    text-transform: uppercase;

    margin-bottom: 15px;

}



.view-pdf a,

.view-pdf span {

    font-weight: 900;

    font-size: 20px;

    color: #000000;

    margin-top: 50px;

    display: inline-block;

    float: left;

    text-decoration: none;

}



.view-pdf img {

    float: right;

    margin-right: 25px;

}



.search-box form {

    margin: 0px;

    padding: 0px;

    text-align: center;

}

.search-box .tag {

    color: #676767;

}

.search-box form .ginput_container {

    display: inline-block;

    width: 100%;

    padding: 0px;

}

.search-box form input {

    padding: 0 5px;

}



.search-box form input.submit {

    padding: 0 16px;

    margin-bottom: 0px;

    float: none;

}



.cc-list .title {

    font-size: 14px;

    text-transform: uppercase;

    line-height: 18px;

    letter-spacing: 1px;

    font-style: italic;

    margin-bottom: 20px;

}

.cc-list ul li {

    height: 58px;

    border-bottom: 1px solid #efeeee;

}

.cc-list ul li:last-child {

    border: none;

}

.cc-list ul li .left {

    padding-left: 47px;

    position: relative;

    padding-top: 21px;

}

.cc-list ul li .left.no-left-padding {

    padding-left: 0 !important;

}

.cc-list ul li .right {

    text-align: right;

    padding-top: 20px;

}

.cc-list ul li  .right a {

    padding-right: 16px;

    color: #a9575e;

    font-weight: 900;

    font-size: 9px;

    letter-spacing: 1px;

}

.cc-list ul li a {

    font-size: 12px;

    font-weight: 900;

    color: #221f1f;

    text-transform: uppercase;

    text-decoration: none;

}



.cc-list ul li img {

    width: 38px;

    position: absolute;

    left: 0;

    top: 11px;

}

.cc-list ul.key-resources li img {

    width: auto;

    position: relative;

    top: 0;

    max-width: 58px;

}

.cc-list ul.key-resources li {

    height: auto;

    padding-bottom: 10px;

    padding-top: 10px;

}

.cc-list ul.key-resources li .subheader a {

    font-size: 15px;

    font-weight: 900;

    font-family: raleway, sans-serif;

    font-style: normal;

}

.cc-body-alert {

    text-align: center;

    text-transform: uppercase;

    font-weight: 900;

     letter-spacing: 1px;

    color: #221f1f;

}

.cc-body-alert a {

    text-decoration: underline;

    color: #a9575e;

}



.cc-list-second ul li .left  {

    padding:11px 0;

}

.cc-list-second ul li:last-child .left {

    padding-bottom: 0px;

}



.cc-list-second ul li .header {

    font-family: "raleway",sans-serif;

    font-size: 12px;

    font-weight: 900;

    text-transform: uppercase;

}

.cc-list-second ul li .header.single {

    margin-top: 8px;

}

.cc-list-second ul li .subheader {

    font-family: "grad";

    font-size: 9px;

    color: #676767;

}

.cc-list-second ul li .right a {

    color: #a9575e;

    font-size: 9px;

    font-weight: 900;

}



.cc-header form input {

    margin-bottom: 0px;

    background: white;

}



.cc-body .cc-text-block .tag {

    top: -36px;

}



/* MEDIA PAGE - START */



.media .featured-row {

    border-bottom: 2px solid #eedcb1;

    margin-bottom: 30px;

}

.media .featured-row h2 {

    min-height: 40px;

    margin-bottom: 0px;

}

.media #news-carousel {

    border: 1px solid #ccc;

    display: none;

}

.media #news-carousel .carousel-inner>.item {

    max-height: 548px;

}

.media #news-carousel .carousel-caption {

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.6);

    text-align: left;

}

.media #news-carousel .carousel-caption h1 {

    margin-top: 25%;

    padding-left: 30px;

    padding-right: 30px;

}

.media #news-carousel .highlight-bg {

    padding-left: 30px;

    padding-right: 30px;

}

.media .post-item {

    padding-bottom: 30px;

    border-bottom: 1px solid #ccc;

    margin-bottom: 30px;

    min-height: 170px;

}

.media .post-item .featured {

    display: inline-block;

    position: absolute;

}

.media .post-item .featured p {

    display: none;

}

.media .post-item .featured iframe {

    width: 261px;

    height: 152px;

}

.media .post-item .featured .img {

    width: 261px;

    height: 152px;

    background-size: cover;

    background-position: center center;

}

.media .post-item .info {

    padding-left: 289px;

}

.media .post-item.no-attachment .info {

    padding-left: 0px;

}

.media .post-item.no-attachment .featured {

    display: none;

}

.media.media .post-item-holder.col-sm-9 {

    border-left: 2px solid #eedcb1;

}

.media.media .buckets li {

    margin-bottom: 7px;

    list-style-type: disc;

    color: #a9565d;

}

.media.media .buckets ul {

    padding-left: 20px;

}

.media.media .buckets li a {

    line-height: 17px;

    display: block;

    font-size: 13px;

    letter-spacing: 0;

    color: #a9565d;

    border-radius: 0;

    text-transform: uppercase;

}

.media .post-title {

    margin-bottom: 5px;

}

.media .post-title a {

    font-size: 19px;

    font-weight: 900;

    color: black !important;

    text-transform: uppercase;

    text-decoration: none;

}

.media .post-title a:hover {

    color: #9d5d5d;

}

.media .post-metadata {

    margin-bottom: 10px;

}

.media .post-metadata h4 {

    color: black;

    font-size: 11px;

    font-weight: 900;

    text-transform: uppercase;

    float: left;

    margin-right: 15px;

    display: block;

    width: 100%;

    margin-bottom: 5px;

}

.media .post-metadata .pipe {

    padding-left: 10px;

    padding-right: 10px;

}

.media .post-metadata h4.author,

.media .post-metadata h4.where {

    text-transform: none !important;

}

.media .post-metadata h4 a {

    color: #5d5d5d;

    font-size: 12px;

}

.media .post-content p {

    margin-bottom: 0;

}

.post-content div {

    margin-bottom: 10px;

    /*display: inline-block;

    width: 100%;*/

}

.media .post-content .view-more {

    padding-left: 10px;

    color: #a9565d;

    font-size: 11px;

    font-weight: 900;

    font-family: "raleway",sans-serif;

}

.media .pagination {

    margin: 0;

    width: 100%;

    margin-bottom: 27px;

}

.media .pagination .page-numbers {

    padding: 0 5px;

    font-size: 20px;

    font-weight: 900;

}

.media .pagination a {

    color: #a9565d;

}

.news .sidebar {

    margin-top: 60px;

}



.category-nav ul {

    margin-bottom: 5px;

    margin-top: 5px;

    display: inline-block;

}

.category-nav ul li {

    display: table-cell;

    float: left;

    margin-bottom: 5px;

}

.category-nav ul li a {

    font-size: 12px;

    letter-spacing: 0;

    border-radius: 0;

    text-transform: uppercase;

    position: relative;

    display: block;

    padding: 7px 15px;

    line-height: 10px;

    font-weight: bold;

    text-decoration: none;

    color: #a9565d;

}

.category-nav ul li.active a {

    color: #fff;

    background-color: #a9565d;

}

.category-nav ul li:hover a {

    color: #fff;

    background-color: #a9565d;

}

.single-post.media .featured iframe {

    width: 100%;

    height: 639px;

}

/* MEDIA PAGE - END */



.searchwp-highlight {

    background-color: #e5b969;

}





/* FRAMEWORK PAGE - START */

.framework-landing {

    margin-top: 31px !important;

    margin-bottom: 36px;

}

.framework-landing p {

    text-align: left;

}

.framework-landing ol {

    line-height: 1.8em;

    letter-spacing: 1px;

}

.framework-landing .transparent-overlay {

    background: rgba(0, 0, 0, 0.5);

}

.framework-landing .circle-icon {

    width: 78px;

    height: 78px;

    padding-top: 13px;

    padding-left: 13px;

    margin: 0 auto 20px auto;

}

.framework-landing .icon-columns {

    margin-top: 30px;

    margin-bottom: 10px;

}

.framework-landing .icon-columns.padded>div {

    padding: 0 30px;

}

.framework-landing .icon-columns p {

    text-align: center;

}

.framework-landing .buttons-container {

    padding-top: 70px;

    padding-bottom: 40px;

    border-bottom: 1px solid #ccc;

}

.framework-landing .buttons-container a {

    //margin-right: 15px;

}

.framework-landing .headline h2 {

    padding-left: 10px;

    padding-right: 10px;

}

.framework-landing .headline h2 {

    font-size: 30px;

    color: white;

}

.framework-landing .bg:hover .headline h2 {

    opacity: 0.9;

}

.framework-landing .headline h2 span {

    display: block;

    font-size: 19px;

}

.framework-landing .headline.main h2 span {

    display: block;

    font-size: 22px;

}

.framework-landing .headline.main h2 {

    font-size: 41px;

    color: #5d5d5d;

    margin-bottom:38px;

    margin-top: 20px;

}

.framework-landing .bg {

    background-color: grey;

    min-height: 177px;

    position: relative;

    background-size: cover;

    background-repeat: no-repeat;

}

.framework-landing .content {

    padding-top: 40px;

    padding-bottom: 40px;

    line-height: 22px;

}

.framework-landing  .content p {

    margin-bottom: 10px;

}

.framework-landing .content ul {

    padding-left: 20px;

}

.framework-landing .bg .container {

    min-height: 177px;

}

.framework-landing .bg .border {

    height: 10px;

    background-color: #6c8b91;

}

.framework-landing .bg .border .triangle {

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid;

    border-color: transparent;

    border-bottom: 0;

    border-top-color: #6c8b91;

    border-width: 36px;

    left: 50%;

    margin-left: -18px;

    bottom: -36px;

    z-index: 200;

}

.framework-landing h2.ab {

    font-size: 20px;

    margin-bottom: 18px;

    font-weight: 900;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: #efeedb !important;

    text-shadow: 0 1px 2px #000;

    bottom: 0;

    position: absolute;

    padding-left: 29px;

}

.framework-section-heading {

    height: 180px;

    margin: 0 auto !important;

    background-size: cover;

}

.framework-section-heading h1 {

    color: #efeedb !important;

    text-shadow: 0 1px 2px #000;

    bottom: 0;

    position: absolute;

    padding-left: 29px;

}

.framework-section-heading .col-md-12 {

    height: 180px;

    position: relative;

}

.framework-value {

    background-image: url(images/framework/Framework-1.jpg);

    background-position: 0 -34px;

}

.framework-organized {

    background-image: url(images/framework/Framework-2.jpg);

    background-position: 0 -45px;

}

.framework-guidelines {

    background-image: url(images/framework/Framework-3.jpg);

    background-position: 0 -85px;

}

.framework-use {

    background-image: url(images/framework/Framework-4.jpg);

    background-position: 0 -87px;

}

.framework-experimentation {

    background-image: url(images/framework/Framework-5.jpg);

    background-position: 0 0;

}

.framework-detail {

    padding-top: 30px;

}

.framework-detail .row {

    padding-bottom: 30px;

    border-bottom: 1px solid #aaa;

    margin-bottom: 17px;

}

.framework-detail .framework-nav {

    padding-bottom: 25px;

}

.framework-detail .framework-nav ul.nav {

    line-height: normal;

    font-weight: 900;

}

.framework-detail .framework-nav ul.nav>li>a {

    font-size: 12px;

    letter-spacing: 0;

    color: #a9565d;

    border-radius: 0;

    text-transform: uppercase;

}

.framework-detail .framework-nav ul.nav>li.active>a {

    color: #fff;

    background-color: #a9565d;

}

.framework-detail #framework-carousel {

    //border-bottom: 1px solid #aaa;

}

.framework-detail .inner-header h2 {

    color: #a9565d;

    margin-bottom: 5px;

}

.framework-detail .inner-header a.carousel-ctrl {

    display: inline-block;

    line-height: normal;

    font-size: 12px;

    color: #aaa;

    font-weight: 900;

    text-transform: uppercase;

}

.framework-detail .inner-header a.carousel-ctrl.left {

    padding-right: 15px;

    border-right: 1px solid #a9565d;

    margin-right: 10px;

}

.framework-detail .inner-desc h3 {

    margin-bottom: 0;

    line-height: 1.5em;

}

.framework-detail .inner-columns {

    padding-bottom: 0;

    border-bottom: 0;

}

.framework-detail .inner-columns h3 {

    color: #a9565d;

    font-weight: 900;

    margin-top: 10px;

    margin-bottom: 18px;

    border-bottom: 2px solid #d1dbdd;

    padding-bottom: 18px;

    text-transform: uppercase;

}

.framework-detail .inner-columns h4 {

    color: #58595b;

    font-weight: 900;

    margin-bottom: 20px;

    font-size: 12px;

    text-transform: uppercase;

}

.framework-detail .inner-columns ul {

    font-size: 14px;

    padding-left: 15px;

    padding-bottom: 0;

    margin-bottom: 0;

}

.framework-detail .inner-columns ul li {

    padding-bottom: 15px;

    list-style-type: disc;

    line-height: 19px;

}

.framework-detail .inner-columns ol li {

    list-style-type: decimal;

    padding-bottom: 10px;

}

.framework-detail .inner-columns ol li:last-child {

    margin-bottom: 0px;

}

.framework-detail .inner-columns ol {

    margin-top: 10px;

}

.framework-detail .inner-columns .col-md-3,

.framework-detail .inner-columns .col-md-4 {

    padding-left: 25px;

    padding-right: 25px;

    border-right: 1px solid #ccc;

}

.framework-detail .inner-columns .col-md-3:last-child,

.framework-detail .inner-columns .col-md-4:last-child {

    border-right: 0;

}

.container-height p {

    margin-bottom: 10px;

}

.circle-icon {

    height: 52px;

    width: 52px;

    border-radius: 50%;

}

.circle-icon.red {

    background: #a9565d;

}

.circle-icon.green {

    background: #6c8b91;

}

.circle-icon img {

    height: 52px;

    width: 52px;

}

.framework-landing .container li {

    margin-left: 20px;

    list-style-type: disc;

    font-family: "grad";

    letter-spacing: 1px;

    font-size: 13px;

    color: #211f1f;

    line-height: 21px;

    margin-bottom: 10px;

}

.framework-landing .container p {

    line-height: 21px;

}

.btn {

    color: white;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 900;

    border-radius: 0;

    padding: 10px 25px;

    height: 42px;

}

.btn-primary {

    background: #a9565d;

    border: 1px solid #87454a;

}

.btn-primary:focus {

    background: #a9565d;

}

.btn-primary:hover {

    background: #87454a;

}

.mobile-logo {

    display: none;

}

.mobile {

    display: none !important;

}

.pull-right a {

    font-size: 12px;

    padding: 10px;

    height: 29px;

    padding-top: 6px;

    float: right;

}

.framework-detail .inner-columns .col-md-9 .col-md-12 {

    padding-left: 20px;

}

.pull-right .tagline {

    font-size: 19px;

    font-weight: bold;

    color: #666666;

    text-transform: uppercase;

    display: inline-block;

    padding-top: 3px;

    float: left;

}

.pull-left {

    float: left !important;

}

.framework-detail .inner-header h2 {

    color: #a9565d;

    margin-bottom: 5px;

    font-weight: 900;

    font-size: 28px;

    text-transform: uppercase;

}

.framework-detail .inner-header a.carousel-ctrl.left {

    padding-right: 15px;

    border-right: 1px solid #a9565d;

    margin-right: 10px;

    text-transform: uppercase;

    font-weight: 900;

    text-decoration: none;

}

 

.framework-detail .inner-header a.carousel-ctrl {

    display: inline-block;

    line-height: normal;

    font-size: 12px;

    color: #aaa;

    text-transform: uppercase;

}

/* FRAMEWORK PAGE - END */



/* NEWS - START */

.single-post .col-md-9 {

    padding-right: 50px;

}

.single-post .post-title {

    margin-bottom: 35px;

}

.single-post.resources-single .post-title {

    margin-bottom: 54px;

}

.single-post .post-metadata {

    margin-bottom: 30px;

}

.single-post .post-metadata h4 {

    color: #6c8b91;

    float: left;

    margin-right: 20px;

    display: block;

    width: 100%;

    margin-bottom: 8px;

}

.single-post .post-metadata h4.where,

.single-post .post-metadata h4.author {

    color: #5d5d5d; 

}

.single-post .post-metadata h4.author {

    font-style: italic;

}

.single-post .post-content {

    margin-bottom: 50px;

}

.single-post .post-content img.featured {

    border: 1px solid #ccc;

    margin-bottom: 30px;

}

.single-post .post-comments {

    margin-bottom: 50px;

}

.single-post>.container>.row {

    //border-bottom: 1px solid #ccc;

}

.news-page .tag {

    background: #a9565d;

}

.news .featured-row {

    border-bottom: 2px solid #eedcb1;

    margin-bottom: 30px;

}

.news .featured-row h2 {

    min-height: 40px;

    margin-bottom: 0px;

    text-transform: uppercase;

    margin-top: 0;

    font-weight: 900;

    font-size: 28px;

}

.news #news-carousel {

    border: 1px solid #ccc;

    display: none;

}

.news #news-carousel .carousel-inner>.item {

    max-height: 548px;

}

.news #news-carousel .carousel-caption {

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.6);

    text-align: left;

}

.news #news-carousel .carousel-caption h1 {

    margin-top: 25%;

    padding-left: 30px;

    padding-right: 30px;

}

.news #news-carousel .highlight-bg {

    padding-left: 30px;

    padding-right: 30px;

}

.news .post-item {

    padding-bottom: 30px;

    border-bottom: 1px solid #ccc;

    margin-bottom: 30px;

}

.news .post-item .featured {

    display: inline-block;

    position: absolute;

}

.news .post-item .featured p {

    display: none;

}

.news .post-item .featured iframe {

    width: 261px;

    height: 152px;

}

.news .post-item .featured .img {

    width: 261px;

    height: 152px;

    background-size: cover;

    background-position: center center;

}

.news .post-item .info {

    padding-left: 289px;

}

.news .post-item.no-attachment .info {

    padding-left: 0px;

}

.news .post-item.no-attachment .featured {

    display: none;

}

.news.media .post-item-holder.col-sm-9 {

    border-left: 2px solid #eedcb1;

}

.news.media .buckets li {

    margin-bottom: 7px;

    list-style-type: disc;

    color: #a9565d;

}

.news.media .buckets ul {

    padding-left: 20px;

}

.news.media .buckets li a {

    line-height: 17px;

    display: block;

    font-size: 13px;

    letter-spacing: 0;

    color: #a9565d;

    border-radius: 0;

    text-transform: uppercase;

}

.news .post-title {

    margin-bottom: 5px;

}

.news .post-title a {

    font-size: 19px;

    font-weight: 600;

    color: #211f1f;

    text-transform: uppercase;

    text-decoration: none;

}

.news .post-title a {

    font-size: 19px;

    font-weight: 900;

    color: black !important;

    text-transform: uppercase;

    text-decoration: none;

}

.news .post-title a:hover {

    color: #9d5d5d;

}

.news .post-metadata {

    margin-bottom: 10px;

}

.news .post-metadata h4 {

    font-size: 11px;

    float: left;

    margin-right: 15px;

    display: block;

    width: 100%;

    margin-bottom: 5px;

    color: black;

    font-weight: 900;

}

.news .post-metadata .pipe {

    padding-left: 10px;

    padding-right: 10px;

}

.news .post-metadata h4.author,

.news .post-metadata h4.where {

    text-transform: none !important;

}

.news .post-metadata h4 a {

    color: #5d5d5d;

    font-size: 12px;

}

.news .post-content p {

    margin-bottom: 0;

    color: black;

    font-size: 13px;

}

.news .post-content .view-more {

    padding-left: 10px;

    color: #a9565d;

    font-size: 11px;

    font-weight: 900;

    font-family: "raleway",sans-serif;

}

.news .pagination {

    margin: 0;

    width: 100%;

    margin-bottom: 27px;

}

.news .pagination .page-numbers {

    padding: 0 5px;

    font-size: 20px;

    font-weight: 900;

}

.news .pagination a {

    color: #a9565d;

}

.news .sidebar {

    margin-top: 60px;

}

.about-us>.container {

    padding-bottom: 30px;

    border-bottom: 1px solid #ccc;

    margin-bottom: 30px;

}

.about-us .about-text {

    padding-bottom: 0;

    border-bottom: 0;

    text-align: left;

    margin-bottom: 0px;

}

.about-us .about-who {

    background-image: url(images/about-us-img.jpg);

    margin: 0px;

}

.about-us .transparent-overlay {

    background: rgba(0, 0, 0, 0.4);

}

.about-us .about-orgs .col-md-6 {

    padding-left: 30px;

    padding-right: 30px;

    border-left: 1px solid #ccc;

}

.about-us .about-orgs .col-md-6:first-child {

    border-left: 0;

}

.about-us .about-orgs .col-md-6 img {

    height: 73px;

    width: auto;

    display: block;

    margin: 0 auto;

    margin-bottom: 20px;

}

.about-us .about-orgs a {

    font-size: 14px;

    letter-spacing: 0;

}

.about-us .about-team h2 {

    margin-top: 20px;

    margin-bottom: 40px;

}

.about-us .about-team .col-sm-3 {

    height: 100px;

    text-align: center;

    padding: 0 30px;

    margin-bottom: 30px;

}

.about-us .about-team .col-sm-3 h3 {

    color: #a9565d;

    font-weight: 900;

    margin-bottom: 5px;

}

.search-page .search-term {

    font-size: 12px !important;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.search-page .search-term span {

    font-weight: 900;

}

.search-page .post {

    margin-bottom: 30px;

    padding-bottom: 30px;

    border-bottom: 1px solid #dedede;

}

.search-page .post h4 {

    font-size: 12px;

    margin-bottom: 10px;

}

.search-page .post .title a {

    font-size: 15px;

    font-weight: bold;

    color: #666666;

    text-transform: uppercase;

    display: inline-block;

    line-height: 16px;

    margin-bottom: 5px;

    text-decoration: none;

}

.search-page .pagination {

    margin: 0;

    width: 100%;

    margin-bottom: 27px;

    text-align: center;

}

.search-page .pagination .page-numbers {

    padding: 0 5px;

    font-size: 20px;

    font-weight: 900;

}

.search-page .pagination a {

    color: #a9565d;

}

.search-page .post .entry-summary {

    font-size: 13px;

    line-height: 16px;

}

.resources-taxonomy .content p {

    font-family: "grad";

    letter-spacing: 1px;

    font-size: 13px;

    color: #211f1f;

    line-height: 21px;

    margin-bottom: 10px;

}

.resources-taxonomy .content li {

    margin-left: 20px;

    list-style-type: disc;

    font-family: "grad";

    letter-spacing: 1px;

    font-size: 13px;

    color: #211f1f;

    line-height: 21px;

    margin-bottom: 10px;

}

.resources-taxonomy .content ol, 

.resources-taxonomy .content ul {

    padding-left: 20px;

}

.post-content p {

    font-family: "grad";

    letter-spacing: 1px;

    font-size: 13px;

    color: #211f1f;

    line-height: 21px;

    margin-bottom: 10px;

}

.post-content li {

    margin-left: 20px;

    list-style-type: disc;

    font-family: "grad";

    letter-spacing: 1px;

    font-size: 13px;

    color: #211f1f;

    line-height: 21px;

    margin-bottom: 10px;

}

.post-content ol, 

.post-content ul {

    padding-left: 20px;

    margin-bottom: 20px;

}

.post-content div {

    font-size: 13px;

    line-height: 21px;

}

div.wpcf7-validation-errors {

    display: none !important;

    margin: 0 !important;

    color: red;

    font-size: 13px;

}

span.wpcf7-not-valid-tip {

    color: #f00;

    font-size: 13px;

    display: block;

    position: absolute;

    top: 4px;

    width: 191px;

    left: 5px;

}

.wpcf7-form-control-wrap {

    position: relative;

}

.gform_wrapper div.validation_error {

    font-size: 14px;

    color: red;

    border: none;

    padding: 0;

}



.gform_wrapper li.gfield.gfield_error.gfield_contains_required {

    margin: 0 !important;

    padding: 0;

    border: none;

    background: none;

    width: 100%;

}



.gform_fields {

    width: 100%;

}

.gform_fields li input {

    width: 100% !important;

}

.gform_footer.top_label {

    display: inline-block;

    width: 100%;

    margin: 0;

    padding: 0;

    padding-right: 26px !important;

}

#guidebook.modal {

    background-color: rgba(227, 222, 213, 0.81);

}

#guidebook.modal .modal-dialog {

    margin-top: 10%;

    width: 100%;

    max-width: 850px;

}

#guidebook.modal .modal-content {

    border-radius: 0px;

    border: 3px solid #a9565d;

    padding: 30px;

}

#guidebook.modal .modal-content .modal-body {

    padding: 0px;

}

#guidebook.modal .modal-content .modal-body i {

    text-align: right;

    font-size: 31px;

    position: absolute;

    right: 0px;

    top: -3px;

    cursor: pointer;

}

#guidebook.modal .modal-content .validation_error {

    border: none;

    font-size: 16px;

    color: red;

    margin: 0;

}

#guidebook.modal .modal-content input {

    width: 100%;

    border: 2px solid #d7d8d9;

    background: #f3f3f4;

    padding-left: 5px;

    padding-right: 5px;

}

#guidebook.modal .modal-content .gform_title {

    font-size: 34px;

    color: #5d5d5d;

    font-weight: 900;

    font-family: "Raleway", sans-serif;

    margin-top: 10px;

    margin-bottom: 34px;

}

#guidebook.modal .modal-content .gfield_label {

    font-size: 17px;

    text-transform: uppercase;

    font-weight: 900;

    color: #5d5d5d;

    margin-bottom: 14px;

    margin-top: 15px;

}

#guidebook.modal .modal-content .gform_button {

    display: inline-block;

    width: auto !important;

    background: #a9565d !important;

    color: white;

    font-size: 20px;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: 1px;

    padding: 8px 23px;

    font-size: 14px !important;

    height: auto;

}

#guidebook.modal .modal-content .gform_body {

    margin-bottom: 24px;

    padding-left: 28px;

    padding-right: 30px;

}

#guidebook.modal .gform_wrapper {

    margin: 0px;

}

#guidebook.modal .gform_wrapper .gform_footer {

    padding: 0px;

}

.not-mobile {

    display: inline-block !important;

}

.not-mobile-block {

    display: block !important;

}

div.wpcf7-mail-sent-ok {

    border: none;

}

.media {

    overflow: visible !important;

}











/* Portrait */

@media only screen   and (min-width: 768px)  and (max-width: 1024px)   and (orientation: portrait)   and (-webkit-min-device-pixel-ratio: 1) {

    .framework-landing .bg .border .triangle {

        bottom: -34px;

    }

    .cc-box {

        padding-left: 0px;

        padding-right: 5px;

    }

    .cc-box .inner {

        padding: 5px;

    }

    .cc-box .title {

        font-size: 10px;

        line-height: 12px;

    }

    .cc-tile .cc-tile-inner .title {

        line-height: 17px;

        font-size: 13px;

    }

    .page.cc-body p {

        line-height: 17px;

        font-size: 12px;

    }

    .cc-tile .cc-tile-inner {

        padding-left: 10px;

        padding-right: 10px;

        padding-top: 20px;

    }

    .cc-category-list .left-inner {

        padding-left: 10px;

        padding-right: 10px;

    }

    .section .cc-twitter-inner {

        padding-left: 10px;

        padding-right: 10px;

    }

    .cc-category-list .cc-horizontal {

        padding-bottom: 10px;

        margin-bottom: 10px;

    }

    .cc-header .left .tagline {

        margin: 0 !important;

        font-size: 10px;

    }



}

/*.cc-body .tag {

                position: relative;

                margin-bottom: 10px;

                display: inline-block;

                }*/



/* Landscape */

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .cc-header {

        padding-left: 10px;

        padding-right: 10px;

    }

    .cc-header .right .tagline2 a {

        font-size: 8px;

    }

    .cc-footer {

        padding-left: 10px;

        padding-right: 10px;

    }

    .cc-header .menu ul li {

        padding: 0 3px;

    }

    .cc-header .menu ul li a {

        padding: 7px 7px;

    }

    .cc-footer ul li {

        padding: 2px 7px;

    }

    .cc-footer ul li:after {

        margin-left: 7px;

    }

    .nav-pills>li {

        min-width: 120px;

    }

    .framework-detail {

        padding-left: 10px;

        padding-right: 10px;

    }

    .framework-detail .framework-nav ul.nav>li>a {

        min-width: 120px;

    }

    .cc-widget {

        padding-left: 10px;

        padding-right: 10px;

    }

}



@media (max-width: 768px) {

    .mobile {

        display: inline-block !important;

    }

    .not-mobile {

        display: none !important;

    }

    .not-mobile-block {

        display: none !important;

    }

    .navbar {

        background: none;

        margin: 0;

        padding: 0;

        margin-top: -73px;

        display: inline-block;

        position: absolute;

        right: 5px;

    }

    cc-header .right.mobile {

        text-align: right;

    }

    .cc-header .right.mobile a {

        display: inline-block;

        border-left: 1px solid #848484;

        padding-left: 10px;

    }

    .cc-header .right.mobile a img {

        padding: 1px 3px;

        margin-top: 4px;

    }

    .cc-header .left {

        padding-right: 5px;

    }



    .cc-header .left .tagline {

        margin: 0 !important;

        font-size: 8px;

    }



    .cc-footer ul li:last-child {

        display: none !important;

    }

    .cc-footer ul li a {

        font-size: 7px;

    }

    .page.cc-body {

        margin-top: 18px;

        margin-bottom: 15px;

        padding-right: 10px;

        padding-left: 10px;

    }

    .mm-menu li form {

        padding: 5px;

    }

    .mm-menu li form > span {

        display: inline-block;

        width: 100%;

    }

    .mm-menu li form input {

        margin-bottom: 0px;

        width: 100%;

    }

    .cc-footer .signup {

        margin-bottom: 10px;

    }

    .cc-block.left {

        padding-right: 0px;

    }

    .cc-block.right {

        padding: 0;

        margin-top: 20px;

    }

    .co-sponsor .list:nth-child(2) {

        border: none !important;

    }

    .single-post .cc-body-inner {

        min-height: 500px !important;

    }

    .single-post .cc-body-inner {

        padding-left: 10px;

        padding-right: 10px;

    }

    .mobile-co-sponsor-link {

        font-size: 9px;

        color: #6d8289;

        letter-spacing: 1px;

        font-style: italic;

        margin-top: 5px;

        margin-bottom: 5px;

        text-decoration: underline;

    }

    .about-us .about-orgs .col-md-6 {

        border: none;

        margin-top: 10px;

        padding: 0;

    }

    .cc-footer .menu {

        text-align: center;

    }

    .cc-footer .footer-meta {

        text-align: center;

    }

    .footer-logo-left {

        margin: 0 auto;

    }

}



@media (max-width: 500px) {

    .cc-header .left .tagline {

        margin: 0 !important;

        font-size: 6px;

    }

    .cc-header .left img {

        margin-top: 5px;

    }

    .container {

        padding: 0 5px;

    }

    .cc-body .cc-box .tag {

        margin-top: 10px;

        margin-bottom: 10px;

        display: inline-block;

        top: 0px;

        position: relative;

    }

    .cc-box {

        padding: 0px;

    }

    .section {

        padding: 10px !important;

    }

    .section:nth-child(2){

        padding: 0 !important;

    }

    .section:nth-child(3){

        padding: 0 !important;

        margin: 0;

    }

    .section .vc_column-inner {

        padding: 0 !important;

    }

    .cc-tile {

        margin-bottom: 20px;

    }

    .cc-box .inner {

        padding-left: 10px;

        padding-right: 10px;

    }

    .cc-tile .cc-tile-inner {

        padding-left: 10px;

        padding-right: 10px;

        min-height: auto;

    }

    .cc-tile .cc-tile-inner .title {

        font-size: 12px;

        line-height: 16px;

        margin-bottom: 18px;

    }

    .cc-tile .cc-tile-inner .body {

        margin-bottom: 0px;

    }

    .page.cc-body p {

        font-size: 11px;

        line-height: 18px;

    }

    body .cc-body .tag {

        font-size: 10px !important;

    } 

    .cc-category-list .left-inner {

        padding-left: 10px;

        padding-right: 10px;

    }

    .section .cc-twitter-inner {

        margin-top: 20px;

        padding-left: 10px;

        padding-right: 10px;

    }

    .cc-header {

        padding-top: 5px;

        padding-bottom: 10px;

    }

    .cc-tile .cc-tile-inner .bottom {

        position: relative;

        bottom: 0;

        margin-top: 10px;

    }

    .single-post .cc-body-inner {

        min-height: 0px !important; 

    }

    .cc-block.right {

        margin-bottom: 18px;

        margin-top: 0px;

    }

}