/* ////////////////////////////////////////////////////////////////////////////
////// MAIN STYLES //////////////////////////////////////////////////////////*/
body {font-family: 'Roboto', sans-serif;font-size: 18px;color:#1f3047 !important;-webkit-font-smoothing: antialiased !important;overflow-x: hidden;background: #ffffff;}
p {line-height: 1.5;margin: 20px 0;}
h1, h2, h3, h4, h5, h6 {color: #1F3047;font-family: 'Roboto Slab', sans-serif;}
.h1, h1 {font-size: 2rem;}
.h2, h2 {font-size: 1.75rem;}
.h3, h3 {font-size: 1.5rem;}
.h4, h4 {font-size: 1.25rem;}
.h5, h5 {font-size: 1.1rem;}
.h6, h6 {font-size: 1rem;}
a {color: #0859C4;text-decoration: none;}
a:hover, a:focus {color: #0859C4;}
.container-fluid {margin-right: auto;margin-left: auto;padding-left: 20px;padding-right: 20px;max-width: 1280px;}
.main {padding: 00px 0px;background: #fff;min-height: 500px;}
button:focus {outline: 2px solid #FC6867;}
ul.check-list {list-style: none;padding: 0px 15px;}
.check-list li::before {color: #ffffff;content: "\f00c";font-family: 'font awesome 5 free';font-weight: 900;margin: 0px 4px 0px 0px;background: #3D975F;border-radius: 50%;padding: 5px;font-size: 10px;}

/* ////////////////////////////////////////////////////////////////////////////
////// NAV STYLES ///////////////////////////////////////////////////////////*/
.navbar {position: relative;width: 100%;z-index: 1001;background: #142235;padding: 15px 0px;font-family: 'Roboto', sans-serif;}
/*.home .navbar.scrolled {background-color: #fff !important;transition: background-color 200ms linear;border-bottom: 1px solid #EEF2F5;box-shadow: 0 0 10px 0 rgba(116, 129, 141, 0.06);}*/
.navbar-dark .navbar-nav .nav-link {color: #fff;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-ms-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;background: #142235;padding: 10px 15px;border-top: 1px solid #3e516b;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color: #fff;background: #152336;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {color: #ffffff;}
.navbar-collapse {margin: 15px -15px -15px -15px;}
nav .fa-envelope {color: #307bfd;}
.navbar-dark .navbar-brand {}
svg.navbrand-mobile {margin: 8px 0;}
.subnav .navbar-toggler-icon {height: 2px;background: #fff;margin-top: 6px;position: relative;display: block;width: 27px;border-radius: 3px;}
.subnav .navbar-collapse {margin: 0;}
.header-logo__image {width: 28px;float: left;}
.svg-container {width: 100%;height: 0;padding-top: 72%;position: relative;}
.svg-container svg {position: absolute;top: 0;left: 0;}
.header-logo__text {position: relative;color: #fff;font-size: 16px;margin-left: 40px;font-family: 'Roboto Slab', sans-serif;font-weight: 600;}
.header-logo__author {position: relative;color: rgb(255 255 255 / 70% );font-size: 12px;margin-left: 40px;font-family: 'Roboto', sans-serif;font-weight: 600;}
.flex-column a {position: relative;display: block;padding: 8px 15px;margin-bottom: -1px;height: initial;line-height: inherit;border-radius: 0px;}
.subnav {background: #2C3D54;padding: 6px 0;/*box-shadow: 0 0 4px rgb(0 0 0 / 14%), 0 2px 8px rgb(0 0 0 / 28%);*/font-size: 16px;}
.subnav .navbar-nav .nav-link {color: #fff;font-weight:500;padding: 6px 10px;border-bottom: 1px solid #3e516b;}
.subnav .navbar-nav .nav-link:focus, .subnav .navbar-nav .nav-link:hover {color: #fff;background: #152336;}
.subnav .navbar-nav .active>.nav-link, .subnav .navbar-nav .nav-link.active, .subnav .navbar-nav .nav-link.show, .subnav .navbar-nav .show>.nav-link {color: #ffffff;background:}
.navbar-toggler {padding: 5px 5px;font-size: 1.25rem;line-height: 1;background-color: transparent;border: 1px solid transparent;border-radius: 0rem;}
.sub-menu-text {font-size: 14px;font-weight: 500;margin: 0px 0px 0px 2px;position: relative;display: inline-block;bottom: 2px;}
.subnav .navbar-toggler {float: right;margin: 4px 4px 5px 5px;border: none;background: none;border-radius: 2px;color: #fff;}
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: max-content;padding: 0;margin: 0;font-size: 1rem;color: #212529;text-align: left;list-style: none;background-color: none;background-clip: padding-box;border: none;border-radius: 2px;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-ms-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}
.dropdown-item {display: block;width: 100%;padding: 6px 30px;clear: both;font-weight: 400;color: #ffffff;text-align: inherit;white-space: nowrap;background: #2c3d54;border: 0;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-ms-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;border-bottom: 1px solid #3e516b;}
.dropdown-item:focus, .dropdown-item:hover {color: #ffffff;text-decoration: none;background-color: #FC6867;}
.list-group-item {position: relative;display: block;padding: .75rem 1.25rem;border: 0px solid #36475e;}

.sidebar a:focus, .sidebar a:hover {text-decoration: none;background-color: #f1f4f8;border-color: #f1f4f8;}

.toc-card {flex: 1 1 auto;}
.toc-title {font-size: 1.25rem;font-weight: 600;margin: 0px 10px;}
.toc-list {list-style: none;padding: 0;margin: 6px 0 0 15px;}
.toc-list>li>.nav-link {padding: 0;margin: 0;}
.toc-list>li>.nav-link.h2 {color: #215EB8;font-size: 22px;font-weight: 600;margin: 0px;padding: 0.5rem 0.5rem;display: block;border-top: 1px solid #00000020;border-left: 4px solid;border-left-color: transparent;border-radius: 0;}
/*.toc-list>li:first-child .nav-link.h2 {border: none;}*/
.toc-list>li>.nav-link.h2.active {color: #00221c;border-left-color: #00221c;/* background: #bdc5d14d; */border-left: 4px solid;}
.toc-list>li>.nav-link.h3.active {color: #00221c;border-left-color: #00221c;/* background: #bdc5d14d; */border-left: 4px solid;} 
.toc-list>li>.nav-link.h3 {color: #215EB8;font-size: 18px;font-weight: 500;margin: 0px;padding: 0.5rem 0.6rem;display: block;margin: 0px 0px 0px 20px;border-left: 4px solid;border-left-color: transparent;border-radius: 0;}
.toc-card .navbar {display: block;padding: 10px;background: none;}
.toc-card .container-fluid {padding: 0;justify-content: flex-start;}

/* ////////////////////////////////////////////////////////////////////////////
////// HEADER STYLES ////////////////////////////////////////////////////////*/
/*.header-container {background: url(../img/bg.jpg) repeat scroll center center / cover #333333;left: 0;position: relative;padding: 25px 0px 50px 0px;}*/
/*.header-container:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 1;z-index: 0;background: rgb(51 54 86 / 58%);}*/
.header-container {background: #152336;left: 0;position: relative;padding: 25px 0px 20px 0px;}
img.hero-image {width: 100%;}
.hero {background: rgba(4, 10, 3, 0);margin: 110px -15px 10px -15px;z-index: 10;position: relative;text-align: left;}
.header-title-intro {font-size: 3rem;font-weight: 500;width: 100%;color: #fff;}
.header-subtitle-intro {color: #fff;}
.highlight-container, .highlight {position: relative;}
.highlight-container {display: inline-block;}
.highlight-container:before {content: " ";display: block;height: 90%;width: 100%;margin-left: -3px;margin-right: -3px;position: absolute;background: #ffffff38;transform: rotate(2deg);top: -1px;left: -1px;border-radius: 20% 25% 20% 24%;padding: 10px 3px 3px 10px;}
.highlight-container.pink:before {content: " ";display: block;height: 90%;width: 100%;margin-left: -3px;margin-right: -3px;position: absolute;background: #fff2f2;transform: rotate(2deg);top: -1px;left: -1px;border-radius: 20% 25% 20% 24%;padding: 10px 3px 3px 10px;}

.header-subtext {color:#fff;font-size: 18px;margin-top: 30px;}
svg.wave {position: absolute;top: 0;left: 0;width: 100%;}
.hero a {color: #fc6867;text-decoration: none;}
.hero a:hover, .hero a:focus {color: #e15352;}
.features hr {margin-top: 0rem;margin-bottom: 2rem;border: 0;border-top: 5px solid #303c52;opacity: 1;}

.card--hero-content .service p {color: #fff;display: flow-root;}
.card--hero-content .service .skill-icons {background: #3D975F;color: #fff;border-radius: 50%;padding: 10px;font-size: 13px;margin-bottom: 20px;float: left;margin: 0px 20px 0px 0;}
/* ////////////////////////////////////////////////////////////////////////////
////// FORM STYLES //////////////////////////////////////////////////////////*/
.form-control {height: 40px;display: block;width: 100%;font-size: 1rem;line-height: 1.5;color: #55595c;background-color: #fff;background-image: none;border: none;border-radius: .15rem;border: 1px solid #ced6e0;padding: .475rem .75rem;-webkit-appearance: none !important;-moz-appearance: none !important;-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.form-control:focus {color: #495057;background-color: #fff;border-color: #4285f4;outline: 0;-webkit-box-shadow: 0px 10px 20px -13px rgba(32, 56, 117, 0.35);box-shadow: 0px 10px 20px -13px rgba(32, 56, 117, 0.35);}
.form-control::-webkit-input-placeholder {color: #586F91;font-weight: 400;}
.form-control:-moz-placeholder { /* Firefox 18- */color: #586F91;  }
.form-control::-moz-placeholder {  /* Firefox 19+ */color: #586F91;  }
.form-control:-ms-input-placeholder {  color: #586F91;  }
.help-block.with-errors {color: #c8264e;}
.has-error .form-control {border: 1px solid #c8264e;}
.has-error .select2-selection--single {border-color: #c8264e !important;}
.form-control-label {padding: .425rem 0;margin-bottom: 0;font-weight: 600;color: #1f3047;}
span.req-atserisk {color: #ca1e47;}
.alert-success {color: #fff;background-color: #48B858;border-color: #48B858;font-weight: 500;}
.alert-danger {color: #fff;background-color: #EB585C;border-color: #EB585C;font-weight: 500;}
.form-error:empty {display: none;}
.form-error {padding: 2px 4px;font-size: 90%;color: #c7254e;background-color: #f9f2f4;border-radius: 4px;width: max-content;margin: 8px 0;}
.select2-container .select2-selection--single {height: 40px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 36px;font-size: 14px;padding: 0px 10px 0px 10px;}
.select2-selection--single {background-color: #fff;border: 1px solid #ced6e0;border-radius: 2px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #586F91 !important;line-height: 39px !important;}
span.select2 {width: 100% !important;}
.form-checkbox {margin-right: 10px;}
.alert-primary {color: #004085;background-color: #cce5ff;border-color: #b8daff;padding: 15px;font-size: 20px;max-width: 400px;}
    
/* ////////////////////////////////////////////////////////////////////////////
////// BUTTON STYLES ////////////////////////////////////////////////////////*/
.btn-home {color: #2d78d9;background: none;border: none;padding: 0px;font-size: 15px;border-radius: 2px;font-weight: 600;}
.btn-home:hover, .btn-home:focus, .btn-home.focus, .btn-home:active, .btn-home.active, .open>.dropdown-toggle.btn-home {color: #0859C4;}
.btn-home:not(:disabled):not(.disabled).active, .btn-home:not(:disabled):not(.disabled):active, .show>.btn-home.dropdown-toggle {color: #0859C4;}
.btn-send {color: #fff;background-color: #2159c4;border-color: #2159c4;padding: 8px 12px;font-weight: 600;font-size: 14px;border-radius: 2px;}
.btn-send:hover, .btn-send:focus, .btn-send.focus, .btn-send:active, .btn-send.active, .open > .dropdown-toggle.btn-send {color: #fff;background-color: #3166cb;border-color: #3166cb;}
.btn-primary {color: #ffffff;background-color: #2159c4;border-color: #2159c4;padding: 8px 15px;font-size: 14px;border-radius: 2px;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {color: #fff;background-color: #3166cb;border-color: #3166cb;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {color: #fff;background-color: #3166cb;border-color: #3166cb;box-shadow: 0 0 0 0.2rem rgba(112, 68, 131, 0.33);}
.back a {color: #0275d8;}
.back a:hover, .back a:focus, .back a.focus, .back a:active, .back a.active, .open>.dropdown-toggle.back a {color: #0275d8;text-decoration: none;}
.btn-purchase {color: #0859C4;background: none;border: none;padding: 0px;border-radius: 2px;font-weight: 600;margin: 15px 0px 0px 0px;}
.btn-purchase:hover, .btn-purchase:focus, .btn-purchase.focus, .btn-purchase:active, .btn-purchase.active, .open>.dropdown-toggle.btn-purchase {color: #0859C4;}
.btn-purchase:not(:disabled):not(.disabled).active, .btn-purchase:not(:disabled):not(.disabled):active, .show>.btn-purchase.dropdown-toggle {color: #0859C4;}
.btn-purchase:after {color: #0859C4;content: "\f35d";font-family: 'font awesome 5 free';font-weight: 900;margin: 0px 0px 0px 7px;}
.btn-inspection {color: #0859C4;background: none;border: none;padding: 0px;border-radius: 2px;font-weight: 600;margin: 5px 0px 0px 0px;}
.btn-inspection:hover, .btn-inspection:focus, .btn-inspection.focus, .btn-inspection:active, .btn-inspection.active, .open>.dropdown-toggle.btn-inspection {color: #0859C4;}
.btn-inspection:not(:disabled):not(.disabled).active, .btn-inspection:not(:disabled):not(.disabled):active, .show>.btn-inspection.dropdown-toggle {color: #0859C4;}
.btn-inspection:after {color: #0859C4;content: "\f002";font-family: 'font awesome 5 free';font-weight: 900;margin: 0px 0px 0px 7px;}

.card--link {font-weight: 600;margin: 0 0 10px 0;padding: 0;display: block;width: fit-content;}
.card--link:hover, .card--link:focus {color: rgb(5, 93, 187);}

.pdf:after {
    font-family: "FontAwesome";content: "\f1c1";color: #EC0F02;margin: 1px 0px 0px 9px;
}
.word:after {
    font-family: "FontAwesome";content: "\f1c2";color: #307bfe;margin: 1px 0px 0px 9px;
}
.ppt:after {
    font-family: "FontAwesome";content: "\f1c4";color: #F36944;margin: 1px 0px 0px 9px;
}
.excel:after {
    font-family: "FontAwesome";content: "\f1c3";color: #026E38;margin: 1px 0px 0px 9px;
}
.zip:after {
    font-family: "FontAwesome";content: "\f1c6";color: #3d4246;margin: 1px 0px 0px 9px;
}
/* ////////////////////////////////////////////////////////////////////////////
////// CSS GRID STYLES //////////////////////////////////////////////////////*/
.grid {display: -ms-grid;display: grid;grid-gap: 10px;-ms-grid-columns: 1fr;grid-template-columns: repeat(1, 1fr);-ms-grid-rows: 1fr;grid-template-rows: repeat(1, 1fr);}.grid > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
.grid-2 {display: -ms-grid;display: grid;grid-gap: 10px;-ms-grid-columns: 1fr;grid-template-columns: repeat(1, 1fr);-ms-grid-rows: 1fr;grid-template-rows: repeat(1, 1fr);}.grid-2 > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
.grid-3 {display: -ms-grid;display: grid;grid-gap: 10px;-ms-grid-columns: 1fr;grid-template-columns: repeat(1, 1fr);-ms-grid-rows: 1fr;grid-template-rows: repeat(1, 1fr)}.grid-3 > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
.grid-4 {display: -ms-grid;display: grid;grid-gap: 10px;-ms-grid-columns: 1fr;grid-template-columns: repeat(1, 1fr);-ms-grid-rows: 1fr;grid-template-rows: repeat(1, 1fr);}
.grid-4 > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
.grid-5 {display: -ms-grid;display: grid;grid-gap: 10px;-ms-grid-columns: 1fr;grid-template-columns: repeat(2, 1fr);-ms-grid-rows: 1fr;grid-template-rows: repeat(1, 1fr);}
.grid-5 > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
/*/////////////////////////////////////////////
/////////////// SALVATTORE STYLES //////////*/
#grid-1, #grid-2, #grid-3 {margin-top: 30px;}
/*//// grid columns 1 ////*/
#grid-1[data-columns]::before {content: '1 .column.size-1of1';}
@media screen and (max-width: 480px){#grid-1[data-columns]::before {content: '1 .column.size-1of1';}}
@media screen and (min-width: 481px) and (max-width: 768px) {#grid-1[data-columns]::before {content: '1 .column.size-1of1';}}
@media screen and (min-width: 769px) {#grid-1[data-columns]::before {content: '1 .column.size-1of1';}}
/*//// grid columns 2 ////*/
#grid-2[data-columns]::before {content: '2 .column.size-1of2';}
@media screen and (max-width: 480px){#grid-2[data-columns]::before {content: '1 .column.size-1of1';}}
@media screen and (min-width: 481px) and (max-width: 768px) {#grid-2[data-columns]::before {content: '2 .column.size-1of2';}}
@media screen and (min-width: 769px) {#grid-2[data-columns]::before {content: '2 .column.size-1of2';}}
/*//// grid columns 3 ////*/
#grid-3[data-columns]::before {content: '3 .column.size-1of3';}
@media screen and (max-width: 480px){#grid-3[data-columns]::before {content: '1 .column.size-1of1';}}
@media screen and (min-width: 481px) and (max-width: 768px) {#grid-3[data-columns]::before {content: '2 .column.size-1of2';}}
@media screen and (min-width: 769px) {#grid-3[data-columns]::before {content: '3 .column.size-1of3';}}
/*//// grid columns 4 ////*/
#grid-4[data-columns]::before {content: '4 .column.size-1of3';}
@media screen and (max-width: 480px){#grid-4[data-columns]::before {content: '1 .column.size-1of1';}}
@media screen and (min-width: 481px) and (max-width: 768px) {#grid-4[data-columns]::before {content: '2 .column.size-1of2';}}
@media screen and (min-width: 769px) {#grid-4[data-columns]::before {content: '4 .column.size-1of4';}}
/* Again, you’re free to use and define the classes: */
.column { float: left; }
.size-1of1 { width: 100%; }
.size-1of2 { width: 50%; }
.size-1of3 { width: 33%; }
.size-1of4 { width: 25%; }
/* These are the classes that are going to be applied: */
.column { float: left; }
.size-1of3 { width: 33%; }

/* ////////////////////////////////////////////////////////////////////////////
////// CARD STYLES //////////////////////////////////////////////////////////*/
.card-columns.products {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.card-book {position: relative;display: -ms-flexbox;display: inline-flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border-radius: 0.25rem;border: 0px solid #e5e5e5;margin-bottom: 20px;height: fit-content;}
.card-book a:hover, .card-book a:focus, .card-book a.focus, .card-book a:active, .card-book a.active, .open>.dropdown-toggle.card-book a {text-decoration: none;}
.card-book a:hover .card-title, .card-book a:focus .card-title, .card-book a.focus .card-title, .card-book a:active .card-title, .card-book a.active .card-title, .open>.dropdown-toggle.card-book a .card-title {color: #0859C4;}
.card-book .card-img-top {border-top: 2px solid #1f3047;border-left: 2px solid #1f3047;border-right: 2px solid #1f3047;}
.card-book .card-body {background: #fff;padding: 15px;border: 2px solid #1f3047;}
.card-title {margin-bottom: .75rem;color: #1F3047;font-size: 24px;font-weight: 500;}
.card-title a {color: #1F3047;}
.card-subtitle {color: #1F3047;margin: 10px 0;font-size: 18px;}
.card-edition {color: #1F3047;margin-bottom: 0.5rem;font-size: 1rem;font-weight: 500;}
.card-img-top {width: 100%;border-top-left-radius: calc(0.25rem - 1px);border-top-right-radius: calc(0.25rem - 1px);}
.card--service {padding: 0;background: none;}
.card--service .skill-icons {background: #3D975F;color: #fff;border-radius: 50%;padding: 10px;font-size: 13px;margin-bottom: 20px;}
.card--service h3 {color: rgb(255 255 255 / 80%);font-size: 22px;}
.card--service p {color: rgb(255 255 255 / 80%);}

.card-case {position: relative;display: -ms-flexbox;display: inline-flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #f1f4f8;background-clip: border-box;border-radius: 0.25rem;border: 0px solid #e5e5e5;margin-bottom: 20px;height: fit-content;}
.card-case a:hover ,.card-case a:focus ,.card-case a.focus ,.card-case a:active ,.card-case a.active ,.open>.dropdown-toggle.card-case a  {text-decoration: none;}
.card-case a:hover .card-title,.card-case a:focus .card-title,.card-case a.focus .card-title,.card-case a:active .card-title,.card-case a.active .card-title,.open>.dropdown-toggle.card-case a .card-title {color:#0859C4;text-decoration: none;}
.card-case p {color: #1F3047;text-decoration: none;}
.card-block-image {position: relative;}
.card-case .card-img-top {border-top: 2px solid #1f3047;border-left: 2px solid #1f3047;border-right: 2px solid #1f3047;}
.card-case .card-body {background: #fff;border: 2px solid #1f3047;padding: 1.25rem;}
/*// Visit text :before; //*/
.card-book .card-block-image:before {background: none repeat scroll 0 0 rgba(44, 62, 80, 0.68);color: #FFFFFF;content: "View Book";font-family: 'Roboto', sans-serif;font-size: 20px;    font-weight: 600;height: 100%;width: 100%;opacity: 0;position: absolute;text-decoration: none;z-index: 10;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-ms-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;display: flex;flex-flow: row wrap;display: flex;align-items: center;justify-content: center;text-align: center;}
/*// Forces hover + focus //*/
.card-book:hover .card-block-image:before {opacity: 1;}
.card-book:active .card-block-image:before {opacity: 1;}
.card-book:focus .card-block-image:before {opacity: 1;}

.card-case .card-block-image:before {background: none repeat scroll 0 0 rgba(44, 62, 80, 0.68);color: #FFFFFF;content: "View Case";font-family: 'Roboto', sans-serif;font-size: 20px;    font-weight: 600;height: 100%;width: 100%;opacity: 0;position: absolute;text-decoration: none;z-index: 10;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-ms-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;display: flex;flex-flow: row wrap;display: flex;align-items: center;justify-content: center;text-align: center;}
/*// Forces hover + focus //*/
.card-case:hover .card-block-image:before {opacity: 1;}
.card-case:active .card-block-image:before {opacity: 1;}
.card-case:focus .card-block-image:before {opacity: 1;}


.card-profile {position: relative;display: -ms-flexbox;display: inline-flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #f1f4f8;background-clip: border-box;border-radius: 0.25rem;border: 0px solid #e5e5e5;margin-bottom: 20px;height: fit-content;}
.card-profile a:hover ,.card-profile a:focus ,.card-profile a.focus ,.card-profile a:active ,.card-profile a.active ,.open>.dropdown-toggle.card-profile a  {text-decoration: none;}
.card-profile a:hover .card-title,.card-profile a:focus .card-title,.card-profile a.focus .card-title,.card-profile a:active .card-title,.card-profile a.active .card-title,.open>.dropdown-toggle.card-profile a .card-title {color:#0859C4;text-decoration: none;}
.card-profile p {color: #1F3047;text-decoration: none;}
.card-profile .card-body {background: #fff;border: 2px solid #1f3047;padding: 1.25rem;}
.card-profile .card-img-top {border-top: 2px solid #1f3047;border-left: 2px solid #1f3047;border-right: 2px solid #1f3047;}
.card-profile .card-block-image:before {background: none repeat scroll 0 0 rgba(44, 62, 80, 0.68);color: #FFFFFF;content: "View Profile";font-family: 'Roboto', sans-serif;font-size: 20px;    font-weight: 600;height: 100%;width: 100%;opacity: 0;position: absolute;text-decoration: none;z-index: 10;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-ms-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;display: flex;flex-flow: row wrap;display: flex;align-items: center;justify-content: center;text-align: center;}
/*// Forces hover + focus //*/
.card-profile:hover .card-block-image:before {opacity: 1;}
.card-profile:active .card-block-image:before {opacity: 1;}
.card-profile:focus .card-block-image:before {opacity: 1;}
/* ////////////////////////////////////////////////////////////////////////////
////// CONTENT LAYOUT STYLES ////////////////////////////////////////////////*/
section.features {padding: 10px 0px 30px 0;background: #152335;}
section.books {padding: 50px 0px;background: #fff;}
section.books .card-body {background: #fff;}
.book-resources .resource--content h2 {font-size: 25px;}
.book-resources .resource--content h2:nth-child(n+2) {margin: 30px 0px 10px 0px;}
.img-fluid.book-cover {width: 160px;margin-left: auto;margin-right: auto;display: block;box-shadow: 0 0 10px #d3dbe3;border-radius: 2px;margin-bottom: 30px;}
.book--about {background: #fff;padding: 30px 0 50px 0;border-bottom: 0px solid #E9EFF1;}
.resource--content {padding: 10px 0px 20px 0px;min-height: 500px;}
.resource--content h4 {font-size: 23px;}
.title {color: #1F3047;font-size: 2.5rem;}
.subtitle {font-size: 23px;}
.edition {color: #1F3047;font-size: 1.125rem;font-weight: 600;    font-family: 'Roboto Slab', sans-serif;}
.meta {margin: 20px 0px 0px 0px;}
.meta .btn {display: block;width: max-content;}
.meta-label {color: #1f3047;font-size: 16px;font-weight: 500;}
.container-fluid.product .breadcrumb {margin: 0px 0px 30px 0px;}
.content-no-header {padding: 40px 0 50px;background: #f1f4f8;min-height: 600px;}
.content-no-header .section-no {background: #fff;padding: 25px 10px;margin: 20px 0;width: 100%;}
.header--books {background: #fff;border-bottom: 0px solid #E9EFF1;padding: 30px 0px 35px;}
.header--books h1 {margin: 20px 0 0 0;}
.header--books p {max-width: 1000px;}
.book--content {padding: 0px 0px 40px 0px;min-height: 500px;}
.archived--content {padding: 40px 0px 40px 0px;min-height: 500px;background: #F1F4F8;}
hr {margin-top: 2rem;margin-bottom: 1rem;border: 0;border-top: 2px solid #DFDFDF;opacity: 1;}
/* Profile */
.header--profile {background: #fff;border-bottom: 0px solid #E9EFF1;padding: 30px 0px 10px 0}
.header--profile h1 {margin: 40px 0 0;}
.header--profile .col-lg-8 h2 {margin: 40px 0 0;}
.profile--content {padding: 0px 0px 40px 0px;min-height: 500px;}
/* Case */
.header--case {background: #fff;border-bottom: 0px solid #E9EFF1;padding: 30px 0px 10px 0;}
.header--case h1 {margin: 40px 0 0;}
.header--case .col-lg-8 h2 {margin: 40px 0 0;}
.btn-case {color: #2159c4;background: none;border: 2px solid;padding: 8px;font-size: 15px;border-radius: 2px;font-weight: 600;}
.btn-case:hover, .btn-case:focus, .btn-case.focus, .btn-case:active, .btn-case.active, .open>.dropdown-toggle.btn-case {color: #fff;background: #2159c4;border-color: #2159c4;}
.btn-case:not(:disabled):not(.disabled).active, .btn-case:not(:disabled):not(.disabled):active, .show>.btn-case.dropdown-toggle {color: #fff;background: #2159c4;border-color: #2159c4;}

.page-subheading {font-size: 22px;margin: 10px 0 0px 0;}

.badge {display: block;padding: .25em .4em;max-width: max-content;float: left;margin: 5px 5px 6px 0px;}
.badge-comingsoon {color: #fff;background-color: #2669c9;float: right;margin: 2px;}
.badge--homecomingsoon {color: #fff;background-color: #f66868;float: right;margin: 3px 0px 3px 5px;}

.badge-next-prev { display: inline-block !important; float: none !important; }
.badge-orange { background: #f2f4f8; color: #1f3047; }
.badge-red { background: #f2f4f8; color: #1f3047; }
.badge-green { background: #f2f4f8; color: #1f3047; }
.badge-teal { background: #f2f4f8; color: #1f3047; }

/* ////////////////////////////////////////////////////////////////////////////
////// COOKIE INSIGHT STYLES ////////////////////////////////////////////////*/
footer .cookie-text {margin-bottom: 20px;}
footer .cookie-text p {margin: 0 0 0 0;}
.footer a {color: rgba(255,255,255,.701);}
.footer .ot-sdk-show-settings {background: none;padding: 0;color: #fff;border: none;}
h3.ot-sdk-cookie-policy-title {color: #1f3047!important}
h4.ot-sdk-cookie-policy-group {color: #1f3047!important;font-size: 22px!important}
.ot-sdk-cookie-policy table>thead>tr>th {color: #1f3047!important}
.ot-sdk-cookie-policy p {font-size: 18px!important;color: #586f91!important;line-height: 1.5!important;margin: 20px 0!important}
.ot-sdk-cookie-policy #cookie-policy-description {font-size: 18px!important;color: #586f91!important;line-height: 1.5!important;margin: 20px 0!important}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table {border-collapse: inherit;margin: auto;border: 0 solid #1f3147!important;border-radius: 0!important;border-spacing: initial;width: 100%;overflow: hidden}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th {background-color: #f2f4f8!important;border-bottom: 2px solid #1f3147!important}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table thead {border-bottom: 2px solid #1f3147!important;font-weight: 600!important;background: #d6e4fa!important}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th,#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table td {border-right: 0 solid #d7d7d7!important}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description,#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc,#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-table-header,#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a,#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span,#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td {font-size: 18px!important}
/* ///////////////////////////////////////////////////////////////////
////// MODAL STYLES ////////////////////////////////////////////////*/

.img-container {max-width: 350px;margin: 12px auto 12px auto;}

/* ///////////////////////////////////////////////////////////////////
////// MAP STYLES ////////////////////////////////////////////////*/
.tooltip-inner {background-color: #1F3047;border-radius: .15rem;font-weight: 600;}
.tooltip .arrow::before{border-top-color:#1F3047;}
.book--content circle {stroke: #fff;stroke-width: 12px;r: 45;color: -webkit-link;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.book--content circle:hover {stroke: #fff;stroke-width: 12px;r: 50;outline: none;}
.book--content circle.yellow {fill: #F4B706;}
.book--content circle.red {fill: #F23E02;}
.book--content circle.green {fill: #ACAA4A;}
.book--content circle.purple {fill: #AD3BCF;}
.book--content circle.teal {fill: #76BAAB;}
.book--content circle.orange {fill: #F6861F;}

.btn-custom-close {color: #fff;background: #3066CA;border-color: #3066CA;padding: 7px 12px;border-radius: 0px;border-radius: 2px;margin-bottom: 10px;font-size: 14px;font-weight: 600;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;width: fit-content;position: relative;margin: 15px 15px 0px auto;}
.btn-custom-close:hover, .btn-custom-close:focus, .btn-custom-close.focus, .btn-custom-close:active, .btn-custom-close.active, .open>.dropdown-toggle.btn-custom-close {color: #fff;background-color:  #2559b9;border-color:  #2559b9;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.btn-custom-close.active.focus, .btn-custom-close.active:focus, .btn-custom-close.active:hover, .btn-custom-close:active.focus, .btn-custom-close:active:focus, .btn-custom-close:active:hover, .open>.dropdown-toggle.btn-custom-close.focus, .open>.dropdown-toggle.btn-custom-close:focus, .open>.dropdown-toggle.btn-custom-close:hover {color: #fff;background-color:  #2559b9;border-color:  #2559b9;}



/* ////////////////////////////////////////////////////////////////////////////
////// FOOTER STYLES ///////////////////////////////////////////////////////*/
footer {padding-top: 4rem;padding-bottom: 1rem;background: #1E2635;color: #fff;}
footer .cookie-text {margin-bottom: 20px;}
footer .cookie-text p {margin: 0 0 0 0;}
footer p {margin-bottom:10px;}
.footer a {color: rgba(255,255,255,.701);}
.footer .ot-sdk-show-settings {background: none;padding: 0;color: #fff;}
footer .widget-title {font-size: 20px;color: #fff;font-weight: 600;margin-bottom: 15px;}
.footer-brand {font-size: 1.25rem;color: #fff;display: inline-block;margin: 0px 0 30px 0;}
.footerbrand--header {font-size: 22px;color: #fff;font-weight: 600;margin: 0px 0px 0px 0px;}
.footerbrand--subheader {font-size: 18px;color: rgb(255 255 255 / 90%);margin: 0px 0px 0px 0px;}
.footer-top {margin: 10px 0 50px 0;margin-left: -15px;margin-right: -15px;}
.footer-logo {width: 170px;margin-bottom: 30px;}
.return.return-is-visible {visibility: visible;opacity: 1;z-index: 101;}
.return {display: inline-block;position: fixed;bottom: 15px;right: 14px;overflow: hidden;white-space: nowrap;background: #3066cb;visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;font-size: 16px;color: #fff;text-align: center;font-weight: 600;padding: 8px 12px;cursor: pointer;}
.return.return-is-visible,
.return.return-fade-out,
.no-touch .return:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s}
.footer-brand .header-logo__image {width: 40px;}
.footer-brand .header-logo__text {font-size: 22px;margin-left: 50px;}
.footer-brand .header-logo__author {font-size: 16px;margin-left: 50px;}

.foot-next {background: #2c3d54;padding: 15px;}
.foot-next a {color: #fff;}
a.next-link {float: right;text-align: right;margin-left: auto;}
a.back-link {float: left;}
.light {color: #fff;font-weight: 600;}
a.back-link, .next-link {width: 50%;font-size: 15px;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
a.next-link::before {color: #ffffff;content: "Next \f30b";font-family: 'Roboto','font awesome 5 free', sans-serif;font-weight: 900;margin: 0px 0px 5px 0px;display: block;}
a.back-link::before {color: #ffffff;content: "\f30a  Previous";font-family: 'Roboto','font awesome 5 free', sans-serif;font-weight: 900;margin: 0px 0px 5px 0px;display: block;}
/* ////////////////////////////////////////////////////////////////////////////
////// RANDOM STYLES ////////////////////////////////////////////////////////*/
.breadcrumb {background: none;padding: 0;margin: 30px 0px 6px 0px;font-size: 18px;}
.breadcrumb>li+li:before {padding: 0 5px;color: #586f91;content: "\f054";font-family: 'font awesome 5 free';font-weight: 900;font-size: 12px}
.breadcrumb li a {font-weight: 500;}
.breadcrumb>.active {color: #586f91;}
.alert-archived {color: #ffffff;background-color: #0659c4;border-color: #0659c4;font-weight: 500;margin: 0px 0px 0px 0px;text-align: center;border-radius: 0;}
.alert-info {color: #1e3047;background-color: #d5e3fa;border-color: #d5e3fa;font-weight: 500;max-width: 500px;margin: 15px 0px 0px 0px;}
.alert-info p {margin: 10px 0px 10px 0px;}
.alert-info a {font-weight: 600;}
.alert-success {color: #297056;background: #e3f1ec;border: none;font-weight: 600;max-width: max-content;margin: 10px 0px 0px 0px;}
.accordion {background: #F1F4F8;margin: 5px 0;padding: 15px;color: #1e3048;cursor: pointer;width: 100%;border: none;text-align: left;outline: none;font-size: 15px;transition: 0.4s;}
.accordion:hover {background-color: #e0e4ea;}
.panel {padding: 0;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordion:after {font-family: "Font Awesome 5 Free";content: "\f078";font-weight: 900;font-size: 13px;color: #777;float: right;margin: 5px 0px 0px 0px;}
.accordion.active:after {content: "\f054";}
.accordion:focus {outline: none;}
button.accordion.active {background: #e0e4ea;}
.well--task {background: #f1f4f8;padding: 20px 20px 0px 20px;border-top: 5px solid #307bfe;border: 1px solid #e9eff1;}
/* ////////////////////////////////////////////////////////////////////////////
////// MEDIA QUERY STYLES ///////////////////////////////////////////////////*/
@media (min-width: 768px) {
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        flex-direction: row-reverse;
    }
    .subnav .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        flex-direction: initial;
    }
}
/* ////// MEDIA START ////// */
@media only screen and (min-width : 800px){
.sidebar {height: max-content;overflow: auto;position: -webkit-sticky;position: sticky;top:50px;}
.toc-card .container-fluid {display: block;}
.navbar-expand-lg .navbar-nav {flex-direction: row;width: 100%;display: block;}
.content-no-header {padding: 110px 0 50px;}
.book--about {padding: 40px 0 20px 0;}
.grid-2 {-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);}
.grid-3 {-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3, 1fr);}
.grid-4 {-ms-grid-columns: (1fr)[4];grid-template-columns: repeat(4, 1fr);}
.grid-5 {-ms-grid-columns: (1fr)[5];grid-template-columns: repeat(5, 1fr);}
/*.container-fluid.product {padding-left: 0px;padding-right: 0px;}*/
img.img-fluid.nav-brand {display: block;width: 200px;}
.header-title-intro {margin-top: 40px;}
.header-title-intro {font-size: 4rem;margin-bottom: 20px;}
.meta {margin: 30px 0px 10px 0px;}
.card-columns.products {-webkit-column-count: 5;-moz-column-count: 5;column-count: 5;}
.container-fluid.product .row {padding: 30px 0;}
.subnav .nav-link {border-radius: 4px;padding: 6px 10px;font-weight: 500;border:none !important;}
.navbar-collapse {margin: 0;}
.navbar-dark .navbar-nav .nav-link {color: #fff;background: none;border: none;border-radius: 4px;padding: 6px 10px;font-weight: 500;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color: #fff;background: #2C3D54;}
.dropdown-menu {box-shadow: 0 0 0px rgb(0 0 0 / 14%), 0 2px 8px rgb(0 0 0 / 28%);}
.dropdown-item {background: #152336;border-bottom: none;padding: 6px 20px;}
.dropdown-menu[data-bs-popper] {margin-top: 0;}
.img-fluid.book-cover {width: 280px;}
.header-logo__image {margin: 4px 0px 0px 0px;}
.header-logo__text {font-size: 20px;}
.h1, h1 {font-size: 2.25rem;}
.h2, h2 {font-size: 2rem;}
.h3, h3 {font-size: 1.75rem;}
.h4, h4 {font-size: 1.5rem;}
.h5, h5 {font-size: 1.25rem;}
.h6, h6 {font-size: 1rem;}
.img-container {max-width: 350px;margin: 0px 20px 15px 0px;float: left;}
.header-subtext {font-size: 20px;}
.modal h1 {margin-top: 0px;}
.book--content circle {stroke-width: 7px;r: 24;}
.book--content circle:hover {stroke-width: 9px;r: 28;}
}/* ////// MEDIA END ////// */

@media only screen and (min-width : 1200px) {
.container-fluid {max-width: 1400px;}
.hero {margin: 100px -15px 10px -15px;}
}/* ////// MEDIA END //////*/

.content-heading { font-size: 24px; line-height: 35px; }
.content-subheading { font-size: 18px; }
.questions-heading { font-size: 22px; }
.listed-points { font-size: 20px; margin-bottom: 0; }
.listed-text { margin-top: 10px; }
.red { color: #e03d28; }
.orange { color: #fc861e; }
.green { color: #9d9c3d; }
.teal { color: #6eb1a0; }
.spacer { clear: both; height: 20px; }
.text-card { position: relative; background: #f1f4f8;padding: 20px 20px 0px 20px; margin: 0px 0 20px 0;color: #333;border: 1px solid #e9eff1; }
.text-card.mh { max-height: 500px; overflow: scroll; overflow-x: hidden; }
.goal-card {position: relative;display: block;max-width: 500px;background: #f1f4f8;padding: 20px;margin-bottom: 10px;border: 1px solid #e9eff1;}
.goal-card h4 { text-align: center; }
.goal-number { display: flex; justify-content: center; align-items: center; margin: 10px 0px; }
.goal-number span { font-size: 38px; color: #fff; background: #da3a26; padding: 0px 10px; border-radius: 4px; }

.map-key-list .list-item {display: flex;margin: 10px 0px;}
.map-key {border-radius: 50%;color: #fff;height: 22px;width: 22px;display: inline-block;border: 3px solid;margin: 0px 5px 0px 0px;}
.map-key.red { background-color: #f23e00; }
.map-key.orange { background-color: #fc861e; }
.map-key.green { background-color: #adaa4a; }
.map-key.teal { background-color: #76baab; }
.map-key.yellow { background-color: #f4b704; }
.map-key.purple { background-color: #ad3bcf; }

.ecomapKey { list-style-type: none; width: 235px; margin: 0 auto; border-top: 1px solid #ccc; padding: 10px 0 0 0; }
.ecomapKey li { font-size: 12px; padding: 5px 0 5px 30px; }
.ecomapKey .key1 { background: url("https://s3-eu-west-1.amazonaws.com/s3-euw1-ap-pe-ws4-cws-documents.ri-prod/routledgesw/img/icons/ecokey1.gif") no-repeat left;  }
.ecomapKey .key2 { background: url("https://s3-eu-west-1.amazonaws.com/s3-euw1-ap-pe-ws4-cws-documents.ri-prod/routledgesw/img/icons/ecokey2.gif") no-repeat left;  }
.ecomapKey .key3 { background: url("https://s3-eu-west-1.amazonaws.com/s3-euw1-ap-pe-ws4-cws-documents.ri-prod/routledgesw/img/icons/ecokey3.gif") no-repeat left;  }
.ecomapKey .key4 { background: url("https://s3-eu-west-1.amazonaws.com/s3-euw1-ap-pe-ws4-cws-documents.ri-prod/routledgesw/img/icons/ecokey4.gif") no-repeat left;  }
.ecomapKey .key5 { background: url("https://s3-eu-west-1.amazonaws.com/s3-euw1-ap-pe-ws4-cws-documents.ri-prod/routledgesw/img/icons/ecokey5.gif") no-repeat left;  }

.download-card { position: relative; background: #f1f4f8; display: block; max-width: 750px; border-radius: 4px;border: 1px solid #e9eff1;}
.download-title { position: relative; display: block; text-align: center; padding: 20px 30px; }
.download-title h3 { margin: 0px 0px 10px 0px; font-size: 20px; }
.file-list { margin: .5rem 0 1rem 0; border: 1px solid #e0e0e0; border-radius: 2px; max-height: 450px; overflow-y: scroll; position: relative; border-bottom: 0; border-right: 0; border-left: 0; }
.file-list a.file-item { display: block; -webkit-transition: .25s; transition: .25s; color: #333; }
.file-list .file-item { background-color: #f1f4f8; line-height: 1.5rem; padding: 10px 20px; margin: 0; border-bottom: 1px solid #e0e0e0; }
.file-list .file-item.active { background-color: #26a69a; color: #eafaf9; }
.file-list a.file-item:not(.active):hover { background-color: #ddd; }
.file-type { font-family: 'Source Code Pro', monospace; color: #1f3047; }
.download-card-sub { font-size: 16px; color: #307bfe; }
.link-title { font-size: 20px; font-weight: 600; }
.link-description { margin-top: -1rem; margin-bottom: 2rem; }
.key span {width: 14px; height: 14px; margin: 1px 0 0px 0px; }
.key span:before { content: '■'; margin-right: 2px; font-size: 25px; vertical-align: middle; display: inline-block; margin-top: -5px; }
.key span:after { content: ''; display: block; clear:both; }
span.key-red:before { color:  #e03d28; }
span.key-orange:before { color:  #fc861e; }
span.key-teal:before { color:  #6eb1a0; }
.family-position { font-style: italic; margin-top: 0; font-size: 18px; }
.global-IDH { margin: 30px 0; }
.img-caption {  position: relative; width: 100%; height: auto; font-size: 12px; color: #1f3047; }