/* MAIN STYLESHEET             */
/* Thrive - Creative Template  */
/* Made By Rype Pixel          */
/* hello@rypepixel.com         */
/* Created: 12/12/2013         */
/* Author: Chris Gipple        */

/*====================================================================================*/
/* TABLE OF CONTENTS
/*====================================================================================*/
/* 01 RESET 
/* 02 GLOBAL SETTINGS  
/* 03 HEADER   
/* 04 SUBHEADERS 
/*		04.1 SUBHEADER SPLIT 
/*		04.2 SUBHEADER CLASSIC
/* 05 PORTFOLIO 
/* 		05.1 PORTFOLIO GENERAL  
/* 		05.2 PORTFOLIO FULL WIDTH
/* 		05.3 PORTFOLIO COLUMN
/* 		05.4 PORTFOLIO SINGLE
/*		05.5 PORTFOLIO WIDGET SECTION
/* 06 SERVICES SECTION 
/* 07 ABOUT   
/* 08 PROMO BOX   
/* 09 FEATURES SECTION 
/* 10 BLOG  
/*		 10.1 BLOG GENERAL
/*		 10.2 BLOG CLASSIC
/*		 10.3 BLOG CREATIVE
/*		 10.4 BLOG MANSONRY
/*		 10.5 BLOG SINGLE
/* 11 PAGES
/* 12 SHOP
/* 13 TESTIMONIALS 
/* 14 FOOTER 
/* 15 HOME BOXED  
/* 16 ANIMATIONS                

/*====================================================================================*/
/* 01 RESET
/*====================================================================================*/

/* original IPSG Colours
orange: #f79d1b
blue: #090C3C */

* {
    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
    display: block;
}

h1,
h2,
h3,
h4 {
    margin-top: 0;
}



/*====================================================================================*/
/* 02 GLOBAL SETTINGS
/*====================================================================================*/

