@import url("https://p.typekit.net/p.css?s=1&k=zys3bsj&ht=tk&f=14719&a=513660&app=typekit&e=css");

@font-face {
font-family:"bookmania";
src:url("https://use.typekit.net/af/f8ebfe/00000000000000003b9b092c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/f8ebfe/00000000000000003b9b092c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/f8ebfe/00000000000000003b9b092c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}

.tk-bookmania { font-family: "bookmania",serif; }
/*
Theme Name: Brand Standard
Author: Rob Rop
Author URI: 
Description: Brand Standard theme for Traction to use for sites.
Version: 1.0
Text Domain: brand-standard
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@charset "UTF-8";
@font-face {
    font-family: 'bookmania';
    src:url("../fonts/bookmania.eot?#iefix") format("embedded-opentype"), url("../fonts/bookmania.otf") format("opentype"), url("../fonts/bookmania.woff") format("woff");
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'centrano2-medium';
    src:url("../fonts/centrano2-medium.otf") format("opentype");
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'centrano2-bold';
    src:url("../fonts/EuclidCircularB-Semibold.eot") format("embedded-opentype"), url("../fonts/EuclidCircularB-Semibold.woff") format("woff"), url("../fonts/EuclidCircularB-Semibold.woff2") format("woff2"), url("../fonts/EuclidCircularB-Semibold.svg") format("svg");
    font-weight: normal;
    font-style: normal;}
/*** Button Style ***/
.primary-btn {
    float: left;
    width: 100%;
    background: #2A4267  ;
    border: 1px solid #2A4267  ;
    font-size: 14px;
    height: 38px;
    line-height: 37px;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
.primary-btn:hover {
    background: #c4d8e5; }

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;
    color: #979a9c; }

html {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

body {
    font-family: "centrano2-medium";
    font-size: 14px;
    line-height: 20px;
    background: white;
    color: #b3b6b8; }

h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    font-family: "centrano2-medium";
    color: #122D56  ; }

h1 {
    font-size: 42px;
    line-height: 44px; }

h2 {
    font-size: 34px;
    line-height: 34px; }

h3 {
    font-size: 28px;
    line-height: 30px;
    font-family: "centrano2-medium"; }

h4 {
    font-size: 20px;
    line-height: 26px;
    font-family: "centrano2-medium"; }

h5 {
    font-size: 20px;
    line-height: 22px;
    font-family: "centrano2-medium";
    margin-bottom: 20px; }

h6 {
    font-size: 18px;
    line-height: 20px; }

p {
    margin-bottom: 30px; 
    font-size: 12px;}

a {
    text-decoration: none;
    color: #2A4267  ;
    outline: 0px none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

a:hover,
a:focus,
a:active {
    color: rgba(0, 126, 229, 0.7);
    text-decoration: none;
    outline: 0px none; }

strong,
b {
    font-family: "centrano2-medium"; }

ul {
    background: none;
    margin: 0px;
    padding: 0px;
    list-style-image: none;
    list-style-type: none; }

ul li {
    background: none;
    margin: 0px;
    padding: 0px;
    list-style-image: none;
    list-style-type: none; }

img,
a img {
    max-width: 100%;
    margin: 0px;
    padding: 0px;
    border: none 0;
    outline: 0px none;
    vertical-align: middle;}

input:focus,
textarea:focus,
a:focus {
    outline: 0px none; }

@media screen and (max-width: 63.9375em) {
    body {
        font-size: 13px; } }
/*** Header *****************************************************************************************************************************************/
.primary{
    background: #2A4267  ;
}
.secondary{
    background: #b3b6b8;
}
.misuse-color{
    background: #f4c9ea;
}
#header {
    float: left;
    width: 100%; }

.main-outercon {
    float: left;
    overflow: hidden;
    width: 100%; }

.header-container {
    float: left;
    width: 100%;
    height:90px;
    position: fixed;
    z-index: 999;
    background: #122D56; }
.header-container .header-top {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 30px 0;
    float: left;
    width: 100%; }
.header-container .header-logo {
    float: left;
    font-family: "centrano2-medium"; }
.header-container .header-logo img, .header-container .header-logo svg {
    height: 24px;
    margin-top: 6px;
    float: left; }
.header-container .header-logo svg {
    opacity: 0;
    transition: opacity 1s; }
.header-container.header-fixed .header-logo svg {
    opacity: 1;
}
.header-container .header-logo svg path {
    fill: white; }
.header-container .header-logo span {
    color: white;
    font-size: 19px;
    margin-left: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    font-family: "centrano2-medium";
    float: right;
    line-height: 30px; }
.header-container.header-fixed {
    top: 0;
    left: 0;
    position: fixed;
    box-shadow: 0px 0px 13px 0px black;
    }
.header-container.header-fixed .header-logo {
    float: left; }
.header-container .header-logo a {      
    line-height: 30px;  
    font-size: 12pt;
    text-transform: uppercase;
    font-family: 'centrano2-bold';
    letter-spacing: 3px;
}
.header-container.header-fixed .header-logo span {
    opacity: 1;
    visibility: visible; }

.header-right {
    float: right;
    position: relative;
    padding-right: 40px; }
.header-right ul {
    float: left;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
.header-right ul li {
    display: inline-block;
    padding: 0 10px; }
.header-right ul li a {
    color: #26D07C ;
    font-family: 'centrano2-bold';
    line-height: 30px; }
.header-right ul li a:hover {
    color: #ffffff; }
.header-right.menu-open ul {
    opacity: 1;
    visibility: visible; }

#nav-icon1 {
    float: right;
    width: 22px;
    height: 18px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    cursor: pointer; }
#nav-icon1 span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #26D07C;
    opacity: 1;
    left: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
#nav-icon1 span:nth-child(1) {
    top: 0px; }
#nav-icon1 span:nth-child(2) {
    top: 7px; }
#nav-icon1 span:nth-child(3) {
    top: 14px; }
#nav-icon1.open span:nth-child(1) {
    opacity: 0; }
#nav-icon1.open span:nth-child(3) {
    opacity: 0; }
.mean-container a.meanmenu-reveal span{
    background: #26D07C;
}
.mean-container a.meanmenu-reveal{

}
.js-off-canvas-overlay.is-visible {
    opacity: 0;
    visibility: hidden; }

@media screen and (max-width: 47.9375em) {
    .js-off-canvas-overlay.is-overlay-absolute {
        background: rgba(0, 0, 0, 0.8);
        z-index: 999; }

    .js-off-canvas-overlay.is-visible {
        opacity: 1;
        visibility: visible; }

    .header-container {
        position: inherit; }

    .header-container .header-logo span {
        display: inline-block; }

    #nav-icon1 {
        margin-top: 19px; }
    #nav-icon1 span {
        opacity: 1 !important; }

    .position-left.is-transition-push {
        background: #2A4267  ;
        padding: 30px 0;
        text-align: center; }
    .position-left.is-transition-push .canvas-logo-outer img {
        width: 75px; }

    .mobile-nav {
        margin-top: 30px; }
    .mobile-nav li {
        margin: 10px 0; }
    .mobile-nav li a {
        color: white;
        font-size: 16px; }
    .mobile-nav li a:hover {
        color: #b3b6b8; }

    .mean-container .mean-bar {
        background: #2A4267  ;
        min-height: inherit;
        padding: 0; }

    .mean-container .mean-nav {
        background: #c4d8e5;
        margin-top: 0; }

    .mean-container .mean-nav ul li {
        float: none;
        display: block;
        width: auto;
        padding: 0 15px; }

    .mean-container a.meanmenu-reveal {
        top: -45px; }

    .mean-container .mean-nav {
        margin-bottom: 0; }

    .mean-container .mean-nav ul li.mean-last a {
        border-bottom: 1px solid #0c1923; }

    .mean-container .mean-nav ul li a {
        border-top: 1px solid #0c1923; 
        color: #0c1923;}

    .mean-container .mean-nav ul {
        padding-top: 30px; }

    .mean-container .mean-nav ul li a {
        font-family: "centrano2-medium";
        text-transform: capitalize; }

    .meanmenu-reveal.meanclose:before {
        background: #0c1923;
        content: "";
        height: 3px;
        position: absolute;
        width: 22px;
        left: 13px;
        top: 22px; } }
/*------ footer ---------*/
.footer-container {
    float: left;
    width: 100%; }
.footer-container .footer-top {
    float: left;
    width: 100%; }
.footer-container .footer-top a {
    padding: 40px 0;
    float: left;
    width: 100%; }
.footer-container .footer-top a h5 {
    float: left;
    margin: 0; 
    font-size: 16px;
    font-family: "centrano2-bold";
    letter-spacing: 1px;
    color: white;}
.footer-container .footer-top a span {
    float: right;
    font-family: "bookmania";
    color: white; }
.footer-container .footer-top a:hover {
    background: #51da96; }
.footer-container .footer-bottom {
    float: left;
    width: 100%;
    background: #122d56;
    padding: 40px 0;
    letter-spacing: 0.9px; }
.footer-container .footer-bottom .footer-contact {
    float: left; }
.footer-container .footer-bottom .footer-contact span {
    float: left;
    margin-right: 20px;
    font-family: "centrano2-bold"; }
.footer-container .footer-bottom .footer-contact span a {
    color: #26d07c  ; }
.footer-container .footer-bottom .footer-contact span a:hover {
    color: white; }
.footer-container .footer-bottom .footer-right {
    float: right; }
.footer-container .footer-bottom .footer-right span {
    color: #26d07c  ; 
    font-family: "centrano2-bold";}
.footer-container .footer-bottom .footer-right span a {
    font-family: "centrano2-bold";    }


.banner-outerblock {
    background-color: #122D56  ;
    float: left;
    width: 100%;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden; }
.banner-outerblock > img {
    width: 1360px;
    max-width: none;
    position: relative;
    margin-left: -680px;
    left: 50%;
    opacity: 1;
    float: left; }
.banner-outerblock .banner-top{
    background: url(../images/headerbg.png);
    background-repeat-y:  no-repeat;
    position: relative;
}
.banner-outerblock .banner-top .row{
    position: relative; }
    .header-image-box {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align:center;
        margin: 90px 0;
    }
    .header-image-1 svg{
        width: 226px;
    margin-bottom: 7px;
    }
.banner-outerblock .header-image{
    width: 335px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner-outerblock .header-image-1 h2{
    color: #ffffff;
    font-size:27px;
    line-height:27px;
}
.banner-outerblock .header-image-1 path{
    fill: #ffffff;
}
.banner-outerblock .header-image-2{

}
.banner-outerblock .banner-content {
    background: #c4d8e5, 0.7;
    width: 100%;
    height: 93px;
    z-index: 9; }
.banner-outerblock .banner-content .banner-top {
    float: left;
    width: 100%;
    height: 510px;
    margin-bottom: 96px; }
.banner-outerblock .banner-content .banner-top h2 {
    margin-bottom: 10px; }
.banner-outerblock .banner-content .banner-bottom {
    float: left;
    width: 100%; 
    font-family: "centrano2-bold";
    letter-spacing: 1px;}
.banner-outerblock .banner-content .banner-bottom h5 {
    float: left;
    margin: 0; 
    color: white;
    font-family: 'centrano2-medium';
    font-size: 20px;
    line-height: 90px;}
.banner-outerblock .banner-content .banner-bottom a {
    float: right;
    font-size: 20px; 
    color: white;
    line-height: 90px;}
.banner-outerblock .banner-content .banner-bottom a span {
    color: white;
    margin-left: 4px;
    font-family: 'bookmania';
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
.banner-outerblock .banner-content .banner-bottom a:hover {
    color: white; }
.banner-outerblock .banner-content .banner-bottom a:hover span {
    color: white; }

.content-container {
    float: left;
    width: 100%;
}

.section-title {
    float: left;
    width: 100%; }
.section-title h5 {
    font-family: 'centrano2-bold';
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    margin-bottom: 0;
    letter-spacing: 1px;
}
.section-title h5 span{
    font-family: 'centrano2-bold';
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 7px;
    letter-spacing: 1px;
}
.section-title a {
    font-family:"centrano2-bold";
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    float: right;
    letter-spacing: 1px;
}
.section-title a span {
    font-family: 'bookmania';
    color: #b3b6b8;
    margin-left: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
.section-title a:hover {
    color: #2A4267  ; }
.section-title a:hover span {
    color: #2A4267  ; }

.width-15pc {
    width: 15% !important;
}

.main-block {
    float: left;
    width: 100%;
    margin-bottom: 50px; }
.main-block .section-title .title-inner {
    float: left;
    width: 100%;
    padding-top: 90px;
    padding-bottom: 30px;
    border-top: 2px solid #e0e2e3; }
.main-block .inner-block {
    float: left;
    width: 100%;
    padding-bottom: 35px; }
.main-block .inner-block .font-bold {
    font-family: "centrano2-medium"; }
.main-block .inner-block .bottom-positioned {
    float: left;
    padding-top: 143px;
    width: 100%; }
.main-block .inner-block .bottom-positioned p strong {
    font-family: "centrano2-medium"; }
.main-block .inner-block .block-border{
    width: 100%;
    border-top: 2px solid #e0e2e3;
}
.main-block .inner-block .block-left {
    float: left;
    width: 100%;
    padding-top: 0px; }
.main-block .inner-block .block-left  p{
    margin-right: -30px;
    font-family: "centrano2-medium";
    font-size: 12px;
    letter-spacing: -0.2px;
    line-height: 20px;
}

.main-block .inner-block .block-left > h5 {
    margin-bottom: 13px; 
    font-size: 24px;
    font-family: "bookmania";
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 24px;
}
.main-block .inner-block .block-left > h5 span {
    color:#122D56
}
.main-block .inner-block .block-left p strong {
    font-family: "centrano2-medium"; }
.main-block .inner-block .block-left ul li {
    position: relative;
    padding-left: 16px;
    margin-right: -30px;
    font-size: 12px }
.main-block .inner-block .block-left ul li{
    margin-right: -30px;
    font-family: "centrano2-medium";
    font-size: 12px;
    letter-spacing: -0.1px;
}
.main-block .inner-block .block-left ul li:before {
    content: "•";
    position: absolute;
    top: -1;
    left: 0; }
.main-block .inner-block .block-right {
    float: left;
    width: 100%; }
.main-block .inner-block .block-right .image-placeholder {
    float: left;
    width: 100%;
    position: relative; }
.main-block .inner-block .block-right .image-placeholder img {

    height: auto;
    width: 100%; }
.main-block .inner-block .block-right .image-placeholder.single {}
.main-block .inner-block .block-right .image-placeholder.double {}
.main-block .inner-block .block-right .image-placeholder.tripple {}
.main-block .inner-block .block-right .image-placeholder.no-border {
    border: none; }
.main-block .inner-block .block-right .image-placeholder.small {
    min-height: 85px; }
.main-block .inner-block .block-right .image-placeholder.full-width {
    padding: 0;
    height: 195px; }
.main-block .inner-block .block-right .image-placeholder.full-width img {
    float: left;
    width: 100%;
    height: 100%;
    padding: 0;
    position: inherit;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    top: inherit;
    left: inherit; }
.main-block .inner-block .block-right .image-placeholder.typeface-placeholder {
    margin-bottom: 0px;
    min-height: 195px;}
.main-block .inner-block .block-right .image-placeholder.typeface-placeholder .typeface-inner {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0 40px;
    width: 100%; }
    .main-block .inner-block .block-right .image-placeholder.typeface-placeholder.brandessence .typeface-inner.alphabet {
        text-align: center;
        font-size: 24px;   
        padding: 0;
    }
    .main-block .inner-block .block-right .image-placeholder.typeface-placeholder.brandessence .typeface-inner.alphabet p{
        color: #122d56;
        font-size: 24px;
        margin: 0;
        font-weight: bold;
        letter-spacing: -0.5px;
    }
    .main-block .inner-block .block-right .image-placeholder.typeface-placeholder.brandessence .typeface-inner.alphabet ul li {
        display: inline-block;
        text-align: center;
        color: #122d56;
    }
    .main-block .inner-block .block-right .image-placeholder.typeface-placeholder.brandessence .typeface-inner.alphabet ul li:nth-of-type(2):before,.typeface-inner.alphabet ul li:nth-of-type(2):after  {
        content: '●';
        margin: 0 19px;
        font-size: 6px;
       vertical-align: middle;
       color: #26D07C;
    }
    .main-block .inner-block .block-right .image-placeholder.typeface-placeholder.typeface-fullwidth.brandessence {
        min-height: 200px;
        margin-bottom: 30px;
    }
    .main-block .inner-block .block-right .image-placeholder.typeface-placeholder.voice{
        background: #122d56;
    }
    .main-block .inner-block .block-right .image-placeholder.typeface-placeholder.voice .typeface-inner.alphabet ul li{
        color: #ffffff;
    }
.main-block .inner-block .block-right .image-placeholder.typeface-placeholder .typeface-inner.single-letter{
    padding: 0;
}
.main-block .inner-block .block-right .image-placeholder.typeface-placeholder .typeface-inner h2 {
    text-align: center;
    font-size: 102px;
    margin: 0; }
.main-block .inner-block .block-right .image-placeholder.typeface-placeholder .typeface-inner h4 {
    font-family: "centrano2-medium";
    line-height: 28px;
    letter-spacing: -.5px; }
.main-block .inner-block .block-right .image-placeholder.typeface-fullwidth h4 {
    color: #b3b6b8;
    line-height: 33px !important;
    display: inline-block;
    letter-spacing: 0.5px !important; }
.main-block .inner-block .block-right .image-placeholder.color-palette{
    min-height: 120px;
}
.main-block .inner-block .block-right .download-link-block {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 15px;
    margin-bottom: 30px; }
.main-block .inner-block .block-right .download-link-block .download-text {
    float: left;
    font-family: centrano2-bold;
    font-size: 12px;
    letter-spacing: 1.1px;}
.main-block .inner-block .block-right .download-link-block .download-text:before {
    font-family: "bookmania";
    color: #b3b6b8;
    margin-right:4px; }
.main-block .inner-block .block-right .download-link-block .download-text a:hover {
    color: #122D56 ; }
/*.main-block .inner-block .block-right .download-link-block .download-text.hover-text a:hover:before {
    content: "Downloaded files are for DIGITAL USE ONLY";
    position: absolute;
    right: 0;
    color: #b3b6b8; }*/
.main-block .inner-block .block-right .download-link-block .download-text a {
    color: #b3b6b8;
    font-family: "centrano2-bold"; }
.main-block .inner-block .block-right .download-link-block .download-text:hover:before {
    color: #122D56; }
.main-block .inner-block .block-right .color-profile-logos {
    float: left;
    width: 100%; }
.main-block .inner-block .block-right .color-profile-logos.misuse-logos .image-placeholder{
    /* min-height: initial !important; */
    width: 100%;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
.line1 {
    width: 80%;
    height: 0px;
    border-bottom: 2px solid red;
    -webkit-transform:
        translateY(0px)
        translateX(0px)
        rotate(45deg);
    position: relative;
    margin: auto;
    z-index: 999;
    /* top: 20px; */
}
.main-block .inner-block .block-right .color-profile-logos .color-profile-logo {
    float: left;
    width: 100%; }
.main-block .inner-block .block-right .color-profile-logos .color-profile-logo.grey .image-placeholder {
    background: #e0e2e3; }
.main-block .inner-block .block-right .color-profile-logos .color-profile-logo.blue .image-placeholder {
    background: #2A4267  ; }
.main-block .inner-block .block-right .color-profile-logos .color-profile-logo.yellow .image-placeholder {
    background: #ffbe0a; }
.main-block .inner-block .block-right .color-profile-logos.misuse-logos .color-profile-logo {
    position: relative; }
/*.main-block .inner-block .block-right .color-profile-logos.misuse-logos .color-profile-logo:before {
    background: #fd5a53;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    width: 2px;
    z-index: 1; }*/
.main-block .inner-block .block-right .color-profile-logos.misuse-logos .color-profile-logo img {
    padding: 0;
    width: 50%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.main-block .inner-block .block-right .color-profile-logos.misuse-logos .column-block {
    margin-bottom: 0; }
.main-block .inner-block .block-right h6 {
    font-family: "centrano2-bold";
    font-size: 12px;
    color: #b3b6b8;
    margin: 10px 0 50px;
    float: left;
    text-transform: uppercase;
    width: 100%; }
.main-block .inner-block .block-right .purchase-link {
    font-family: "centrano2-bold";
    color: #e0e2e3;
    text-transform: uppercase; }
.main-block .inner-block .block-right .purchase-link:before {
    font-family: "bookmania";
    margin-right: 10px; }

.main-block .inner-block .block-right .color-details {
    float: left;
    width: 100%;
    margin-top: 10px; }
.main-block .inner-block .block-right .color-details span {
    display: block;
    font-family: "centrano2-bold";
    color: #b3b6b8;
    font-size: 12px; }
.main-block .inner-block .block-right .color-details span.color-title {
    font-family: "centrano2-bold";
    color: #b3b6b8; }    
.main-block .inner-block.custom-typeface h2 {
    font-family: "centrano2-bold"; }
.main-block .inner-block.primary-typeface h2 {
    font-family: "bookmania"; font-weight:bold; }
.main-block .inner-block.primary-typeface .block-right .typeface-placeholder .typeface-inner h2 {
    font-family: "centrano2-bold"; }
.main-block .inner-block.primary-typeface .block-right .typeface-placeholder .typeface-inner h4 {
    font-family: "centrano2-bold"; 
    font-size: 24px;}
.main-block .inner-block.primary-typeface .block-right .typeface-placeholder .typeface-inner h4 span {
    font-family: "centrano2-bold"; }
.main-block .inner-block.primary-typeface .block-right .typeface-placeholder.typeface-fullwidth .typeface-inner h4 {
    display: inline-block; }
.main-block .inner-block.primary-typeface .font-bold {
    font-family: "centrano2-medium"; }
.main-block .inner-block.secondary-typeface h2 {
    font-family: "centrano2-medium"; }
.main-block .inner-block.secondary-typeface .block-right .typeface-placeholder .typeface-inner h2 {
    font-family: "centrano2-medium"; }
.main-block .inner-block.secondary-typeface .block-right .typeface-placeholder .typeface-inner h4 {
    font-family: "centrano2-medium"; 
    font-size: 24px;}
.main-block .inner-block.secondary-typeface .block-right .typeface-placeholder .typeface-inner h4 span {
    font-family: "centrano2-medium"; }
.main-block .inner-block.secondary-typeface .block-right .typeface-placeholder.typeface-fullwidth .typeface-inner h4 {
    display: inline-block;
}
.main-block .inner-block.secondary-typeface .font-bold {
    font-family: "centrano2-medium"; }

.position-left.is-transition-push {
    z-index: 9999; }

.typeface-block h2 {
    margin-bottom: 20px; 
    font-size: 30px;}
.typeface-block .block-left > h5 {
    margin-bottom: 28px !important; }
.typeface-block .block-left .font-bold {
    font-family: "centrano2-medium"; }
.typeface-block .block-left .font-medium {
    font-family: "centrano2-medium"; }

.main-block .inner-block .block-right .image-placeholder.typeface-placeholder .typeface-inner h2.fix {
    margin-bottom:30px;
}
.main-block .inner-block .block-right .image-placeholder.typeface-placeholder .typeface-inner h2 {
    margin-bottom: 0;
    line-height: 104px; }
.spinner {
    animation: rotation 10s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@media only screen and (min-width: 1364px) {
    .banner-outerblock {
        max-height: 510px; }
    .banner-outerblock > img {
        width: 100%;
        left: auto;
        margin-left: 0; } }
@media only screen and (max-width: 767px) {
    .main-block .inner-block .block-right .image-placeholder {
        min-height: 164px;
    }
    .main-block .inner-block .block-right .color-profile-logos.misuse-logos .color-profile-logo .image-placeholder {
        min-height: none !important;
    }
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .main-block .inner-block .block-right .image-placeholder.typeface-placeholder .typeface-inner h2 {
        font-size: 64px; }

    /* .main-block .section-title .title-inner {
        padding-top: 70px;
        padding-bottom: 60px; }

    .main-block .inner-block .block-left {
        padding-top: 60px; }


    .main-block .inner-block .block-right .image-placeholder.small {
        min-height: 70px; }

    .main-block .inner-block {
        padding-bottom: 40px; }

    .main-block .inner-block .bottom-positioned {
        padding-top: 100px; }

    .main-block .inner-block .block-right .image-placeholder.typeface-fullwidth .typeface-inner {
        padding: 0 20px; 
    } */
    .main-block .inner-block .block-right .image-placeholder.typeface-fullwidth h4 {
        font-size: 17px; }
    .main-block .inner-block.secondary-typeface .block-right .typeface-placeholder .typeface-inner h4{
        font-size: 23px;
    }
    .main-block .inner-block .block-right .image-placeholder.typeface-placeholder.brandessence .typeface-inner.alphabet{
        font-size: 19px;
    }    
    .main-block .inner-block .block-right .image-placeholder.typeface-placeholder.brandessence .typeface-inner.alphabet p{
        font-size: 24px;
    }
    .main-block .inner-block .block-right .color-profile-logos .color-profile-logo .image-placeholder.full-width {
        min-height: 150px;
        height: 150px; } }
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .content-container {
        padding: 0 20px; }

    .banner-outerblock .banner-top {
        padding: 0 20px; }
    .banner-outerblock .banner-content {
        padding: 0 20px; }

    .header-container .header-top {
        padding: 30px  20px; }

    .footer-container .footer-top a, .footer-container .footer-bottom {
        padding: 40px 20px; }

    .main-block .inner-block .block-right .color-profile-logos.misuse-logos h6 {
        font-size: 11px;
        margin: 10px 0; }


    .main-block .inner-block .block-left {
         }

    .main-block .section-title .title-inner {
        padding-top: 50px;
        padding-bottom: 40px; }

    .main-block .inner-block {
        padding-bottom: 20px; }

    .main-block .inner-block .bottom-positioned {
        padding-top: 80px; }

        .main-block .inner-block .block-right .image-placeholder.typeface-placeholder.brandessence .typeface-inner.alphabet{
            font-size: 14px;
        }    
        .main-block .inner-block .block-right .image-placeholder.typeface-placeholder.brandessence .typeface-inner.alphabet p{
            font-size: 20px;
        }

    .main-block .inner-block .block-right .image-placeholder.typeface-placeholder .typeface-inner {
        padding: 10px; }

    .main-block .inner-block .block-right .image-placeholder.typeface-placeholder .typeface-inner h2 {
        font-size: 60px; }

    .main-block .inner-block .block-right .image-placeholder.typeface-placeholder .typeface-inner h4 {
        font-size: 14px;
        line-height: 22px; }
    .main-block .inner-block.secondary-typeface .block-right .image-placeholder.typeface-placeholder .typeface-inner h4 {
        font-size: 18px;
        line-height: 22px; }

    .main-block .inner-block .block-right .color-profile-logo .image-placeholder.small {
        min-height: 60px; }

    .main-block .inner-block .block-right .image-placeholder.full-width {
        height: auto; }

    .main-block .inner-block .block-right .color-profile-logos .color-profile-logo .image-placeholder.full-width {
        min-height: 130px;
        height: 130px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .color-profile-logos .medium-4 {
        width: 33.3333%; } 
    .main-block .inner-block .block-right .purchase-link{
        display: inline-block;
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 47.9375em) {
    .content-container {
        padding: 0 20px; }

    .banner-outerblock .banner-top {
        padding: 0 20px; }
    .banner-outerblock .banner-content {
        padding: 0 20px; 
        bottom: 0px; }

    .header-container .header-top {
        padding: 30px  20px; }

    .footer-container .footer-top a, .footer-container .footer-bottom {
        padding: 40px 20px; }

    p {
        margin-bottom: 20px; }

    .header-container.header-fixed {
        position: static; }

    .header-container .header-logo span {
        display: none; }

    .main-block .inner-block .block-right {
        padding-left: 0; }

    .banner-outerblock {
        overflow: hidden !important; 
        margin-top: 0;}
    .banner-outerblock > img {
        max-width: none;
        width: 1000px;
        left: 50%;
        margin-left: -500px;
        position: relative; }

    .banner-top h3 {
        font-size: 24px; }
 
        .main-block .inner-block .block-right .image-placeholder.typeface-placeholder.brandessence .typeface-inner.alphabet p{
            font-size: 20px;
        }
        .main-block .inner-block .block-right .image-placeholder.typeface-placeholder.brandessence .typeface-inner.alphabet ul li{
            display: block;
            font-size: 25px;
            line-height: 34px;
        }    
    .banner-outerblock .banner-content .banner-bottom h5 {
        margin-top:23px;
        font-size: 18px; 
        line-height: 18px;}

    .banner-outerblock .banner-content .banner-top {
        margin-bottom: 70px; }

    .banner-outerblock .banner-content .banner-bottom a {
        float: left;
        font-size: 18px;
        line-height: 18px;
        margin-top: 6px;
        width: 100%; }

    .content-height,
    .head-height {
        display: none !important; }

    .main-block .section-title .title-inner {
        padding-top: 40px;
        padding-bottom: 30px; }

    .main-block .inner-block .bottom-positioned {
        padding-top: 20px; }

    .main-block .inner-block .block-right .image-placeholder.typeface-fullwidth h4 {
        font-size: 14x; }

    .footer-container .footer-bottom .footer-right {
        float: left;
        margin-top: 20px;
        width: 100%; }

    .main-block .inner-block {
        padding-bottom: 10px; }

    .block-left ul {
        margin-bottom: 20px; }

    .main-block .inner-block .block-right .image-placeholder {
        min-height: 140px; }

    .main-block .inner-block .block-right .image-placeholder.full-width {
        height: auto;
        min-height: inherit; }


    .main-block .inner-block .block-right .image-placeholder.typeface-placeholder .typeface-inner {
        padding: 0 25px; }
    .main-block .inner-block .block-right .image-placeholder.typeface-placeholder .typeface-inner h4{
        text-align: center;
    }
    .main-block .inner-block.secondary-typeface .block-right .typeface-placeholder.typeface-fullwidth .typeface-inner h4 {
        letter-spacing: 3px !important; 
        font-size: 19px} }
@media only screen and (max-width: 479px) {
    .banner-outerblock .banner-content .banner-top h2 {
        font-size: 30px; }

    .banner-top h3 {
        font-size: 18px;
        line-height: 22px; }

    .main-block .inner-block .block-right .image-placeholder {
        min-height: 120px; }

    .main-block .inner-block .block-right .color-profile-logos {
        text-align: center; }
    .main-block .inner-block .block-right .color-profile-logos .color-profile-logo {
        display: inline-block;
        float: none !important;
        max-width: 200px;
        width: 100%; }
    .main-block .inner-block .block-right .color-profile-logos .color-profile-logo .image-placeholder.small {
        min-height: 60px; }
    .main-block .inner-block .block-right .color-profile-logos.secondary-images .color-profile-logo {
        max-width: 100%; }

    .main-block .inner-block .block-right .image-placeholder.typeface-placeholder .typeface-inner {
        padding: 20px 10px; }

    .main-block .inner-block .block-right .image-placeholder.typeface-placeholder .typeface-inner h4 {
        font-size: 18px; }

    .section-title a {
        float: left;
        margin-top: 10px;
        width: 100%; }

    .main-block .section-title .title-inner {
        padding-bottom: 35px; }

    .main-block .inner-block .block-right .color-profile-logos.misuse-logos h6 {
        font-size: 12px;
        margin: 10px 0; }

    .main-block .inner-block.secondary-typeface .block-right .typeface-placeholder.typeface-fullwidth .typeface-inner h4 {
        letter-spacing: 0 !important; }

    .footer-container .footer-top a h5 {
        font-size: 16px; }

    .main-block .inner-block .block-right .image-placeholder.typeface-fullwidth h4 {
        font-size: 12px; }

    .main-block .inner-block.secondary-typeface .block-right .image-placeholder.typeface-fullwidth h4 {
        font-size: 20px; } }


    
    .main-block .section-title .title-inner {
        border-bottom: 2px solid #A3AA83;
        border-top: 0px;
    }   
    .main-font {
        font-family: bookmania;
    }
    .misuse-logos h6 {
        text-transform: uppercase;
    }
    .color-details span {
        color: #A3AA83;
    }
    .main-block .inner-block .block-right .color-details span.color-title  {
        color: #4E5B31;
    }
    .inner-block {
        padding-top: 45px;
    }
    div .whitespace-container{
        height: 317px;
        width: 573px;
    }
    div .whitespace {
        background-image: url(/wp-content/uploads/2019/08/grid.png);
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover;
        border-left: 1px solid #A3AA83;
        border-right: 1px solid #A3AA83;
        position: relative;
        height: 100%;
        width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: center; /* align horizontal */
        align-items: center; /* align vertical */
    }
    div .whitespace img {
        position: absolute;
        width: 57% !important; 
    }
    i {
        color: #4E5B31;
    }
    .main-block .inner-block .block-right .color-profile-logos.misuse-logos h6 {
        color: #A3AA83;
    }
    .main-block .inner-block .block-right .color-details span, .main-block .inner-block .block-right .purchase-link, span.purchase-link a{
        color: #A3AA83;
    }
    span.purchase-link a {
        text-decoration: underline;
    }
    span.purchase-link {
        font-size: 12px;
        letter-spacing: 1.1px;
    }
    .main-block .inner-block .block-right .purchase-link a:hover {
        color: #4E5B31;
    }

.square-img {
	height: 191px !important;
	width: 100% !important;
}

.w-100 {
	width: 100% !important;
}

.w-25 {
	width: 25% !important;
}