/* reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, abbr, address, em, img, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, figcaption, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}
ol, ul {
list-style: none;
}
a {
text-decoration: none;
color: inherit;
}
*:focus {outline: none;}
* {box-sizing: border-box;}
input[type='submit']
{
-webkit-appearance: none;
border-radius: 0;
}
/* end reset */
/***********************************************************************************************/
/* common layout sections - ALL common layouts for frame exist in this section */
body {
font-size: 22px;
font-family: 'Quicksand', sans-serif;
color: #000;
}
p {
line-height: 1.5em;
}
.fullwrapper {
width: 100%;
overflow: hidden;
}
.innerwrapper {
width: 75%;
margin: 0 auto;
overflow: hidden;
}
.innerwrapper h2 {
padding: 60px 0;
font-size: 36px;
font-weight: 700;
text-transform: capitalize;
}
.newTitle{
text-align: center;
}
.innerwrapper .newTitle h2{
font-size: 38px;
padding: 60px 0 0;
}
.outerwrapper {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.indexTitMain {
padding: 90px 0;
}
.indexTitMain h2 {
text-transform: uppercase;
font-size: 120px;
padding-bottom: 20px;
font-weight: 400;
color: #363639;
text-align: center;
}
/* margin top for static top */
.topi {
margin-top: 90px;
}
/*** top margin for banner text ***/
.topmarg {
margin-top: 20px;
}
/* buttons */
.button1 {
text-transform: capitalize;
text-align: center;
width: 100%;
margin-top: auto;
}
.button1 a {
line-height: 35px;
padding: 8px 16px;
color: #f79033;
background: #363639;
width: 100%;
display: inline-block;
}
.button1 a:hover,
.button2 a:hover {
color: #f79034;
background: #363639;
}
.button2 {
text-transform: capitalize;
margin: 30px 0 0 0;
text-align: left;
}
.button2 a {
line-height: 36px;
padding: 5px 20px;
color: #363639;
background: #f79034;
}
/* end buttons */
/* page wrap for common pages */
.pageWrap {
width: 100%;
margin: 60px auto;
overflow: hidden;
}
.pageSize {
width: 1200px;
margin: 0 auto;
}
/* end page wrap for common pages */
/* end common layouts section */
/***********************************************************************************************/
/* common styling */
h1 {
text-transform: uppercase;
font-size: 38px;
font-weight: 400;
letter-spacing: 2px;
}
h2 {
text-transform: capitalize;
}
h3 {
text-transform: capitalize;
font-weight: 600;
line-height: 3em;
font-size: 28px;
letter-spacing: 1px;
}
/* end common styling */
/*========================================================
TOP & NAVIGATION
=========================================================*/
/* not display on large screen */
.smobitrigger,
.mnuclose,
.menu ul li.mlogo,
.phoneMob,
.bannMob,
.locMob,
.logoMob,
.telMob,
.locMob,
.menu ul li.mphone,
.menu ul li.madr,
.menu ul li.mhours,
.fooList ul li.mlogo,
.fooList ul li.mphone,
.fooList ul li.madr,
.fooList ul li.mhours,
.logoMobi,
.telNav,
.scrollinglogosMob,
.logoMobicenter {
display: none;
}
/* end not display */
/*** new top ***/
.pageTop {
width: 1920px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
height: 90px;
}
.topLogo {
width: 20%;
justify-content: flex-start;
}
.companyInfo {
width: 80%;
justify-content: flex-end;
text-align: right;
height: 90px;
}
.rowPhoneButton {
display: flex;
flex-direction: row;
justify-content: flex-end;
height: 40px;
padding: 10px 0 5px;
}
.phoneTop {
height: 40px;
}
.phoneTop a {
line-height: 40px;
}
.requestBtn {
padding: 20px 15px;
background: #f79033;
color: #fff;
font-size: 14px;
text-transform: uppercase;
display: flex;
flex-direction: row;
align-items: center;
}
nav {
text-align: right;
padding-top: 10px;
}
.topLogo img {
width: 340px;
margin-top: 5px;
}
/* above top section */
.topUp {
background: #363639;
width: 100%;
overflow: hidden;
display: flex;
flex-direction: row;
justify-content: flex-end;
height: 40px;
align-items: center;
}
.topUp p {
color: #fff;
line-height: 30px;
font-size: 16px;
padding-right: 60px;
text-align: right;
}
.topUp ul {
text-align: right;
padding-right: 60px;
height: 40px;
}
.topUp ul li {
color: #fff;
line-height: 30px;
font-size: 16px;
padding-right: 10px;
display: inline-block;
text-transform: uppercase;
margin-left: 10px;
height: 40px;
}
.topUp ul li.tlink img {
width: 70px;
margin-top: 3px;
}
.teltop {
margin-right: 10px;
}
.teltop img {
display: none;
}
.teltop p:hover {
color: #f79033;
transform: scale(1.1);
}
.teltop p {
font-size: 21px;
padding-right: 0;
transition: all .5s ease-in-out;
}
.tlink {
background: rgba(0,0,0,.7);
transition: all .5s ease-in-out;
border-radius: 3px;
overflow: hidden;
margin: 0 2px;
padding: 0 10px;
}
.tlink:hover {
background: rgba(247,144,52,.7);
transform: scale(1.1);
border-radius: 3px;
}
/* top section */
.top {
width: 100%;
display: block;
position: fixed;
top: 0;
z-index: 33;
background: #fff;
border-bottom: 1px solid #ccc;
}
.two {
width: 15%;
justify-content: flex-start;
}
.two img {
width: 360px;
}
.three {
width: 70%;
justify-content: center;
text-align: center;
}
.one {
width: 15%;
justify-content: flex-end;
text-align: right;
}
.telTop {
font-size: 32px;
font-weight: 700;
}
/*** menu section ***/
.menu ul li.mlink,
.menu ul li.m1link,
.menu ul li.m2link,
.menu ul li.m3link {
display: none;
}
.menu ul li.dlink {
display: inline-block;
text-transform: capitalize;
text-align: center;
margin-left: 33px;
color: #000;
height: 38px;
font-size: 18px;
line-height: 38px;
letter-spacing: -1px;
}
.menu ul li.dlink a {
color: #454545;
}
.menu ul li.dlink a:hover {
color: #f79033;
}
/*** end menu section ***/
/* end top section */
/*========================================================
INDEX BANNER NEW
=========================================================*/
.bannerNew {
width: 100%;
overflow: hidden;
display: flex;
flex-direction: row;
align-items: center;
}
.bannerNewImg {
width: 66.66%;
}
.bannerNewCont {
width: 33.33%;
background: #262626;
height: 1020px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 64px;
}
.bannerNewImg {
background: url('../images/toronto-clearstream-architectural.jpg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 1020px;
}
.bannerNewCont h1 {
color: #fff;
font-size: 30px;
font-weight: 900;
text-align: left;
text-transform: uppercase;
line-height: 1.7;
font-family: "Roboto", arial, sans-serif;
}
.bannerNewCont h1 span {
font-size: 18px;
display: block;
font-weight: 400;
}
.bannerNewCont p,
.bannerNewCont h2 {
text-transform: uppercase;
color: #5da9df;
text-align: left;
font-size: 54px;
font-weight: 900;
font-family: "Roboto", arial, sans-serif;
}
/*========================================================
INDEX BANNER
=========================================================*/
/*** banner image ***/
.bannerTop {
background: url('../images/bgBan.jpg') center center no-repeat;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 1200px;
}
/*** end banner image ***/
.parWrap {
display: table;
height: 100%;
width: 100%;
}
.parBox {
display: table-cell;
vertical-align: middle;
}
/*** end top margin for static top div ***/
/*** banner sections for text ***/
.banSec {
width: 100%;
height:110px;
overflow: hidden;
}
/*** main text on banner ***/
.banSec h1,
.banSec p {
text-align: center;
text-transform: uppercase;
line-height: 110px;
font-weight: 800;
/* -webkit-text-stroke: 2px black;
text-shadow:
3px 3px 0 #000,
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
font-family: 'Sarabun', Arial, sans-serif; */
}
.banSec h1 {
font-size: 110px;
color: #fff;
text-shadow: 1px 1px 11px #000;
}
.banSec p {
font-size: 86px;
color: #f79033;
text-shadow: 1px 1px 11px #000;
}
.banAdd p {
text-align: center;
font-size: 44px;
color: #f79033;
text-shadow: 1px 1px 11px #000;
text-transform: uppercase;
font-weight: 800;
}
.banTxt p {
text-align: center;
color: #fff;
font-size: 48px;
text-shadow: 1px 1px 11px #000;
padding-top: 40px;
}
.banTxt span {
display: block;
}
/*** end banner sections for text ***/
/***********************************************************************************************/
/* brands boxes */
.brandSection {
width: 100%;
margin: 70px auto 50px;
overflow: hidden;
}
.brandsWrap {
display: flex;
flex-direction: row;
align-items: center;
}
.brandBox {
width: 33.33%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.brandBox img {
width: 80px;
}
.brandBox p {
padding-top: 15px;
font-size: 36px;
text-transform: uppercase;
letter-spacing: 2px;
}
/***********************************************************************************************/
/* scrolling logos */
.scrollinglogos {
width: 100%;
margin: 40px auto 60px;
overflow: hidden;
padding-bottom: 30px;
}
.scrollinglogos p{
font-size: 16px;
text-align: center;
padding: 20px 0;
}
/***********************************************************************************************/
/* productboxes - on index top banner - unique design not repeated */
.productboxes {
overflow: hidden;
margin: 40px auto 0;
display: flex;
justify-content: center;
}
.product {
margin: 20px 30px;
}
.product a {
display: inline-block;
width: 200px;
float: left;
color: #fff;
border: 1px solid #fff;
padding: 10px;
margin: 0 auto;
text-align: center;
border-radius: 7px;
transition: all .5s ease-in-out;
opacity: 1;
}
.product a:hover {
border: 1px solid #f79033;
color: #fff;
transform: scale(1.3);
background: #f79033;
box-shadow: 1px 1px 11px #000;
}
.product a img {
display: block;
margin: 0 auto;
width: 40%;
}
.product h2 {
font-size: 19px;
text-shadow: 0 0 11px #000;
}
.product a:hover h2 {
text-shadow: none;
}
/* end productboxes */
/***********************************************************************************************/
/*** begin banner button ***/
.bannerBtn {
width: 100%;
margin: 30px auto 0;
overflow: hidden;
text-align: center;
padding: 20px 30px;
}
.bannerBtn a {
display: inline-block;
color: #fff;
padding: 10px 26px;
margin: 0 auto;
font-weight: 700;
font-size: 36px;
text-align: center;
border: 1px solid #fff;
border-radius: 7px;
text-transform: capitalize;
transition: all .5s ease-in-out;
opacity: 1;
}
.bannerBtn a:hover {
border: 1px solid #f79033;
background: #f79033;
box-shadow: 1px 1px 11px #fff;
color: #fff;
transform: scale(1.3);
box-shadow: 1px 1px 11px #000;
}
.bannerBtn span {
display: block;
font-size: .7em;
font-weight: 300;
}
/***********************************************************************************************/
/* index page boxes3 */
.indTitle {
width: 100%;
margin: 60px auto 0;
text-align: center;
}
.indTitle p {
font-size: 36px;
text-transform: capitalize;
font-weight: 700;
letter-spacing: 2px;
}
.boxes3 {
width: 100%;
margin: 80px auto;
overflow: hidden;
display: flex;
justify-content: space-between;
}
.boxes3.boxes3Fix{
justify-content: flex-start;
}
.boxwall {
width: 32%;
border: 1px solid #363639;
display: flex;
flex-direction: column;
margin: 3px .5%;
}
.boxes3.boxes3Fix .boxwall{
margin: 3px .7%;
}
.insideboxtop {
overflow: hidden;
}
.insideboxcontent {
padding: 0 18px;
}
.arnohg {
height: 260px;
}
.okahg {
height: 750px;
}
.boxtopleft, .boxtopright {
width: 50%;
float: left;
height: 60px;
border-bottom: 1px solid #e3e3e3;
}
.boxtopleft {
text-align: right;
text-transform: capitalize;
}
.boxtopleft p {
line-height: 59px ;
margin: 0 10px 0 0;
color: #f79034;
font-weight: 600;
letter-spacing: 1px;
}
.boxtopright {
border-left: 1px solid #e3e3e3;
}
.boxtopright img {
max-height: 34px;
margin: 20px 0 0 10px;
}
.boximg img {
width: 100%;
display: block;
}
.insideboxcontent h3,
.insideboxcontent h5 {
font-size: 24px;
line-height: 1.5;
padding: 20px 0 10px;
color: #49494b;
font-weight: 700;
text-transform: capitalize;
}
.insideboxcontent p {
color: #49494b;
padding-bottom: 30px;
}
.insideboxcontent ul li {
margin: 5px 0;
list-style: circle;
list-style-position: inside;
}
/* end index page boxes3 */
.birdy {
margin-top: 60px;
}
/************* okalux boxes 3 ***********/
.bgboxes4 h3 {
width: 75%;
margin: 0 auto 40px;
font-size: 36px;
text-transform: capitalize;
font-weight: 700;
color: #363639;
line-height: 1.5;
}
.bgboxes4 h4 {
text-align: left;
padding: 10px 0 30px 10px;
font-size: 36px;
font-weight: 700;
line-height: 1.1;
text-transform: capitalize;
width: 75%;
margin: 0 auto 30px;
}
.okaglass3Wrap {
width: 75%;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.okaglass3 {
width: 31%;
display: flex;
flex-direction: column;
background: #fff;
}
.okaglass3 img {
width: 100%;
display: block;
}
.okaglasscont {
padding: 20px;
}
.okaglasscont h4 {
font-size: 28px;
text-transform: capitalize;
padding: 20px 0 10px;
font-weight: 700;
color: #363639;
}
.borderTop {
border-top: 1px solid #363639;
}
/*========================================================
INDEX BOX with text on RIGHT
=========================================================*/
/*** whole section wrap ***/
.boxTextMarg {
width: 100%;
margin: 60px auto 0;
overflow: hidden;
}
.channelglh2 h2 {
text-align: left;
font-size: 32px;
padding: 20px 0;
}
/*** end whole section wrap ***/
/*** whole box wrap ***/
.boxTextWrap {
width: 100%;
margin: 0 auto;
overflow: hidden;
padding: 32px 30px;
display: flex;
flex-direction: row;
align-items: center;
}
.indexRowRev {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.indexRow {
display: flex;
flex-direction: row;
align-items: center;
}
.pdfWrap {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
/*** end whole box wrap ***/
/*** for both sides ***/
.boxTextLeft,
.boxTextRight {
overflow: hidden;
display: flex;
text-align: center;
align-items: center;
}
/*** end for both sides ***/
/*** for left side ***/
.boxTextLeft {
justify-content: center;
width: 40%;
}
.bbg {
background: #20425c;
}
.sleft {
float: left;
}
.boxTextAside {
margin: 0 auto;
width: 100%;
}
.boxTextAside img {
width: 100%;
}
.boxTextAside p {
color: #fff;
text-transform: capitalize;
font-size: 32px;
}
.boxTextInside {
text-align: left;
}
/*** end for left side ***/
/*** for right side ***/
.boxTextRight {
width: 60%;
justify-content: flex-start;
}
.sright {
float: right;
}
.padleft {
padding-left: 160px;
}
.padleft ul {
padding: 20px 0;
}
.padleft ul li {
font-size: 21px;
line-height: 1.5;
background: url('../images/dot.png');
background-position: left top 10px;
background-repeat: no-repeat;
background-size: 10px 10px;
padding-left: 30px;
}
.padleft ul li span {
font-weight: 700;
}
.padright {
padding-right: 60px;
}
.boxTextRight h3,
.boxTextRight h4,
.boxTextRight h5 {
font-size: 36px;
text-align: left;
font-weight: 700;
line-height: 1.1;
letter-spacing: normal;
}
.boxTextRight h3 span,
.boxTextRight h4 span,
.boxTextRight h5 span {
display: block;
font-size: 28px;
font-weight: 600;
text-transform: none;
padding-top: 10px;
}
.boxTextInside p {
text-align: left;
line-height: 1.5;
padding: 30px 0 20px;
width: 950px;
}
/* additional style for button1 for this section */
.btn2 {
width: 300px;
margin: 30px 0 0 0;
}
/* end additional style for button1 for this section */
.lastline {
border-bottom: 1px solid #ccc;
}
.firstline {
border-top: 1px solid #ccc;
}
/*** end for right side ***/
/*** buttons on index page ***/
.buttonindex {
vertical-align: middle;
width: 100%;
overflow: hidden;
}
.btnIndmarg1 {
margin: 0 0 0 60px;
}
.btnInd {
float: left;
}
.btnInd a {
line-height: 24px;
padding: 6px 14px;
color: #fff;
text-align: center;
display: inline-block;
font-size: 16px;
text-transform: uppercase;
}
.btnpdf {
width: 100px;
margin-left: 20px;
float: left;
}
.btncol1 a {
background: #000;
}
.btncol1 a:hover {
color: #f79034;
background: #363639;
}
.btncol2 a {
background: #363639;
color: #f79034;
}
.btncol2 a:hover {
color: #363639;
background: #f79034;
}
.btnbrd a:hover {
background: #444;
color: #fff;
}
.btnIndmarg2 {
margin-top: 20px;
}
.btnpdf2 {
margin-top: 40px;
margin-bottom: 40px;
}
/*========================================================
BOX with VIDEO and text on RIGHT
=========================================================*/
.bendheimBan {
background: url(../images/bgAbout.jpg) center center no-repeat;
background-size: cover;
height: 800px;
}
.boxVideoLeft {
width: 100%;
overflow: hidden;
}
.boxVideoLeft iframe {
width: 40%;
float: left;
margin: 40px 60px 30px 0;
}
.boxVideoLeft h3,
.boxVideoRight h3 {
font-size: 42px;
letter-spacing: 2px;
font-weight: 400;
padding: 25px 0 20px;
line-height: 1.5;
}
.boxVideoLeft ul,
.boxVideoRight ul {
padding: 20px 0;
}
.boxVideoLeft ul li,
.boxVideoRight ul li {
background: url('../images/checkpom.png') left top 8px no-repeat;
background-size: 30px 30px;
font-size: 24px;
padding: 8px 0 8px 40px;
}
.boxVideoRight iframe {
width: 40%;
float: right;
margin: 40px 0 20px 60px;
}
/*========================================================
INDEX 4 BOXES section
=========================================================*/
/*** section bg for 4 boxes section ***/
.bgboxes4 {
background: #f1f1f1;
width: 100%;
margin: 0 auto;
border-top: 1px solid #363639;
border-bottom: 1px solid #363639;
padding: 60px 0;
}
/*** end bg for 4 boxes section ***/
.boxes4Wrap {
width: 75%;
overflow: hidden;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
.boxes4Wrap h4 {
font-size: 48px;
letter-spacing: 2px;
text-align: left;
font-weight: 300;
padding-bottom: 30px;
text-transform: capitalize;
color: #363639;
}
.bgboxes4top {
width: 100%;
text-align: center;
background: #363639;
margin: 80px auto 0;
}
.bgboxes4top h3,
.bgboxes4top h4 {
font-size: 48px;
line-height: normal;
letter-spacing: 2px;
font-weight: 300;
padding: 30px 0;
text-transform: capitalize;
color: #f79033;
}
/*** simple box ***/
.box4 {
width: 24.7%;
margin: 0 .3% 15px 0;
text-align: center;
border: 1px solid #363639;
background: #fff;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.box4 > * {
flex: 0 0 0 24.7%;
}
.box4Empty{
width: 24.7%;
}
.box4 img {
width: 100%;
margin: 0 auto;
}
.box4 h5,
.box4 p {
text-align: left;
}
.box4 h5 {
font-size: 28px;
text-transform: capitalize;
padding: 20px 18px 10px;
font-weight: 700;
color: #363639;
}
.box4 p {
line-height: 1.5;
padding: 0 18px 30px;
color: #363639;
}
.pdfFile {
text-align: left;
}
.pdfFile img {
width: 60px;
margin: 20px 10px 0 10px;
}
/*** end simple box ***/
/*** space between boxes4 ***/
.boxes4Betw {
width: 75%;
margin: 60px auto;
overflow: hidden;
}
.noTopMarg{
margin: 0 auto 60px!important;
}
.noBotMargin{
margin-bottom: 0;
}
.boxes4Betinn {
width: 100%;
overflow: hidden;
padding: 60px 0;
border-top: 1px solid #363639;
border-bottom: 1px solid #363639;
}
.noBorder{
border-top: 0;
}
.boxes4BetL,
.boxes4BetR {
overflow: hidden;
}
.boxes4BetL {
width: 60%;
float: left;
display: flex;
align-items: center;
height: 400px;
justify-content: flex-start;
}
.boxes4BetR {
width: 40%;
float: right;
display: flex;
align-items: center;
justify-content: center;
height: 400px;
}
.boxes4BetL h5 {
font-size: 36px;
text-transform: capitalize;
padding-bottom: 20px;
font-weight: 700;
width: 950px;
color: #363639;
}
.boxes4BetL p {
width: 950px;
color: #363639;
padding-bottom: 20px;
}
.boxes4BetR img {
float: right;
width: 760px;
}
/*** button ***/
.bendglassBtn {
text-transform: capitalize;
text-align: center;
margin: 30px auto;
}
.bendglassBtn a {
padding: 8px 16px;
color: #363639;
background: #f79034;
vertical-align: middle;
display: inline-block;
}
/*** video box ***/
.vdiv {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.vdiv iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*** end video box ***/
/** space between videos ***/
.bend4vid {
margin-bottom: 60px;
}
/** end space between videos ***/
/*========================================================
SECTION Ready to learn
=========================================================*/
/* section bg for ready to learn */
.bgsec6 {
background: #5da9df;
width: 100%;
padding: 60px 0;
margin: 0 auto;
}
/* end bg for section ready to learn */
/* text style for section ready to learn */
.readyBox {
width: 70%;
margin: 30px auto;
overflow: hidden;
text-align: center;
}
.readyBox h6 {
text-transform: uppercase;
font-size: 56px;
padding-bottom: 20px;
font-weight: 400;
color: #363639;
}
/* text style for section ready to learn */
/* additional style for button1 */
.btn3 {
width: 300px;
margin: 30px auto 0;
}
.btn3 a{
color: #fff;
}
/* end additional style for button1 */
/*** additional style for index page ****/
.indeximgll {
width: 100%!important;
}
/*** video popup style ***/
.fancybox-nav {
width: 60px;
}
.fancybox-nav span {
visibility: visible;
}
.fancybox-next {
right: -60px;
}
.fancybox-prev {
left: -60px;
}
/*** end video popup style ***/
/*** Curved Glass Page ***/
.curvedGlassWrap {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.curvedGlassBox {
width: 24%;
}
.curvedGlassBox img {
width: 100%;
display: block;
}
.curvedglassLine {
padding-bottom: 50px;
border-bottom: 1px solid #ccc;
}
.curvedglassh6 h6 {
font-size: 26px;
font-weight: 400;
text-align: center;
line-height: 1.2;
}
.curvedglassBot {
padding-bottom: 60px;
}
.curvedglassImgWrap {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.curvedglassImgWrap img {
width: 49.5%;
display: block;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
ul.curvedglassList li,
.curvedglassh6 h6 {
font-size: 18px;
}
.curvedglassimg {
width: 100%;
}
.curvedglassimg img {
max-width: 100%!important;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
.curvedglassBot {
padding-bottom: 30px;
}
.curvedglassh6 h6 {
font-size: 18px;
}
.curvedglassimg {
width: 100%;
}
.curvedglassimg img {
max-width: 100%!important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.curvedglassLeft {
width: 100%!important;
}
.curvedGlassBox {
width: 49%;
margin-bottom: 15px;
}
.curvedglassh6 {
text-align: center!important;
}
.curvedglassh6 h6 {
font-size: 21px;
}
.curvedgright {
float: none!important;
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.curvedglassImgWrap {
flex-direction: column
}
.curvedglassImgWrap img {
width: 100%;
margin-bottom: 15px;
}
ul.curvedglassList li {
font-size: 18px!important;
}
.curvedGlassWrap {
flex-direction: column;
}
.curvedGlassBox {
width: 100%;
margin-bottom: 15px;
}
.curvedglassh6 h6 {
font-size: 18px;
font-weight: 400!important;
}
.curvedglassBot {
padding-bottom: 20px;
}
}
@media only screen and (max-width: 479px) {
.curvedglassLine {
padding-bottom: 25px;
}
}
/*========================================================
FOOTER
=========================================================*/
/* footer common box */
.fooBox {
width: 100%;
margin: 0 auto;
overflow: hidden;
text-align: center;
}
/* end footer common box */
/* footer bg */
.fooBg {
background: #363639 url(../images/footerbg.webp) center bottom repeat-x;
height: 1040px;
margin-bottom: 60px;
}
/* end footer bg */
/* footer color */
.fooCol {
background: #363639;
}
/* end footer color */
.fooListWrap {
display: flex;
justify-content: center;
margin: 20px auto;
}
/* footer column list */
.fooList {
float: left;
overflow: hidden;
padding: 20px;
}
.fone,
.ftwo {
width: 300px;
}
.fthree {
width: 400px;
}
.ffour {
width: 500px;
}
.fooList ul {
width: 100%;
margin: 20px auto 60px;
overflow: hidden;
}
.fooList ul li {
font-size: 20px;
color: #ccc;
padding: 8px 0;
text-transform: capitalize;
text-align: left;
}
.fooList ul li a {
color: #ccc;
}
.fooList ul li a:hover {
color: #f79034;
}
/* end footer column list */
.fooList h6 {
text-align: left;
text-transform: uppercase;
color: #ccc;
font-size: 24px;
}
.fooList p {
font-size: 20px;
color: #ccc;
padding: 20px 0;
text-align: left;
line-height: 1.5;
}
.fooList img {
width: 280px;
}
/*** social ***/
.fooSocial {
width: 90%;
margin: 0;
overflow: hidden;
display: flex;
justify-content: center;
}
.socSqr {
width: 60px;
height: 60px;
margin-right: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.sqr1,
.sqr2,
.sqr3 {
background: rgba(119,119,119,.7);
transition: all .2s ease-in-out;
border-radius: 5px;
overflow: hidden;
margin: 20px 5px 20px 20px;
}
.socSqr img {
width: 30px;
}
.sqr1:hover {
background: rgba(57,89,150,.9);
transform: scale(1.1);
}
.sqr2:hover {
background: rgba(218,76,56,.7);
transform: scale(1.1);
border-radius: 5px;
}
.sqr3:hover {
background: rgba(0,123,182,.7);
transform: scale(1.1);
border-radius: 5px;
}
/*** address ***/
.fooAdr {
width: 100%;
padding: 15px 0;
margin: 0 auto;
overflow: hidden;
}
.fooAdr p {
text-align: center;
font-size: 20px;
color: #ccc;
}
/*========================================================
ABOUT PAGE
=========================================================*/
/* new about ***/
.aboutWrap {
padding: 60px 120px;
border: 1px solid #ccc;
}
.aboutWrap h1 {
text-transform: uppercase;
text-align: center;
color: #1A3E6E;
margin-bottom: 60px;
}
.aboutWrap h1 span {
display: block;
color: #222;
text-transform: capitalize;
font-size: 30px;
}
.aboutWrap p {
color: #212529;
line-height: 1.6;
}
.aboutWrap img {
float: left;
margin-right: 40px;
margin-bottom: 20px;
}
/* bg image for about page */
.banAbout {
background: url('../images/bgAbout.jpg') center center no-repeat;
background-size: cover;
height: 400px;
}
/* end bg image for about page */
.aboutBox {
margin: 0 auto 60px;
overflow: hidden;
}
.aboutBox h1 {
text-align: center;
padding: 60px 0;
}
.aboutBox p {
text-align: left;
padding-bottom: 20px;
font-size: 24px;
}
.aboutBox img {
float: left;
margin-right: 40px;
margin-bottom: 20px;
}
/*========================================================
PARTNERS PAGE
=========================================================*/
/*** main title H1 for partners ***/
.partTit {
width: 100%;
margin: 100px auto 60px;
overflow: hidden;
}
.partTit h1 {
text-align: center;
}
/*** end main title H1 for partners ***/
/*** partners boxes wrapping **/
.partBoxesWrap {
width: 100%;
margin: 30px auto 80px;
overflow: hidden;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
/*** end partners boxes wrapping **/
/*** partner single box ***/
.partBox {
width: 32.33%;
margin: 0 1% 1% 0;
border: 1px solid #e3e3e3;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 500px;
}
.partBox img {
width: 70%;
margin: 0 auto;
}
.partT {
text-align: center;
font-size: 36px;
padding-bottom: 20px;
text-transform: uppercase;
}
.partD {
font-size: 24px;
text-align: left;
line-height: 1.5;
padding: 0 30px 25px 20px;
height: 180px;
}
/*** end partner single box ***/
/*========================================================
DISCLAIMER PAGE
=========================================================*/
.aboutBox h2 {
text-align: left;
font-size: 32px;
padding-top: 40px;
}
.aboutBox dl {
margin: 0 auto 20px;
}
.aboutBox dt {
font-size: 28px;
color: #777;
text-transform: capitalize;
text-align: left;
border-bottom: 1px solid #a09f9a;
padding: 25px 0 10px 0;
margin-bottom: 15px;
}
/*========================================================
CONTACT PAGE
=========================================================*/
.contactBoxWrap {
margin: 80px 0;
overflow: hidden;
text-align: center;
}
.contactBox {
width: 850px;
margin: 60px auto 0;
overflow: hidden;
text-align: left;
}
.cimg {
width: 240px;
margin: 0 auto;
overflow: hidden;
float: left;
}
.cimg img {
width: 80%;
margin: 0 auto;
}
.cdata {
width: 600px;
float: left;
margin: 0 auto;
overflow: hidden;
}
.contactBoxForm {
width: 35%;
margin: 0;
overflow: hidden;
}
.shortFormBox h2 {
padding: 20px 0 0 0;
text-align: center;
font-weight: 700;
font-size: 42px;
}
.shortFormBox h2 span {
display: block;
font-size: .5em;
}
.shortFormBox h3 {
padding-top: 20px;
text-align: center;
font-weight: 400;
font-size: 24px;
line-height: 1.5;
}
.shortFormBox h4 {
font-size: 28px;
font-weight: 700;
padding-bottom: 100px;
text-align: center;
}
.contactBoxesWrap{
display: flex;
flex-direction: column;
align-items: center;
}
.g-recaptcha{
display: flex;
justify-content: center;
}
.contactBoxLeft {
width: 50%;
margin: 0;
overflow: hidden;
}
.lineHor{
width: 70%;
margin: 50px 0 0;
border-bottom: 1px solid #ccc;
}
.contactForm {
width: 853px;
margin: 60px auto 0;
overflow: hidden;
}
.sendBtn {
text-transform: capitalize;
text-align: center;
vertical-align: middle;
line-height: 35px;
padding: 0 16px;
color: #363639;
background: #f79034;
margin-top: 10px;
border: none;
}
.shortFormBox {
width: 100%;
margin-top: 50px;
overflow: hidden;
}
#formContact1,
#formContact2,
#formContact3,
#formContact4,
#formContact5
{
display:none;
}
.contactBoxRight {
padding-right: 120px;
}
.contactBoxRight h2 {
text-transform: uppercase;
font-size: 38px;
font-weight: 400;
letter-spacing: 2px;
}
.cname {
font-weight: 700;
font-size: 28px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}
.cname span {
font-style: italic;
font-weight: 400;
display: block;
font-size: .7em;
}
.cinfo {
font-weight: 700;
line-height: 2em;
color: #777;
}
.cinfo span {
font-weight: 400;
padding-left: 30px;
}
.cadr {
font-weight: 700;
font-size: 28px;
}
.cadr span {
font-weight: 400;
padding-left: 30px;
}
.callformEr {
font-size: 32px;
text-align: center;
width: 100%;
font-weight: 700;
}
.erRed {
color: #d23e0c;
}
.erGreen {
color: #1e4c7e;
text-transform: uppercase;
}
.shortForm input[type="text"] {
margin: 0 auto 15px;
background-color: rgb(255, 255, 255);
border: none;
border-bottom: 1px solid #ccc;
border-radius: 3px;
transition: color 100ms, margin 100ms;
cursor: pointer;
color: #777;
padding: 10px 10px 10px 25px;
display: block;
width: 100%;
height: 90px;
font-size: 18px;
outline: none;
}
.shortForm input[type="submit"] {
margin: 0 auto;
background-color: #f79034;
border: none;
box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;
border-radius: 3px;
transition: color 100ms, margin 100ms;
cursor: pointer;
color: #fff;
padding: 10px;
display: block;
width: 50%;
height: 65px;
font-size: 20px;
outline: none;
}
.shortForm input[type="text"]:hover,
.shortForm input[type="submit"]:hover {
border-bottom: 1px solid #777;
}
.shortForm textarea {
margin: 30px auto;
border-top: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #ccc;
padding: 10px 10px 10px 25px;
color: #777;
font-size: 18px;
width: 98%;
height: 160px;
outline: none;
}
/*========================================================
BENDHEIM PAGE
=========================================================*/
/*** banner longer 2560x700 ***/
.bannerSubpage {
width: 100%;
overflow: hidden;
position: relative;
}
.bannerSubpage img{
width: 100%;
}
/*** end banner longer ***/
/*** title for longer banner ***/
.banSubWrap {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
}
.bannerSubpage h1,
.subBanTit {
font-size: 110px;
font-weight: bold;
color: #fff;
text-shadow: 1px 1px 11px #000;
text-transform: capitalize;
text-align: center;
}
.boxTextWrap h2 {
padding: 60px 0;
text-transform: uppercase;
font-size: 38px;
font-weight: 400;
letter-spacing: 2px;
}
/*** end title for longer banner ***/
/*** banner shorter 2560x400 ***/
.bannerSkills {
width: 100%;
overflow: hidden;
position: relative;
}
.bannerSkills img {
width: 100%;
}
.subPagesMarg {
padding-top: 60px;
}
.subPagesTitle h1 {
font-size: 48px;
text-align: left;
font-weight: 400;
line-height: 1.1;
padding: 60px 0 30px;
text-transform: capitalize;
}
/*** end banner shorter ***/
/*** title for shorter banner ***/
.bannerSkills h1 {
font-size: 90px;
font-weight: bold;
color: #fff;
text-shadow: 1px 1px 11px #000;
text-transform: capitalize;
text-align: center;
}
/*** end title for shorter banner ***/
/*** title for 3 boxes ***/
.boxes3Tit {
text-align: left;
padding: 10px 0 0 10px;
font-size: 36px;
font-weight: 700;
line-height: 1.1;
text-transform:capitalize;
}
/*** end title for 3 boxes ***/
/*** glasstype pages ***/
.glassBox {
margin: 60px auto;
overflow: hidden;
}
.glassBox h1 {
font-size: 58px;
letter-spacing: 2px;
text-align: center;
font-weight: 300;
line-height: 1.1;
padding: 60px 0;
}
/*========================================================
OKALUX PAGE
=========================================================*/
.okaboxes3 {
width: 100%;
margin: 80px auto;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
.okabox {
width: 31%;
display: flex;
flex-direction: column;
margin-bottom: 60px;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
}
.okaboxtitle {
background: #777;
}
.okaboxtitle h3 {
color: #fff;
text-transform: uppercase;
text-align: center;
}
.okaboxcontent {
padding: 30px 20px;
text-align: left;
}
.okaboxcontent h4 {
font-size: 32px;
padding-bottom: 20px;
}
.okaList h3 {
font-size: 36px;
text-align: left;
font-weight: 700;
line-height: 1.1;
padding-bottom: 35px;
letter-spacing: normal;
}
.okaList h4 {
font-size: 30px;
}
.okaList ul {
padding: 20px 0;
}
.okaList ul li {
font-size: 21px;
background: url('../images/checkpom.png');
background-position: left top 10px;
background-repeat: no-repeat;
background-size: 20px 20px;
padding: 8px 0 8px 30px;
}
.okaimg {
border: 1px solid #ccc;
border-bottom: none;
}
.kapibor {
border-bottom: 1px solid #ccc;
margin-top: auto;
}
/*========================================================
PRODUCT PAGE
=========================================================*/
.banPage {
background: #f8f8f8;
height: 260px;
}
.logoprod {
width:100%;
height: 260px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.gciImg {
width: 100%!important;
margin-bottom: 0!important;
}
.pageWrap h2 {
font-size: 42px;
letter-spacing: 2px;
text-align: left;
font-weight: 300;
line-height: 1.1;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}
.pageWrap p {
padding-bottom: 20px;
}
.pwsec {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.page2BoxWrap {
width: 100%;
margin: 60px auto;
overflow: hidden;
text-align: center;
}
.page2Box {
width: 48%;
float: left;
margin: 0 1%;
overflow: hidden;
padding: 20px;
}
.page2Box img {
width: 100%;
padding: 15px;
border: 1px solid #ccc;
}
/************ Gallery ************/
.galBox {
width: 100%;
margin: 0 auto;
overflow: hidden;
text-align: center;
}
.galleria{
height: 800px;
max-width: 100%;
margin: 0 auto;
text-align: center;
}
/********* paragraph section ************/
.boxPar {
width: 100%;
margin: 60px auto;
overflow: hidden;
padding: 0 20px;
}
.boxParTit {
font-size: 58px;
letter-spacing: 2px;
text-align: left;
font-weight: 300;
line-height: 1.1;
}
.boxParDesc {
text-align: left;
line-height: 1.5;
padding: 30px 0 20px;
font-size: 22px;
}
.boxParDesc2 {
padding: 40px 0 0;
}
.boxParDesc3 {
font-size: 22px;
}
.boxUl {
text-align: left;
line-height: 1.5;
padding: 0 0 70px;
font-size: 22px;
}
.boxUl li{
list-style-position: inside;
list-style-type: disc;
}
.innerwrapper .boxParDesc2 h2 {
padding: 30px 0;
}
/*========================================================
BENDHEIM additionals
=========================================================*/
.buttonBend1 {
vertical-align: middle;
width: 100%;
overflow: hidden;
}
.buttonBend1 a {
background: #000;
line-height: 24px;
padding: 6px 14px;
color: #fff;
text-align: center;
display: inline-block;
font-size: 16px;
text-transform: uppercase;
}
.buttonBend1 a:hover{
color: #f79033;
}
/*========================================================
BACK TO TOP
=========================================================*/
.toTop {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.to-top {
display: inline-block;
height: 60px;
width: 60px;
position: fixed;
bottom: 100px;
right: 20px;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: rgba(247, 144, 51, 0.9) url(../images/to-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.to-top.cd-is-visible, .to-top.to-fade-out, .no-touch .to-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.to-top.to-is-visible {
visibility: visible;
opacity: 1;
}
.to-top.to-fade-out {
opacity: .5;
}
.no-touch .to-top:hover {
background-color: #ee514a;
opacity: 1;
}
/* -------------------- arnold glas -----------------*/
.horizList {
font-size: 1.7em;
font-weight: 700;
text-align: center;
text-transform: capitalize;
border-bottom: 1px solid #e3e3e3;
padding: 30px 0;
}
/* boxes with pdf ******************/
.pdfboxes {
background: #fff;
border: none;
}
.pdfbox4 {
border: none;
}
p.pdfpar {
text-align: center;
}
.mediahg {
height: 258px;
}
.bendhg {
height: 280px;
}
.nathg {
height: 225px;
}
/*========================================================
BENDHEIM RAINSCREEN SYSTEMS
=========================================================*/
.rainWrap {
width: 100%;
margin: 60px auto;
overflow: hidden;
padding-bottom: 60px;
}
.rainSides h3 {
text-align: left;
padding: 10px 0 30px 10px;
font-size: 36px;
font-weight: 700;
line-height: 1.1;
text-transform: capitalize;
}
.rainSides h3 span {
display: block;
}
.rainLeft {
width: 65%;
display: flex;
flex-direction: column;
}
.rainLeft img {
width: 100%;
}
.rainRight {
width: 35%;
display: flex;
flex-direction: column;
padding-left: 60px;
}
.rainBoxes4 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
align-items: center;
margin-top: 30px;
}
.rainBox {
width: 49%;
margin-bottom: 20px;
}
.rainRight h4 {
font-size: 32px;
font-weight: 700;
padding: 30px 0 20px;
}
.rainBoxes {
display: flex;
flex-direction: row;
}
.rainRight ul li {
font-size: 22px;
line-height: 1.5;
padding: 8px 0;
background: url(../images/dot.png);
background-position: left top 20px;
background-repeat: no-repeat;
background-size: 10px 10px;
padding-left: 30px;
}
.boxes4Wrap h4 {
text-align: left;
padding: 10px 0 30px 10px;
font-size: 36px;
font-weight: 700;
line-height: 1.1;
text-transform: capitalize;
}
/*=======================================================
BLOG
=========================================================*/
.blogWrap {
padding: 80px 0;
margin: 0 auto;
}
.blogWrap h1 {
text-align: center;
font-size: 48px;
font-weight: 700;
padding-bottom: 30px;
}
.blogCont {
padding: 30px 0 60px;
width: 80%;
margin: 0 auto;
}
.blogCont h2 {
padding-top: 20px;
font-size: 36px;
}
.blogCont p {
padding: 20px 0 0 0;
line-height: 1.5;
font-size: 24px;
}
.blogCont p span {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 14px;
text-transform: uppercase;
text-align: left;
padding: 5px 0;
display: block;
margin-bottom: 20px;
}
.readBtn {
background: #f79033;
color: #fff;
font-weight: 900;
font-size: 18px;
line-height: 1.5;
letter-spacing: 0px;
text-transform: uppercase;
padding: 17px 40px;
display: inline-block;
margin-top: 20px;
border-radius: 2px;
}
.blogCont ol, .blogCont ul {
list-style: initial;
margin: initial;
padding: 20px 0 0 40px;
text-align: left;
}
.blogCont ol li, .blogCont ul li {
display: list-item;
list-style-type: inherit;
list-style-position: inside;
font-size: 21px;
padding: 6px 0;
}
/*=======================================================
Review us page
=========================================================*/
.wrapBoxes{
width: 70%;
padding: 0 0 100px;
text-align: center;
overflow: hidden;
margin: 0 auto;
}
.wrapBoxes h1{
margin-bottom: 30px;
}
.revBox{
width: 330px;
float: left;
padding: 10px 15px;
overflow: hidden;
color: #000;
}
.inRevBox{
background: #B3B3B4;
padding: 10px 15px;
}
/*=======================================================
Crystal Units page
=========================================================*/
.cuinMob {
display: none;
}
.cuWrap {
width: 100%;
margin: 0 auto;
overflow: hidden;
padding: 32px 30px 40px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.cuLeft {
width: 40%;
display: flex;
align-items: center;
justify-content: center;
}
.cuLeft img {
margin-bottom: 20px;
}
.cuRight {
width: 60%;
padding-left: 60px;
}
.cuRight h3 {
font-size: 36px;
text-align: left;
font-weight: 700;
line-height: 1.1;
}
.cuRight p {
text-align: left;
line-height: 1.5;
padding: 30px 0 20px;
}
.cuRight ul li {
font-size: 21px;
line-height: 1.5;
background: url(../images/dot.png);
background-position: left top 10px;
background-repeat: no-repeat;
background-size: 10px 10px;
padding-left: 30px;
}
.heatedgWrap h3 {
font-size: 36px;
text-align: left;
font-weight: 700;
line-height: 1.1;
}
.heatedgWrap p {
text-align: left;
line-height: 1.5;
}
.heatedgWrap ul {
padding: 60px 0;
}
.heatedgWrap ul li span {
font-size: 32px;
text-align: left;
display: block;
line-height: 1.1;
font-weight: 700;
}
.heatedgWrap ul li {
font-size: 24px;
text-align: left;
line-height: 1.5;
padding-bottom: 20px;
}
/*=======================================================
Template 1
=========================================================*/
.templTit {
width: 100%;
margin: 160px auto 30px;
overflow: hidden;
}
.templTit h1 {
font-size: 58px;
letter-spacing: 2px;
text-align: left;
font-weight: 300;
line-height: 1.1;
text-transform: capitalize;
}
.templ1Wrap {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding-bottom: 30px;
}
.templ1Left {
width: 40%;
}
.templ1Left img {
width: 100%;
}
.templ1Right {
width: 60%;
padding-left: 60px;
}
.templ1Right p{
text-align: left;
line-height: 1.5;
padding-bottom: 10px;
font-size: 21px;
}
ul.templList {
padding: 20px 0;
}
ul.templList li {
font-size: 21px;
background: url(../images/checkpom.png);
background-position: left top 10px;
background-repeat: no-repeat;
background-size: 20px 20px;
padding: 8px 0 8px 30px;
}
.templ1Box {
width: 100%;
margin: 60px auto;
overflow: hidden;
}
.templ1Box h2 {
font-size: 42px;
letter-spacing: 2px;
text-align: left;
font-weight: 300;
line-height: 1.1;
text-transform: capitalize;
padding: 0 0 20px 0;
}
.templ1Box p {
font-size: 21px;
}
.silpadtop {
padding-top: 60px;
}
/*=======================================================
STICKY footer
=========================================================*/
.outerSticky {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 2;
}
.stickyFooter {
/* background: #5da9df; */
background: #195A8A;
color: #fff;
padding: 10px 0;
}
.innerStickyFooter {
width: 90%;
margin: 0 auto;
overflow: hidden;
}
.centeringSticky {
width: 100%;
margin: 0 auto;
text-align: center;
}
.innerStickyFooter a img {
display: inline-block;
text-align: center;
vertical-align: middle;
}
.innerStickyFooter a p {
display: inline-block;
font: bold 44px Arial, sans-serif;
vertical-align: middle;
margin-left: 5px;
}
/* hidden header */
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden;
}
/* end hidden header */