@font-face {
    font-family: 'Ubuntu Light';
    src: url('/resources/fonts/ubuntu-l-webfont.eot');
    src: url('/resources/fonts/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'),
        url('/resources/fonts/ubuntu-l-webfont.woff') format('woff'),
        url('/resources/fonts/ubuntu-l-webfont.ttf') format('truetype'),
        url('/resources/fonts/ubuntu-l-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu Med';
    src: url('/resources/fonts/ubuntu-m-webfont.eot');
    src: url('/resources/fonts/ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'),
        url('/resources/fonts/ubuntu-m-webfont.woff') format('woff'),
        url('/resources/fonts/ubuntu-m-webfont.ttf') format('truetype'),
        url('/resources/fonts/ubuntu-m-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu Bold';
    src: url('/resources/fonts/ubuntu-b-webfont.eot');
    src: url('/resources/fonts/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
        url('/resources/fonts/ubuntu-b-webfont.woff') format('woff'),
        url('/resources/fonts/ubuntu-b-webfont.ttf') format('truetype'),
        url('/resources/fonts/ubuntu-b-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Light';
    src: url('/resources/fonts/proximanova-light-webfont.eot');
    src: url('/resources/fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('/resources/fonts/proximanova-light-webfont.woff') format('woff'),
        url('/resources/fonts/proximanova-light-webfont.ttf') format('truetype'),
        url('/resources/fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Reg';
    src: url('/resources/fonts/proximanova-regular-webfont.eot');
    src: url('/resources/fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('/resources/fonts/proximanova-regular-webfont.woff') format('woff'),
        url('/resources/fonts/proximanova-regular-webfont.ttf') format('truetype'),
        url('/resources/fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Semi-bold';
    src: url('/resources/fonts/proximanova-semibold-webfont.eot');
    src: url('/resources/fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/resources/fonts/proximanova-semibold-webfont.woff') format('woff'),
        url('/resources/fonts/proximanova-semibold-webfont.ttf') format('truetype'),
        url('/resources/fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    /* font-family: Proxima Nova Light, Helvetica, Arial, sans-serif; */
    font-family: Calibri, sans-serif;
    font-size: 18px;
}

.link-highlight {
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0.637);
    text-decoration-thickness: 2px;
    transition: text-decoration-thickness 0.2s ease, text-decoration-color 0.2s ease;
    color: #000;
}

.link-highlight:hover {
    text-decoration-thickness: 3px;
    text-decoration-color: #f79b1bd6;
    color: #090C3C;
}

a.botnav {
    color: #fff;
    text-decoration: none;
}

a.botnav:hover {
    color: #f79d1b;
}

.footer-link {
    color: #fff;
    text-decoration: none;
}

.footer-link:hover {
    color: #f79d1b;
}

.white {
    color: #fff;
}

.indent {
    margin-left: 10px;
}

.solid {
    border-style: solid;
}

.boldItalic {
    font-weight: bold;
    color: #565656;
    font-size: 17px;
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.bolder {
    font-weight: 1000;
}

.genericSection {
    padding: 40px 0 80px 0;
}

h1 {
    font-family: Calibri, sans-serif;
    font-size: calc(1.3rem + 1.2vw);
    color: #090C3C;
    /* font-size: 107px; */
}

h2 {
    font-family: Calibri, sans-serif;
    /* font-size: 41px; */
    color: #090C3C;
}

h3 {
    font-family: Calibri, sans-serif;
    /* font-size: 31px; */
    /* text-align: center; */
    /* color: #090C3C; */
    /* margin-bottom: 20px; */
    /* letter-spacing: 1px; */
}

p.hcBlue {
    color: #090C3C;
}

h3 span {
    font-family: Calibri, sans-serif;
    color: #090C3C;
}

h4 {
    font-family: Calibri, sans-serif;
    color: #090C3C;
    letter-spacing: 1px;
}

h5 {
    font-family: Calibri, sans-serif;
    line-height: 28px;
    /* font-size: 21px;
    text-align: center; */
    letter-spacing: 1px;
    margin-bottom: 60px;
}

h6 {
    font-size: 18px;
    font-family: Ubuntu Bold, sans-serif;
    color: #545454;
}

.text-default {
    color: #D1820F;
}

/** BUTTONS **/
.buttonSend {
    background: transparent;
    font-family: Ubuntu Bold, sans-serif;
    color: #fff;
    border: 2px solid;
    border-radius: 4px;
    padding: 12px 60px 12px 60px;
    display: inline-block;
    -webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}

.buttonSend:hover {
    background-color: transparent;
    border-color: #090C3C;
    text-decoration: none;
    color: #090C3C;
}

.button {
    background-color: #f79d1b;
    font-family: Calibri, sans-serif;
    font-size: 18px;
    color: #090C3C;
    border: 2px solid #f79d1b;
    border-radius: 4px;
    padding: 12px 60px 12px 60px;
    display: inline-block;
    -webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}

.subHeadBtn-table {
    width: 100%;
    margin-top: -80px;
    position: absolute;
}

.subHeadBtn-table td {
    text-align: center;
}


.button:hover {
    background: transparent;
    color: #090C3C;
    text-decoration: none;
}

.button.grey {
    border-color: #c8c8c8;
    color: #c8c8c8;
}

.button.grey.video {
    margin-bottom: 0;
}

.button.grey.current,
.button.grey:hover {
    background-color: #c44747;
    color: white;
    border-color: #c44747;
    text-decoration: none;
}

.button.smallGrey {
    font-family: Ubuntu Bold, sans-serif;
    font-size: 11px;
    padding: 5px 10px 5px 10px;
    background-color: #e1e1e1;
    border-radius: 3px;
    color: #848484;
    border: none;
}

.button.smallGrey:hover {
    color: white;
    background-color: #c44747;
}

.button.red {
    color: #bbb;
    border-color: #ccc;
}

.button.red:hover {
    background-color: white;
    border-color: #764704;
    color: #764704;
}

/* to center button */

.ipsg-row {
    /* padding: 0px 2.5rem 0 0; */
    margin: 10px;
}


.ipsgButton {
    font-size: 25px;
    ;
}

.wrapper {
    text-align: center;
    margin-top: 0;
    margin-bottom: 60px;
}

.btn-ipsg {
    padding-left: 5px;
    padding-right: 5px;

}

.btn-ipsg a {
    padding-block: 70px;

    background-color: #090C3C;
    color: white;
    /* margin: 5px 15px; */
    border-radius: 0.5rem;
    width: 100%;
}

@media screen and (max-width:900px) {
    .btn-ipsg a {
        padding-block: 10px;
    }
}

.btn-ipsg:hover a {
    border-color: #764704;
    color: #764704;
    border-width: 1px;
    background-color: #090C3C;
}

.btn-ipsg:active {
    color: #764704;
    background-color: white;
}

.colapse-ipsgServ {
    background-color: #090C3C;
    color: white;
    text-align: center;
    margin: 10px;
    font-size: 18px;
    padding: 10px;
}

.colapse-ipsgIndex {
    background-color: #090C3C;
    color: white;
    text-align: left justify;
    margin: 10px;
    font-size: 18px;
    padding: 10px;
}

.ipsgcolor {

    color: #764704;
}

.ipsgogcolor {

    color: #f79d1b;
}

.ipsgblue {

    color: #090C3C;
}

.column {
    float: left;
}

.left {
    width: 50%;
}

/* .middle {
    width: 30%;
    } */

.right {
    width: 50%;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}


/** FORM ELEMENTS **/

input {
    background: transparent;
    border: 2px solid #D0D0D0;
    border-radius: 4px;
    padding: 7px;
    width: 100%;

}

input[type=checkbox] {
    width: auto;
    float: left;
    margin-right: 20px;
}

.contactForm input {
    margin-bottom: 10px;
    float: left;
    width: 49%;

}

#contact-us input {
    margin-bottom: 20px;
}

#contact-us .button {
    width: 35%;
    float: none;
}

.screen-reader-text {
    display: none;
}

.error {
    float: left;
    margin-bottom: 30px;
    margin-top: -10px;
}

textarea {
    width: 100%;
    height: 100px;
    background: transparent;
    border: 2px solid #D0D0D0;
    border-radius: 4px;
    padding: 12px;
    margin-bottom: 20px;
}

.formDropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('/resources/images/dropDownArrow.png') no-repeat right center;
    border: 2px solid #D0D0D0;
    border-radius: 4px;
    padding: 11px;
    width: 49%;
    text-indent: 0;
    text-overflow: "";
}

.formDropdown option {
    color: #a1b1b8;
    border-bottom: 1px solid #162026;
    background: #233036 none;
}

.map iframe {
    width: 100%;
    margin-bottom: -10px;
}

.subscribe {
    width: auto;
}

.object-fit-cover {
    object-fit: cover;
}

.skip-to-main {
    z-index: 1100;
    /* higher than sticky-top navbar */
}

/*====================================================================================*/
/* 03 HEADER
/*====================================================================================*/
.header {
    border: none;
    box-shadow: 0 0 3px #BCBCBC;
    z-index: 1000;
    background-color: white;
}

.navbar-nav li a {
    color: #090C3C;
    font-weight: 550;
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    letter-spacing: 2px;
    position: relative;
}

.navbar-nav li a:hover {
    background-color: transparent;
    color: #000;
}

.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .nav-link:focus {
    color: #000;
}

.navbar-nav .current {
    color: #000000;
}

.navbar-nav>li>a:before {
    content: "";
    position: absolute;
    height: 2px;
    bottom: -6px;
    left: 0;
    background-color: #faaf46;
    visibility: hidden;
    width: 0px;
    transition: all 0.3s ease-in-out 0s;
}

.navbar-nav a:hover:before,
.navbar-nav li:hover>a:before,
.navbar-nav .active:before,
.navbar-nav .current:before,
.navbar-nav .nav-item .nav-link:focus:before {
    visibility: visible;
    width: 100%;
}

/** dropdown-menu **/

.navbar-nav .dropdown .dropdown-menu {
    box-shadow: none;
    border-radius: 0;
    padding: 10px;
}

.navbar-nav .dropdown .dropdown-menu li a {
    padding: 10px;
    margin: 5px 0;
    color: #090C3C;
    letter-spacing: 0;
    font-size: 14px;
}

.navbar-nav .dropdown .dropdown-menu li a:hover,
.navbar-nav .dropdown .dropdown-menu li a.current {
    color: #000;
    background-color: #FFE5C1;
    border-radius: 8px;
}

.dropdown-toggle::after {
    margin-left: 0;
}

.dropdown-menu[data-bs-popper] {
    margin-top: 8px;
}

/** YAMM MEGA MENU **/
.nav.navbar-nav .dropdown .dropdown-menu .yamm-content a {
    padding: 0;
    border: none;
}

.nav.navbar-nav .dropdown .dropdown-menu .yamm-content a:hover {
    background: transparent;
    color: #c44747;
}

.yamm-content {
    color: #455c68;
    font-size: 14px;
    background-color: #f8f8f8;
    border: 1px solid #D7D7D7;
}

.yamm-content h4 {
    color: #455c68;
    font-size: 16px;
    margin-bottom: 20px;
}

.googleMap {
    border: none;
}

/* Dropdown Submenu */
.nav.navbar-nav .dropdown .dropdown-menu .dropdown-submenu {
    position: relative;
    overflow: visible;
}

.nav.navbar-nav .dropdown .dropdown-menu .dropdown-submenu>.dropdown-menu {
    left: 161px;
    margin-top: -39px;
    margin-left: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: none;
    background-color: #1f2b33;
}

.nav.navbar-nav .dropdown .dropdown-menu .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}


/** SEARCH **/
.nav.navbar-nav .search {
    margin-right: -12px;
}

.nav.navbar-nav .search li a {
    margin-right: 20px;
    margin-left: 20px;
}

.verticalDivider {
    height: 90px;
    width: 1px;
    background-color: #d5d5d5;
}

.searchDropdown {
    width: 350px;
    height: auto;
    background-color: #f8f8f8;
    border-top: 1px solid #D7D7D7;
}

.searchForm input {
    margin: 20px;
    width: 88.5%;
    background: url(/resources/images/searchIcon.png) no-repeat 95% 50%;
    color: #171f23;
}

/** HEADER TOP BAR **/
.topBar {
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #CDCDCD;
}

.italicSmall.top {
    margin-top: 3px;
    margin-bottom: 0;
    float: left;
    color: #848484;
}

.topBar .socialIcons {
    margin-bottom: 0;
}

.topBar .socialIcons li img {
    opacity: 0.2;
    width: 25px;
}

.topBar .socialIcons li img:hover {
    opacity: 1.0;
}

.topBar.shaded {
    background-color: #eeeeee;
    border: none;
}

.topBar.thin {
    position: absolute;
    padding: 0;
    height: 5px;
    width: 100%;
    background-color: #c0d4de;
}

/*====================================================================================*/
/* 04 SUBHEADERS
/*====================================================================================*/

/* 04.1 SUBHEADER SPLIT */
/*====================================*/
.subHeader.split {
    margin-top: 90px;
    background: url('/resources/images/subHeaderBg_red.jpg') no-repeat fixed;
    background-size: cover;
    color: white;
    height: 575px;
}

.leftBlock {
    background-color: #1b282f;
    display: block;
    padding: 185px 0 185px 105px;
    float: left;
    width: 50%;
}

.leftBlock h1 {
    color: white;
}

.leftBlock p {
    font-size: 32px;
    letter-spacing: 1px;
    color: white;
}

.rightBlock {
    padding-top: 185px;
    padding-bottom: 185px;
    text-align: center;
    width: 50%;
    float: left;
}

.rightBlock .container {
    width: 500px;
}

.subHeaderList li {
    font-family: Proxima Nova Semi-bold, sans-serif;
    font-size: 18px;
    display: inline;
    margin-left: 45px;
    margin-right: 45px;
}

/* 04.2 SUBHEADER CLASSIC */
/*====================================*/
.subHeader1.classic1 {
    padding: 75px 0 70px 0;
    margin-top: 90px;
    background: #1B282F url('/resources/images/subHeaderBg_blue.png') no-repeat;
    background-size: cover;
    color: white;
}

.subHeader1.classic1 {
    padding: 110px 0 70px 0;
    margin-top: 90px;
    background: #1B282F url('/resources/images/partners1.png') no-repeat;
    background-size: cover;
    color: white;
}

.subHeader.classic.video {
    background: url('/resources/images/redSquareTrans.png') repeat;
    text-align: center;
    padding: 300px 0 100px 0;
    /*Original 180px 0px 180px 0px;*/
}

.subHeader.classic.video .col-lg-8 {
    margin-top: 0;
}

.subHeader.classic .col-lg-8 {
    margin-top: 70px;
}

.subHeader.classic h1 {
    font-size: 80px;
    float: left;
}

.subHeader.classic.video h1 {
    float: none;
}

.subHeader.classic h1 span {
    font-family: Proxima Nova Semi-bold, sans-serif;
    font-size: 30px;
    color: #c44747;
    font-style: italic;
    margin-left: 20px;
}

.subHeader.classic p {
    font-size: 24px;
}

.subHeader.classic .subHeadBtn {
    position: relative;
    margin-top: 0;
    margin-left: 0;
}

.subHeader.classic.video .sliderControls span {
    margin-top: -150px;
    opacity: 0.5;
}

/** SUBHEADER SEARCH FORM **/
.subHeader .searchForm input {
    float: right;
    width: 300px;
    color: #8b9da8;
    margin-top: 25px;
    margin-right: 0;
}

/*====================================================================================*/
/* 05 PORTFOLIO GENERAL
/*====================================================================================*/

/* 05.1 PORTFOLIO GENERAL */
/*====================================*/
.overlay {
    background-color: #c44747;
    opacity: 0.9;
    width: 100%;
    position: absolute;
    height: 100%;
    box-shadow: 0 0 2px #cdcdcd;
    border: 5px solid white;
    text-align: center;
    display: none;
}

.overlay h4 {
    margin-top: 30%;
    color: white;
    pointer-events: none;
}

.italicSmall {
    font-size: 13px;
    font-style: italic;
    letter-spacing: 0;
    margin-right: 15px;
}

.portfolioCat_list {
    margin-top: -8px;
    margin-bottom: 40px;
    text-align: center;
}

.portfolioCat_list li {
    display: inline;
    margin-right: 10px;
}

.portfolioCat_list li a {
    margin-bottom: 10px;
}

/* 05.2 PORTFOLIO FULL WIDTH */
/*====================================*/


.workFullWidth {
    padding: 50px 0 0 0;
    background-color: white;
}

.Workfullwidthoverwrite,
.workFullWidth {
    padding: 30px 0 0 0;
}

#screenshots {
    margin-top: 40px;
}

#screenLeft,
#screenRight {
    margin-top: 80px;
    opacity: 0;
    max-width: 100%;
}

#screenRight {
    float: right;
}

#screenMiddle {
    opacity: 0;
    position: absolute;
    display: block;
    margin-left: 23%;
    margin-top: -340px;
    max-width: 100%;
}

.workFullWidth_list .image {
    width: 25%;
    margin-left: -1px;
    float: left;
}

.workFullWidth_list {
    margin-bottom: 20px;
}

.workFullWidth_list img {
    width: 100%;
    display: block;
}

.workFullWidth_list .overlay {
    border: none;
}

/* 05.3 PORTFOLIO COLUMN */
/*====================================*/

.workColumn {
    padding: 80px 0 0 0;
}

.workColumnContact {
    padding: 10px 0 0 0;
}

.portfolioItem {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

/* .col-lg-3 {
    width: 292px;
} */

.col-lg-3 .portfolioItem {
    margin-bottom: 10px;
}

.portfolioImg {
    max-width: 100%;
    box-shadow: 0 0 2px #cdcdcd;
    border: 5px solid white;
}

.portfolioDetails,
.shopItemDetails {
    margin-top: 13px;
    margin-bottom: 35px;
    padding: 13px 13px 0 13px;
    border: 1px solid #D0D0D0;
    border-radius: 3px;
}

.portfolioDetails h4,
.shopItemDetails h4 {
    font-family: Ubuntu Bold, sans-serif;
    font-size: 14px;
}

.portfolioDetails p {
    font-size: 13px;
    font-style: italic;
    text-align: left;
}

.tagList li {
    display: inline;
    margin-right: 5px;
}

/* 05.4 PORTFOLIO SINGLE */
/*====================================*/

.projectDetailsList li {
    margin-bottom: 10px;
}

.projectDetailsList .button {
    margin-right: 10px;
}

.projectDetailsList .button.smallGrey:hover {
    background-color: #e1e1e1;
    color: #848484;
}

/* 05.5 PORTFOLIO WIDGET SECTION */
/*====================================*/

.widgets {
    padding: 50px 0 80px 0;
}

.dividerWidget {
    width: 100%;
    height: 1px;
    background-color: #d6d6d6;
    margin-bottom: 30px;
}

.clientList li {
    display: inline-block;
    margin-right: 21px;
    margin-bottom: 20px;
    padding: 40px 62px 40px 62px;
    border-radius: 3px;
    border: 1px solid #B4B4B4;
}

.clientList li:nth-child(3n+0) {
    margin-right: 0;
}

.tweetList li {
    margin-bottom: 18px;
}

.tweetList span {
    font-size: 12px;
    font-style: italic;
    color: #696969;
}

.relatedProjectList li {
    display: inline-block;
    margin-right: 21px;
    margin-bottom: 20px;
    width: 168px;
}

.progressBar {
    border: 1px solid #A9A9A9;
    border-radius: 3px;
    height: 37px;
    padding: 5px;
    margin-bottom: 19px;
}

.progressBar span {
    float: left;
    margin-right: 5px;
    width: 15%;
    text-align: center;
}

.bar {
    float: left;
    height: 25px;
    background-color: #c44747;
}

.bar.full {
    width: 83.7%;
}

.bar.half {
    width: 42%;
}

.bar.threeQuarters {
    width: 60%;
}

.bar.quarter {
    width: 21%;
}

/*====================================================================================*/
/* 06 SERVICES SECTION
/*====================================================================================*/

.serviceContent {
    padding: 80px 0 80px 0;
}

.textureLip {
    width: 100%;
    height: 19px;
    background: white url('/resources/images/textureLip.png');
    box-shadow: 0 -3px 3px #d7d7d7;
    position: relative;
}

.row.services {
    margin-top: 50px;
}

.row.services .col-lg-4 {
    margin-bottom: 20px;
}

.services3Col_big {
    padding: 80px 0 80px 0;
    text-align: center;
    background: url('/resources/images/greyTexture.png');
}

.services3Col_big .row.services {
    opacity: 0;
}

.services3Col_small {
    padding: 80px 0 80px 0;
    background: url('/resources/images/greyTexture.png');
}

.serviceText {
    float: right;
    width: 260px;
}

.pic {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
}

/** style the Services logos **/

/* .logo-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.logo-col {
    flex: 1 0 16.6667%;
    max-width: 16.6667%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
} */

.logo-col img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}

.back-button {
    width: 35px;
    height: 35px;
    font-size: 20px;
    background-color: #f79d1b;
    color: white;
}

.back-button:hover,
.back-button:focus {
    background-color: #d87f00;
    color: white;
}

.back-button:focus {
    outline: 3px solid #005fcc;
    outline-offset: 2px;
}

/*====================================================================================*/
/* 07 ABOUT
/*====================================================================================*/

.aboutTeam {
    padding: 80px 0 80px 0;
    text-align: center;
}

.aboutTeam h4 {
    color: #c44747;
}

.aboutTeam h4 span {
    font-family: Proxima Nova Light, sans-serif;
}

.aboutTeam img {
    margin-bottom: 30px;
    max-width: 100%;
}

.aboutTeam .socialIcons {
    margin: 0 auto;
    float: none;
}

.skills {
    padding: 80px 0 80px 0;
    background-color: #c44747;
}

.skills p {
    float: left;
    color: white;
    font-size: 21px;
    margin-top: -105px;
}

.skillDivider {
    margin-top: -200px;
    margin-left: 100px;
}

.skills h4 {
    color: white;
    margin-top: 10px;
}

.skillsList li {
    display: inline-block;
    width: 180px;
    margin-right: 53px;
    text-align: center;
}

.skillsList li:nth-child(5) {
    margin-right: 0;
}

/*====================================================================================*/
/* 08 PROMO BOX
/*====================================================================================*/

.promoBox {
    padding: 80px 0 60px 0;
    background-color: #293941;
    color: white;
}

#mailIcon {
    float: left;
    margin-right: 10px;
}

