/*-----------------------------------------------------------------------------------*/
/*	Style for typography
/*-----------------------------------------------------------------------------------*/

body,
html {
    color: rgba(0, 0, 0, 1.0);
    ;
    line-height: 1.5rem;
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px;
}

table,
th,
td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 8px;
    text-align: center;
}

.lineHeight {
    line-height: normal !important;
}

.ui.header,
.ui.menu,
.ui.button,
.ui.form textarea,
.ui textarea,
.ui.input>input,
.ui input,
.ui.menu,
.embed_jobs_head2 {
    font-family: 'Poppins', sans-serif !important;
}

.ui.form input:not([type]),
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=email],
.ui.form input[type=file],
.ui.form input[type=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=text],
.ui.form input[type=time],
.ui.form input[type=url] {
    font-family: 'Poppins', sans-serif !important;
}

.select-style {
    font-family: 'Poppins', sans-serif !important;
}

.ui.small.header {
    line-height: 1.5rem !important;
}

p {
    font-size: 1rem !important;
}

.ui.header {
    font-size: 1.0rem !important;
}

.ui.header.huge {
    font-size: 2rem !important;
    font-weight: 500;
}

.ui.header.large {
    font-size: 1.7rem !important;
}

.ui.header.medium {
    font-size: 1.28rem !important;
}

.ui.header.small {
    font-size: 1.0rem !important;
}

.ui.header.tiny {
    font-size: 0.9rem !important;
}

.ui.image.partner {
    width: 300px !important;
    margin-left: 20%;
}

h1,
h1.ui.header {
    font-size: 2rem !important;
}

h2,
h2.ui.header {
    font-size: 1.7rem !important;
}

h3,
h3.ui.header {
    font-size: 1.28rem !important;
}

h4,
h4.ui.header {
    font-size: 1rem !important;
}

h5,
h5.ui.header {
    font-size: 0.9rem !important;
}

.ui.steps .step>.number {
    font-size: 1.14rem;
}

.ui.list {
    font-size: 1.0rem;
}

.ui.vertical.menu .menu .item {
    font-size: 0.9rem;
}

.ui.vertical.menu .item>.header:not(.ui) {
    font-size: 1.0rem;
}

.ui.input {
    font-size: 0.9rem !important;
}

.ui.dropdown .menu>.header {
    font-size: 1rem;
}

.ui.form textarea {
    font-size: 0.9rem !important;
}

.ui.form input:not([type]),
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=email],
.ui.form input[type=file],
.ui.form input[type=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=text],
.ui.form input[type=time],
.ui.form input[type=url] {
    font-size: 0.9rem !important;
}

.ui.form.sh-form .field>label {
    font-size: 0.9rem;
}

.ui.progress.medium .bar {
    font-size: 0.8rem;
}

.ui.progress.medium .bar>.progress {
    font-size: 0.9rem;
}

.ui.progress>.label {
    font-size: 1rem;
}

.ui.button,
.ui.buttons,
.ui.buttons .button {
    font-size: 1.0rem;
}

.ui.modal.sh-modal .modal-content {
    font-size: 1rem;
}

.ui.table.small {
    font-size: 0.9rem;
}

.ui.table.admin-calendar {
    font-size: 0.9rem !important;
}

.ui.table.admin-calendar tbody tr td.reminder-to-status-icons i,
.ui.table.admin-calendar tbody tr td .reminder-to-status-icons i {
    font-size: 1rem !important;
}

.ui.segment,
.ui.segments .segment {
    font-size: 1.2rem;
}

.ui.segment p,
.ui.segments .segment p {
    font-size: 1.14rem;
}

.ui.calendar .ui.table.day tr:first-child th {
    font-size: 1rem !important;
}

.ui.calendar .ui.table tr:first-child th {
    font-size: 1rem !important;
}

.video-HVAC-iTwin {
    width: 100% !important;
}


.scroll-down a {
    font-size: 0.9rem;
}

.menu.cctech-top-navbar .item {
    font-size: 1.0rem !important;
}

.menu.cctech-top-navbar.main-menu .item {
    font-size: 1.0rem !important;
}

.sh-full-width-list>i.more-info {
    font-size: 1.3rem;
}

.slick-dots-custom li button:before {
    font-size: 0.8rem;
}

.slick-dots-custom.medium-size li button:before {
    font-size: 1rem;
}

.slick-dots-custom.large-size li button:before {
    font-size: 1.5rem;
}

.ui.checkbox label {
    font-size: 1.0rem;
}

.ui.breadcrumb {
    font-size: 1.14rem;
}

.ui.cards>.card>.content,
.ui.card>.content {
    font-size: 1.14rem;
}

.ui.items>.item>.content>.description {
    font-size: 1.14rem;
}

.ui.menu {
    font-size: 1.0rem !important;
}

.top-menu-quicklink>a>i {
    font-size: 0.7rem;
}

.top-menu-quicklink>a>.content {
    font-size: 1.0rem;
}

.top-menu-quicklink.link-size-huge>a>i {
    font-size: 1.0rem;
}

.top-menu-quicklink.link-size-huge>a>.content {
    font-size: 2rem;
}

.top-menu-quicklink.link-size-large>a>i {
    font-size: 0.9rem;
}

.top-menu-quicklink.link-size-large>a>.content {
    font-size: 1.71428571rem;
}

.top-menu-quicklink.link-size-medium>a>i {
    font-size: 0.7rem;
}

.top-menu-quicklink.link-size-medium>a>.content {
    font-size: 1.28571429rem;
}

.sh-footer .item {
    font-size: 1.0rem !important;
}

#myAccount>a.item {
    font-size: 1.14rem;
}

.sh-subscription-feature>i.more-info {
    font-size: 1.0rem;
}

.select-style select {
    font-size: 7pt !important;
}

.slick-dots-custome li button:before {
    font-size: 0.8rem;
}

.slick-dots-custome.medium-size li button:before {
    font-size: 1rem;
}

.slick-dots-custome.large-size li button:before {
    font-size: 1.3rem;
}

.ui.modal.sws-modal .modal-content {
    font-size: 1rem;
}

.ui.form {
    font-size: 1.14rem;
}

.ui.form.sws-form .field>label {
    font-size: 1.0rem;
}

.embed_jobs_with_style .rec-job-info a:after {
    font-size: 0.9rem !important;
}

.rec_facet_group:before {
    font-size: 1.2rem !important;
}

.embed_jobs_with_style .cw-facet-checkbox+span {
    font-size: inherit !important;
}

.cctech-blog-cloud a {
    font-size: 0.9rem;
}

.ui.large.button,
.ui.large.buttons .button,
.ui.large.buttons .or {
    font-size: 1.0rem !important;
}

.ui.menu .ui.dropdown .menu>.item {
    font-size: 1.0rem !important;
}

.ui.menu:not(.vertical) .item>.button {
    font-size: 1.0rem !important;
}

.embed_jobs_head2 {
    font-size: 1.0rem !important;
}

.svg-button .svg-button-text {
    font-size: 0.9rem;
}

.svg-button .svg-button-icon {
    font-size: 0.85rem;
}

pre {
    font-size: 0.95rem;
    color: #252525;
}

code {
    font-size: 95%;
}


/*-----------------------------------------------------------------------------------*/
/*	Banner messages
/*-----------------------------------------------------------------------------------*/

.header-message {
    padding-top: 60px;
}

/*-----------------------------------------------------------------------------------*/
/*	Background banner
/*-----------------------------------------------------------------------------------*/

/*Computer*/
.background-banner {
    overflow: hidden !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}

.background-banner.background-position-left-top {
    background-position: left top !important;
}

.background-banner.background-position-left-center {
    background-position: left center !important;
}

.background-banner.background-position-left-bottom {
    background-position: left bottom !important;
}

.background-banner.background-position-right-top {
    background-position: right top !important;
}

.background-banner.background-position-right-center {
    background-position: right center !important;
}

.background-banner.background-position-right-bottom {
    background-position: right bottom !important;
}

.background-banner.background-position-center-top {
    background-position: center top !important;
}

.background-banner.background-position-center-center {
    background-position: center center !important;
}

.background-banner.background-position-center-bottom {
    background-position: center bottom !important;
}

.background-banner.fix-size {
    min-height: 600px !important;
    width: 100% !important;
    background-size: 1700px auto !important;
}

.background-banner.cover {
    background-size: cover !important;
}

.background-banner.navbar-margin {
    margin-top: 53px !important;
}

/*Tablet*/
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .background-banner.fix-size {
        /*background-position: calc(50%) 0% !important;*/
        height: auto !important;
    }
}

/*Mobile*/
@media only screen and (max-width: 767px) {
    .background-banner.fix-size {
        height: auto !important;
        /*background-position: -742px -3px !important;*/
    }
}

.background-banner.common-image.future-city {
    background-image: url("/assets/images/background-images/future-city-1-1700x1016.jpg") !important;
    background-color: #030303 !important;
}

.background-banner.common-image.horizon {
    background-image: url("/assets/images/background-images/build-future-horizon.jpg") !important;
}

.background-banner.home-page.build-applications {
    background-image: url("/assets/images/pages/home/sliders/we-help-companies-to-build-powerful-and-scalable-engineering-applications.svg") !important;
}

.background-banner.home-page.microsoft-hololens-illustration-for-engineers {
    background-image: url("/assets/images/pages/home/sliders/microsoft-hololens-illustration-for-engineers.jpg") !important;
}

.background-banner.about-us.our-office {
    background-image: url("/assets/images/pages/about-us/about-us-office.jpg") !important;
}

.background-banner.about-us.our-team {
    background-image: url("/assets/images/pages/about-us/about-us-team.jpg") !important;
}

.background-banner.about-us.our-dna-blue {
    background-image: url("/assets/images/pages/about-us/Our-DNA-blue.svg") !important;
}

.background-banner.about-us.our-dna-red {
    background-image: url("/assets/images/pages/about-us/Our-DNA-red.svg") !important;
}

.background-banner.careers.why-us {
    background-image: url("/assets/images/pages/careers/why-us-background.jpg") !important;
}

.background-banner.careers.interns-and-students {
    background-image: url("/assets/images/pages/careers/interns-and-students-background.jpg") !important;
}

.background-banner.careers.job-details-office {
    background-image: url("/assets/images/pages/careers/job-details-office.jpg") !important;
}

.background-banner.careers.cad-software-developer {
    background-image: url("/assets/images/pages/careers/cad-software-developer/Job-CAD-Software-Developer.svg") !important;
}

.background-banner.careers.human-resource-executive {
    background-image: url("/assets/images/pages/careers/human-resource-executive/Job-Human-Resource-Executive.jpg") !important;
}

.background-banner.careers.senior-human-resource-executive {
    background-image: url("/assets/images/pages/careers/senior-human-resource-executive/Job-Senior-Human-Resource-Executive.jpg") !important;
}

.background-banner.careers.cpp-software-developer {
    background-image: url("/assets/images/pages/careers/cpp-software-developer/Job-CPP-Developer.svg") !important;
}

.background-banner.careers.full-stack-developer {
    background-image: url("/assets/images/pages/careers/full-stack-developer/CCTech-Job-Full-Stack-Developer-feature-image.svg") !important;
}

.background-banner.products.tile-horizontal-simulationHub {
    background-image: url("/assets/images/pages/products/simulationHub-Tile-Horizontal.svg") !important;
}

.background-banner.products.tile-horizontal-simulationHub-with-logo {
    background-image: url("/assets/images/pages/products/simulationHub-Tile-Horizontal-with-logo.svg") !important;
}

.background-banner.products.tile-horizontal-LearnCAx {
    background-image: url("/assets/images/pages/products/LearnCAx-Tile-Horizontal.svg") !important;
}

.background-banner.products.tile-horizontal-LearnCAx-with-logo {
    background-image: url("/assets/images/pages/products/LearnCAx-Tile-Horizontal-with-logo.svg") !important;
}

.background-banner.platforms.aws.header-background {
    background-image: url("/assets/images/pages/platforms/Amazon-Web-Services-Header-Background.svg") !important;
}

.background-banner.platforms.aws.solutions-horizontal-tile-background {
    background-image: url("/assets/images/pages/platforms/Amazon-Web-Services-Solutions-Horizontal-Tile.svg") !important;
}

.background-banner.platforms.autodesk-forge.header-background {
    background-image: url("/assets/images/pages/platforms/Autodesk-Forge-Header-Background.svg") !important;
}

.background-banner.platforms.autodesk-forge.solutions-horizontal-tile-background {
    background-image: url("/assets/images/pages/platforms/Autodesk-Forge-Solutions-Horizontal-Tile.svg") !important;
}

.background-banner.platforms.autodesk-forge.pattern-orange {
    background-image: url("/assets/images/pages/platforms/Autodesk-Forge-Pattern-Orange.svg") !important;
}

.background-banner.platforms.autodesk-forge.pattern-blue {
    background-image: url("/assets/images/pages/platforms/Autodesk-Forge-Pattern-Blue.svg") !important;
}

.background-banner.platforms.ge-predix.header-background {
    background-image: url("/assets/images/pages/platforms/GE-Predix-Header-Background.svg") !important;
}

.background-banner.platforms.ge-predix.solutions-horizontal-tile-background {
    background-image: url("/assets/images/pages/platforms/GE-Predix-Solutions-Horizontal-Tile.svg") !important;
}

.background-banner.platforms.simulationHub-Web-Services.header-background {
    background-image: url("/assets/images/pages/platforms/simulationHub-Web-Services-Header-Background.svg") !important;
}

.background-banner.platforms.simulationHub-Web-Services.header-background-animated {
    background-image: url("/assets/images/pages/platforms/simulationHub-Web-Services-Header-Background-Animated.svg") !important;
}

.background-banner.platforms.simulationHub-Web-Services.header-background-animated-loop {
    background-image: url("/assets/images/pages/platforms/simulationHub-Web-Services-Header-Background-Animated-Loop.svg") !important;
}

.background-banner.platforms.simulationHub-Web-Services.apps-horizontal-tile-background {
    background-image: url("/assets/images/pages/platforms/simulationHub-Web-Services-Apps-Horizontal-Tile.svg") !important;
}

.background-banner.consulting.header-background {
    background-image: url("/assets/images/pages/consulting/Consulting-Header-Background.png") !important;
}

.background-banner.consulting.tile-horizontal {
    background-image: url("/assets/images/pages/consulting/Consulting-Tile-Horizontal.jpg") !important;
}

.background-banner.cad-development.header-background {
    background-image: url("/assets/images/pages/consulting/cad-development/CAD-Development-Header-Background.png") !important;
}

.background-banner.ar-vr.header-background {
    background-image: url("/assets/images/pages/consulting/ar-vr/AR_VR-Header-Black-Background.gif") !important;
}

.background-banner.engineering-software-development.header-background {
    background-image: url("/assets/images/pages/consulting/engineering-software-development/engineering-software-development-Header-Black-Background.gif") !important;
}

.background-banner.hardware-acceleration.header-background {
    background-image: url("/assets/images/pages/consulting/hardware-acceleration/Hardware-acceleration-Header-Black-Background.gif") !important;
}

.background-banner.digital-twin.header-background {
    background-image: url("/assets/images/pages/consulting/digital-twin/digital-twin-Header-Black-Background.gif") !important;
}

.background-banner.manufacturing-process.header-background {
    background-image: url("/assets/images/pages/consulting/manufacturing-process/manufacturing-process-Header-Black-Background.gif") !important;
}

.background-banner.consulting-ai-consulting.header-background {
    background-image: url("/assets/images/pages/consulting/ai-consulting/AI-Consulting-Header-Background.png") !important;
}

.background-banner.consulting-ai-consulting.quote-background {
    background-image: url("/assets/images/pages/consulting/ai-consulting/AI-Consulting-Quote-Background.png") !important;
}

.background-banner.consulting-quality-assurance-and-testing.header-background {
    background-image: url("/assets/images/pages/consulting/quality-assurance-and-testing/Quality-Assurance-and-Testing-Header-Background.jpg") !important;
}

.background-banner.research.header-background {
    background-image: url("/assets/images/pages/research/research-Header-Background.jpg") !important;
}

.background-banner.research.tile-horizontal {
    background-image: url("/assets/images/pages/research/research-Header-Background.jpg") !important;
}

.background-banner.research.projects.results-web-rendering {
    background-image: url("/assets/images/pages/research/projects/making-memory-intensive-results-ready-for-web-rendering.png") !important;
}

.background-banner.research.projects.geometry-defeaturing-and-intelligence-for-meshing {
    background-image: url("/assets/images/pages/research/projects/geometry-defeaturing-and-intelligence-for-meshing.jpg") !important;
}

.background-banner.papers.equations {
    background-image: url("/assets/images/pages/papers/equations-background.jpg") !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Background texture
/*-----------------------------------------------------------------------------------*/
.background-texture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.background-texture.hexagoneblue {
    background: url(/assets/images/background-texture/hexagone-blue.svg) repeat;
}

.background-texture-full-width {
    background-repeat: repeat-y !important;
    background-size: 104vw auto !important;
}

.background-texture-full-width.forge-blue-triangle {
    background-image: url(/assets/images/background-texture/Autodesk-Forge-Triangle-Blue.svg) !important;
}

/*Tablet*/
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .background-texture-full-width {
        background-size: 992px auto !important;
        background-position: left top !important;
    }
}

/*Mobile*/
@media only screen and (max-width: 767px) {
    .background-texture-full-width {
        background-size: 768px auto !important;
        background-position: left top !important;
    }
}

/*-----------------------------------------------------------------------------------*/
/*	Background fluid container
/*-----------------------------------------------------------------------------------*/
.background-fluid-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	Font Style
/*-----------------------------------------------------------------------------------*/

.font-weight-normal {
    font-weight: normal !important;
}

