/*=========================== Main Style Rules ================================== */ *, *::after, *::before { box-sizing: border-box; } html, body { margin: 0; padding: 0; width: 100%; background-color: #000 } body {overflow-x: hidden; font-family: 'Montserrat', Arial, sans-serif; color: #57585c; color: var(--color-text); background-color: #fff; background-color: var(--color-bg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;/* display: table !important; */ /* flex-direction: column; */ } .midnightHeader{transition: all 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) 0s !important;} .midnightHeader .default { color: transparent !important} .midnightHeader.default a { background: none; color: transparent !important;} .midnightHeader.default a img{ background: none; color: black; display: block; width: 9%; margin-left: 20px; margin-top: -50px; width: 52%} .midnightHeader.black-white { background: none !important; color: rgba(13, 242, 242, 0.98) !important; } .midnightHeader.black-white a { display: block; margin: 1.15em; padding-left: 0.25em; border-left: 2px solid; } .midnightHeader.black-white a img { display: none; width: 9%; margin-left: 20px; } .midnightHeader.Darkfont-black { background: none !important; color: rgba(3, 3, 3, 0.98) !important; } .midnightHeader.Darkfont-black a { display: block; margin: 1.15em; padding-left: 0.25em; border-left: 2px solid; width: 52%} .midnightHeader.Darkfont-black a img { display: none; width: 9%; margin-left: 20px; } .midnightHeader.blue { background: blue; color: white } .menu-paths { --color-text: #fbd54a; --color-bg: #e1d5d5; /* --color-link: #4d4f5f; */ --color-link-hover: #bfb5b5; --color-info: #fff; --color-main-bg: #05f3ff; --path-fill-1: #86e316; --path-fill-2: #2088e3; --path-fill-3: #814afb; --color-title: #fff; --font-family-title: 'Montserrat', serif; --font-size-title: 5vmax; --font-weight-title: 400; --color-menu: #000000; --color-menu-hover: #fff; --font-family-menu: 'Montserrat', serif; --font-size-menu: 4vmax; --font-weight-menu: 400; --button-bg: #fff; --button-circle: #ae1d1d; --button-line: #222;} /* Fade effect */ .js body { opacity: 0; transition: opacity 0.3s; } .js body.render { opacity: 1 } a { text-decoration: none; color: #5d93d8; color: var(--color-link); outline: none } a:hover, a:focus { color: #423c2b; color: var(--color-link-hover); outline: none } .hidden { position: absolute; overflow: hidden; width: 0; height: 0; pointer-events: none } /* Icons */ .icon { display: block; width: 1.5em; height: 1.5em; margin: 0 auto; fill: currentColor;} .icon--keyboard { display: none } .shm-logo-container { position: relative; padding: 12px; display: flex; justify-content: left; margin: 0px 1em 0 0; text-align: left; white-space: nowrap; width: 250px !important} .logo-shawmanlabel { /* display: inline-block; margin: 0.15em; padding: 0.25em; */font-family: 'Josefin Sans', 'Montserrat', sans-serif; /*color: rgba(3, 3, 3, 0.98);*/ font-weight: 700; font-size: 29px; text-transform: uppercase;} a.logo-shawmanlabel img { max-width: 100% } section { position: relative; width: 100vw; height: 100vh; display: table; } .sect-main { position: relative; width: 100%; background-color: var(--color-main-bg); background-image: url('../images/abstract-bg.jpg'); background-attachment: fixed; background-size: cover; background-position: center center; background-repeat: no-repeat; } section.sect-sb-pg { position: relative; width: 100vw; height: 81vh; display: block; /* display: table */ } section.sect-mddle-band { position: relative; width: 100vw; height: auto !important; /* display: block; /* display: table */ } .equal-col-height-100 { table-layout: auto; height: 100%; } section img { max-width: 100% !important } section img.borderlined { max-width: 100% !important; border: 14px solid rgba(247, 245, 245, 0.98); box-shadow: 3px 2px 3px rgba(192, 192, 192, 0.665); } .section-bg-white { background-color: rgba(255, 255, 255, 0.98) !important } .section-bg-yellow { background-color: rgba(255, 241, 36, 0.98) !important } .section-bg-cyan { background-color: rgba(36, 255, 214, 0.98) !important } .section-bg-blue { background-color: rgba(2, 159, 253, 0.98) !important } .section-bg-green { background-color: rgba(63, 255, 36, 0.98) !important } .black-background { background-color: rgba(0, 0, 0, 0.97) !important } .content { position: absolute; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0 auto; pointer-events: none; } .content--fixed { top: 0;left: 0; width: 100%; max-width: none; min-height: 0; height: 100vh; padding: 1.5em; display: grid; position: absolute;} .demo-title { color: rgba(5, 5, 5, 0.95); font-family: 'Montserrat', sans-serif; font-weight: 300; text-align: center; width: 90%; line-height: 1.2; vertical-align: middle; margin: 0 auto;} .mainheader-title-size { font-size: 85px !important } .home-Display-headr-title-sz { font-size: 65px !important } .content--fixed a { pointer-events: auto } .content-sbp { ustify-content: center; align-items: first baseline; margin: 69px auto; pointer-events: none; position: absolute; height: auto !important; top: 8% !important} .content-sbp span { width: 100%; text-align: right; color: rgba(5, 5, 5, 0.98); font-family: "Josefin Sans", "Montserrat", sans-serif; font-weight: 300; font-size: 21px; padding: 0 37px !important; } .subp-title-holder { color: rgba(5, 5, 5, 0.95); font-family: "Josefin sans","Montserrat", sans-serif; font-weight: 700; text-align: left !important; width: 87%; line-height: 1.2; vertical-align: middle; margin: 1em auto; display: list-item } .subp-title-holder-text-color-white { color: rgba(255, 255, 255, 0.96) !important } .shawman-header {position: fixed; z-index:9999; display: flex; flex-direction: row; align-items: flex-start; align-items: center; align-self: start; /* grid-area: header; */ justify-self: start; display: table-cell; height: 70px; width: 180px;} .global-menu { width: 100vw; height: 90vh; display: flex; justify-content: left; /* align-items: last baseline; */ position: fixed; top: 40%; left: 2%; pointer-events: none; z-index: 9995; } .global-menu__item { color: var(--color-menu); font-family: var(--font-family-menu); font-size: 61px; font-weight: 700; opacity: 0; transform: translateY(-100%); pointer-events: none; display: block; margin: 0 0 0.35em 0; transition: transform 0.3s, opacity 0.3s; transition-timing-function: ease-in; letter-spacing: 0.02em; text-transform: uppercase; border-bottom: 1px solid;} .global-menu__item--demo-3 {transition: transform 0.1s, opacity 0.1s; transform: translateY(100%); transition-timing-function: ease-out;} .global-menu__item:hover { color: var(--color-menu-hover);} .global-menu__item.is-opened { opacity: 1; transform: translateY(0) rotate(0); pointer-events: auto; transition-timing-function: ease;} .global-menu__item:nth-of-type(1) { transition-delay: 0.30s} .global-menu__item.is-opened:nth-of-type(1) { transition-delay: .90s;} .global-menu__item:nth-of-type(2) { transition-delay: 0.05s } .global-menu__item.is-opened:nth-of-type(2) { transition-delay: 0.85s;} .global-menu__item:nth-of-type(3) { transition-delay: 0.1s; } .global-menu__item.is-opened:nth-of-type(3) { transition-delay: 0.70s } .global-menu__item:nth-of-type(4) { transition-delay: 0.15s;} .global-menu__item.is-opened:nth-of-type(4) { transition-delay: 0.65s } .global-menu__item:nth-of-type(5) { transition-delay: 0.20s;} .global-menu__item.is-opened:nth-of-type(5) { transition-delay: 0.35s } .global-menu__item--demo-3::before {content: ""; left: 1%; width: 0; bottom: -0.1rem; height: 2px; background-color: #fdf9f9; position: absolute; -webkit-transition: width .35s;transition: width .35s} .global-menu__item--demo-3:active::before, .global-menu__item--demo-3:focus::before, .global-menu__item--demo-3:hover::before { width: 5.71429rem; text-decoration: none } .shape-overlays { width: 100vw; height: 100vh; pointer-events: none; position: fixed; top: 0; left: 0; z-index: 9994;} .shape-overlays.is-opened { pointer-events: auto } .shape-overlays__path:nth-of-type(1) { fill: var(--path-fill-1); } .shape-overlays__path:nth-of-type(2) { fill: var(--path-fill-2); } .shape-overlays__path:nth-of-type(3) { fill: var(--path-fill-3); } .shape-overlays__path:nth-of-type(4) { fill: var(--path-fill-4); } @-webkit-keyframes intervalHamburgerBorder { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 80% { -webkit-transform: scale(1.6); transform: scale(1.6); } 100% { opacity: 0; -webkit-transform: scale(1.6); transform: scale(1.6); } } @keyframes intervalHamburgerBorder { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 80% { -webkit-transform: scale(1.6); transform: scale(1.6); } 100% { opacity: 0; -webkit-transform: scale(1.6); transform: scale(1.6);} } .hamburger { width: 64px; height: 64px; display: block; position: relative; cursor: pointer; position: fixed; top: 2.25em; right: 2.25em; z-index: 110; border-radius: 50%; background-color: var(--button-bg); pointer-events: auto; -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 9999; } .hamburger::after { width: 64px; height: 64px; box-sizing: border-box; content: ''; display: block; position: absolute; top: 0; left: 0; pointer-events: none; border: 4px solid var(--button-circle); border-radius: 50%; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: intervalHamburgerBorder; animation-name: intervalHamburgerBorder; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .hamburger__line { width: 28px; height: 2px; overflow: hidden; position: absolute; z-index: 10; } .hamburger__line-in { width: 84px; height: 2px; position: absolute; top: 0; left: 0; } .hamburger__line-in::before, .hamburger__line-in::after { width: 28px; height: 2px; content: ''; display: block; position: absolute; top: 0; background-color: var(--button-line);} .hamburger__line-in::before {left: -56px } .hamburger__line-in::after { left: 0; } .hamburger__line--01, .hamburger__line--02, .hamburger__line--03, .hamburger__line--cross01, .hamburger__line--cross02 { left: 18px } .hamburger__line--01 {top: 24.6px; } .hamburger__line--02, .hamburger__line--cross01, .hamburger__line--cross02 { top: 31px; } .hamburger__line--03 { top: 37.4px; } .hamburger__line--cross01 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .hamburger__line--cross02 { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .hamburger__line { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) } .hamburger__line-in { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger__line-in::before, .hamburger__line-in::after { -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .hamburger__line-in--cross01, .hamburger__line-in--cross02 { -webkit-transform: translateX(-33.3%); transform: translateX(-33.3%);} .hamburger__line-in--01 { -webkit-transition-delay: 0.2s; transition-delay: 0.2s } .hamburger__line-in--02 { -webkit-transition-delay: 0.25s; transition-delay: 0.25s } .hamburger__line-in--02::before, .hamburger__line-in--02::after { -webkit-transition-delay: 0.05s; transition-delay: 0.05s } .hamburger__line-in--03 { -webkit-transition-delay: 0.3s;transition-delay: 0.3s } .hamburger__line-in--03::before, .hamburger__line-in--03::after { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .hamburger__line-in--cross01 { -webkit-transition-delay: 0.0s; transition-delay: 0.0s; } .hamburger__line-in--cross02 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s } .hamburger__line-in--cross02::before, .hamburger__line-in--cross02::after { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .hamburger.is-opened-navi .hamburger__line-in--01, .hamburger.is-opened-navi .hamburger__line-in--02, .hamburger.is-opened-navi .hamburger__line-in--03 { -webkit-transform: translateX(33.3%); transform: translateX(33.3%);} .hamburger.is-opened-navi .hamburger__line-in--cross01, .hamburger.is-opened-navi .hamburger__line-in--cross02 { -webkit-transform: translateX(0); transform: translateX(0);} .hamburger.is-opened-navi .hamburger__line-in--01 { -webkit-transition-delay: 0s; transition-delay: 0s } .hamburger.is-opened-navi .hamburger__line-in--02 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s;} .hamburger.is-opened-navi .hamburger__line-in--03 { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .hamburger.is-opened-navi .hamburger__line-in--cross01 { -webkit-transition-delay: 0.25s; transition-delay: 0.25s } .hamburger.is-opened-navi .hamburger__line-in--cross02 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s } .hamburger:hover .hamburger__line-in::before, .hamburger:hover .hamburger__line-in::after { -webkit-transform: translateX(200%); transform: translateX(200%);} .hamburger:hover .hamburger__line-in--01::before, .hamburger:hover .hamburger__line-in--01::after, .hamburger:hover .hamburger__line-in--02::before, .hamburger:hover .hamburger__line-in--02::after, .hamburger:hover .hamburger__line-in--03::before, .hamburger:hover .hamburger__line-in--03::after { -webkit-transition-duration: 1s; transition-duration: 1s } .hamburger:hover .hamburger__line-in--cross01::before, .hamburger:hover .hamburger__line-in--cross01::after, .hamburger:hover .hamburger__line-in--cross02::before, .hamburger:hover .hamburger__line-in--cross02::after { -webkit-transition-duration: 0s; transition-duration: 0s; } .hamburger.is-opened-navi:hover .hamburger__line-in--cross01::before, .hamburger.is-opened-navi:hover .hamburger__line-in--cross01::after, .hamburger.is-opened-navi:hover .hamburger__line-in--cross02::before, .hamburger.is-opened-navi:hover .hamburger__line-in--cross02::after { -webkit-transition-duration: 1s; transition-duration: 1s } .hamburger.is-opened-navi:hover .hamburger__line-in--01::before, .hamburger.is-opened-navi:hover .hamburger__line-in--01::after, .hamburger.is-opened-navi:hover .hamburger__line-in--02::before, .hamburger.is-opened-navi:hover .hamburger__line-in--02::after, .hamburger.is-opened-navi:hover .hamburger__line-in--03::before, .hamburger.is-opened-navi:hover .hamburger__line-in--03::after { -webkit-transition-duration: 0s; transition-duration: 0s } footer.footer-bar{ position: relative; width: 100%; background-color: rgba(255, 255, 255, 0.98); padding-top: 25px; padding-bottom: 15px; display: grid; } footer.footer-bar h3 {font-size: 24px; letter-spacing: normal; margin: 0 0 0px 0; color: rgba(3, 3, 3, 0.98); font-family: 'Josefin Sans', 'Montserrat'; letter-spacing: 0.03em} .footer-topBar { background-color: rgba(1, 1, 1, 0.98); width: 100%; display: table; height: 240px; } h2.contact-us-action-text { padding: 25px 0px 15px 35px; margin: 10px 0 0 21px; } h2.contact-us-action-text span { font-size: 66px !important; color: rgba(231, 231, 232, 0.98); font-weight: 600; font-family: Josefin sans; } .footer-topBar a.contact-action-arrow { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; margin: 2px 60px; } .footer-topBar a.contact-action-arrow svg.svg-arrow-contact { width: 3rem; color: white !important; margin-right: 8px; height: 2.1rem; fill: #fff !important; fill-opacity: 1; -webkit-transition: all .5s cubic-bezier(.075,.82,.165,1); transition: all .5s cubic-bezier(.075,.82,.165,1);} .footer-topBar a.contact-action-arrow:hover svg.svg-arrow-contact { width: 5rem; transform: scaleX(1.65); fill: #09D9C5 !important; } .footer-topBar a.contact-action-arrow span { font-weight: 600; font-size: 26px; font-family: "Josefin Sans", Montserrat; color: rgba(245, 245, 245, 0.98); } .footer-topBar a.contact-action-arrow:hover span { color:aqua } .sec_t {background-image: url('../images/coleshawmann-bl-2-mgt.jpg'); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; height: auto !important} .white-overlay::before { content: ""; width: 100%; height: 100%; top: 0; left: 0; height: 100%; background-color: rgba(242, 174, 37, 0.87); position: absolute} .align-left { text-align: left !important } .align-right { text-align: right !important } .lg-content-padding { display: table; padding: 86px } .content-container { position: relative; vertical-align: middle; } .attr-alg-center { margin: 0 auto; top: 45px; text-align: center !important; text-transform: uppercase; letter-spacing: 0.02em; font-size: 41px; font-weight: 900 !important; font-family: "Montserrat", sans-serif; } .content-container h2 { font-size: 40px !important; font-family: "Montserrat", sans-serif; font-weight: 800; color: rgba(2, 5, 5, 0.96); margin: 0 !important; text-align: center} h2.h2-clr-white { color: white !important} .img_uncol img { max-width: 100%; box-shadow: 3px 3px 7px rgba(67, 65, 83, 0.98); border: 8px solid rgba(140, 131, 140, 0.86); } .padd-25 { padding: 25px !important } .padd-top-110 { padding-top: 110px !important } .padd-top-45 { padding-top: 45px !important } .padd-down-45 { padding-bottom: 45px !important } .padd-down-85 { padding-bottom: 85px !important } .padd-down-115 { padding-bottom: 125px !important } .table-row-parent { display: table !important; table-layout: fixed !important } .table-cell-cols { display: table-cell !important; float: none !important; } .unicells img { max-width: 100% !important } .vert-align-bottom { vertical-align: bottom; display: inline !important } a.readmore-action-arrow { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; margin: 32px 5px; } a svg.svg-arrow-read { width: 3rem; color: #130c0c !important; margin-right: 8px; height: 2.1rem; fill: #241c1c !important; fill-opacity: 1; -webkit-transition: all .5s cubic-bezier(.075,.82,.165,1); transition: all .5s cubic-bezier(.075,.82,.165,1); } a.readmore-action-arrow:hover svg.svg-arrow-read { width: 5rem; transform: scaleX(1.65); fill: #241c1c !important; } a.readmore-action-arrow span { font-weight: 600; font-size: 26px; font-family: "Josefin Sans", Montserrat; color: rgba(6, 6, 6, 0.98) } a.readmore-action-arrow:hover span { color: #241c1c } .lg-md-section { padding: 45px !important } .lg-md-section img{ max-width: 100% !important; border: 11px solid rgba(255, 255, 255, 0.94); box-shadow: 6px 3px 10px rgba(21, 15, 15, 0.85); } /* ====== Office Maps Loction Style ===== */ section.map-sections {position: relative; background-color: rgb(255, 255, 255) !important; width: 100%; height: 100vh; display: table; margin: 0 auto;} section.map-sections .map_container { padding: 39px; display: inline-block; position: relative; width: 100%; height: auto;} section.map-sections .map_container .map-cell { width: 100%; height: 520px; position: relative; overflow: hidden; margin: 0 auto; top: 0; /* left: -8px;*/ border: 23px solid rgba(240, 240, 240, 0.68); box-shadow: 3px 5px 9px rgba(12, 12, 12, 0.3); } section.map-sections .contact-details-container { padding: 46px 34px 15px 34px; margin-top: 95px; margin-bottom: 55px } section.map-sections .contact-details-container h2 { font-size: 48px; font-family: "Josefin sans", sans-serif; font-weight: 700; color: rgb(2, 2, 2); margin: 0; } section.map-sections .contact-details-container h2 span { font-weight: 300 !important } section.map-sections .contact-details-container .addr-detialsCell h4 { font-family: "Josefin Sans", sans-serif; font-size: 24px; font-weight: 600; color: rgba(0, 0, 0, 0.98);} section.map-sections .contact-details-container .addr-detialsCell address { font-size: 19px; color: rgba(11, 12, 13, 0.95); padding: 5px 0 5px 0px; line-height: 1.12; font-family: "Josefin Sans", Montserrat; font-weight: 300; } /* ======== Text Styling ======================*/ .text-container { padding: 36px; } .text-container .cell-text p { margin: 0 0 20px; color: rgba(25, 25, 25,0.96); line-height: 1.8; font-size: 20px; font-family: "Josefin Sans", Montserrat; font-weight: 300; } @media screen and (min-width: 55em) { .icon--keyboard { position: absolute; right: 0.55em; bottom: -30%; display: block; width: 54px; height: 46px; fill: var(--color-link); } .demos { display: flex; padding-right: 80px; justify-self: end } .demo { display: block; width: 17px; height: 17px; margin: 0 4px; border-radius: 50%; background: var(--color-link);} a.demo--current { background: var(--color-link-hover) } .demo span { position: absolute; line-height: 1; right: 100%; display: none; margin: 0 1em 0 0;} .demo--current span { display: block } } @media screen and ( max-width: 1280px ) { .attr-alg-center { margin: 0 auto; top: 45px; text-align: center !important} .content-container h2 { font-size: 33px !important; font-family: "Montserrat", sans-serif; font-weight: 700;} } @media screen and (max-width: 55em) { html, body { overflow-x: hidden; width: 100vw; height: 100%; } section.sect-sb-pg { position: relative; width: 100vw; height: 55vh; display: table; } .sec_t { background-image: url('../images/man_buffett.jpg'); background-attachment: fixed; background-position: center right; background-repeat: no-repeat; background-size: cover; } .hamburger { position: fixed; top: 0.5em; right: 0.5em; transform: scale(0.75) } .content { height: auto; min-height: 0; padding-bottom: 10em; flex-direction: column;} .content--fixed { position: relative; z-index: 0; display: table-cell; padding: 0.85em; vertical-align: middle; } .codrops-header { flex-direction: column; align-items: center } .codrops-header__title { font-weight: bold; padding-bottom: 0.25em; text-align: center; } .content-sbp {align-items: first baseline; margin: 69px auto; pointer-events: none; height: auto !important; top: 9% !important;} .subp-title-holder { color: rgb(5, 5, 5); font-family: 'Josefin sans', sans-serif; font-weight: 600; text-align: left !important; width: 90%; line-height: 1.2; vertical-align: middle; margin: 1em auto 0.45em 0.22em; display: table; text-transform: uppercase; border-left: 2px solid; padding-left: 15px} .content-sbp span { padding: 0 29px !important; } .text-container .cell-text p { text-align: justify !important; font-size: 18px;} .text-container { padding: 5px; } /*-------- Logo Header Section ---------*/ .hamburger { position: fixed; top: 1.0em; right: 1.3em;} .logo-shawmanlabel { font-size: 22px; text-transform: uppercase; } .midnightHeader.default a img {margin-left: 3px; margin-top: -50px; width: 39%; } h2.contact-us-action-text { padding: 25px 0px 15px 12px; margin: 10px 0 0 21px } h2.contact-us-action-text span { font-size: 40px !important; color: rgba(231, 231, 232, 0.98); font-weight: 600; font-family: Josefin sans; } /* -------- Menu Section - Responsive Style -----------*/ .global-menu { width: 91vw; height: 63vh; display: flex; justify-content: left; align-items: last baseline; position: fixed; top: 30%; left: 4%; pointer-events: none; z-index: 9995 } .footer-topBar { background-color: rgba(1, 1, 1, 0.98); width: 100%; display: table; height: 190px; } .footer-topBar a.contact-action-arrow { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; margin: 2px 35px; } footer .uni_container { text-align: center; text-transform: uppercase} footer.footer-bar h3 {font-size: 21px;} footer .align-right { text-align: center !important; font-size: 15px !important } } @media screen and (max-width: 768px) { .logo-shawmanlabel { font-family: 'Poppins', sans-serif !important; } .sect-main { position: relative; width: 100%; background-color: var(--color-main-bg); background-image: url('../images/abstract-bg.jpg'); background-attachment: fixed; background-size: cover; background-position: bottom !important; background-repeat: no-repeat; } .demo-title { color: rgba(5, 5, 5, 0.95); font-family: 'Poppins', sans-serif; font-weight: 300; text-align: center; width: 97%; line-height: 1.2; vertical-align: middle; margin: 0 auto; } section.sect-sb-pg { position: relative; width: 100vw; height: 55vh; display: table; } .sec_t { background-image: url('../images/coleshawmann-bl-2-mgt.jpg'); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .content--fixed { position: relative; z-index: 0; display: table-cell; padding: 0.85em; vertical-align: middle; } .subp-title-holder { color: rgb(5, 5, 5); font-family: 'Josefin sans', sans-serif; font-weight: 600; text-align: left !important; width: 90%; line-height: 1.2; vertical-align: middle; margin: 1em auto 0.45em 0.22em; display: table; text-transform: uppercase; border-left: 2px solid; padding-left: 15px } .content-sbp {align-items: first baseline; margin: 69px auto; pointer-events: none; height: auto !important; top: 9% !important;} .mainheader-title-size-mb { font-size: 32px !important } .home-Display-headr-title-sz { font-size: 34px !important } .content-sbp span { padding: 0 29px !important; } .text-container .cell-text p { text-align: justify !important; font-size: 18px;} .text-container { padding: 5px; } /*-------- Logo Header Section ---------*/ .hamburger { position: fixed; top: 1.0em; right: 1.3em;} .logo-shawmanlabel { font-size: 20px; text-transform: Capitalize; } .midnightHeader.default a img {margin-left: 3px; margin-top: -50px; width: 39%; } /* -------- Menu Section - Responsive Style -----------*/ .global-menu { width: 91vw; height: 63vh; display: flex; justify-content: left; align-items: last baseline; position: fixed; top: 30%; left: 4%; pointer-events: none; z-index: 9995 } h2.contact-us-action-text { padding: 25px 0px 15px 12px; margin: 10px 0 0 21px } h2.contact-us-action-text span { font-size: 40px !important; color: rgba(231, 231, 232, 0.98); font-weight: 600; font-family: Josefin sans; } .footer-topBar { background-color: rgba(1, 1, 1, 0.98); width: 100%; display: table; height: 190px; } .footer-topBar a.contact-action-arrow { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; margin: 2px 35px; } footer.footer-bar h3 {font-size: 21px;} footer .uni_container { text-align: center; text-transform: uppercase} footer .align-right { text-align: center !important; font-size: 15px !important} } @media screen and (max-width: 954px) { .logo-shawmanlabel { font-family: 'Poppins', sans-serif !important; } .logo-shawmanlabel { font-size: 20px; text-transform: Capitalize;} .sect-main { position: relative; width: 100%; background-color: var(--color-main-bg); background-image: url('../images/abstract-bg.jpg'); background-attachment: fixed; background-size: cover; background-position: bottom !important; background-repeat: no-repeat; } .demo-title { color: rgba(5, 5, 5, 0.95); font-family: 'Poppins', sans-serif; font-weight: 300; text-align: center; width: 97%; line-height: 1.2; vertical-align: middle; margin: 0 auto; } .lg-content-padding { display: inline !important; padding: 4px } .content-container h2 { font-size: 24px !important; font-family: "Montserrat", sans-serif; font-weight: 700 } section.map-sections .contact-details-container h2 { font-size: 35px; font-family: "Josefin sans", sans-serif; font-weight: 700; color: rgb(2, 2, 2); margin: 0;} section.map-sections .map_container { padding: 15px; display: inline-block; position: relative; width: 100%; height: auto;} section.map-sections .map_container .map-cell { border: 6px solid rgba(240, 240, 240, 0.68) !important; } .sec_t { background-image: url('../images/coleshawmann-bl-2-mgt.jpg'); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; background-size: contain; display: table; position: relative; } .padd-down-115 { padding-bottom: 81px !important; } .padd-top-110 { padding-top: 68px !important } } /*====================== Device Responsive Style Rules ------------------------*/ /* (320x480) iPhone (Original, 3G, 3GS) */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { /* insert styles here */ } /* (320x480) Smartphone, Portrait */ @media only screen and (device-width: 320px) and (orientation: portrait) { /* insert styles here */ } /* (320x480) Smartphone, Landscape */ @media only screen and (device-width: 480px) and (orientation: landscape) { /* insert styles here */ } /* (480x800) Android */ @media only screen and (min-device-width: 480px) and (max-device-width: 800px) { /* insert styles here */ } /* (640x960) iPhone 4 & 4S */ @media only screen and (min-device-width: 640px) and (max-device-width: 960px) { /* insert styles here */ } /* (720x1280) Galaxy Nexus, WXGA */ @media only screen and (min-device-width: 720px) and (max-device-width: 1280px) { /* insert styles here */ } /* (720x1280) Galaxy Nexus, Landscape */ @media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) { /* insert styles here */ } /* (1024x768) iPad 1 & 2, XGA */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* insert styles here */ } /* (768x1024) iPad 1 & 2, Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* insert styles here */ } /* (1024x768) iPad 1 & 2, Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { /* insert styles here */ } /* (2048x1536) iPad 3 */ @media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) { /* insert styles here */ } /* (1280x720) Galaxy Note 2, WXGA */ @media only screen and (min-device-width: 720px) and (max-device-width: 1280px) { /* insert styles here */ } /* (1366x768) WXGA Display */ @media screen and (max-width: 1366px) { /* insert styles here */ } /* (1280x1024) SXGA Display */ @media screen and (max-width: 1280px) { /* insert styles here */ } @media screen and (min-width: 1200px) { .container { width: 1570px } } /* (1440x900) WXGA+ Display */ @media screen and (max-width: 1440px) { /* insert styles here */ } /* (1680x1050) WSXGA+ Display */ @media screen and (max-width: 1680px) { /* insert styles here */ } /* (1920x1080) Full HD Display */ @media screen and (max-width: 1920px) { /* insert styles here */ } /* (1600x900) HD+ Display */ @media screen and (max-width: 1600px) { /* insert styles here */