.promoBox h4 {
    color: white;
}

.subscribeForm .input {
    color: white;
    margin-right: 5px;
    margin-bottom: 10px;
    width: 340px;
    border-color: white;
}

.button.subscribe {
    border-color: white;
}

/*====================================================================================*/
/* 09 FEATURES
/*====================================================================================*/

.features {
    padding: 80px 0 80px 0;
    background-color: white;
}

.featuresImg {
    max-width: 100%;
    margin-top: -30px;
    opacity: 0;
}

.features ul {
    margin-top: 35px;
    opacity: 0;
}

.features ul li {
    margin-bottom: 25px;
}

/*====================================================================================*/
/* 10 BLOG
/*====================================================================================*/

/* 10.1 BLOG GENERAL */
/*====================================*/
.blogThumb,
.blogThumb img {
    margin-top: 0;
    max-width: 100%;
}

.thumbBar {
    width: 100%;
    height: 8px;
    background-color: #c44747;
}

.triangle {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #c44747;
    margin: 0 auto;
}

.button.blog {
    color: #c44747;
    border-color: #c44747;
    padding: 8px 20px 8px 20px;
}

.button.blog:hover {
    background-color: #c44747;
    color: white;
}

.blogDetails {
    margin-top: 10px;
    border: 1px solid #CACACA;
    border-radius: 3px;
    width: 100%;
    text-align: center;
}