.font-weight-bold {
    font-weight: normal !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Code Style
/*-----------------------------------------------------------------------------------*/

.code-font {
    font-family: "Courier 10 Pitch", Courier, monospace;
}

/*-----------------------------------------------------------------------------------*/
/*	Blog Author
/*-----------------------------------------------------------------------------------*/

.blog-author-sandip-jadhav {
    background-image: url(/assets/images/team-members/Sandip_Jadhav.jpg);
}

.blog-author-vijay-mali {
    background-image: url(/assets/images/team-members/Vijay_Mali.jpg);
}

/*-----------------------------------------------------------------------------------*/
/*	Editor
/*-----------------------------------------------------------------------------------*/

.editor_frame {
    margin: 1rem 0;
    padding: 1em;
    background: #ffffff;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*	Colored Text
/*-----------------------------------------------------------------------------------*/
.text.white {
    color: #FFFFFF !important;
}

.text.grey {
    color: #CCCCCC;
}

.text.darkgrey {
    color: #666666;
}

.text.black {
    color: #1B1C1D !important;
}

.text.yellow {
    color: #F2C61F;
}

.text.teal {
    color: #00B5AD;
}

.text.red {
    color: #D95C5C;
}

.text.purple {
    color: #564F8A;
}

.text.pink {
    color: #D9499A;
}

.text.orange {
    color: #f2711c;
}

.text.green {
    color: #5BBD72;
}

.text.blue {
    color: #3B83C0;
}

.text.cctech-organge {
    color: #e77817;
}

.text.autodesk-forge-orange {
    color: #EE8822 !important;
}

.text.autodesk-forge-blue {
    color: #017dc5 !important;
}

.text.ge-predix-blue {
    color: #3ab4d4 !important;
}

.text.i-twin-blue {
    color: #3ab4d4 !important;
}

.text.ge-predix-flirt {
    color: #b8008e !important;
}

.text.i-twin-flirt {
    color: #62BB46 !important;
}


.text.aws-orange {
    color: #e47911 !important;
}

.text.aws-blue {
    color: #007eb9 !important;
}

.text.sws-blue {
    color: #2185D0 !important;
}

.text.sws-green {
    color: #62bb47 !important;
}


.text.sws-yellow {
    color: #FBBD08 !important;
}

.text.sws-red {
    color: #db2828 !important;
}

.text.learncax-orange {
    color: #EF771D !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Text border bottom
/*-----------------------------------------------------------------------------------*/
.text-border-bottom {
    padding-bottom: 0.3rem;
    border-bottom-width: 1px;
}

.text-border-bottom.style-solid {
    border-bottom-style: solid;
}

.text-border-bottom.style-dashed {
    border-bottom-style: dashed;
}

.text-border-bottom.style-dotted {
    border-bottom-style: dotted;
}

.text-border-bottom.style-double {
    border-bottom-style: double;
}

.text-border-bottom.medium {
    border-bottom-width: 2px;
}

.text-border-bottom.large {
    border-bottom-width: 3px;
}

.text-border-bottom.white {
    border-bottom-color: #FFFFFF !important;
}

.text-border-bottom.grey {
    border-bottom-color: #CCCCCC;
}

.text-border-bottom.darkgrey {
    border-bottom-color: #666666;
}

.text-border-bottom.black {
    border-bottom-color: #1B1C1D !important;
}

.text-border-bottom.yellow {
    border-bottom-color: #F2C61F;
}

.text-border-bottom.teal {
    border-bottom-color: #00B5AD;
}

.text-border-bottom.red {
    border-bottom-color: #D95C5C;
}

.text-border-bottom.purple {
    border-bottom-color: #564F8A;
}

.text-border-bottom.pink {
    border-bottom-color: #D9499A;
}

.text-border-bottom.orange {
    border-bottom-color: #f2711c;
}

.text-border-bottom.green {
    border-bottom-color: #5BBD72;
}

.text-border-bottom.blue {
    border-bottom-color: #3B83C0;
}

/*-----------------------------------------------------------------------------------*/
/*	Bordered Image
/*-----------------------------------------------------------------------------------*/
.image-border {
    border-style: solid;
    border-width: 0.2rem;
    padding: 0.3rem;
    border-color: #000000;
}

.image-border.style-solid {
    border-style: solid;
}

.image-border.style-dashed {
    border-style: dashed;
}

.image-border.style-dotted {
    border-style: dotted;
}

.image-border.style-double {
    border-style: double;
}

.image-border.size-tiny {
    border-width: 0.15rem;
    padding: 0.25rem;
}

.image-border.size-mini {
    border-width: 0.2rem;
    padding: 0.3rem;
}

.image-border.size-small {
    border-width: 0.3rem;
    padding: 0.5rem;
}

.image-border.size-medium {
    border-width: 0.4rem;
    padding: 0.8rem;
}

.image-border.size-large {
    border-width: 0.6rem;
    padding: 1.0rem;
}

.image-border.size-big {
    border-width: 0.7rem;
    padding: 1.5rem;
}

.image-border.size-huge {
    border-width: 0.8rem;
    padding: 2.0rem;
}

.image-border.color-white {
    border-color: #FFFFFF;
}

.image-border.color-grey {
    border-color: #CCCCCC;
}

.image-border.color-darkgrey {
    border-color: #666666;
}

.image-border.color-black {
    border-color: #1B1C1D;
}

.image-border.color-yellow {
    border-color: #F2C61F;
}

.image-border.color-teal {
    border-color: #00B5AD;
}

.image-border.color-red {
    border-color: #D95C5C;
}

.image-border.color-purple {
    border-color: #564F8A;
}

.image-border.color-pink {
    border-color: #D9499A;
}

.image-border.color-orange {
    border-color: #f2711c;
}

.image-border.color-green {
    border-color: #5BBD72;
}

.image-border.color-blue {
    border-color: #3B83C0;
}

.image-border.color-sws-blue {
    border-color: #2185D0;
}

/*-----------------------------------------------------------------------------------*/
/*	Background fill colors
/*-----------------------------------------------------------------------------------*/
.fill-white {
    background: #FFFFFF;
}

.fill-grey {
    background: #CCCCCC;
}

.fill-darkgrey {
    background: #666666;
}

.fill-black {
    background: #1B1C1D;
}

.fill-yellow {
    background: #F2C61F;
}

.fill-teal {
    background: #00B5AD;
}

.fill-red {
    background: #D95C5C;
}

.fill-purple {
    background: #564F8A;
}

.fill-pink {
    background: #D9499A;
}

.fill-orange {
    background: #f2711c;
}

.fill-green {
    background: #5BBD72;
}

.fill-blue {
    background: #3B83C0;
}

/*-----------------------------------------------------------------------------------*/
/* Custome link colors
/*-----------------------------------------------------------------------------------*/
.custom-link>a {
    color: #4183c4 !important;
    text-decoration: none;
}

.custom-link>a:hover {
    opacity: 0.8;
}

.custom-link.color-white>a {
    color: #FFFFFF !important;
}

.custom-link.color-grey>a {
    color: #CCCCCC !important;
}

.custom-link.color-darkgrey>a {
    color: #666666 !important;
}

.custom-link.color-black>a {
    color: #1B1C1D !important;
}

.custom-link.color-yellow>a {
    color: #F2C61F !important;
}

.custom-link.color-teal>a {
    color: #00B5AD !important;
}

.custom-link.color-red>a {
    color: #db2828 !important;
}

.custom-link.color-purple>a {
    color: #564F8A !important;
}

.custom-link.color-pink>a {
    color: #D9499A !important;
}

.custom-link.color-orange>a {
    color: #f2711c !important;
}

.custom-link.color-green>a {
    color: #5BBD72 !important;
}

.custom-link.color-blue>a {
    color: #3B83C0 !important;
}

.custom-link.color-sws-blue>a {
    color: #2185D0 !important;
}

.custom-link.color-learncax-orange>a {
    color: #EF771D !important;
}

ul.pagination {
    text-align: center;
    padding: 10px;
}

.error {
    background: none;
}

.custom-blog-list .custom-blog-post:nth-child(odd) {
    background: #CFD8DC;
}

.custom-blog-list .custom-blog-post:nth-child(odd) .custom-blog-post-image {
    background: #B0BEC5;
}

.custom-blog-list .custom-blog-post:nth-child(even) {
    background: #E3F2FD;
}

.custom-blog-list .custom-blog-post:nth-child(even) .custom-blog-post-image {
    background: #BBDEFB;
}

/*-----------------------------------------------------------------------------------*/
/*	Custom Theme Ref. semantic UI
/*-----------------------------------------------------------------------------------*/
/*--------------
    Masthead
---------------*/
.masthead.segment.zoomed h1 {
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, 1);
}

.masthead.zoomed:after {
    opacity: 0;
}

.masthead.zoomed {
    background-color: #25282A;
}

.masthead {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 0em;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0px;
    border-bottom: none;
    background-color: #192F46 !important;
    background-position: 50% 50%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.masthead:after {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: '';
    background-size: cover;
    /*opacity: 0.45;*/
}

.masthead.bg1:after {
    background-image: url("/images/backgrounds/1.jpg");
    /*background-color: #0367B0;
        background: linear-gradient(to bottom,#0367B0 6%,#79B0D8);*/
}

.masthead.bg2:after {
    background-image: url("/images/backgrounds/2.jpg");
}

.masthead.bg3:after {
    background-image: url("/images/backgrounds/3.jpg");
}

.masthead.bg4:after {
    background-image: url("/images/backgrounds/4.jpg");
}

.masthead.bg5:after {
    background-image: url("/images/backgrounds/5.jpg");
}

.masthead.bg6:after {
    background-image: url("/images/backgrounds/6.jpg");
}

.masthead.bg7:after {
    background-image: url("/images/backgrounds/7.jpg");
}

.masthead.bg8:after {
    background-image: url("/images/backgrounds/8.jpg");
}

.masthead.bg9:after {
    background-image: url("/images/backgrounds/9.jpg");
}

.masthead.bg10:after {
    background-image: url("/images/backgrounds/10.jpg");
}

.masthead.bg11:after {
    background-image: url("/images/backgrounds/11.jpg");
}

.masthead.bg12:after {
    background-image: url("/images/backgrounds/12.jpg");
}

.masthead.bg13:after {
    background-image: url("/images/backgrounds/13.jpg");
}

.masthead.bg14:after {
    background-image: url("/images/backgrounds/14.jpg");
}

.masthead,
.masthead:after {
    -ms-transition: background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s, opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
    -moz-transition: background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s, opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
    -webkit-transition: background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s, opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
    transition: background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s, opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
}

.masthead .container {
    margin-left: auto !important;
    margin-right: auto !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pushed .masthead {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.pusher>.footer {
    margin: 0em;
    border-radius: 0em;
    padding: 2.5em 0em 2em 0em;
}

body.pushable>.pusher {
    background: #ECEFF1 !important;
}

.masthead.segment .typed-cursor {
    position: relative;
    top: -0.05em;
    left: -0.25em;
    visibility: hidden;
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
    -webkit-transition: opacity 0.7s ease;
    -moz-transition: opacity 0.7s ease;
    transition: opacity 0.7s ease;
}

.masthead.segment .typed-cursor.stop {
    opacity: 0;
    -moz-animation-duration: 0s;
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.vertical.segment {
    box-shadow: none;
}


.ui.header {
    font-weight: normal;
}

.ui.header>.icon {
    padding-top: 0.14285em;
}

i.white.icon {
    color: #FFFFFF !important;
}

i.icon.inline {
    display: inline-block !important;
}

i.circular.white.icon {
    box-shadow: 0em 0em 0em 0.1em rgba(255, 255, 255, 0.7) inset !important;
}

i.circular.red.icon {
    box-shadow: 0 0 0 0.1em rgba(219, 40, 40, .7) inset !important;
}

i.circular.orange.icon {
    box-shadow: 0 0 0 0.1em rgba(242, 113, 28, .7) inset !important;
}

i.circular.yellow.icon {
    box-shadow: 0 0 0 0.1em rgba(242, 198, 31, .7) inset !important;
}

i.circular.olive.icon {
    box-shadow: 0 0 0 0.1em rgba(181, 204, 24, .7) inset !important;
}

i.circular.green.icon {
    box-shadow: 0 0 0 0.1em rgba(33, 186, 69, .7) inset !important;
}

i.circular.teal.icon {
    box-shadow: 0 0 0 0.1em rgba(0, 181, 173, .7) inset !important;
}

i.circular.blue.icon {
    box-shadow: 0 0 0 0.1em rgba(33, 133, 208, .7) inset !important;
}

i.circular.violet.icon {
    box-shadow: 0 0 0 0.1em rgba(80, 42, 161, .7) inset !important;
}

i.circular.purple.icon {
    box-shadow: 0 0 0 0.1em rgba(130, 41, 159, .7) inset !important;
}

i.circular.pink.icon {
    box-shadow: 0 0 0 0.1em rgba(224, 57, 151, .7) inset !important;
}

i.circular.brown.icon {
    box-shadow: 0 0 0 0.1em rgba(128, 80, 49, .7) inset !important;
}

i.circular.grey.icon {
    box-shadow: 0 0 0 0.1em rgba(144, 144, 144, .7) inset !important;
}

i.circular.black.icon {
    box-shadow: 0 0 0 0.1em rgba(0, 0, 0, .7) inset !important;
}

.fixed.launch.button {
    display: none;
    top: 100px;
}

.main.menu {
    top: 0px;
}

pre.console {
    height: 120px;
}

/*----------------------------------------------------------------------------------------
    SH Material Pallets
    Ref (https://material.io/guidelines/style/color.html#color-color-palette_
-----------------------------------------------------------------------------------------*/


.shbg-pallet.top-menu-dark {
    background-color: rgba(0, 0, 0, 0.95) !important;
}

.shbg-pallet.top-menu-dark p,
.shbg-pallet.top-menu-dark h1,
.shbg-pallet.top-menu-dark h2,
.shbg-pallet.top-menu-dark h3,
.shbg-pallet.top-menu-dark h4,
.shbg-pallet.top-menu-dark h5,
.shbg-pallet.top-menu-dark .ui.header,
.shbg-pallet.top-menu-dark .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-pallet.top-menu-light {
    background-color: rgba(255, 255, 255, 0.95) !important;
}

.shbg-pallet.top-menu-light p,
.shbg-pallet.top-menu-light h1,
.shbg-pallet.top-menu-light h2,
.shbg-pallet.top-menu-light h3,
.shbg-pallet.top-menu-light h4,
.shbg-pallet.top-menu-light h5,
.shbg-pallet.top-menu-light .ui.header,
.shbg-pallet.top-menu-light .sh-faq-answer {
    color: #000000;
}

/*White Pallet*/

.shbg-pallet.white {
    background-color: #FFFFFF !important;
}

.shbg-pallet.white p,
.shbg-pallet.white h1,
.shbg-pallet.white h2,
.shbg-pallet.white h3,
.shbg-pallet.white h4,
.shbg-pallet.white h5,
.shbg-pallet.white .ui.header,
.shbg-pallet.white .sh-faq-answer {
    color: #000000;
}

/*Black Pallet*/

.shbg-pallet.custom-black {
    background-color: #000000 !important;
}

.shbg-pallet.custom-black p,
.shbg-pallet.custom-black h1,
.shbg-pallet.custom-black h2,
.shbg-pallet.custom-black h3,
.shbg-pallet.custom-black h4,
.shbg-pallet.custom-black h5,
.shbg-pallet.custom-black .ui.header,
.shbg-pallet.custom-black .sh-faq-answer {
    color: #FFFFFF;
}

/*Footer Pallet*/

.shbg-pallet.footer-bg {
    background-color: #222222 !important;
}

.shbg-pallet.footer-bg p,
.shbg-pallet.footer-bg h1,
.shbg-pallet.footer-bg h2,
.shbg-pallet.footer-bg h3,
.shbg-pallet.footer-bg h4,
.shbg-pallet.footer-bg h5,
.shbg-pallet.footer-bg .ui.header,
.shbg-pallet.footer-bg .sh-faq-answer {
    color: #FFFFFF;
}

/*Yellow Pallet*/

.shbg-yellow-pallet {
    color: #000000;
    background-color: #fbbd08 !important;
}

.shbg-yellow-pallet.fifty {
    background-color: #FFFDE7 !important;
}

.shbg-yellow-pallet.hundred {
    background-color: #FFF9C4 !important;
}

.shbg-yellow-pallet.twohundred {
    background-color: #FFF59D !important;
}

.shbg-yellow-pallet.threehundred {
    background-color: #FFF176 !important;
}

.shbg-yellow-pallet.fourhundred {
    background-color: #FFEE58 !important;
}

.shbg-yellow-pallet.fivehundred {
    background-color: #FFEB3B !important;
}

.shbg-yellow-pallet.sixhundred {
    background-color: #FDD835 !important;
}

.shbg-yellow-pallet.sevenhundred {
    background-color: #FBC02D !important;
}

.shbg-yellow-pallet.eighthundred {
    background-color: #F9A825 !important;
}

.shbg-yellow-pallet.ninehundred {
    background-color: #F57F17 !important;
}

/*Grey Pallet*/

.shbg-grey-pallet.fifty {
    background-color: #FAFAFA !important;
}

.shbg-grey-pallet.hundred {
    background-color: #F5F5F5 !important;
}

.shbg-grey-pallet.twohundred {
    background-color: #EEEEEE !important;
}

.shbg-grey-pallet.threehundred {
    background-color: #E0E0E0 !important;
}

.shbg-grey-pallet.fourhundred {
    background-color: #BDBDBD !important;
}

.shbg-grey-pallet.fivehundred {
    background-color: #9E9E9E !important;
}

.shbg-grey-pallet.sixhundred {
    background-color: #757575 !important;
}

.shbg-grey-pallet.sevenhundred {
    background-color: #616161 !important;
}

.shbg-grey-pallet.sevenhundred p,
.shbg-grey-pallet.sevenhundred h1,
.shbg-grey-pallet.sevenhundred h2,
.shbg-grey-pallet.sevenhundred h3,
.shbg-grey-pallet.sevenhundred h4,
.shbg-grey-pallet.sevenhundred h5,
.shbg-grey-pallet.sevenhundred .ui.header,
.shbg-grey-pallet.sevenhundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-grey-pallet.eighthundred {
    background-color: #424242 !important;
}

.shbg-grey-pallet.eighthundred p,
.shbg-grey-pallet.eighthundred h1,
.shbg-grey-pallet.eighthundred h2,
.shbg-grey-pallet.eighthundred h3,
.shbg-grey-pallet.eighthundred h4,
.shbg-grey-pallet.eighthundred h5,
.shbg-grey-pallet.eighthundred .ui.header,
.shbg-grey-pallet.eighthundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-grey-pallet.ninehundred {
    background-color: #212121 !important;
}

.shbg-grey-pallet.ninehundred p,
.shbg-grey-pallet.ninehundred h1,
.shbg-grey-pallet.ninehundred h2,
.shbg-grey-pallet.ninehundred h3,
.shbg-grey-pallet.ninehundred h4,
.shbg-grey-pallet.ninehundred h5,
.shbg-grey-pallet.ninehundred .ui.header,
.shbg-grey-pallet.ninehundred .sh-faq-answer {
    color: #FFFFFF;
}

/*Blue Grey Pallet*/

.shbg-bluegrey-pallet.fifty {
    background-color: #ECEFF1 !important;
}

.shbg-bluegrey-pallet.hundred {
    background-color: #CFD8DC !important;
}

.shbg-bluegrey-pallet.twohundred {
    background-color: #B0BEC5 !important;
}

.shbg-bluegrey-pallet.threehundred {
    background-color: #90A4AE !important;
}

.shbg-bluegrey-pallet.fourhundred {
    background-color: #78909C !important;
}

.shbg-bluegrey-pallet.fourhundred p,
.shbg-bluegrey-pallet.fourhundred h1,
.shbg-bluegrey-pallet.fourhundred h2,
.shbg-bluegrey-pallet.fourhundred h3,
.shbg-bluegrey-pallet.fourhundred h4,
.shbg-bluegrey-pallet.fourhundred h5,
.shbg-bluegrey-pallet.fourhundred .ui.header,
.shbg-bluegrey-pallet.fourhundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-bluegrey-pallet.fivehundred {
    background-color: #607D8B !important;
}

.shbg-bluegrey-pallet.fivehundred p,
.shbg-bluegrey-pallet.fivehundred h1,
.shbg-bluegrey-pallet.fivehundred h2,
.shbg-bluegrey-pallet.fivehundred h3,
.shbg-bluegrey-pallet.fivehundred h4,
.shbg-bluegrey-pallet.fivehundred h5,
.shbg-bluegrey-pallet.fivehundred .ui.header,
.shbg-bluegrey-pallet.fivehundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-bluegrey-pallet.sixhundred {
    background-color: #546E7A !important;
}

.shbg-bluegrey-pallet.sixhundred p,
.shbg-bluegrey-pallet.sixhundred h1,
.shbg-bluegrey-pallet.sixhundred h2,
.shbg-bluegrey-pallet.sixhundred h3,
.shbg-bluegrey-pallet.sixhundred h4,
.shbg-bluegrey-pallet.sixhundred h5,
.shbg-bluegrey-pallet.sixhundred .ui.header,
.shbg-bluegrey-pallet.sixhundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-bluegrey-pallet.sevenhundred {
    background-color: #455A64 !important;
}

.shbg-bluegrey-pallet.sevenhundred p,
.shbg-bluegrey-pallet.sevenhundred h1,
.shbg-bluegrey-pallet.sevenhundred h2,
.shbg-bluegrey-pallet.sevenhundred h3,
.shbg-bluegrey-pallet.sevenhundred h4,
.shbg-bluegrey-pallet.sevenhundred h5,
.shbg-bluegrey-pallet.sevenhundred .ui.header,
.shbg-bluegrey-pallet.sevenhundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-bluegrey-pallet.eighthundred {
    background-color: #37474F !important;
}

.shbg-bluegrey-pallet.eighthundred p,
.shbg-bluegrey-pallet.eighthundred h1,
.shbg-bluegrey-pallet.eighthundred h2,
.shbg-bluegrey-pallet.eighthundred h3,
.shbg-bluegrey-pallet.eighthundred h4,
.shbg-bluegrey-pallet.eighthundred h5,
.shbg-bluegrey-pallet.eighthundred .ui.header,
.shbg-bluegrey-pallet.eighthundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-bluegrey-pallet.ninehundred {
    background-color: #263238 !important;
}

.shbg-bluegrey-pallet.ninehundred p,
.shbg-bluegrey-pallet.ninehundred h1,
.shbg-bluegrey-pallet.ninehundred h2,
.shbg-bluegrey-pallet.ninehundred h3,
.shbg-bluegrey-pallet.ninehundred h4,
.shbg-bluegrey-pallet.ninehundred h5,
.shbg-bluegrey-pallet.ninehundred .ui.header,
.shbg-bluegrey-pallet.ninehundred .sh-faq-answer {
    color: #FFFFFF;
}

/*Blue Pallet*/

.shbg-blue-pallet.base-color {
    background-color: #2185d0 !important;
}

.shbg-blue-pallet.base-color p,
.shbg-blue-pallet.base-color h1,
.shbg-blue-pallet.base-color h2,
.shbg-blue-pallet.base-color h3,
.shbg-blue-pallet.base-color h4,
.shbg-blue-pallet.base-color h5,
.shbg-blue-pallet.base-color .ui.header,
.shbg-blue-pallet.base-color .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-blue-pallet.fifty {
    background-color: #E3F2FD !important;
}

.shbg-blue-pallet.hundred {
    background-color: #BBDEFB !important;
}

.shbg-blue-pallet.twohundred {
    background-color: #90CAF9 !important;
}

.shbg-blue-pallet.threehundred {
    background-color: #64B5F6 !important;
}

.shbg-blue-pallet.fourhundred {
    background-color: #42A5F5 !important;
}

.shbg-blue-pallet.fivehundred {
    background-color: #2196F3 !important;
}

.shbg-blue-pallet.fivehundred p,
.shbg-blue-pallet.fivehundred h1,
.shbg-blue-pallet.fivehundred h2,
.shbg-blue-pallet.fivehundred h3,
.shbg-blue-pallet.fivehundred h4,
.shbg-blue-pallet.fivehundred h5,
.shbg-blue-pallet.fivehundred .ui.header,
.shbg-blue-pallet.fivehundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-blue-pallet.sixhundred {
    background-color: #1E88E5 !important;
}

.shbg-blue-pallet.sixhundred p,
.shbg-blue-pallet.sixhundred h1,
.shbg-blue-pallet.sixhundred h2,
.shbg-blue-pallet.sixhundred h3,
.shbg-blue-pallet.sixhundred h4,
.shbg-blue-pallet.sixhundred h5,
.shbg-blue-pallet.sixhundred .ui.header,
.shbg-blue-pallet.sixhundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-blue-pallet.sevenhundred {
    background-color: #1976D2 !important;
}

.shbg-blue-pallet.sevenhundred p,
.shbg-blue-pallet.sevenhundred h1,
.shbg-blue-pallet.sevenhundred h2,
.shbg-blue-pallet.sevenhundred h3,
.shbg-blue-pallet.sevenhundred h4,
.shbg-blue-pallet.sevenhundred h5,
.shbg-blue-pallet.sevenhundred .ui.header,
.shbg-blue-pallet.sevenhundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-blue-pallet.eighthundred {
    background-color: #1565C0 !important;
}

.shbg-blue-pallet.eighthundred p,
.shbg-blue-pallet.eighthundred h1,
.shbg-blue-pallet.eighthundred h2,
.shbg-blue-pallet.eighthundred h3,
.shbg-blue-pallet.eighthundred h4,
.shbg-blue-pallet.eighthundred h5,
.shbg-blue-pallet.eighthundred .ui.header,
.shbg-blue-pallet.eighthundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-blue-pallet.ninehundred {
    background-color: #0D47A1 !important;
}

.shbg-blue-pallet.ninehundred p,
.shbg-blue-pallet.ninehundred h1,
.shbg-blue-pallet.ninehundred h2,
.shbg-blue-pallet.ninehundred h3,
.shbg-blue-pallet.ninehundred h4,
.shbg-blue-pallet.ninehundred h5,
.shbg-blue-pallet.ninehundred .ui.header,
.shbg-blue-pallet.ninehundred .sh-faq-answer {
    color: #FFFFFF;
}

/*Orange Pallet*/

.shbg-orange-pallet.fifty {
    background-color: #FFF3E0 !important;
}

.shbg-orange-pallet.hundred {
    background-color: #FFE0B2 !important;
}

.shbg-orange-pallet.twohundred {
    background-color: #FFCC80 !important;
}

.shbg-orange-pallet.threehundred {
    background-color: #FFB74D !important;
}

.shbg-orange-pallet.fourhundred {
    background-color: #FFA726 !important;
}

.shbg-orange-pallet.fivehundred {
    background-color: #FF9800 !important;
}

.shbg-orange-pallet.sixhundred {
    background-color: #FB8C00 !important;
}

.shbg-orange-pallet.sevenhundred {
    background-color: #F57C00 !important;
}

.shbg-orange-pallet.eighthundred {
    background-color: #EF6C00 !important;
}

.shbg-orange-pallet.eighthundred p,
.shbg-orange-pallet.eighthundred h1,
.shbg-orange-pallet.eighthundred h2,
.shbg-orange-pallet.eighthundred h3,
.shbg-orange-pallet.eighthundred h4,
.shbg-orange-pallet.eighthundred h5,
.shbg-orange-pallet.eighthundred .ui.header,
.shbg-orange-pallet.eighthundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-orange-pallet.ninehundred {
    background-color: #E65100 !important;
}

.shbg-orange-pallet.ninehundred p,
.shbg-orange-pallet.ninehundred h1,
.shbg-orange-pallet.ninehundred h2,
.shbg-orange-pallet.ninehundred h3,
.shbg-orange-pallet.ninehundred h4,
.shbg-orange-pallet.ninehundred h5,
.shbg-orange-pallet.ninehundred .ui.header,
.shbg-orange-pallet.ninehundred .sh-faq-answer {
    color: #FFFFFF;
}

/*Red Pallet*/

.shbg-red-pallet.fifty {
    background-color: #FFEBEE !important;
}

.shbg-red-pallet.hundred {
    background-color: #FFCDD2 !important;
}

.shbg-red-pallet.twohundred {
    background-color: #EF9A9A !important;
}

.shbg-red-pallet.threehundred {
    background-color: #E57373 !important;
}

.shbg-red-pallet.fourhundred {
    background-color: #EF5350 !important;
}

.shbg-red-pallet.fourhundred p,
.shbg-red-pallet.fourhundred h1,
.shbg-red-pallet.fourhundred h2,
.shbg-red-pallet.fourhundred h3,
.shbg-red-pallet.fourhundred h4,
.shbg-red-pallet.fourhundred h5,
.shbg-red-pallet.fourhundred .ui.header,
.shbg-red-pallet.fourhundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-red-pallet.fivehundred {
    background-color: #F44336 !important;
}

.shbg-red-pallet.fivehundred p,
.shbg-red-pallet.fivehundred h1,
.shbg-red-pallet.fivehundred h2,
.shbg-red-pallet.fivehundred h3,
.shbg-red-pallet.fivehundred h4,
.shbg-red-pallet.fivehundred h5,
.shbg-red-pallet.fivehundred .ui.header,
.shbg-red-pallet.fivehundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-red-pallet.sixhundred {
    background-color: #E53935 !important;
}

.shbg-red-pallet.sixhundred p,
.shbg-red-pallet.sixhundred h1,
.shbg-red-pallet.sixhundred h2,
.shbg-red-pallet.sixhundred h3,
.shbg-red-pallet.sixhundred h4,
.shbg-red-pallet.sixhundred h5,
.shbg-red-pallet.sixhundred .ui.header,
.shbg-red-pallet.sixhundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-red-pallet.sevenhundred {
    background-color: #D32F2F !important;
}

.shbg-red-pallet.sevenhundred p,
.shbg-red-pallet.sevenhundred h1,
.shbg-red-pallet.sevenhundred h2,
.shbg-red-pallet.sevenhundred h3,
.shbg-red-pallet.sevenhundred h4,
.shbg-red-pallet.sevenhundred h5,
.shbg-red-pallet.sevenhundred .ui.header,
.shbg-red-pallet.sevenhundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-red-pallet.eighthundred {
    background-color: #C62828 !important;
}

.shbg-red-pallet.eighthundred p,
.shbg-red-pallet.eighthundred h1,
.shbg-red-pallet.eighthundred h2,
.shbg-red-pallet.eighthundred h3,
.shbg-red-pallet.eighthundred h4,
.shbg-red-pallet.eighthundred h5,
.shbg-red-pallet.eighthundred .ui.header,
.shbg-red-pallet.eighthundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-red-pallet.ninehundred {
    background-color: #B71C1C !important;
}

.shbg-red-pallet.ninehundred p,
.shbg-red-pallet.ninehundred h1,
.shbg-red-pallet.ninehundred h2,
.shbg-red-pallet.ninehundred h3,
.shbg-red-pallet.ninehundred h4,
.shbg-red-pallet.ninehundred h5,
.shbg-red-pallet.ninehundred .ui.header,
.shbg-red-pallet.ninehundred .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-gradient-pallet.ocean-green-to-blue-chill {
    background: linear-gradient(115deg, #4bb874 0%, #12a3a6 100%) !important;
}

.shbg-gradient-pallet.ocean-green-to-blue-chill p,
.shbg-gradient-pallet.ocean-green-to-blue-chill h1,
.shbg-gradient-pallet.ocean-green-to-blue-chill h2,
.shbg-gradient-pallet.ocean-green-to-blue-chill h3,
.shbg-gradient-pallet.ocean-green-to-blue-chill h4,
.shbg-gradient-pallet.ocean-green-to-blue-chill h5,
.shbg-gradient-pallet.ocean-green-to-blue-chill .ui.header,
.shbg-gradient-pallet.ocean-green-to-blue-chill .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-gradient-pallet.bossanova-to-blue-chill {
    background: linear-gradient(115deg, #5b3c72 0%, #1488a5 100%) !important;
}

.shbg-gradient-pallet.bossanova-to-blue-chill p,
.shbg-gradient-pallet.bossanova-to-blue-chill h1,
.shbg-gradient-pallet.bossanova-to-blue-chill h2,
.shbg-gradient-pallet.bossanova-to-blue-chill h3,
.shbg-gradient-pallet.bossanova-to-blue-chill h4,
.shbg-gradient-pallet.bossanova-to-blue-chill h5,
.shbg-gradient-pallet.bossanova-to-blue-chill .ui.header,
.shbg-gradient-pallet.bossanova-to-blue-chill .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-gradient-pallet.flamingo-to-rose {
    background: linear-gradient(110deg, #F15B2A, #E80A89) !important;
}

.shbg-gradient-pallet.flamingo-to-rose p,
.shbg-gradient-pallet.flamingo-to-rose h1,
.shbg-gradient-pallet.flamingo-to-rose h2,
.shbg-gradient-pallet.flamingo-to-rose h3,
.shbg-gradient-pallet.flamingo-to-rose h4,
.shbg-gradient-pallet.flamingo-to-rose h5,
.shbg-gradient-pallet.flamingo-to-rose .ui.header,
.shbg-gradient-pallet.flamingo-to-rose .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-pallet.ocean-green {
    background-color: #4CBA72 !important;
}

.shbg-pallet.ocean-green p,
.shbg-pallet.ocean-green h1,
.shbg-pallet.ocean-green h2,
.shbg-pallet.ocean-green h3,
.shbg-pallet.ocean-green h4,
.shbg-pallet.ocean-green h5,
.shbg-pallet.ocean-green .ui.header,
.shbg-pallet.ocean-green .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-pallet.sushi {
    background-color: #8bc53f !important;
}

.shbg-pallet.sushi p,
.shbg-pallet.sushi h1,
.shbg-pallet.sushi h2,
.shbg-pallet.sushi h3,
.shbg-pallet.sushi h4,
.shbg-pallet.sushi h5,
.shbg-pallet.sushi .ui.header,
.shbg-pallet.sushi .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-pallet.breaker-bay {
    background-color: #57aa9b !important;
}

.shbg-pallet.breaker-bay p,
.shbg-pallet.breaker-bay h1,
.shbg-pallet.breaker-bay h2,
.shbg-pallet.breaker-bay h3,
.shbg-pallet.breaker-bay h4,
.shbg-pallet.breaker-bay h5,
.shbg-pallet.breaker-bay .ui.header,
.shbg-pallet.breaker-bay .sh-faq-answer {
    color: #FFFFFF;
}

/*Full transparent Pallet*/

.shbg-pallet.full-transparent {
    background-color: transparent !important;
}

/*Semi transparent Pallets*/

.shbg-pallet.black-transparent {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.shbg-pallet.black-transparent p,
.shbg-pallet.black-transparent h1,
.shbg-pallet.black-transparent h2,
.shbg-pallet.black-transparent h3,
.shbg-pallet.black-transparent h4,
.shbg-pallet.black-transparent h5,
.shbg-pallet.black-transparent .ui.header,
.shbg-pallet.black-transparent .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-pallet.black-transparent.opacity-0 {
    background-color: rgba(0, 0, 0, 0.0) !important;
}

.shbg-pallet.black-transparent.opacity-30 {
    background-color: rgba(0, 0, 0, 0.30) !important;
}

.shbg-pallet.black-transparent.opacity-40 {
    background-color: rgba(0, 0, 0, 0.40) !important;
}

.shbg-pallet.black-transparent.opacity-50 {
    background-color: rgba(0, 0, 0, 0.50) !important;
}

.shbg-pallet.black-transparent.opacity-60 {
    background-color: rgba(0, 0, 0, 0.60) !important;
}

.shbg-pallet.black-transparent.opacity-70 {
    background-color: rgba(0, 0, 0, 0.70) !important;
}

.shbg-pallet.black-transparent.opacity-80 {
    background-color: rgba(0, 0, 0, 0.80) !important;
}

.shbg-pallet.black-transparent.opacity-95 {
    background-color: rgba(0, 0, 0, 0.95) !important;
}

.shbg-pallet.black-transparent.hover-remove-transparency {
    transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.shbg-pallet.black-transparent.hover-remove-transparency:hover {
    background-color: rgba(33, 133, 208, 0.0) !important;
}

.shbg-pallet.yellow-transparent {
    background-color: rgba(251, 189, 42, 0.6) !important;
}

.shbg-pallet.yellow-transparent p,
.shbg-pallet.yellow-transparent h1,
.shbg-pallet.yellow-transparent h2,
.shbg-pallet.yellow-transparent h3,
.shbg-pallet.yellow-transparent h4,
.shbg-pallet.yellow-transparent h5,
.shbg-pallet.yellow-transparent .ui.header,
.shbg-pallet.yellow-transparent .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-pallet.blue-transparent {
    background-color: rgba(33, 133, 208, 0.6) !important;
}

.shbg-pallet.blue-transparent p,
.shbg-pallet.blue-transparent h1,
.shbg-pallet.blue-transparent h2,
.shbg-pallet.blue-transparent h3,
.shbg-pallet.blue-transparent h4,
.shbg-pallet.blue-transparent h5,
.shbg-pallet.blue-transparent .ui.header,
.shbg-pallet.blue-transparent .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-pallet.blue-transparent.opacity-85 {
    background-color: rgba(33, 133, 208, 0.85) !important;
}

.shbg-pallet.grey-transparent {
    background-color: rgba(236, 239, 241, 0.6) !important;
}

.shbg-pallet.grey-transparent p,
.shbg-pallet.grey-transparent h1,
.shbg-pallet.grey-transparent h2,
.shbg-pallet.grey-transparent h3,
.shbg-pallet.grey-transparent h4,
.shbg-pallet.grey-transparent h5,
.shbg-pallet.grey-transparent .ui.header,
.shbg-pallet.grey-transparent .sh-faq-answer {
    color: #000000;
}

.shbg-pallet.grey-transparent.opacity-95 {
    background-color: rgba(236, 239, 241, 0.95) !important;
}

.shbg-pallet.aws-red-transparent {
    background-color: rgba(244, 102, 2, 0.6) !important;
}

.shbg-pallet.aws-red-transparent p,
.shbg-pallet.aws-red-transparent h1,
.shbg-pallet.aws-red-transparent h2,
.shbg-pallet.aws-red-transparent h3,
.shbg-pallet.aws-red-transparent h4,
.shbg-pallet.aws-red-transparent h5,
.shbg-pallet.aws-red-transparent .ui.header,
.shbg-pallet.aws-red-transparent .sh-faq-answer {
    color: #000000;
}

.shbg-pallet.aws-red-transparent.opacity-40 {
    background-color: rgba(244, 102, 2, 0.40) !important;
}

.shbg-pallet.aws-orange-transparent {
    background-color: rgba(228, 121, 17, 0.6) !important;
}

.shbg-pallet.aws-orange-transparent p,
.shbg-pallet.aws-orange-transparent h1,
.shbg-pallet.aws-orange-transparent h2,
.shbg-pallet.aws-orange-transparent h3,
.shbg-pallet.aws-orange-transparent h4,
.shbg-pallet.aws-orange-transparent h5,
.shbg-pallet.aws-orange-transparent .ui.header,
.shbg-pallet.aws-orange-transparent .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-pallet.aws-orange-transparent.opacity-100 {
    background-color: rgba(228, 121, 17, 1.0) !important;
}

.shbg-pallet.aws-orange-transparent.opacity-0 {
    background-color: rgba(228, 121, 17, 1.0) !important;
}

.shbg-pallet.aws-blue-transparent {
    background-color: rgba(0, 126, 185, 0.6) !important;
}

.shbg-pallet.aws-blue-transparent p,
.shbg-pallet.aws-blue-transparent h1,
.shbg-pallet.aws-blue-transparent h2,
.shbg-pallet.aws-blue-transparent h3,
.shbg-pallet.aws-blue-transparent h4,
.shbg-pallet.aws-blue-transparent h5,
.shbg-pallet.aws-blue-transparent .ui.header,
.shbg-pallet.aws-blue-transparent .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-pallet.aws-blue-transparent.opacity-100 {
    background-color: rgba(0, 126, 185, 1.0) !important;
}

.shbg-pallet.aws-blue-transparent.opacity-0 {
    background-color: rgba(0, 126, 185, 1.0) !important;
}

.shbg-pallet.forge-blue-transparent {
    background-color: rgba(2, 125, 197, 0.40) !important;
}

.shbg-pallet.forge-blue-transparent p,
.shbg-pallet.forge-blue-transparent h1,
.shbg-pallet.forge-blue-transparent h2,
.shbg-pallet.forge-blue-transparent h3,
.shbg-pallet.forge-blue-transparent h4,
.shbg-pallet.forge-blue-transparent h5,
.shbg-pallet.forge-blue-transparent .ui.header,
.shbg-pallet.forge-blue-transparent .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-pallet.forge-blue-transparent.opacity-100 {
    background-color: rgba(2, 125, 197, 1.0) !important;
}

.shbg-pallet.forge-blue-transparent.opacity-0 {
    background-color: rgba(2, 125, 197, 0.0) !important;
}

.shbg-pallet.forge-orange-transparent {
    background-color: rgba(238, 136, 34, 0.40) !important;
}

.shbg-pallet.forge-orange-transparent p,
.shbg-pallet.forge-orange-transparent h1,
.shbg-pallet.forge-orange-transparent h2,
.shbg-pallet.forge-orange-transparent h3,
.shbg-pallet.forge-orange-transparent h4,
.shbg-pallet.forge-orange-transparent h5,
.shbg-pallet.forge-orange-transparent .ui.header,
.shbg-pallet.forge-orange-transparent .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-pallet.forge-orange-transparent.opacity-100 {
    background-color: rgba(238, 136, 34, 1.0) !important;
}

.shbg-pallet.forge-orange-transparent.opacity-0 {
    background-color: rgba(238, 136, 34, 0.0) !important;
}

.shbg-pallet.forge-light-blue {
    background-color: #E9EFFB !important;
}

.shbg-pallet.forge-light-blue p,
.shbg-pallet.forge-light-blue h1,
.shbg-pallet.forge-light-blue h2,
.shbg-pallet.forge-light-blue h3,
.shbg-pallet.forge-light-blue h4,
.shbg-pallet.forge-light-blue h5,
.shbg-pallet.forge-light-blue .ui.header,
.shbg-pallet.forge-light-blue .sh-faq-answer {
    color: #000000;
}

.shbg-pallet.ge-predix-flirt-transparent {
    background-color: #62bb4773 !important;
}


.shbg-pallet.ge-predix-flirt-transparent p,
.shbg-pallet.ge-predix-flirt-transparent h1,
.shbg-pallet.ge-predix-flirt-transparent h2,
.shbg-pallet.ge-predix-flirt-transparent h3,
.shbg-pallet.ge-predix-flirt-transparent h4,
.shbg-pallet.ge-predix-flirt-transparent h5,
.shbg-pallet.ge-predix-flirt-transparent .ui.header,
.shbg-pallet.ge-predix-flirt-transparent .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-pallet.ge-predix-flirt-transparent.opacity-100 {
    background-color: #62BB46 !important;
}

.shbg-pallet.program-partner-flirt-transparent.opacity-100 {
    background-color: #f0f0f0 !important;
}

.shbg-pallet.i-twin-flirt-transparent.opacity-100 {
    background-color: #62BB46 !important;
}


.shbg-pallet.ge-predix-flirt-transparent.opacity-40 {
    background-color: rgba(184, 0, 142, 0.40) !important;
}

.shbg-pallet.ge-predix-grey {
    background-color: #f0f0f0 !important;
}

.shbg-pallet.ge-predix-grey p,
.shbg-pallet.ge-predix-grey h1,
.shbg-pallet.ge-predix-grey h2,
.shbg-pallet.ge-predix-grey h3,
.shbg-pallet.ge-predix-grey h4,
.shbg-pallet.ge-predix-grey h5,
.shbg-pallet.ge-predix-grey .ui.header,
.shbg-pallet.ge-predix-grey .sh-faq-answer {
    color: #000000;
}


.shbg-pallet.i-twin-flirt-transparent {
    background-color: rgba(184, 0, 142, 0.6) !important;
}

.shbg-pallet.i-twin-flirt-transparent p,
.shbg-pallet.i-twin-flirt-transparent h1,
.shbg-pallet.i-twin-flirt-transparent h2,
.shbg-pallet.i-twin-flirt-transparent h3,
.shbg-pallet.i-twin-flirt-transparent h4,
.shbg-pallet.i-twin-flirt-transparent h5,
.shbg-pallet.i-twin-flirt-transparent .ui.header,
.shbg-pallet.i-twin-flirt-transparent .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-pallet.i-twin-flirt-transparent.opacity-100 {
    background-color: rgba(184, 0, 142, 1.0) !important;
}

.shbg-pallet.i-twin-flirt-transparent.opacity-40 {
    background-color: rgba(184, 0, 142, 0.40) !important;
}

.shbg-pallet.ge-predix-grey {
    background-color: #f0f0f0 !important;
}

.shbg-pallet.ge-predix-grey p,
.shbg-pallet.ge-predix-grey h1,
.shbg-pallet.ge-predix-grey h2,
.shbg-pallet.ge-predix-grey h3,
.shbg-pallet.ge-predix-grey h4,
.shbg-pallet.ge-predix-grey h5,
.shbg-pallet.ge-predix-grey .ui.header,
.shbg-pallet.ge-predix-grey .sh-faq-answer {
    color: #000000;
}

.shbg-pallet.sws-blue-transparent {
    background-color: rgba(33, 133, 208, 0.6) !important;
}

.shbg-pallet.sws-blue-transparent p,
.shbg-pallet.sws-blue-transparent h1,
.shbg-pallet.sws-blue-transparent h2,
.shbg-pallet.sws-blue-transparent h3,
.shbg-pallet.sws-blue-transparent h4,
.shbg-pallet.sws-blue-transparent h5,
.shbg-pallet.sws-blue-transparent .ui.header,
.shbg-pallet.sws-blue-transparent .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-pallet.sws-blue-transparent.opacity-100 {
    background-color: rgba(33, 133, 208, 1.0) !important;
}

.shbg-pallet.sws-green-transparent.opacity-100 {
    background-color: #62bb47 !important;
}

.shbg-pallet.sws-blue-transparent.opacity-40 {
    background-color: rgba(33, 133, 208, 0.40) !important;
}

.shbg-pallet.sws-yellow-transparent {
    background-color: rgba(251, 189, 8, 0.6) !important;
}

.shbg-pallet.sws-yellow-transparent p,
.shbg-pallet.sws-yellow-transparent h1,
.shbg-pallet.sws-yellow-transparent h2,
.shbg-pallet.sws-yellow-transparent h3,
.shbg-pallet.sws-yellow-transparent h4,
.shbg-pallet.sws-yellow-transparent h5,
.shbg-pallet.sws-yellow-transparent .ui.header,
.shbg-pallet.sws-yellow-transparent .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-pallet.sws-yellow-transparent.opacity-100 {
    background-color: rgba(251, 189, 8, 1.0) !important;
}

.shbg-pallet.sws-yellow-transparent.opacity-40 {
    background-color: rgba(251, 189, 8, 0.40) !important;
}

.shbg-pallet.sws-red-transparent {
    background-color: rgba(219, 40, 40, 0.6) !important;
}

.shbg-pallet.sws-red-transparent p,
.shbg-pallet.sws-red-transparent h1,
.shbg-pallet.sws-red-transparent h2,
.shbg-pallet.sws-red-transparent h3,
.shbg-pallet.sws-red-transparent h4,
.shbg-pallet.sws-red-transparent h5,
.shbg-pallet.sws-red-transparent .ui.header,
.shbg-pallet.sws-red-transparent .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-pallet.sws-red-transparent.opacity-100 {
    background-color: rgba(219, 40, 40, 1.0) !important;
}

.shbg-pallet.sws-red-transparent.opacity-40 {
    background-color: rgba(219, 40, 40, 0.40) !important;
}

.shbg-pallet.ahc-orange-transparent {
    background-color: rgba(240, 96, 37, 0.40) !important;
}

.shbg-pallet.ahc-orange-transparent p,
.shbg-pallet.ahc-orange-transparent h1,
.shbg-pallet.ahc-orange-transparent h2,
.shbg-pallet.ahc-orange-transparent h3,
.shbg-pallet.ahc-orange-transparent h4,
.shbg-pallet.ahc-orange-transparent h5,
.shbg-pallet.ahc-orange-transparent .ui.header,
.shbg-pallet.ahc-orange-transparent .sh-faq-answer {
    color: #FFFFFF;
}

.shbg-pallet.ahc-orange-transparent.opacity-100 {
    background-color: rgba(240, 96, 37, 1.0) !important;
}

.shbg-pallet.ahc-orange-transparent.opacity-0 {
    background-color: rgba(240, 96, 37, 0.0) !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Changes for small devices
/*-----------------------------------------------------------------------------------*/

@media (max-width: 450px) {
    .hideOnExtraSmallScreen {
        display: none !important;
    }
}

@media (max-width: 970px) {
    .hideOnSmallScreen {
        display: none !important;
    }
}

@media (min-width: 970px) {
    .showOnSmallScreen {
        display: none !important;
    }
}

@media (max-width: 1170px) {
    .hideOnMediumScreen {
        display: none !important;
    }
}

/*For Mobile*/

@media only screen and (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }

    .show-on-mobile {
        display: block !important;
    }
}

/*For Tablet*/

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .hide-on-tablet {
        display: none !important;
    }

    .show-on-tablet {
        display: block !important;
    }
}

/*For Computer*/

@media only screen and (min-width: 992px) {
    .hide-on-computer {
        display: none !important;
    }

    .show-on-computer {
        display: block !important;
    }
}

/*-----------------------------------------------------------------------------------*/
/*	TOP and SIDE MENU Hide / Show
/*-----------------------------------------------------------------------------------*/

.secondary.pointing.menu .toc.item {
    display: none;
}

#min_button {
    display: none;
}

#min_logo {
    display: none;
}

#min_div {
    display: none;
}

@media only screen and (max-width: 991px) {

    .ui.menu>.ui.container {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .secondary.pointing.menu .item,
    .secondary.pointing.menu .menu {
        display: none;
    }

    #main_menu.menu .item,
    #main_menu.menu .menu {
        display: none;
    }

    .secondary.pointing.menu .toc.item {
        display: block;
    }

    #min_button {
        display: block !important;
    }

    #min_logo {
        display: block !important;
    }

    #min_div {
        display: block !important;
    }
}

/*-----------------------------------------------------------------------------------*/
/*	CONTAINER PADDING
/*-----------------------------------------------------------------------------------*/

.page_top_container {
    padding-top: 8em !important;
    padding-bottom: 4em !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Fix width / height container
/*-----------------------------------------------------------------------------------*/

/*Max width containers*/

.container-limit.max-width-200 {
    max-width: 200px !important;
}

.container-limit.max-width-300 {
    max-width: 300px !important;
}

.container-limit.max-width-400 {
    max-width: 400px !important;
}

.container-limit.max-width-500 {
    max-width: 500px !important;
}

.container-limit.max-width-600 {
    max-width: 600px !important;
}

.container-limit.max-width-700 {
    max-width: 700px !important;
}

.container-limit.i-twin-intro.max-width-830 {
    max-width: 830px !important;
}

.container-limit.max-width-1000 {
    max-width: 1000px !important;
}

.container-limit.max-width-1080 {
    max-width: 1080px !important;
}

.container-limit.max-width-1280 {
    max-width: 1280px !important;
}

.container-limit.max-width-1920 {
    max-width: 1920px !important;
}

.container-limit.max-width-boxed-layout {
    max-width: 1080px !important;
}

.container-limit.max-width-boxed-layout-large {
    max-width: 1400px !important;
}

.container-limit.max-width-boxed-layout-extra-large {
    max-width: 1920px !important;
}

/*Min height containers*/

.container-limit.min-height-600 {
    min-height: 600px !important;
}

.container-limit.min-height-550 {
    min-height: 550px !important;
}

.container-limit.min-height-500 {
    min-height: 500px !important;
}

.container-limit.min-height-450 {
    min-height: 450px !important;
}

.container-limit.min-height-400 {
    min-height: 400px !important;
}

.container-limit.min-height-350 {
    min-height: 350px !important;
}

.container-limit.min-height-320 {
    min-height: 320px !important;
}

.container-limit.min-height-300 {
    min-height: 300px !important;
}

.container-limit.min-height-260 {
    min-height: 260px !important;
}

.container-limit.min-height-220 {
    min-height: 220px !important;
}

.container-limit.min-height-200 {
    min-height: 200px !important;
}

.container-limit.min-height-170 {
    min-height: 170px !important;
}

.container-limit.min-height-136 {
    min-height: 136px !important;
}

.container-limit.min-height-100 {
    min-height: 100px !important;
}

.container-limit.min-height-80 {
    min-height: 80px !important;
}

.container-limit.min-height-60 {
    min-height: 60px !important;
}

.container-limit.min-height-50 {
    min-height: 50px !important;
}

.container-limit.min-height-40 {
    min-height: 40px !important;
}

/*For Mobile*/

@media only screen and (max-width: 767px) {
    .container-limit.fluid-mobile {
        max-width: 100% !important;
        min-width: 100% !important;
    }
}

/*For Tablet*/

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .container-limit.fluid-tablet {
        max-width: 100% !important;
        min-width: 100% !important;
    }
}

/*-----------------------------------------------------------------------------------*/
/*	Responsive padding
/*-----------------------------------------------------------------------------------*/
.responsive-padding {
    padding: 1em 1em;
}

.responsive-padding.padding-medium {
    padding: 2em 2em;
}

.responsive-padding.padding-large {
    padding: 3em 3em;
}

.responsive-padding.padding-big {
    padding: 4em 4em;
}

.responsive-padding.padding-huge {
    padding: 5em 5em;
}

.responsive-padding.padding-massive {
    padding: 6em 6em;
}

/*On tablet*/
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .responsive-padding {
        padding: 1em 1em !important;
    }
}

/*On mobile*/
@media only screen and (max-width: 767px) {
    .responsive-padding {
        padding: 1em 1em !important;
    }
}

/*-----------------------------------------------------------------------------------*/
/*	Full size container
/*-----------------------------------------------------------------------------------*/

.container-fluid {
    width: 100%;
    height: 100%;
    display: table;
    /*padding: 1em 1em;*/
}

.container-fluid>.content-block {
    display: table-cell;
}

.container-fluid>.content-block.vertical-align-top {
    vertical-align: top;
}

.container-fluid>.content-block.vertical-align-middle {
    vertical-align: middle;
}

.container-fluid>.content-block.vertical-align-bottom {
    vertical-align: bottom;
}

.container-fluid>.content-block>.inner-content {
    display: table;
}

.container-fluid>.content-block>.inner-content.position-left {
    margin: 0 auto 0 0;
}

.container-fluid>.content-block>.inner-content.position-center {
    margin: 0 auto 0 auto;
}

.container-fluid>.content-block>.inner-content.position-right {
    margin: 0 0 0 auto;
}

.container-fluid>.content-block>.inner-content.text-align-left {
    text-align: left;
}

.container-fluid>.content-block>.inner-content.text-align-center {
    text-align: center;
}

.container-fluid>.content-block>.inner-content.text-align-right {
    text-align: right;
}

/*-----------------------------------------------------------------------------------*/
/*	FOOTER
/*-----------------------------------------------------------------------------------*/

footer .fixed {
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}

.footer.fixed {
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}

footer .copyright {
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    color: #ffffff;
}

/*-----------------------------------------------------------------------------------*/
/*	Copyright
/*-----------------------------------------------------------------------------------*/
.copyright {
    background: #1B1C1D !important;
    padding: 1.5em 0em 1.5em 0em !important;
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/*-----------------------------------------------------------------------------------*/
/*	ICON Margins
/*-----------------------------------------------------------------------------------*/
.left_icon {
    padding-right: 10px;
}

.right_icon {
    padding-left: 10px;
}


/*-----------------------------------------------------------------------------------*/
/*	Override semantic classes
/*-----------------------------------------------------------------------------------*/

/*******************************
            Container
*******************************/

/* All Sizes */

.ui.container {
    /*max-width: 1360px !important;*/
    min-width: 20em !important;
    width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Mobile */

@media only screen and (max-width: 767px) {
    .ui.container {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ui.grid.container {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ui.relaxed.grid.container {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ui.very.relaxed.grid.container {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Tablet */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.container {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ui.grid.container {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ui.relaxed.grid.container {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ui.very.relaxed.grid.container {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ui.grid>.stackable.stackable.row>.column,
    .ui.stackable.grid>.column.grid>.column,
    .ui.stackable.grid>.column.row>.column,
    .ui.stackable.grid>.column:not(.row),
    .ui.stackable.grid>.row>.column,
    .ui.stackable.grid>.row>.wide.column,
    .ui.stackable.grid>.wide.column {
        width: 100% !important;
        margin: 0 0 !important;
        box-shadow: none !important;
        padding: 1rem 1rem !important;
    }
}

/* Small Monitor */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ui.container {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ui.grid.container {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ui.relaxed.grid.container {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ui.very.relaxed.grid.container {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Large Monitor */

@media only screen and (min-width: 1200px) {
    .ui.container {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ui.grid.container {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ui.relaxed.grid.container {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ui.very.relaxed.grid.container {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


body {
    position: relative;
    color: rgba(0, 0, 0, 1.0);
    line-height: 1.6em;
}

a {
    outline: 0;
}

.clearfix:after {
    display: block;
    content: "";
    clear: both;
}

.number.circle {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-radius: 100% !important;
    margin-right: 0.8rem;
    width: 2.0rem;
    height: 2.0rem;
    padding-top: 0.08rem;
    border: 0.1rem solid;
}

h1>.number.circle {
    width: 3.2rem;
    height: 3.2rem;
    border: 0.18rem solid;
}

h2>.number.circle {
    width: 2.8rem;
    height: 2.8rem;
    border: 0.16rem solid;
}

h3>.number.circle {
    width: 2.2rem;
    height: 2.2rem;
    padding-top: 0.14rem;
    border: 0.15rem solid;
}

h4>.number.circle {
    width: 1.8rem;
    height: 1.8rem;
    padding-top: 0.08rem;
    border: 0.1rem solid;
}

h5>.number.circle {
    width: 1.8rem;
    height: 1.8rem;
    padding-top: 0.08rem;
    border: 0.1rem solid;
}



.ui.steps .step.active>.number.circle {
    color: #4183c4;
}

.ui.steps .disabled.step>.number {
    color: rgba(40, 40, 40, 0.3);
}

.ui.steps .step>.number.right.aligned {
    position: absolute;
    right: 16px;
}

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

    .ui.steps .step>.number.right.aligned {
        position: initial;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+.dropdown {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left-color: transparent;
}

.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+textarea {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left-color: transparent;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ui.ordered.list .list>.item:before,
.ui.ordered.list>.item:before,
ol.ui.list li:before {
    opacity: 1.0;
}

.ui.pagination.menu .item:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background: rgba(34, 36, 38, .1);
}

.ui.pagination.menu .active.item {
    color: rgba(40, 40, 40, .3);
}

.ui.menu .dropdown.item .menu {
    min-width: calc(100%);
}

.ui.selection.dropdown {
    min-width: 10%;
}

.ui.dropdown.with-menu-border .menu>.item {
    border-top: solid 1px rgba(0, 0, 0, .05);
}

.ui.menu .item:before {
    background: transparent;
}

.menu.cctech-top-navbar-background {
    background: transparent !important;
    background: rgba(255, 255, 255, 0.98) !important;
    transition: background-color 0.4s ease-out;
}

.menu.cctech-top-navbar-background.page-scrolled {
    background: rgba(255, 255, 255, 1.0) !important;
    border-bottom: 1px solid #cbd6e2 !important;
}

.page-scrolled-logo {
    display: none !important;
}

.page-scrolled .page-scrolled-logo {
    display: block !important;
}

/*Hide logo on mobile and tablet*/

@media only screen and (max-width: 991px) {
    .page-scrolled .page-scrolled-logo {
        display: none !important;
    }
}

.menu.cctech-top-navbar .item {
    letter-spacing: 0.03em !important;
    color: #000000 !important;
    background-color: transparent !important;
    padding: 1.2em 1.14285714em;
}

.menu.cctech-top-navbar .item.text-blue {
    color: #2185d0 !important;
}

.menu.cctech-top-navbar .item:hover,
.menu.cctech-top-navbar .item.visible {
    background-color: transparent !important;
    color: #bdbdbd !important;
}

.menu.cctech-top-navbar .item:hover {
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -ms-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
}

.menu.cctech-top-navbar .item .menu-text:before {
    margin-top: 0.5rem !important;
    content: '';
    display: block;
    margin: auto;
    height: 2px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

.menu.cctech-top-navbar .item .menu-text:after {
    margin-top: 0.5rem !important;
    content: '';
    display: block;
    margin: auto;
    height: 2px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

.menu.cctech-top-navbar .item:hover .menu-text:after,
.menu.cctech-top-navbar .item.visible .menu-text:after {
    width: 100%;
    background: #f2711c;
}

.sh-top-navbar-dropdown {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: rgba(236, 239, 241, 0.95) !important;
    color: #000000;
}

.ui.menu .ui.dropdown .menu>.item.dropdownLink {
    color: #000000 !important;
    border-bottom: 0.1rem solid transparent;
}

.ui.menu .ui.dropdown .menu>.item.dropdownLink:hover {
    border-bottom-color: #ffbe00;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-bottom-width: 0.1rem;
    border-bottom-style: solid;
    background: rgba(33, 133, 208, 0.8) !important;
    color: #FFFFFF !important;
}

.ui.menu .ui.dropdown .menu>.item:hover {
    color: #4183c4 !important;
}

.ui.dropdown .menu>.item.dropdownLink {
    color: #000000 !important;
    border-bottom: 0.1rem solid transparent;
}

.ui.dropdown .menu>.item.dropdownLink:hover {
    border-bottom-color: #ffbe00;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-bottom-width: 0.1rem;
    border-bottom-style: solid;
    background: rgba(33, 133, 208, 0.8) !important;
    color: #FFFFFF !important;
}

.ui[class*="top fixed"].menu {
    border: 0;
    /*border-bottom: 0.05rem solid rgba(0,0,0,0.05);*/
    box-shadow: none;
    background: rgba(252, 252, 252, 0.9);
    min-height: 80px;
    -webkit-flex-flow: row wrap;
}

.top-bar {
    width: 100vw;
    background: rgba(255, 255, 255, 0.98);
    visibility: visible;
    height: 72px;
    opacity: 1;
    transition: all .3s ease-in-out;
    border-bottom: 1px solid #cbd6e2;
}

.top-bar>.container {
    display: flex;
    justify-content: flex-end;
}

.top-bar .item {
    padding: 0.6em 1.14285714em !important;
}

.top-bar.hidden {
    height: 0px;
    visibility: hidden;
    opacity: 0;
    border-bottom: 0;
    padding: 0px;
}

.ui.vertical.menu .menu .active.item {
    font-weight: inherit !important;
    background-color: inherit !important;
}

.ui.vertical.menu .menu .active.item:hover {
    background: rgba(0, 0, 0, 0.2) !important;
}

.ui.vertical.menu .item>.header:not(.ui) {
    font-weight: 500;
}

.ui.sidebar {
    padding-bottom: 40px;
}

.ui.left.sidebar,
.ui.right.sidebar {
    width: 300px !important;
}

.sidebarLink {
    /*border-bottom: 0.1rem solid transparent;*/
    padding-top: 0.6em !important;
    padding-bottom: 0.6em !important;
}

.sidebarLink:hover {
    /*border-bottom-color: #ffbe00;*/
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    /*border-bottom-width: 0.1rem;*/
    /*border-bottom-style: solid;*/
    background: rgba(0, 0, 0, 0.2) !important;
}

.sh-siderbar.blue {
    background: #2185d0 !important;
}

.sh-siderbar.blue .item {
    color: rgba(255, 255, 255, 1.0) !important;
}

.sh-siderbar .item:before {
    height: 0px !important;
}

.ui.list .list>.item .header+.description,
.ui.list>.item .header+.description {
    margin-top: 0.5em;
}

.ui.list .list>.item .description,
.ui.list>.item .description {
    color: rgba(0, 0, 0, .87);
}

.ui.list .list>.item>.content,
.ui.list>.item>.content {
    line-height: 1.4285em;
}

.ui.list .list>.item,
.ui.list>.item,
ol.ui.list li,
ul.ui.list li {
    line-height: 1.4285em;
}

.ui.card>.content p,
.ui.cards>.card>.content p {
    margin: 1em 0 1em 0;
}

.ui.card>.extra.grey,
.ui.cards>.card>.extra.grey {
    background-color: #f5f5f7;
}

.no-border {
    border: 0 !important;
}

/*Bottom borders*/

.border-bottom {
    border-bottom-style: solid !important;
    border-bottom-width: 6px !important;
    border-bottom-color: #000000 !important;
}

.border-bottom.size-mini {
    border-bottom-width: 1px !important;
}

.border-bottom.size-tiny {
    border-bottom-width: 2px !important;
}

.border-bottom.size-small {
    border-bottom-width: 4px !important;
}

.border-bottom.size-medium {
    border-bottom-width: 10px !important;
}

.border-bottom.size-large {
    border-bottom-width: 16px !important;
}

.border-bottom.size-big {
    border-bottom-width: 32px !important;
}

.border-bottom.size-huge {
    border-bottom-width: 64px !important;
}

.border-bottom.size-massive {
    border-bottom-width: 128px !important;
}

.border-bottom.color-transparent {
    border-bottom-color: transparent !important;
}

.border-bottom.color-red {
    border-bottom-color: #D95C5C !important;
}

.border-bottom.color-orange {
    border-bottom-color: #f2711c !important;
}

.border-bottom.color-yellow {
    border-bottom-color: #F2C61F !important;
}

.border-bottom.color-olive {
    border-bottom-color: #8d9e13 !important;
}

.border-bottom.color-green {
    border-bottom-color: #5BBD72 !important;
}

.border-bottom.color-teal {
    border-bottom-color: #00B5AD !important;
}

.border-bottom.color-blue {
    border-bottom-color: #3B83C0 !important;
}

.border-bottom.color-violet {
    border-bottom-color: #502aa1 !important;
}

.border-bottom.color-purple {
    border-bottom-color: #564F8A !important;
}

.border-bottom.color-pink {
    border-bottom-color: #D9499A !important;
}

.border-bottom.color-brown {
    border-bottom-color: #805031 !important;
}

.border-bottom.color-white {
    border-bottom-color: #FFFFFF !important;
}

.border-bottom.color-grey {
    border-bottom-color: #CCCCCC !important;
}

.border-bottom.color-darkgrey {
    border-bottom-color: #666666 !important;
}

.border-bottom.color-black {
    border-bottom-color: #1B1C1D !important;
}

/*Top borders*/

.border-top {
    border-top-style: solid !important;
    border-top-width: 6px !important;
    border-top-color: #000000 !important;
}

.border-top.size-mini {
    border-top-width: 1px !important;
}

.border-top.size-tiny {
    border-top-width: 2px !important;
}

.border-top.size-small {
    border-top-width: 4px !important;
}

.border-top.size-medium {
    border-top-width: 10px !important;
}

.border-top.size-large {
    border-top-width: 16px !important;
}

.border-top.size-big {
    border-top-width: 32px !important;
}

.border-top.size-huge {
    border-top-width: 64px !important;
}

.border-top.size-massive {
    border-top-width: 128px !important;
}

.border-top.color-transparent {
    border-bottom-color: transparent !important;
}

.border-top.color-red {
    border-top-color: #D95C5C !important;
}

.border-top.color-orange {
    border-top-color: #f2711c !important;
}

.border-top.color-yellow {
    border-top-color: #F2C61F !important;
}

.border-top.color-olive {
    border-top-color: #8d9e13 !important;
}

.border-top.color-green {
    border-top-color: #5BBD72 !important;
}

.border-top.color-teal {
    border-top-color: #00B5AD !important;
}

.border-top.color-blue {
    border-top-color: #3B83C0 !important;
}

.border-top.color-violet {
    border-top-color: #502aa1 !important;
}

.border-top.color-purple {
    border-top-color: #564F8A !important;
}

.border-top.color-pink {
    border-top-color: #D9499A !important;
}

.border-top.color-brown {
    border-top-color: #805031 !important;
}

.border-top.color-white {
    border-top-color: #FFFFFF !important;
}

.border-top.color-grey {
    border-top-color: #CCCCCC !important;
}

.border-top.color-darkgrey {
    border-top-color: #666666 !important;
}

.border-top.color-black {
    border-top-color: #1B1C1D !important;
}

.no-shadow {
    box-shadow: none !important;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.left-align-text {
    text-align: left !important;
}

.ui.card>.content.no-border,
.ui.cards>.card>.content.no-border {
    border: 0 !important;
}

.ui.card>.extra.no-border,
.ui.cards>.card>.extra.no-border {
    border: 0 !important;
}

.border-radius-03em {
    border-radius: 0.3em !important;
}

.no-radius {
    border-radius: 0 !important;
}

.no-radius>.image>img {
    border-radius: 0 !important;
}

.image-program-partner {
    margin-left: 40%;
}

.ui.card.no-radius> :first-child,
.ui.cards>.card.no-radius> :first-child {
    border-radius: 0px !important;
}

.ui.card.no-radius> :last-child,
.ui.cards>.card.no-radius> :last-child {
    border-radius: 0px !important;
}

.ui.segments.no-radius:not(.horizontal)>.segment:first-child {
    border-radius: 0 !important;
}

.ui.segments.no-radius:not(.horizontal)>.segment:last-child {
    border-radius: 0 !important;
}

.ui.bottom.attached.message.no-radius {
    border-radius: 0 !important;
}

.ui.comments {
    max-width: 100%;
}

.ui.header>a>.image,
.ui.header>a>img {
    display: inline-block;
    margin-top: 0.14285em;
    width: 2.5em;
    height: auto;
    vertical-align: middle;
}

.ui.header>a+.content {
    padding-left: 0.75rem;
    vertical-align: middle;
}

/*.accordion .content {
    margin-left: 1.5rem !important;
}*/

/*.ui.accordion .accordion .title .dropdown.icon, .ui.accordion .title .dropdown.icon {
    float: left;
    margin: .2em 0 0;
}*/

/*.ui.accordion .accordion .title p, .ui.accordion .title p {
    margin-left: 1.5em;
}

.ui.styled.accordion .accordion .title, .ui.styled.accordion .title {
    color: rgba(0,0,0,.87);
}*/

.ui.menu .accordion .ui.header .dropdown.icon {
    float: right;
    margin: .21425em 0 0 1em;
}

.ui.inverted.link.list .item,
.ui.inverted.link.list .item a:not(.ui),
.ui.inverted.link.list a.item {
    color: rgba(255, 255, 255, 1.0);
}

.ui.vertical.segment:last-child {
    padding-bottom: 6rem !important;
}

html {
    overflow-wrap: break-word;
}

.cursor_pointer {
    cursor: pointer !important;
}

.cursor_default {
    cursor: default !important;
}

.ui.secondary.pointing.menu.blue .item:hover {
    border-color: #2185d0 !important;
}

.ui.divider.no-margin {
    margin: 0 !important;
}

.ui.white.divider {
    border-top-color: rgba(255, 255, 255, 0.6) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

.ui.black.divider {
    border-top-color: rgba(0, 0, 0, 0.6) !important;
    border-bottom-color: rgba(0, 0, 0, 0.1) !important;
    color: rgba(0, 0, 0, 0.8) !important;
}

.ui.blue.divider {
    border-top-color: rgba(33, 133, 208, 0.6) !important;
    border-bottom-color: rgba(33, 133, 208, 0.1) !important;
    color: rgba(33, 133, 208, 0.8) !important;
}

.ui.yellow.divider {
    border-top-color: rgba(251, 189, 8, 0.6) !important;
    border-bottom-color: rgba(251, 189, 8, 0.1) !important;
    color: rgba(251, 189, 8, 0.8) !important;
}

.ui.orange.divider {
    border-top-color: rgba(242, 113, 28, 0.6) !important;
    border-bottom-color: rgba(242, 113, 28, 0.1) !important;
    color: rgba(242, 113, 28, 0.8) !important;
}

.ui.dashed.divider {
    border-top-style: dashed !important;
    border-bottom-style: dashed !important;
}

.inline.divider {
    display: inline-block;
    margin: 0 .4rem 0;
    vertical-align: baseline;
}

.ui.vertical.white.divider:before,
.ui.vertical.white.divider:after {
    border-left: 1px solid rgba(255, 255, 255, 0.6);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

i.circular.icon {
    width: 2.3em !important;
    height: 2.3em !important;
    padding: .6em .6em !important;
}

i.circular.icon.white {
    box-shadow: 0em 0em 0em 0.1em rgba(255, 255, 255, 0.8) inset !important;
}

.ui.button {
    word-spacing: 2px;
    font-weight: 500;
}

.ui.button.uppercase {
    word-spacing: 4px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.aws-orange-button {
    background-color: #ff9d00 !important;
}

.aws-orange-button:active,
.aws-orange-button:hover {
    background-color: #de8901 !important;
}

.aws-blue-button {
    background-color: #007eb9 !important;
}

.aws-blue-button:active,
.aws-blue-button:hover {
    background-color: #026b9c !important;
}

.autodesk-forge-orange-button {
    background-color: #EE8822 !important;
}

.autodesk-forge-orange-button:active,
.autodesk-forge-orange-button:hover {
    background-color: #CF792D !important;
}

.autodesk-forge-blue-button {
    background-color: #017dc5 !important;
}

.autodesk-forge-blue-button:active,
.autodesk-forge-blue-button:hover {
    background-color: #016ba9 !important;
}

.ge-predix-flirt-button {
    background-color: #b8008e !important;
}

.ge-predix-flirt-button:active,
.ge-predix-flirt-button:hover {
    background-color: #9e007a !important;
}

.ge-predix-blue-button {
    background-color: #2886AF !important;
}

.ge-predix-blue-button:active,
.ge-predix-blue-button:hover {
    background-color: #19739a !important;
}

.sws-blue-button {
    background-color: #2185D0 !important;
}

.sws-blue-button:active,
.sws-blue-button:hover {
    background-color: #016ba9 !important;
}

.sws-yellow-button {
    background-color: #FBBD08 !important;
}

.sws-yellow-button:active,
.sws-yellow-button:hover {
    background-color: #f1b508 !important;
}

.sws-red-button {
    background-color: #db2828 !important;
}

.sws-red-button:active,
.sws-red-button:hover {
    background-color: #b21e1e !important;
}

.sh-sidebar-header {
    background-color: rgba(0, 0, 0, 0.4) !important;
    padding: 1.42em 1.2em !important;
}

/*.sh-sidebar-signedin-header {
    background-color: rgba(0, 0, 0, 0.2) !important;
}*/

.spaced .button {
    margin-bottom: 1em;
}

.spaced.button {
    margin-bottom: 1em;
}

.ui.message.custom-padding {
    padding-left: 16px !important;
}

.ui.modal>.close {
    top: 1.0535rem;
    right: 1rem;
    color: rgba(0, 0, 0, .87);
}

/*-----------------------------------------------------------------------------------*/
/*	Image background
/*-----------------------------------------------------------------------------------*/
.built_for_designer_bg:after {
    background: #0367B0 url(/assets/images/pages/philosophy/built-for-designers.svg) center;
    background-repeat: no-repeat;
    background-size: cover;
}

.built_for_designer_bg>div {
    min-height: 350px;
}

/*-----------------------------------------------------------------------------------*/
/*	Popup Menu
/*-----------------------------------------------------------------------------------*/
#allApps>a.item {
    color: #404040;
}

#allApps>a.item:hover {
    color: #4183c4;
}

#myAccount>a.item {
    color: #000000;
    border-bottom: 0.1rem solid transparent;
}

#myAccount>a.item:hover {
    border-bottom-color: #ffbe00;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-bottom-width: 0.1rem;
    border-bottom-style: solid;
    background: rgba(33, 133, 208, 0.8) !important;
    color: #FFFFFF;
}

.ui.popup.no-padding {
    padding: 0 !important;
}

.ui.popup.min-width {
    min-width: 200px !important;
}

.ui.items.padding {
    padding: 1.3em 1em 0em 1em;
}

@media only screen and (max-width: 767px) {
    .ui.items>.item>.image.hide-on-mobile+.content {
        padding-left: 0em !important;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .ui.items>.item>.image.hide-on-tablet+.content {
        padding-left: 0em !important;
    }
}

@media only screen and (min-width: 992px) {
    .ui.items>.item>.image.hide-on-computer+.content {
        padding-left: 0em !important;
    }
}

/********************************************************************************************
// Customize Scroll bar
********************************************************************************************/

/* SCROLLBAR */
/* Scrollbar */
::-webkit-scrollbar {
    width: 0.7em;
}

/* Track */
::-webkit-scrollbar-track {
    background: #F0F0F0;
    background-clip: content-box;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.8);
}

::-webkit-scrollbar-thumb:hover {
    background-color: #2185d0;
}

/********************************************************************************************/
/* Material Shadows
/********************************************************************************************/

.material-shadow-1dp {
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-2dp {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-3dp {
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-4dp {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-5dp {
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-6dp {
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-7dp {
    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-8dp {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-9dp {
    box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-10dp {
    box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-11dp {
    box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-12dp {
    box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-13dp {
    box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-14dp {
    box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-15dp {
    box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-16dp {
    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-17dp {
    box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-18dp {
    box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-19dp {
    box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-20dp {
    box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-21dp {
    box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-22dp {
    box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-23dp {
    box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important;
}

.material-shadow-24dp {
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Hover effect
/*-----------------------------------------------------------------------------------*/

.hover-effect:hover,
.hover-effect:focus {
    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
}

/*-----------------------------------------------------------------------------------*/
/*	SH Classes
/*-----------------------------------------------------------------------------------*/

/*For mobile*/
@media only screen and (max-width: 767px) {
    .team-container {
        padding-bottom: 100px;
    }

    .about-us-container {
        padding-bottom: 50px;
    }
}

/*For tablet*/
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .team-container {
        padding-bottom: 200px;
    }

    .about-us-container {
        padding-bottom: 50px;
    }
}

/*For computer*/
@media only screen and (min-width: 992px) {
    .team-container {
        padding-bottom: 400px;
    }

    .about-us-container {
        padding-bottom: 100px;
    }
}

.sh-app-header-image {
    padding: 0 !important;
    line-height: 0 !important;
}

.sh-app-header-image>img,
.sh-app-header-image>a>img {
    max-width: 101%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    width: 101%;
}

.sh-account>img.ui.avatar.image {
    margin-right: 0.8em;
}

.sh-footer {
    background: #333338 !important;
}

.sh-footer .item {
    padding: .1em 0 !important;
}

.sh-footer .item.inline-block {
    display: inline-block;
    margin-left: 1rem;
}

.sh-footer .item.inline-block:first-child {
    margin-left: 0rem;
}

.sh-footer i {
    display: inline-block !important;
    color: #e8e8e8 !important;
}

.sh-footer a {
    color: #b5b5b5 !important;
}

.sh-footer a:not(.button):hover {
    color: rgba(232, 232, 232, 0.9) !important;
    /*border-bottom-color: rgba(232,232,232,0.9);
            border-bottom-width: 0.1rem;
            border-bottom-style: solid;*/
}

.ui.divider.no-margin {
    margin: 0 !important;
}

/*********************************************************************************************
// Top menu quick links
// ********************************************************************************************/

.top-menu-quicklink>a {
    display: table;
    width: 100%;
    padding: 10px 0px;
    transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.top-menu-quicklink>a>i {
    display: table-cell;
    vertical-align: middle;
}

.top-menu-quicklink>a>.content {
    display: table-cell;
    vertical-align: middle;
    padding-left: .75rem;
    padding-right: 0.75em;
    line-height: 1em;
}

.top-menu-quicklink>a>.content:first-child {
    padding-left: inherit;
}

.top-menu-quicklink>a>i+.content:first-child {
    padding-left: .75rem;
}

.top-menu-quicklink.light-bg>a {
    color: #000000;
    border-bottom-color: rgb(100, 100, 100);
}

.top-menu-quicklink.light-bg>a:hover {
    color: #2185d0;
    border-bottom-color: #2185d0;
}

.top-menu-quicklink.dark-bg>a {
    color: #FFFFFF;
    border-bottom-color: rgb(233, 233, 233);
}

.top-menu-quicklink.dark-bg>a:hover {
    color: #fbbd08;
    border-bottom-color: #fbbd08;
}

.top-menu-quicklink.link-border-bottom>a {
    border-bottom-style: solid !important;
    border-bottom-width: 0.05rem !important;
}

.top-menu-quicklink.link-border-bottom>a:last-child {
    border-bottom-color: transparent !important;
}

/********************************************************************************************
// Number list
*********************************************************************************************/

.sh-number-list {
    display: table;
    margin-bottom: 1rem;
    line-height: 1.4285em;
}

.sh-number-list .content {
    display: table-cell;
}



.sh-faq-answer {
    display: table;
    width: 100%;
    padding: 0.8rem 0rem 0.8rem 2.2rem;
}

.sh-faq-answer .content {
    display: table-cell;
    vertical-align: middle;
}

/********************************************************************************************
// CCTech Custom List
*********************************************************************************************/
.sh-full-width-list {
    display: table;
    width: 100%;
    margin: 0.5em 0em 0.5em;
}

.sh-full-width-list.padded {
    margin: 1em 0em 1em;
}

.sh-full-width-list>i {
    display: table-cell;
    vertical-align: top !important;
}

.sh-full-width-list .content {
    display: table-cell;
    vertical-align: top;
    padding-left: .75rem;
    padding-right: 0.75em;
}

.sh-full-width-list .content:first-child {
    padding-left: inherit;
}

.sh-full-width-list>i+.content:first-child {
    padding-left: .75rem;
}

.sh-full-width-list>i.more-info {
    opacity: 0.4;
    cursor: pointer;
    transition: opacity .1s ease-in;
}

.sh-full-width-list>i.more-info:active,
.sh-full-width-list>i.more-info:hover,
.sh-full-width-list>i.more-info:focus,
.sh-full-width-list>i.more-info.is-active {
    opacity: 1;
}


/*-----------------------------------------------------------------------------------*/
/*	Simulation Gallery
/*-----------------------------------------------------------------------------------*/

.simulation-title {
    min-height: 65px;
}

.simulation-discription {
    min-height: 50px;
}

/*-----------------------------------------------------------------------------------*/
/*	Custom Width
/*-----------------------------------------------------------------------------------*/

.width-200 {
    width: 200px;
}

/*-----------------------------------------------------------------------------------*/
/*	Product & Services tile
/*-----------------------------------------------------------------------------------*/

.cctech-services-title {
    display: table;
    width: 100%;
}

.cctech-services-title .image {
    display: table-cell;
    vertical-align: middle;
}

.cctech-services-title .image.top-aligned {
    display: table-cell;
    vertical-align: top !important;
}

.cctech-services-title .image.bottom-aligned {
    display: table-cell;
    vertical-align: bottom !important;
}

.cctech-services-title>i {
    display: table-cell;
    vertical-align: middle;
}

.cctech-services-title>i.top-aligned {
    display: table-cell;
    vertical-align: top !important;
}

.cctech-services-title>i.bottom-aligned {
    display: table-cell;
    vertical-align: bottom !important;
}

.cctech-services-title .content {
    display: table-cell;
    vertical-align: middle;
    padding-left: 1.4rem;
    padding-right: 0.75em;
}

.cctech-services-title .content:first-child {
    padding-left: inherit;
}

/*-----------------------------------------------------------------------------------*/
/*	Custom top navbar menu
/*-----------------------------------------------------------------------------------*/

.fluid-menu {
    /*left: auto !important;
    right: auto !important;
    max-width: 1360px !important;
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;*/
    left: 0 !important;
    right: 0 !important;
    max-width: 100vw !important;
    margin: 0 !important;
    max-height: calc(100vh - 80px) !important;
    margin-top: -1px !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Style for default select dropdown
/*-----------------------------------------------------------------------------------*/
.select-style {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-indent: 1px !important;
    text-overflow: '' !important;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%) !important;
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em !important;
    background-size: 5px 5px, 5px 5px, 1px 1.5em !important;
    background-repeat: no-repeat !important;
    padding: .67857143em 1em !important;
}

.select-style select {
    background: transparent !important;
    width: 170px !important;
    color: grey !important;
    border: 0 !important;
    border-radius: 0 !important;
    height: 28px !important;
    -webkit-appearance: none !important;
}

.select-style select:focus {
    outline: none !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Custome image size
/*-----------------------------------------------------------------------------------*/
.image-size-300 {
    width: 300px;
}

.image-size-240 {
    width: 240px;
}

.image-size-200 {
    width: 200px;
}

.image-size-134 {
    width: 134px;
}

.image-size-50 {
    width: 50px;
}

.image-size-100 {
    width: 100px;
}

.image-size-56 {
    width: 56px;
}

.image-size-40 {
    width: 40px;
}

.image-max-width-300 {
    max-width: 300px !important;
}

.image-padding {
    padding: 1rem;
}

.image-padding.medium-padding {
    padding: 2rem;
}

.image-padding.large-padding {
    padding: 4rem;
}

.image-padding.huge-padding {
    padding: 8rem;
}

/*Tablet*/
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .image-padding {
        padding: 1rem !important;
    }
}

/*Mobile*/
@media only screen and (max-width: 767px) {
    .image-padding {
        padding: 1rem !important;
    }
}

.image-margin-1rem {
    margin: 1rem !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Slick Carousel custome classes
/*-----------------------------------------------------------------------------------*/

.slick-slide,
.slick-slide * {
    outline: none !important;
}

.slick-dots-custome {
    position: absolute;
    display: block;
    width: 100%;
    padding: 30px;
    margin: 0;
    list-style: none;
    text-align: center;
    bottom: 0px;
}

.slick-dots-custome.align-right {
    text-align: right !important;
}

.slick-dots-custome.align-left {
    text-align: left !important;
}

.slick-dots-custome li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 2px;
    padding: 0;
    cursor: pointer;
}

.slick-dots-custome.medium-size li {
    margin: 0 3px;
}

.slick-dots-custome.large-size li {
    margin: 0 5px;
}

.slick-dots-custome li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}


.slick-dots-custome li button:hover,
.slick-dots-custome li button:focus {
    outline: none;
}

.slick-dots-custome li button:hover:before,
.slick-dots-custome li button:focus:before {
    opacity: 1;
}

.slick-dots-custome li button:before {
    font-family: Icons;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '\f111';
    text-align: center;
    opacity: 0.75;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots-custome.medium-size li button:before {
    line-height: 22px;
}

.slick-dots-custome li.slick-active button:before {
    opacity: 1.0;
}

.slick-dots-custome.active-white li.slick-active button:before {
    color: #FFFFFF;
}

.slick-dots-custome.active-white li button:hover:before,
.slick-dots-custome.active-white li button:focus:before {
    color: #FFFFFF;
}

.slick-dots-custome.active-orange li.slick-active button:before {
    color: #f2711c;
}

.slick-dots-custome.active-orange li button:hover:before,
.slick-dots-custome.active-orange li button:focus:before {
    color: #f2711c;
}

.slick-dots-custome.active-red li.slick-active button:before {
    color: #db2828;
}

.slick-dots-custome.active-red li button:hover:before,
.slick-dots-custome.active-red li button:focus:before {
    color: #db2828;
}

.slick-dots-custome.active-yellow li.slick-active button:before {
    color: #fbbd08;
}

.slick-dots-custome.active-yellow li button:hover:before,
.slick-dots-custome.active-yellow li button:focus:before {
    color: #fbbd08;
}

.slick-dots-custome.active-teal li.slick-active button:before {
    color: #00b5ad;
}

.slick-dots-custome.active-teal li button:hover:before,
.slick-dots-custome.active-teal li button:focus:before {
    color: #00b5ad;
}

.slick-dots-custome.active-olive li.slick-active button:before {
    color: #b5cc18;
}

.slick-dots-custome.active-olive li button:hover:before,
.slick-dots-custome.active-olive li button:focus:before {
    color: #b5cc18;
}

.slick-dots-custome.active-green li.slick-active button:before {
    color: #21ba45;
}

.slick-dots-custome.active-green li button:hover:before,
.slick-dots-custome.active-green li button:focus:before {
    color: #21ba45;
}

.slick-dots-custome.active-blue li.slick-active button:before {
    color: #2185d0;
}

.slick-dots-custome.active-blue li button:hover:before,
.slick-dots-custome.active-blue li button:focus:before {
    color: #2185d0;
}

.slick-dots-custome.active-violet li.slick-active button:before {
    color: #6435c9;
}

.slick-dots-custome.active-violet li button:hover:before,
.slick-dots-custome.active-violet li button:focus:before {
    color: #6435c9;
}

.slick-dots-custome.active-purple li.slick-active button:before {
    color: #a333c8;
}

.slick-dots-custome.active-purple li button:hover:before,
.slick-dots-custome.active-purple li button:focus:before {
    color: #a333c8;
}

.slick-dots-custome.active-pink li.slick-active button:before {
    color: #e03997;
}

.slick-dots-custome.active-pink li button:hover:before,
.slick-dots-custome.active-pink li button:focus:before {
    color: #e03997;
}

.slick-dots-custome.active-brown li.slick-active button:before {
    color: #a5673f;
}

.slick-dots-custome.active-brown li button:hover:before,
.slick-dots-custome.active-brown li button:focus:before {
    color: #a5673f;
}

.slick-dots-custome.active-grey li.slick-active button:before {
    color: #767676;
}

.slick-dots-custome.active-grey li button:hover:before,
.slick-dots-custome.active-grey li button:focus:before {
    color: #767676;
}

.slick-dots-custome.active-black li.slick-active button:before {
    color: #1b1c1d;
}

.slick-dots-custome.active-black li button:hover:before,
.slick-dots-custome.active-black li button:focus:before {
    color: #1b1c1d;
}

.slick-dots-custome.inactive-white li button:before {
    color: #FFFFFF;
}

.slick-dots-custome.inactive-orange li button:before {
    color: #f2711c;
}

.slick-dots-custome.inactive-red li button:before {
    color: #db2828;
}

.slick-dots-custome.inactive-yellow li button:before {
    color: #fbbd08;
}

.slick-dots-custome.inactive-teal li button:before {
    color: #00b5ad;
}

.slick-dots-custome.inactive-olive li button:before {
    color: #b5cc18;
}

.slick-dots-custome.inactive-green li button:before {
    color: #21ba45;
}

.slick-dots-custome.inactive-blue li button:before {
    color: #2185d0;
}

.slick-dots-custome.inactive-violet li button:before {
    color: #6435c9;
}

.slick-dots-custome.inactive-purple li button:before {
    color: #a333c8;
}

.slick-dots-custome.inactive-pink li button:before {
    color: #e03997;
}

.slick-dots-custome.inactive-brown li button:before {
    color: #a5673f;
}

.slick-dots-custome.inactive-grey li button:before {
    color: #767676;
}

.slick-dots-custome.inactive-black li button:before {
    color: #1b1c1d;
}

.slick-slider-margin {
    margin-top: -1px !important;
}

/*----------------------------------------------------------
    Blog Post List
-----------------------------------------------------------*/

#catblogoutput {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100% !important;
    background-color: #FFFFFF !important;
}

/*----------------------------------------------------------
    Custom section width and height
-----------------------------------------------------------*/

.custom-section-width {
    width: 6.25%;
}

.custom-section-width.two-wide {
    width: 12.50%;
}

.custom-section-width.three-wide {
    width: 18.75%;
}

.custom-section-width.four-wide {
    width: 25%;
}

.custom-section-width.five-wide {
    width: 31.25%;
}

.custom-section-width.six-wide {
    width: 37.5%;
}

.custom-section-width.seven-wide {
    width: 43.75%;
}

.custom-section-width.eight-wide {
    width: 50%;
}

.custom-section-width.nine-wide {
    width: 56.25%;
}

.custom-section-width.ten-wide {
    width: 62.5%;
}

.custom-section-width.eleven-wide {
    width: 68.75%;
}

.custom-section-width.twelve-wide {
    width: 75%;
}

.custom-section-width.thirteen-wide {
    width: 81.25%;
}

.custom-section-width.fourteen-wide {
    width: 87.5%;
}

.custom-section-width.fifteen-wide {
    width: 93.75%;
}

.custom-section-width.sixteen-wide {
    width: 100%;
}

.custom-section-height.desktop-100vh {
    min-height: 100vh;
    height: auto;
}

/*Tablet*/
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .custom-section-width.full-width-tablet {
        width: 100% !important;
    }

    .custom-section-height.auto-height-tablet {
        min-height: auto !important;
        height: auto !important;
    }
}

/*Mobile*/
@media only screen and (max-width: 767px) {
    .custom-section-width.full-width-mobile {
        width: 100% !important;
    }

    .custom-section-height.auto-height-mobile {
        min-height: auto !important;
        height: auto !important;
    }
}

/*----------------------------------------------------------
    SVG Buttons
-----------------------------------------------------------*/


.svg-button {
    height: 42px;
}

.svg-button .svg-button-text {
    font-weight: 500;
}

.svg-button.uppercase .svg-button-text {
    word-spacing: 4px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.svg-button .svg-button-icon {
    font-family: Icons;
    font-weight: 500;
}

.svg-button .svg-button-icon-background {
    fill: #000000;
    fill-opacity: 0.05;
}

.svg-button .svg-button-icon-background-i-twin {
    fill: #000000;
    fill-opacity: 0.05;
}

/*SWS Yellow button*/

.svg-button.svg-sws-yellow-button .svg-button-background {
    stroke: #FBBD08;
    fill: #FBBD08;
}

.svg-button.svg-sws-yellow-button .svg-button-text {
    fill: #000000;
}

.svg-button.svg-sws-yellow-button .svg-button-icon {
    fill: #000000;
}

.svg-button.svg-sws-yellow-button:hover .svg-button-text,
.svg-button.svg-sws-yellow-button:hover .svg-button-icon {
    fill: #FBBD08;
}

/*SWS Blue button*/

.svg-button.svg-sws-blue-button .svg-button-background {
    stroke: #2185D0;
    fill: #2185D0;
}

.svg-button.svg-sws-green-button .svg-button-background {
    stroke: #62bb47;
    fill: #62bb47;
}

.svg-button.svg-sws-blue-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-sws-blue-button .svg-button-icon {
    fill: #FFFFFF;
}


.svg-button.svg-sws-blue-button:hover .svg-button-text,
.svg-button.svg-sws-blue-button:hover .svg-button-icon {
    fill: #2185D0;
}

.svg-button.svg-sws-green-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-sws-green-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-sws-green-button:hover .svg-button-text,
.svg-button.svg-sws-green-button:hover .svg-button-icon {
    fill: #62bb47;
}

/*SWS blue border transparent button*/

.svg-button.svg-sws-blue-transparent-button .svg-button-background {
    stroke: #2185D0;
    stroke-width: 3px;
    fill: transparent;
}

.svg-button.svg-sws-blue-transparent-button .svg-button-text {
    fill: #2185D0;
}

.svg-button.svg-sws-blue-transparent-button .svg-button-icon {
    fill: #2185D0;
}

.svg-button.svg-sws-blue-transparent-button:hover .svg-button-text,
.svg-button.svg-sws-blue-transparent-button:hover .svg-button-icon {
    fill: #2185D0;
}

/*LearnCAx orange button*/

.svg-button.svg-learncax-orange-button .svg-button-background {
    stroke: #EF771D;
    fill: #EF771D;
}

.svg-button.svg-learncax-orange-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-learncax-orange-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-learncax-orange-button:hover .svg-button-text,
.svg-button.svg-learncax-orange-button:hover .svg-button-icon {
    fill: #EF771D;
}

/*AHC orange button*/

.svg-button.svg-ahc-orange-button .svg-button-background {
    stroke: #F06025;
    fill: #F06025;
}

.svg-button.svg-ahc-orange-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-ahc-orange-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-ahc-orange-button:hover .svg-button-text,
.svg-button.svg-ahc-orange-button:hover .svg-button-icon {
    fill: #F06025;
}

/*Autodesk Forge Orange Button*/

.svg-button.svg-autodesk-forge-orange-button .svg-button-background {
    stroke: #EE8822;
    fill: #EE8822;
}

.svg-button.svg-autodesk-forge-orange-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-autodesk-forge-orange-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-autodesk-forge-orange-button:hover .svg-button-text,
.svg-button.svg-autodesk-forge-orange-button:hover .svg-button-icon {
    fill: #EE8822;
}

/*Autodesk Forge Blue Button*/

.svg-button.svg-autodesk-forge-blue-button .svg-button-background {
    stroke: #017dc5;
    fill: #017dc5;
}

.svg-button.svg-autodesk-forge-blue-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-autodesk-forge-blue-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-autodesk-forge-blue-button:hover .svg-button-text,
.svg-button.svg-autodesk-forge-blue-button:hover .svg-button-icon {
    fill: #017dc5;
}

/*AWS Orange Button*/

.svg-button.svg-aws-orange-button .svg-button-background {
    stroke: #ff9d00;
    fill: #ff9d00;
}

.svg-button.svg-aws-orange-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-aws-orange-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-aws-orange-button:hover .svg-button-text,
.svg-button.svg-aws-orange-button:hover .svg-button-icon {
    fill: #ff9d00;
}

/*GE Predix Flirt Button*/

.svg-button.svg-ge-predix-flirt-button .svg-button-background {
    stroke: #62BB46;
    fill: #62BB46;
}

.svg-button.svg-ge-predix-flirt-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-ge-predix-flirt-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-ge-predix-flirt-button:hover .svg-button-text,
.svg-button.svg-ge-predix-flirt-button:hover .svg-button-icon {
    fill: #62BB46;
}

/* iTwin Flirt Button*/

.svg-button.svg-i-twin-flirt-button .svg-button-background {
    stroke: #62BB46;
    fill: #62BB46;
}

.svg-button.svg-i-twin-flirt-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-i-twin-flirt-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-i-twin-flirt-button:hover .svg-button-text,
.svg-button.svg-i-twin-flirt-button:hover .svg-button-icon {
    fill: #62BB46;
}

/*Common color SVG Buttons*/

/*Black Button*/

.svg-button.svg-black-button .svg-button-background {
    stroke: #000000;
    fill: #000000;
}

.svg-button.svg-black-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-black-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-black-button:hover .svg-button-text,
.svg-button.svg-black-button:hover .svg-button-icon {
    fill: #000000;
}

/*Black border transparent button*/

.svg-button.svg-black-transparent-button .svg-button-background {
    stroke: #000000;
    stroke-width: 3px;
    fill: transparent;
}

.svg-button.svg-black-transparent-button .svg-button-text {
    fill: #000000;
}

.svg-button.svg-black-transparent-button .svg-button-icon {
    fill: #000000;
}

.svg-button.svg-black-transparent-button:hover .svg-button-text,
.svg-button.svg-black-transparent-button:hover .svg-button-icon {
    fill: #000000;
}

/*White Button*/

.svg-button.svg-white-button .svg-button-background {
    stroke: #FFFFFF;
    fill: #FFFFFF;
}

.svg-button.svg-white-button .svg-button-text {
    fill: #000000;
}

.svg-button.svg-white-button .svg-button-icon {
    fill: #000000;
}

.svg-button.svg-white-button:hover .svg-button-text,
.svg-button.svg-white-button:hover .svg-button-icon {
    fill: #FFFFFF;
}

/*White border transparent button*/

.svg-button.svg-white-transparent-button .svg-button-background {
    stroke: #FFFFFF;
    stroke-width: 3px;
    fill: transparent;
}

.svg-button.svg-white-transparent-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-white-transparent-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-white-transparent-button:hover .svg-button-text,
.svg-button.svg-white-transparent-button:hover .svg-button-icon {
    fill: #FFFFFF;
}

/*Red Button*/

.svg-button.svg-red-button .svg-button-background {
    stroke: #db2828;
    fill: #db2828;
}

.svg-button.svg-red-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-red-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-red-button:hover .svg-button-text,
.svg-button.svg-red-button:hover .svg-button-icon {
    fill: #db2828;
}

/*Red border transparent button*/

.svg-button.svg-red-transparent-button .svg-button-background {
    stroke: #db2828;
    stroke-width: 3px;
    fill: transparent;
}

.svg-button.svg-red-transparent-button .svg-button-text {
    fill: #db2828;
}

.svg-button.svg-red-transparent-button .svg-button-icon {
    fill: #db2828;
}

.svg-button.svg-red-transparent-button:hover .svg-button-text,
.svg-button.svg-red-transparent-button:hover .svg-button-icon {
    fill: #db2828;
}

/*orange Button*/

.svg-button.svg-orange-button .svg-button-background {
    stroke: #f2711c;
    fill: #f2711c;
}

.svg-button.svg-orange-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-orange-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-orange-button:hover .svg-button-text,
.svg-button.svg-orange-button:hover .svg-button-icon {
    fill: #f2711c;
}

/*orange border transparent button*/

.svg-button.svg-orange-transparent-button .svg-button-background {
    stroke: #f2711c;
    stroke-width: 3px;
    fill: transparent;
}

.svg-button.svg-orange-transparent-button .svg-button-text {
    fill: #f2711c;
}

.svg-button.svg-orange-transparent-button .svg-button-icon {
    fill: #f2711c;
}

.svg-button.svg-orange-transparent-button:hover .svg-button-text,
.svg-button.svg-orange-transparent-button:hover .svg-button-icon {
    fill: #f2711c;
}

/*Yellow Button*/

.svg-button.svg-yellow-button .svg-button-background {
    stroke: #fbbd08;
    fill: #fbbd08;
}

.svg-button.svg-yellow-button .svg-button-text {
    fill: #000000;
}

.svg-button.svg-yellow-button .svg-button-icon {
    fill: #000000;
}

.svg-button.svg-yellow-button:hover .svg-button-text,
.svg-button.svg-yellow-button:hover .svg-button-icon {
    fill: #fbbd08;
}

/*Yellow border transparent button*/

.svg-button.svg-yellow-transparent-button .svg-button-background {
    stroke: #fbbd08;
    stroke-width: 3px;
    fill: transparent;
}

.svg-button.svg-yellow-transparent-button .svg-button-text {
    fill: #fbbd08;
}

.svg-button.svg-yellow-transparent-button .svg-button-icon {
    fill: #fbbd08;
}

.svg-button.svg-yellow-transparent-button:hover .svg-button-text,
.svg-button.svg-yellow-transparent-button:hover .svg-button-icon {
    fill: #fbbd08;
}

/*olive Button*/

.svg-button.svg-olive-button .svg-button-background {
    stroke: #b5cc18;
    fill: #b5cc18;
}

.svg-button.svg-olive-button .svg-button-text {
    fill: #000000;
}

.svg-button.svg-olive-button .svg-button-icon {
    fill: #000000;
}

.svg-button.svg-olive-button:hover .svg-button-text,
.svg-button.svg-olive-button:hover .svg-button-icon {
    fill: #b5cc18;
}

/*olive border transparent button*/

.svg-button.svg-olive-transparent-button .svg-button-background {
    stroke: #b5cc18;
    stroke-width: 3px;
    fill: transparent;
}

.svg-button.svg-olive-transparent-button .svg-button-text {
    fill: #b5cc18;
}

.svg-button.svg-olive-transparent-button .svg-button-icon {
    fill: #b5cc18;
}

.svg-button.svg-olive-transparent-button:hover .svg-button-text,
.svg-button.svg-olive-transparent-button:hover .svg-button-icon {
    fill: #b5cc18;
}

/*green Button*/

.svg-button.svg-green-button .svg-button-background {
    stroke: #21ba45;
    fill: #21ba45;
}

.svg-button.svg-green-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-green-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-green-button:hover .svg-button-text,
.svg-button.svg-green-button:hover .svg-button-icon {
    fill: #21ba45;
}

/*green border transparent button*/

.svg-button.svg-green-transparent-button .svg-button-background {
    stroke: #21ba45;
    stroke-width: 3px;
    fill: transparent;
}

.svg-button.svg-green-transparent-button .svg-button-text {
    fill: #21ba45;
}

.svg-button.svg-green-transparent-button .svg-button-icon {
    fill: #21ba45;
}

.svg-button.svg-green-transparent-button:hover .svg-button-text,
.svg-button.svg-green-transparent-button:hover .svg-button-icon {
    fill: #21ba45;
}

/*teal Button*/

.svg-button.svg-teal-button .svg-button-background {
    stroke: #00b5ad;
    fill: #00b5ad;
}

.svg-button.svg-teal-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-teal-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-teal-button:hover .svg-button-text,
.svg-button.svg-teal-button:hover .svg-button-icon {
    fill: #00b5ad;
}

/*teal border transparent button*/

.svg-button.svg-teal-transparent-button .svg-button-background {
    stroke: #00b5ad;
    stroke-width: 3px;
    fill: transparent;
}

.svg-button.svg-teal-transparent-button .svg-button-text {
    fill: #00b5ad;
}

.svg-button.svg-teal-transparent-button .svg-button-icon {
    fill: #00b5ad;
}

.svg-button.svg-teal-transparent-button:hover .svg-button-text,
.svg-button.svg-teal-transparent-button:hover .svg-button-icon {
    fill: #00b5ad;
}

/*blue Button*/

.svg-button.svg-blue-button .svg-button-background {
    stroke: #2185d0;
    fill: #2185d0;
}

.svg-button.svg-blue-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-blue-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-blue-button:hover .svg-button-text,
.svg-button.svg-blue-button:hover .svg-button-icon {
    fill: #2185d0;
}

/*blue border transparent button*/

.svg-button.svg-blue-transparent-button .svg-button-background {
    stroke: #2185d0;
    stroke-width: 3px;
    fill: transparent;
}

.svg-button.svg-blue-transparent-button .svg-button-text {
    fill: #2185d0;
}

.svg-button.svg-blue-transparent-button .svg-button-icon {
    fill: #2185d0;
}

.svg-button.svg-blue-transparent-button:hover .svg-button-text,
.svg-button.svg-blue-transparent-button:hover .svg-button-icon {
    fill: #2185d0;
}

/*violet Button*/

.svg-button.svg-violet-button .svg-button-background {
    stroke: #6435c9;
    fill: #6435c9;
}

.svg-button.svg-violet-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-violet-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-violet-button:hover .svg-button-text,
.svg-button.svg-violet-button:hover .svg-button-icon {
    fill: #6435c9;
}

/*violet border transparent button*/

.svg-button.svg-violet-transparent-button .svg-button-background {
    stroke: #6435c9;
    stroke-width: 3px;
    fill: transparent;
}

.svg-button.svg-violet-transparent-button .svg-button-text {
    fill: #6435c9;
}

.svg-button.svg-violet-transparent-button .svg-button-icon {
    fill: #6435c9;
}

.svg-button.svg-violet-transparent-button:hover .svg-button-text,
.svg-button.svg-violet-transparent-button:hover .svg-button-icon {
    fill: #6435c9;
}

/*purple Button*/

.svg-button.svg-purple-button .svg-button-background {
    stroke: #a333c8;
    fill: #a333c8;
}

.svg-button.svg-purple-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-purple-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-purple-button:hover .svg-button-text,
.svg-button.svg-purple-button:hover .svg-button-icon {
    fill: #a333c8;
}

/*purple border transparent button*/

.svg-button.svg-purple-transparent-button .svg-button-background {
    stroke: #a333c8;
    stroke-width: 3px;
    fill: transparent;
}

.svg-button.svg-purple-transparent-button .svg-button-text {
    fill: #a333c8;
}

.svg-button.svg-purple-transparent-button .svg-button-icon {
    fill: #a333c8;
}

.svg-button.svg-purple-transparent-button:hover .svg-button-text,
.svg-button.svg-purple-transparent-button:hover .svg-button-icon {
    fill: #a333c8;
}

/*pink Button*/

.svg-button.svg-pink-button .svg-button-background {
    stroke: #e03997;
    fill: #e03997;
}

.svg-button.svg-pink-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-pink-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-pink-button:hover .svg-button-text,
.svg-button.svg-pink-button:hover .svg-button-icon {
    fill: #e03997;
}

/*pink border transparent button*/

.svg-button.svg-pink-transparent-button .svg-button-background {
    stroke: #e03997;
    stroke-width: 3px;
    fill: transparent;
}

.svg-button.svg-pink-transparent-button .svg-button-text {
    fill: #e03997;
}

.svg-button.svg-pink-transparent-button .svg-button-icon {
    fill: #e03997;
}

.svg-button.svg-pink-transparent-button:hover .svg-button-text,
.svg-button.svg-pink-transparent-button:hover .svg-button-icon {
    fill: #e03997;
}

/*brown Button*/

.svg-button.svg-brown-button .svg-button-background {
    stroke: #a5673f;
    fill: #a5673f;
}

.svg-button.svg-brown-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-brown-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-brown-button:hover .svg-button-text,
.svg-button.svg-brown-button:hover .svg-button-icon {
    fill: #a5673f;
}

/*pink border transparent button*/

.svg-button.svg-brown-transparent-button .svg-button-background {
    stroke: #a5673f;
    stroke-width: 3px;
    fill: transparent;
}

.svg-button.svg-brown-transparent-button .svg-button-text {
    fill: #a5673f;
}

.svg-button.svg-brown-transparent-button .svg-button-icon {
    fill: #a5673f;
}

.svg-button.svg-brown-transparent-button:hover .svg-button-text,
.svg-button.svg-brown-transparent-button:hover .svg-button-icon {
    fill: #a5673f;
}

/*grey Button*/

.svg-button.svg-grey-button .svg-button-background {
    stroke: #767676;
    fill: #767676;
}

.svg-button.svg-grey-button .svg-button-text {
    fill: #FFFFFF;
}

.svg-button.svg-grey-button .svg-button-icon {
    fill: #FFFFFF;
}

.svg-button.svg-grey-button:hover .svg-button-text,
.svg-button.svg-grey-button:hover .svg-button-icon {
    fill: #767676;
}

/*pink border transparent button*/

.svg-button.svg-grey-transparent-button .svg-button-background {
    stroke: #767676;
    stroke-width: 3px;
    fill: transparent;
}

.svg-button.svg-grey-transparent-button .svg-button-text {
    fill: #767676;
}

.svg-button.svg-grey-transparent-button .svg-button-icon {
    fill: #767676;
}

.svg-button.svg-grey-transparent-button:hover .svg-button-text,
.svg-button.svg-grey-transparent-button:hover .svg-button-icon {
    fill: #767676;
}


.svg-button.svg-button-dark-bg .svg-button-background {
    stroke: #FFFFFF;
    stroke-width: 0px;
}

.svg-button.svg-button-dark-bg:hover .svg-button-text,
.svg-button.svg-button-dark-bg:hover .svg-button-icon {
    fill: #FFFFFF;
}

@keyframes draw {
    0% {
        stroke-dasharray: 140 540;
        stroke-dashoffset: -474;
        stroke-width: 8px;
    }

    100% {
        stroke-dasharray: 760;
        stroke-dashoffset: 0;
        stroke-width: 2px;
    }
}

.svg-button:hover .svg-button-background {
    fill: transparent;
    -webkit-animation: 0.5s draw linear forwards;
    animation: 0.5s draw linear forwards;
}

/*-----------------------------------------------------------------------------------*/
/*	Water css animation
/*-----------------------------------------------------------------------------------*/

/*Remove animation on mobile and tablet devices */
/*Tablet*/
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .animated {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
}

/*Mobile*/
@media only screen and (max-width: 767px) {
    .animated {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
}

/*.scroll-animations.animated {
    visibility: hidden;
}*/

/*Remove visibility hidden on mobile and tablet devices */
/*Tablet*/
/*@media only screen and (max-width: 991px) and (min-width: 768px) {
    .scroll-animations {
        visibility: visible !important;
    }
}*/

/*Mobile*/
/*@media only screen and (max-width: 767px) {
    .scroll-animations {
        visibility: visible !important;
    }
}*/

.slider-content-animation .animated {
    animation-delay: 0.5s;
    animation-duration: 1.5s;
}

.animated {
    animation-delay: 0.2s;
    animation-duration: 1.5s;
}


/*-----------------------------------------------------------------------------------*/
/*	Code block
/*-----------------------------------------------------------------------------------*/

pre {
    font-family: "Courier 10 Pitch", Courier, monospace;
    line-height: 120%;
    white-space: pre;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
}

code {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    line-height: 140%;
    white-space: pre;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    background: #faf8f0;
    word-break: break-all;
}

#content code {
    display: block;
    padding: 0.5em 1em;
    border: 1px solid #bebab0;
}

/*-----------------------------------------------------------------------------------*/
/*	Scroll Down Button
/*-----------------------------------------------------------------------------------*/

.scroll-down {
    position: fixed;
    bottom: 20px;
    height: 22px;
    z-index: 2;
    display: inline-block;
    visibility: visible;
    opacity: 1;
    transition: all .1s ease-in-out;
}

.scroll-down.hidden {
    height: 0px;
    visibility: hidden;
    opacity: 0;
}

.scroll-down.position-left {
    left: 0;
    margin-left: 2.4em;
}

.scroll-down.position-center {
    left: 48.4%;
}

.scroll-down.position-right {
    right: 0;
    margin-right: 3em;
}

.scroll-down a {
    color: #fff;
    letter-spacing: .05em;
    text-decoration: none;
    transition: opacity .3s;
    font-weight: 500;
}

.scroll-down a span {
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 30px;
    height: 50px;
    margin-left: -15px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.4);
}

.scroll-down a span::before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: '';
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: scroll-down-button 2s infinite;
    animation: scroll-down-button 2s infinite;
    box-sizing: border-box;
}


/*SWS Yellow scroll button*/

.scroll-down.scroll-color-sws-yellow a {
    color: #FBBD08;
}

.scroll-down.scroll-color-sws-yellow a span {
    border: 2px solid #FBBD08;
}

.scroll-down.scroll-color-sws-yellow a span::before {
    background-color: #FBBD08;
}

/*SWS Blue scroll button*/

.scroll-down.scroll-color-sws-blue a {
    color: #2185D0;
}

.scroll-down.scroll-color-sws-blue a span {
    border: 2px solid #2185D0;
}

.scroll-down.scroll-color-sws-blue a span::before {
    background-color: #2185D0;
}

/*LearnCAx orange scroll button*/

.scroll-down.scroll-color-learncax-orange a {
    color: #EF771D;
}

.scroll-down.scroll-color-learncax-orange a span {
    border: 2px solid #EF771D;
}

.scroll-down.scroll-color-learncax-orange a span::before {
    background-color: #EF771D;
}

/*Autodesk Forge Orange scroll Button*/

.scroll-down.scroll-color-forge-orange a {
    color: #EE8822;
}

.scroll-down.scroll-color-forge-orange a span {
    border: 2px solid #EE8822;
}

.scroll-down.scroll-color-forge-orange a span::before {
    background-color: #EE8822;
}

/*Autodesk Forge Blue scroll Button*/

.scroll-down.scroll-color-forge-blue a {
    color: #017dc5;
}

.scroll-down.scroll-color-forge-blue a span {
    border: 2px solid #017dc5;
}

.scroll-down.scroll-color-forge-blue a span::before {
    background-color: #017dc5;
}

/*AWS Orange scroll Button*/

.scroll-down.scroll-color-aws-orange a {
    color: #ff9d00;
}

.scroll-down.scroll-color-aws-orange a span {
    border: 2px solid #ff9d00;
}

.scroll-down.scroll-color-aws-orange a span::before {
    background-color: #ff9d00;
}

/*GE Predix Flirt scroll Button*/

.scroll-down.scroll-color-ge-predix-flirt a {
    color: #b8008e;
}

.scroll-down.scroll-color-ge-predix-flirt a span {
    border: 2px solid #b8008e;
}

.scroll-down.scroll-color-ge-predix-flirt a span::before {
    background-color: #b8008e;
}

/*Black scroll Button*/

.scroll-down.scroll-color-black a {
    color: #000000;
}

.scroll-down.scroll-color-black a span {
    border: 2px solid #000000;
}

.scroll-down.scroll-color-black a span::before {
    background-color: #000000;
}

/*White scroll Button*/

.scroll-down.scroll-color-white a {
    color: #FFFFFF;
}

.scroll-down.scroll-color-white a span {
    border: 2px solid #FFFFFF;
}

.scroll-down.scroll-color-white a span::before {
    background-color: #FFFFFF;
}

/*Red scroll Button*/

.scroll-down.scroll-color-red a {
    color: #db2828;
}

.scroll-down.scroll-color-red a span {
    border: 2px solid #db2828;
}

.scroll-down.scroll-color-red a span::before {
    background-color: #db2828;
}

/*orange scroll Button*/

.scroll-down.scroll-color-orange a {
    color: #f2711c;
}

.scroll-down.scroll-color-orange a span {
    border: 2px solid #f2711c;
}

.scroll-down.scroll-color-orange a span::before {
    background-color: #f2711c;
}

/*Yellow scroll Button*/

.scroll-down.scroll-color-yellow a {
    color: #fbbd08;
}

.scroll-down.scroll-color-yellow a span {
    border: 2px solid #fbbd08;
}

.scroll-down.scroll-color-yellow a span::before {
    background-color: #fbbd08;
}

/*olive scroll Button*/

.scroll-down.scroll-color-olive a {
    color: #b5cc18;
}

.scroll-down.scroll-color-olive a span {
    border: 2px solid #b5cc18;
}

.scroll-down.scroll-color-olive a span::before {
    background-color: #b5cc18;
}

/*green scroll Button*/

.scroll-down.scroll-color-green a {
    color: #21ba45;
}

.scroll-down.scroll-color-green a span {
    border: 2px solid #21ba45;
}

.scroll-down.scroll-color-green a span::before {
    background-color: #21ba45;
}

/*teal scroll Button*/

.scroll-down.scroll-color-teal a {
    color: #00b5ad;
}

.scroll-down.scroll-color-teal a span {
    border: 2px solid #00b5ad;
}

.scroll-down.scroll-color-teal a span::before {
    background-color: #00b5ad;
}

/*blue scroll Button*/

.scroll-down.scroll-color-blue a {
    color: #2185d0;
}

.scroll-down.scroll-color-blue a span {
    border: 2px solid #2185d0;
}

.scroll-down.scroll-color-blue a span::before {
    background-color: #2185d0;
}

/*violet scroll Button*/

.scroll-down.scroll-color-violet a {
    color: #6435c9;
}

.scroll-down.scroll-color-violet a span {
    border: 2px solid #6435c9;
}

.scroll-down.scroll-color-violet a span::before {
    background-color: #6435c9;
}

/*purple scroll Button*/

.scroll-down.scroll-color-purple a {
    color: #a333c8;
}

.scroll-down.scroll-color-purple a span {
    border: 2px solid #a333c8;
}

.scroll-down.scroll-color-purple a span::before {
    background-color: #a333c8;
}

/*pink scroll Button*/

.scroll-down.scroll-color-pink a {
    color: #e03997;
}

.scroll-down.scroll-color-pink a span {
    border: 2px solid #e03997;
}

.scroll-down.scroll-color-pink a span::before {
    background-color: #e03997;
}

/*brown scroll Button*/

.scroll-down.scroll-color-brown a {
    color: #a5673f;
}

.scroll-down.scroll-color-brown a span {
    border: 2px solid #a5673f;
}

.scroll-down.scroll-color-brown a span::before {
    background-color: #a5673f;
}

/*grey scroll Button*/

.scroll-down.scroll-color-grey a {
    color: #767676;
}

.scroll-down.scroll-color-grey a span {
    border: 2px solid #767676;
}

.scroll-down.scroll-color-grey a span::before {
    background-color: #767676;
}

/*grey scroll Button*/

.scroll-down.scroll-color-grey a {
    color: #767676;
}

.scroll-down.scroll-color-grey a span {
    border: 2px solid #767676;
}

.scroll-down.scroll-color-grey a span::before {
    background-color: #767676;
}

@-webkit-keyframes scroll-down-button {
    0% {
        -webkit-transform: translate(0, 0);
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes scroll-down-button {
    0% {
        transform: translate(0, 0);
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        transform: translate(0, 20px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/*-----------------------------------------------------------------------------------*/
/*	Send message quick access
/*-----------------------------------------------------------------------------------*/

.send-message-container {
    padding-right: 26px;
    padding-bottom: 20px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 101;
    visibility: hidden;
    opacity: 0;
    transition: all .1s ease-in-out;
}

.send-message-container.visible-container {
    visibility: visible;
    opacity: 1;
}

.send-message-manager {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.send-message-content {
    transition: all .5s ease-in-out;
}

.send-message-content .text-content-container {
    padding: 30px !important;
}

.send-message-content .text-content-container .text-content {
    position: relative;
    border: 0.08em solid #d3d9de;
    background: #fff;
    box-shadow: 10px 10px 20px 5px rgba(0, 0, 0, .1);
    border-radius: 4px;
    width: 290px;
    padding: 20px;
}

.send-message-content .text-content-container .text-content .close-button {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    padding: 14px;
    cursor: pointer;
}

.send-message-content .text-content-container .text-content .text-message {
    text-overflow: ellipsis;
    overflow: hidden;
}

.send-message-content .text-content-container .text-content .text-message-bubble-tail {
    position: absolute;
    bottom: -22px;
    right: 20px;
}

.send-message-manager .send-message-button {
    padding-left: 32px !important;
    padding-top: 16px !important;
    background: #2185d0;
    transition: box-shadow .1s ease-in-out;
    position: relative;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    cursor: pointer;
    border: 0.08em solid rgba(255, 255, 255, 0.8);
}

.send-message-manager .send-message-button:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2), 0 4px 40px rgba(0, 0, 0, .3);
    cursor: pointer;
}

.send-message-manager .send-message-button .message-icon {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*-----------------------------------------------------------------------------------*/
/*	Zoho recruit customization
/*-----------------------------------------------------------------------------------*/

.embed_jobs_head {
    background-color: transparent !important;
    padding: 0em !important;
}

.embed_jobs_head2 {
    background-color: transparent !important;
    width: 100% !important;
    padding: 0em !important;
    font-weight: normal !important;
    border-width: 0px !important;
}

.embed_jobs_with_style .embed_jobs_head3 {
    font-size: inherit !important;
}

.embed_jobs_with_style .rec-group li {
    line-height: 26px !important;
}

.embed_jobs_with_style li.zrsite_Job_Description span:first-child {
    width: 100% !important;
    color: #e77817 !important;
}

.embed_jobs_with_style .rec-job-info a {
    color: #2185D0 !important;
}

.embed_jobs_with_style .rec-job-info a:hover {
    text-decoration: none !important;
    color: #e77817 !important;
}

.embed_jobs_with_style .rec-job-info a:after {
    content: 'View details >';
    font-weight: normal !important;
    color: #e77817;
    padding-top: 10px;
    display: block;
}

.rec_job_listing_div_jobs li.zrsite_Job_Description span {
    word-break: normal !important;
}

ul.rec-job-info {
    background-color: #FFFFFF !important;
    padding: 20px !important;
    border-radius: 6px !important;
    border: 1px solid #dee4f0;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
}

ul.rec-job-info:hover {
    background-color: #f6fbff !important;
}

ul.rec-job-info:hover a:after {
    color: #e77817 !important;
    font-weight: 700 !important;
}

.rec_facet_group {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
}

.rec_facet_group:before {
    content: 'Filters';
    font-weight: 700 !important;
    color: #e77817;
    padding-bottom: 10px;
    display: block;
}

.rec_facet_group .cw-rec-filter {
    overflow: auto !important;
}

.embed_jobs_with_style .rec_facet_group .cw-rec-filter {
    margin-bottom: 6px !important;
}

.rec_facet_group>div {
    margin-bottom: 16px !important;
}

.rec_facet_group>div:last-child {
    margin-bottom: 0px !important;
}

.zrsite_Industry {
    display: none !important;
}


/*On mobile*/
@media only screen and (max-width: 767px) {
    .embed_jobs_with_style_1 .rec-group li span:first-child {
        width: 100% !important;
    }

    .embed_jobs_with_style .rec-group li {
        width: 100% !important;
    }

    #rec_job_listing_div {
        display: block !important;
    }

    .rec_facet_group {
        width: 100% !important;
        display: block !important;
        margin-bottom: 16px !important;
    }

    .rec_job_listing_div_jobs {
        width: 100% !important;
        display: block !important;
    }
}

/*-----------------------------------------------------------------------------------*/
/*	Style for blogs
/*-----------------------------------------------------------------------------------*/

.blog-post-list-item img {
    transition: all 0.3s ease;
}

.blog-post-list-item .read-more-link {
    transition: all 0.1s ease;
    color: #2185d0 !important;
}

.blog-post-list-item .read-more-link:hover {
    opacity: 0.8;
}

.blog-post-list-item:hover img {
    filter: grayscale(100%);
}

.blog-post-list-item:hover .read-more-link {
    padding: 8px 12px;
    border-radius: 4px;
    background: #2185d0;
    color: #FFFFFF !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Circular images
/*-----------------------------------------------------------------------------------*/

.circle-background-image {
    position: relative;
    display: block;
    width: 260px;
    height: 260px;
    margin-top: 40px;
    z-index: 1;
}

.circle-background-image.center-aligned {
    margin-left: auto;
    margin-right: auto;
}

.circle-background-image.right-aligned {
    margin-right: auto;
}

.circle-background-image .image-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: 1;
}

.circle-background-image .circle-div {
    position: absolute;
    bottom: 8%;
    width: 100%;
    height: 100%;
    background-color: #000000;
    border-radius: 50%;
    z-index: -1;
}

.circle-background-image .circle-div.color-blue {
    background-color: #3B83C0;
}

.circle-background-image .circle-div.color-orange {
    background-color: #e77817;
}

.circle-background-image .circle-div.color-black {
    background-color: #000000;
}

.circle-background-image .circle-div.color-white {
    background-color: #FFFFFF;
}

/*-----------------------------------------------------------------------------------*/
/*	SH pagination menu
/*-----------------------------------------------------------------------------------*/

.sh-pagination .item {
    color: #000000;
}

.sh-pagination .item:hover {
    color: #2185d0 !important;
    background: transparent !important;
}

.sh-pagination .item.disabled:hover {
    color: rgba(40, 40, 40, .3) !important;
}

@media only screen and (max-width: 600px) {
    .ui.image.partner {
        width: 300px !important;
        margin-left: 4%;
    }
}

@media only screen and (max-width: 400px) {
    .ui.image.partner {
        width: 300px !important;
        margin-left: 4%;
    }
}