.blogDetails td {
    font-family: Ubuntu Bold, sans-serif;
    font-size: 12px;
    width: 33.6%;
    height: 40px;
    border-color: #cacaca;
}

.blogDetails td a {
    color: #ababab;
}

.blogDetails td a:hover {
    opacity: 0.7;
}

.blogIcon {
    margin-right: 6px;
}

/* 10.2 BLOG CLASSIC */
/*====================================*/

.blogClassic {
    padding: 80px 0 80px 0;
}

.blogPostClassic h4 {
    font-size: 32px;
    margin-top: 30px;
}

.blogPostClassic h4 a {
    color: #545454;
}

.blogPostClassic {
    margin-bottom: 40px;
    max-width: 100%;
}

.blogPostClassic .videoPost {
    height: 450px;
}

.sidebar .searchForm input {
    width: 100%;
    margin: 0 0 40px 0;
    background-color: white;
    border: 2px solid #CACACA;
    color: #b7b7b7;
}

.categoryList {
    margin-bottom: 40px;
}

.categoryList li {
    margin-bottom: 12px;
    border: 1px solid #CACACA;
    border-radius: 3px;
    padding: 5px 5px 8px 5px;
}

.catNum {
    font-family: Ubuntu Bold, sans-serif;
    font-size: 12px;
    float: left;
    padding: 3px 7px 3px 7px;
    background-color: #c44747;
    color: white;
    border-radius: 3px;
    margin-right: 8px;
}

.catNum:hover {
    color: white;
}

.categoryList .button.smallGrey {
    float: right;
}

.topPostList li {
    margin-bottom: 30px;
}

.topPostList h1 {
    font-size: 14px;
    margin-bottom: 3px;
}

.topPostList .sidebarThumb {
    float: left;
    margin-right: 15px;
}

.blogClassic .tagList {
    margin-bottom: 25px;
}

.sidebar .tagList li a {
    margin-bottom: 11px;
}

/* 10.3 BLOG CREATIVE */
/*====================================*/

.blogCreative {
    padding: 20px 0 80px 0;
}

.blogCreative h4 a {
    font-size: 28px;
    color: white;
}

.blogCreative h4 a:hover {
    color: #c44747;
}

.blogPostCreative {
    float: left;
    width: 292px;
    margin-top: 30px;
}

.blogPostCreative.wide {
    width: 584px;
}

.date {
    margin-top: -65px;
    padding: 10px 0 10px 0;
    background-color: #c44747;
    color: white;
    text-align: center;
    width: 70px;
    position: relative;
    z-index: 10;
}

.date span {
    font-size: 25px;
    font-family: Ubuntu Bold, sans-serif;
    line-height: 20px;
}

.blogExcerptCreative {
    padding: 20px 10px 25px 10px;
    background-color: #293941;
    color: white;
}

.blogCreative .blogPostCreative .dividerWidget {
    opacity: 0.2;
}

.blogDetailsCreative p {
    font-family: Ubuntu Bold, sans-serif;
    font-size: 12px;
    color: #748b96;
}

.blogPostCreative .quotePost {
    padding: 50px 0 100px 0;
}

.blogPostCreative .bxsliderBlog {
    margin-bottom: -458px;
}

/* 10.4 BLOG MASONRY */
/*====================================*/

.blogMasonry {
    text-align: center;
    padding: 20px 0 80px 0;
    background-color: white;
}

.blogPostMasonry {
    float: left;
    width: 292px;
    margin-top: 30px;
}

.blogMasonry h4 a {
    color: #545454;
}

.blogMasonry h4 a:hover {
    color: #2d2d2d;
    text-decoration: none;
}

.blogExcerptMasonry {
    padding: 20px 10px 25px 10px;
    margin-top: 20px;
    border: 1px solid #CACACA;
    border-radius: 3px;
}

.videoPost {
    margin-bottom: -6px;
    width: 100%;
    height: 200px;
}

.quotePost {
    background-color: #c44747;
    padding: 14px 0 41px 0;
    display: block;
    color: white;
    text-align: center;
    -webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}

.quotePost span {
    font-size: 40px;
    font-family: Georgia, sans-serif;
}

.quotePost:hover {
    background-color: #293941;
    color: white;
}

.bxsliderBlog {
    margin-bottom: -410px;
}

.bx-wrapper .bx-pager {
    bottom: -10px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: white;
}

/* 10.5 BLOG SINGLE */
/*====================================*/

.quoteBox {
    background-color: #f5f5f5;
    padding: 25px 25px 10px 25px;
    border-radius: 3px;
    font-family: Ubuntu Bold, sans-serif;
    color: #a5a5a5;
    font-size: 18px;
    border-left: solid #C44747;
}

.comment.reply {
    margin-left: 130px;
}

.commentText {
    border-radius: 3px;
    border: 1px solid #CDCDCD;
    border-left: 4px #C44747;
    padding: 20px;
    float: left;
    margin-bottom: 20px;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #c44747;
    float: left;
    margin-left: -8px;
    margin-top: 40px;
}

.commentImage {
    max-width: 100%;
}

.commentText h1 {
    font-size: 12px;
    color: #c44747;
}

.commentText p {
    font-size: 13px;
}

.commentText .commentFooter {
    float: left;
    font-family: Ubuntu Bold, sans-serif;
    font-size: 11px;
    color: #ababab;
}

.commentText .commentFooter.replyIcon:hover {
    opacity: 0.7;
}

.commentText .commentFooter.replyIcon {
    float: right;
}

/*====================================================================================*/
/* 11 PAGES
/*====================================================================================*/

.comingSoonForm input {
    margin-bottom: 10px;
}

.container.coming-soon {
    max-width: 100%;
}

.content404 {
    padding: 80px 0 80px 0;
}

.content404 h1 {
    margin: 0 auto 30px;
    font-size: 119px;
    text-align: center;
    color: #a6a6a6;
    border: solid #A6A6A6;
    border-radius: 5px;
    width: 250px;
}

.content404 p {
    font-family: Ubuntu Bold, sans-serif;
    text-align: center;
    color: #a6a6a6;
}

.content404 ul {
    text-align: center;
}

.content404 ul li {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 7px;
}

/** TABS **/

.tabs {
    margin-bottom: -2px;
}

.tabs li {
    display: inline;
    margin-right: 5px;
}

.button.grey.tab {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 2%;
    padding-right: 2%;
}

.tabContent {
    border-radius: 3px;
    border: 2px solid #C8C8C8;
    padding: 25px;
}

.tabContent h4 {
    font-size: 14px;
}

/** ACCORDIAN **/

.accordianTab {
    border-radius: 3px;
    border: 2px solid #C8C8C8;
    margin-bottom: 10px;
    padding: 5px;
}

.accordianLink {
    background: url('/images/plusIcon.png') no-repeat;
    height: 45px;
    padding-left: 55px;
}

.accordianLink p {
    padding-top: 13px;
}

.accordianIcon:hover {
    opacity: 1.0;
}

.accordianTab .accordianLink {
    cursor: pointer;
    font-family: Ubuntu Bold, sans-serif;
    color: #a7a7a7;
}

.accordianTab .accordianLink:hover {
    color: #c44747;
}

.accordianContent {
    display: none;
    padding: 15px 20px 0 20px;
}

/** ALERT BOXES **/

.alertBox {
    border-style: solid;
    border-radius: 3px;
    padding: 18px 18px 8px 18px;
    margin-bottom: 15px;
}

.alertBox img {
    float: left;
    margin-right: 10px;
    margin-top: -3px;
}

.success {
    background-color: #e2f1db;
    border-color: #8dca70;
    color: #73a45b;
}

.success h4 {
    color: #73a45b;
}

.error {
    background-color: #f1d9d9;
    border-color: #c44747;
    color: #c44747;
}

.error h4 {
    color: #c44747;
}

.info {
    background-color: #d9e7f1;
    border-color: #70a3ca;
    color: #70a3ca;
}

.info h4 {
    color: #70a3ca;
}

.warning {
    background-color: #ebe8bc;
    border-color: #aca530;
    color: #aca530;
}

.warning h4 {
    color: #aca530;
}

/** PRICING TABLES **/

.pricingTable {
    text-align: center;
}

.pricingHeader {
    background-color: #c44747;
    padding: 11px 11px 1px 11px;
}

.pricingHeader h4 {
    color: white;
}

.pricingAmount {
    margin-top: -12px;
    background-color: #293941;
    color: white;
    padding: 28px 28px 13px 28px;
    position: relative;
    z-index: -1;
}

.pricingAmount h2 span {
    font-size: 17px;
}

.pricingDetails {
    border: 1px none #BBB;
    border-right-style: solid;
    border-left-style: solid;
}

.pricingDetails li {
    padding: 20px;
    border-bottom: 1px solid #C5C5C5;
}

/** ITEM TABLE **/

.itemTable {
    width: 100%;
}

.itemTable td,
.itemTable th {
    padding: 13px;
    border: 1px solid #BBB;
}

.itemTable tr:nth-child(even) {
    background-color: #f2f6f8;
}

/*====================================================================================*/
/* 12 SHOP
/*====================================================================================*/
.shop {
    padding: 85px 0 85px 0;
}

.button.cart {
    padding-left: 25px;
    padding-right: 25px;
    float: right;
    margin-top: 30px;
}

.shop .italicSmall {
    float: left;
}

.formDropdown.sort {
    float: right;
    width: 230px;
}

.formDropdown.qty {
    width: 70px;
}

.row.shopList {
    margin-top: 80px;
}

.shopPrice {
    color: #c44747;
    font-size: 21px;
    margin-top: -7px;
}

.shopPrice span {
    font-size: 14px;
    color: #909090;
    text-decoration: line-through;
}

.shopItem {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.col-lg-3 .shopItem {
    margin-bottom: 10px;
}

.shopItem .overlay h4 {
    margin-top: 50%;
}

.shopImg {
    max-width: 100%;
}

.button.smallGrey.sale {
    background-color: #c44747;
    color: white;
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
}

.pageList li {
    display: inline;
}

.pageList li .current {
    background-color: #c44747;
    color: white;
}

.shopInput {
    width: 44%;
    margin-bottom: 15px;
}

.button.red.shopForm {
    width: 30%;
    float: right;
}

.shopReview {
    border-top: 1px solid #D4D4D4;
    padding-top: 30px;
    padding-bottom: 40px;
}

.shopReview h1 {
    font-size: 12px;
    color: #c44747;
}

.reviewFooter {
    float: left;
    font-family: Ubuntu Bold, sans-serif;
    font-size: 11px;
    color: #ababab;
}

.itemTable.shop {
    margin-bottom: 60px;
}

.itemTable.shop tr:nth-child(even) {
    background-color: white;
}

.shippingForm {
    margin-bottom: 60px;
}

.totalsList li {
    border-bottom: 1px solid #D4D4D4;
    padding-top: 10px;
    padding-bottom: 10px;
}

.totalsList li span {
    float: right;
}

.confirmOrder {
    background-color: #f6f6f6;
    text-align: center;
    padding: 45px;
}

/*====================================================================================*/
/* 13 TESIMONIALS
/*====================================================================================*/

.testimonials {
    padding: 90px 0 85px 0;
    background: #C44747 url('/resources/images/subHeaderBg_red.jpg') no-repeat fixed;
    background-size: cover;
}

.image img,
.text {
    float: left;
}

.text {
    width: 80%;
    margin-left: 30px;
    margin-top: 10px;
}

.text .quote {
    font-family: Proxima Nova Light, sans-serif;
    font-size: 24px;
    color: white;
}

.text p {
    font-family: Ubuntu Med, sans-serif;
    color: white;
}

.text p span {
    color: #293941;
}

.subHeader.classic .sliderControls span {
    margin-top: -250px;
    opacity: 0.5;
}

.sliderControls span {
    margin-top: -170px;
    opacity: 0.5;
}

.sliderControls .slider-prev,
.sliderControls .slider-prev2 {
    margin-left: 10px;
    float: left;
}

.sliderControls .slider-next,
.sliderControls .slider-next2 {
    margin-right: 10px;
    float: right;
}

.sliderControls .slider-prev:hover,
.sliderControls .slider-prev2:hover {
    opacity: 1.0;
}

.sliderControls .slider-next:hover,
.sliderControls .slider-next2:hover {
    opacity: 1.0;
}

/*====================================================================================*/
/* 14 FOOTER
/*====================================================================================*/

footer {
    padding: 30px 0 15px 0;
    background-color: #000;
    color: #87969e;
}

.footerLogo {
    margin-right: 15px;
}

footer h4 {
    color: #fff;
    margin-bottom: 20px;
}

footer h4 a {
    color: #87969e;
    margin-bottom: 20px;
}

.input.footer {
    border-color: white;
    width: 256px;
    padding: 10px;
}

.button.subscribe.footer {
    padding: 10px 25px 10px 25px;
    border-color: white;
}

.bottomBar {
    padding-top: 17px;
    padding-bottom: 5px;
    font-family: Ubuntu Bold, sans-serif;
    font-size: 13px;
    color: #B0AAA9;
    background-color: #090C3C;
}

.bottomBar p {
    /* float: left; */
    margin-top: 6px;
    font-family: Calibri, sans-serif;
}

/* .socialIcons {
    float: right;
} */

.socialIcons li {
    display: inline;
    margin-right: 10px;
}

.socialIcons li a img:hover {
    opacity: 0.7;
}

/** FOOTER 2 **/
#footer2 {
    text-align: center;
}

#footer2 .socialIcons {
    float: none;
    margin: 40px auto 0;
}

#footer2 .socialIcons li {
    border: solid #D0DADF;
    border-radius: 7px;
    padding-top: 5px;
    padding-bottom: 6px;
    margin-right: 17px;
}

.bottomBar.center p {
    float: none;
}

.bottomBar.center {
    text-align: center;
}

/*====================================================================================*/
/* 15 HOME BOXED
/*====================================================================================*/
.boxed {
    padding-left: 30px;
    padding-right: 30px;
}

.bodyBoxed {
    background-color: #edf1f3;
}

.navbar.navbar-default.boxed {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
}

.workFullWidth.boxed,
.features.boxed,
.blogMasonry.boxed,
.services3Col_big.boxed {
    background-color: white;
}

.workFullWidth.boxed {
    padding: 80px 20px 50px 20px;
}

.services3Col_big.boxed,
.textureLip.boxed {
    border-right: 1px solid #C1C1C1;
    border-left: 1px solid #C1C1C1;
}

.subHeader.classic.boxed {
    margin-top: -21px;
    padding-left: 30px;
    padding-right: 30px;
}

.sliderControls.boxed span {
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
    background-color: #d2d7da;
    opacity: 0.9;
}

.promoBox.boxed .input {
    width: 310px;
}

.blogPostMasonry.boxed {
    padding-left: 11px;
    padding-right: 11px;
    width: 277px;
}

.boxed .input.footer {
    width: 230px;
}

/*====================================================================================*/
/* 16 ANIMATIONS
/*====================================================================================*/
#screenLeft.animated {
    opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    transition-delay: 0.3s;
    margin-top: 100px;
}

#screenRight.animated {
    opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    transition-delay: 0.5s;
    margin-top: 100px;
}

#screenMiddle.animated {
    opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    transition-delay: 0.1s;
    margin-top: -289px;
}

.featuresImg.animated {
    opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    transition-delay: 0.2s;
    margin-top: 0;
}

.features ul.animated {
    opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    transition-delay: 0.4s;
}

.services3Col_big .row.services.animated {
    opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    transition-delay: 0.2s;
}

.subHeader.classic .col-lg-8.fadeInFast {
    animation: fadeIn 0.3s linear 0.5s both;
    -webkit-animation: fadeIn 0.3s linear 0.5s both;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.subHeader.classic .iphone.fadeInMed {
    animation: fadeInMed 0.3s linear 0.5s both;
    -webkit-animation: fadeInMed 0.3s linear 0.5s both;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.5s;
}

@keyframes fadeInMed {
    0% {
        opacity: 0;
        margin-left: -50px;
    }

    100% {
        opacity: 1;
        margin-left: 0;
    }
}

@-webkit-keyframes fadeInMed {
    0% {
        opacity: 0;
        margin-left: -50px;
    }

    100% {
        opacity: 1;
        margin-left: 0;
    }
}

/*====================================================================================*/
/* 0 Index page
/*====================================================================================*/

span.bold {
    font-weight: bolder !important;
}

.row .equal-height {
    display: flex;
    align-items: stretch;
}

.service-card {
    /* text-align: center;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
    transform: translateY(-5px);
}

/* .service-card .card-link img {
    max-height: 150px;
    object-fit: cover;
    width: 100%;
} */

.card-link {
    position: relative;
    display: inline-block;
    text-decoration: none;
    padding-bottom: 3px;
    color: #000;
}

.card-link::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 0;
    transform: translateX(-50%);
    background: #f79d1b;
    transition: width 0.3s ease;
}

.card-link:hover::after {
    width: 60%;
}

.card-link:hover {
    color: #000;
}

.service-card-body {
    padding-top: 10px;
}

.service-card-body p {
    margin: 0;
    font-family: Calibri, sans-serif;
    font-size: 18px;
}

.custom-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.custom-row>div {
    padding: 0;
}

/* Large screens (≥ 1200px): 8 items per row */
@media (min-width: 1200px) {
    .custom-row>div {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

/* Medium screens (992px - 1199px): 4 items per row */
@media (min-width: 992px) and (max-width: 1199px) {
    .custom-row>div {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

/* Small screens (768px - 991px): 4 items per row */
@media (min-width: 768px) and (max-width: 991px) {
    .custom-row>div {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

/* Extra small screens (≤ 767px): 1 item per row */
@media (max-width: 767px) {
    .custom-row>div {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.panel-heading {
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

/*====================================================================================*/
/* 0 Digital Transformation page
/*====================================================================================*/

/* Style tab links */
.tablink {
    background-color: white;
    color: #090C3C;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 25%;
}

.tablink:hover {
    background-color: #f79d1b;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
    color: black;
    display: none;
    padding: 100px 20px;
    height: 100%;
}

#one {
    background-color: white;
}

#two {
    background-color: white;
}

#three {
    background-color: white;
}

#four {
    background-color: white;
}

.navbar .navbar-brand img,
.navbar .logos-container img {
    max-width: 100%;
    /* Ensures images scale down in smaller containers */
    height: auto;
    /* Maintains aspect ratio */
    display: inline-block;
    /* Prevents extra spacing below the image */
}

/*====================================================================================*/
/* 0 Main page
/*====================================================================================*/
.main-video-banner {
    height: 65vh;
}

.video-banner__video {
    object-fit: cover;
}

.portfolio-card img {
    transition: transform 0.3s;
}

.portfolio-card:hover img {
    transform: scale(1.05);
}

.portfolio-overlay {
    transition: opacity 0.3s;
}

.portfolio-card:hover .portfolio-overlay,
.portfolio-card:focus-within .portfolio-overlay {
    opacity: 1 !important;
}

.portfolio-detail-link {
    background-color: #f79d1b;
    transition: all 0.2s ease-in-out;
    width: 60px;
    height: 60px;
}

.portfolio-detail-link:hover {
    background-color: #d87f00;
}

/*====================================================================================*/
/* Portfolio Details page
/*====================================================================================*/

.carousel-indicators [data-bs-target] {
    background-color: #f79d1b;
    width: 12px;
    height: 12px;
    opacity: 0.4;
    transition: all 0.3s ease-in-out;
}

.carousel-indicators .active {
    opacity: 1;
}

.portfolio-img-ratio,
#modalImage {
    aspect-ratio: 16 / 10;
}

.zoom-btn {
    background: rgba(0, 0, 0, 0.6);
    transition: transform 0.2s, background 0.2s;
    width: 40px;
    height: 40px;
}

.zoom-btn:hover {
    transform: scale(1.15);
    background: rgba(0, 0, 0, 0.8);
    cursor: pointer;
}

/* Make modal almost full width on md and sm screens */
@media (max-width: 991.98px) {
    #imageModal .modal-dialog {
        max-width: 95%;
    }
}