::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .5); box-shadow: 0 0 1px rgba(255, 255, 255, .5); } body,html { width: 100%; height: 100%; margin: 0; padding: 0; background-color:#ffffff; font-family: 'nimbus-sans', sans-serif } ol, ul { list-style: none;} h1 { font-size:1.8em; margin:0% 0 1.5%;color:#000000; letter-spacing:-1px; font-weight:400; text-align:left; line-height: 1em; } .blogmain h1, .blogmain p {text-align:left; } /*h2 { font-size:2em; margin:0% 0 2%;color:#2299D1; letter-spacing:-2px; font-weight:400; text-align:left; }*/ h2 { font-size:1.6em; margin:0% 0 1%;color:#2299D1; letter-spacing:-1px; font-weight:400; text-align:left;line-height: 100%; } .half h2, .half p { text-align:center; } .half.alleft h2, .half.alleft p { text-align:left; } h2.shifted { width:85%; color:#000000} h3 { font-weight:400; line-height:1em; font-size:1.57em; margin:2% 0 2% ; color:#2299D1; letter-spacing:-1.5px; text-align:left;} h4 { font-weight:400; font-size:1.2em; margin:12px 0 0 0 ; color:#2299D1; letter-spacing:-1px;text-align:left; } .bluestrong {color: #2299D1; font-weight:900;} .imgleft{clear:left; float:left; width:30%; margin:0 3% 3% 0%} .imgright{clear:right; float:right; width:30%; margin:0 0% 3% 3%} h1,h2,h3,h4 { font-family: 'omnes-pro', sans-serif;font-weight: 600;font-style: normal;} h2 span {font-family: 'nimbus-sans', sans-serif; font-size:1.07em; font-weight: 100} .hphs {cursor: pointer; text-decoration: none!important} .hphs img{ padding-bottom: 20px;} .hphs h2{} .img-hover-zoom { height: auto; overflow: hidden; } .img-hover-zoom img { transform: scale(1.05); transition: transform .7s ease; } .img-hover-zoom:hover img { transform: scale(1.1);} .flexslider .slides li { position: relative; height: 320px; background-size: cover; background-position: center center; animation: shrink 5s infinite alternate;} .underflex {float:left; width:100%; height:auto; /*padding:1% 0% 7%;*/ padding:1.5% 0% 6%; background:#2299D1; color: #ffffff; text-align: center; font-size: 1.68em; line-height: 100%; letter-spacing: -1px; margin: 0% 0% 0; font-family: 'omnes-pro', sans-serif; font-weight: 600;} .underflex .uftitle {float:left; width:100%;padding:0; margin-top: 0.25vh; margin-bottom: 0.5vh;} .pullup {float:left; width:100%; background: #ffffff; line-height: 100%; letter-spacing: -1px; margin: -6% 0% 0 -3%; padding:3% ; } .flexslideroc{background: 0 0!important;border:0!important;margin:0px 0!important; } .flexslideroc .slides li{background:#fff;text-align:center; padding:30px; } @keyframes shrink { 0% { background-size: 105% auto; } 100% { background-size: 100% auto; } } .flex-direction-nav{display:auto!important} li.quoteslider {height:160px} li.quoteslider .quotes {float:left; width:100%; clear:both !important; text-align:left !important; height:105px !important; overflow: auto !important} .reviewsholder {float:left; width:100%;background:#cccccc; margin-top:2.5%; padding:2.5% 0 2.5% ;} .tsr-intro-img {float:left; width:100%;background:#ffffff url(images/the-think-sr-team2-2024.jpg) repeat-y; background-size: 50% auto; height:0px; padding-bottom:31%; } .tsr-intro {float:right; width:45%;padding:0% 0 0 0; color:#ffffff;} .clients-image {float:left; width:100%;background:#BC177B url(images/clients-image-2024.jpg) repeat-y; background-size: 50% auto; height:0px; padding-bottom:21% ; } .candidates-image {float:left; width:100%; background:#2299D1 url(images/candidates-image-2024.jpg) repeat-y right; background-size: 50% auto; height:0px; padding-bottom:21% } .infromright{float:right; width:47%;padding:3% 0 0 0; color:#ffffff} .infromleft {float:left; width:47%;padding:3% 0% 0 0; color:#ffffff} .popoverlay h3 {color: #56B2E4;} a.link {color: inherit; text-decoration: none;} hr {clear:both;border:0px; border-bottom:1px solid #ccc; margin:20px 0 20px 0} .spacer {padding-top:80px;} p{ color:#000000;/* font-size:1.4em;*/font-size:1.3em; margin:0px 0 2% 0; line-height:112%; letter-spacing:-0.5px; font-weight:300; text-align:left; font-family: 'nimbus-sans', sans-serif} td{ color:#333; font-size:1em;} strong {font-weight:600} .left {float:left} .right {float:right; } .half {float:left; width:48%; margin-right:4%; text-align: center; border:0px solid #333; box-sizing: border-box} .half:nth-of-type(even){ margin-right:0%; } .qhalf{clear:left;width:49%; float:left; height:auto; margin-bottom:2%; padding:3%; box-sizing: border-box} .qhalf:nth-of-type(even){ clear:none; width:49%; float:left; height:auto; margin-left:2%} .fa-15x { font-size: 1.5em; margin-right:5px;margin-left:5px;} table { border-collapse: collapse; width: 100%;} table td, table th { border: 0px solid #ddd; padding: 10px; font-family: 'nimbus-sans', sans-serif; } /*table tr:first-child{background-color: #2299D1;}*/ table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #2299D1; color: white; font-size: 1.4em; font-family: 'nimbus-sans', sans-serif; font-weight:400;} .megaphone {float:left;background: url(images/megaphone.png) no-repeat; height:0; width:46%; padding-bottom:39%; background-size: contain; margin:2% 0 7% 2%;-webkit-animation:zoomImg1 2s ;-moz-animation:zoomImg1 2s;-o-animation:zoomImg1 2s ;animation:zoomImg1 2s;} .megaspeech {float:right;margin-right:16%; overflow:hidden; width:36%; text-align:center; max-height:200px;} .megaspeech .big{line-height: 1em;text-align:center; font-size:4.3em; font-family: 'omnes-pro', sans-serif; letter-spacing: -4px;color:#2299D1;;-webkit-animation:zoomImg2 3s ;-moz-animation:zoomImg2 3s;-o-animation:zoomImg2 3s ;animation:zoomImg2 3s; } .megaspeech .sml {color:#000; text-align:center; font-size:2em; line-height: 1em; font-family: 'nimbus-sans', sans-serif; letter-spacing: -2px; font-weight: 100; ;-webkit-animation:zoomImg3 4s ;-moz-animation:zoomImg3 4s;-o-animation:zoomImg3 4s ;animation:zoomImg3 4s;} .megaspeech .sml2 {color:#000; text-align:center; font-size:1.5em; line-height: 1em; font-family: 'nimbus-sans', sans-serif; letter-spacing: -1px; font-weight: 100; ;-webkit-animation:zoomImg3 4s ;-moz-animation:zoomImg3 4s;-o-animation:zoomImg3 4s ;animation:zoomImg3 4s;} .megaspeech .sp {display: none; } .megaspeech .sp:first-of-type {display: block; } .spin {-webkit-animation:wobbleb4 2s ;-moz-animation:wobbleb4 2s;-o-animation:wobbleb4 2s ;animation:wobbleb4 2s;} @keyframes wobbleb4{ 0%{transform:scale(1);} 20%{transform:scale(0.8) rotate(-18deg) } 30%{transform:scale(1) rotate(0deg)} 100%{transform:scale(1.0)} } .splitflap {margin-top:12% !important; margin-left:-11%;-webkit-animation:zoomImg1 1s ;-moz-animation:zoomImg1 1s;-o-animation:zoomImg1 1s ;animation:zoomImg1 1s; } .splitflap .char {margin-right:9% !important; } .scrleft {left:0px; top:240px;position:absolute; } .scrright{ right:0px;; top:30px;position:absolute; } .jobs-header { color:#BC177B; height:49px; overflow:hidden} .news-header {color:#2299D1; height:49px; overflow:hidden} .jobs-info, .news-info { height:80px; overflow:hidden } a.button, a.button:hover {text-decoration: none;} .button{ display: inline-block; text-decoration: none; font-size:1.1em; letter-spacing: -0.5px; padding: 6px 15px; background: #000000; color: #ffffff !important; border-radius: 5px; width:auto; font-family: 'omnes-pro', sans-serif; transition: 0.75s } .button.blue {background: #2299D1; border:2px solid #2299D1; } .button.pink {background: #BC177B; border:2px solid #BC177B;} .button.overclr {background: #ffffff ; border:2px solid #ffffff; color:#111111 !important; margin-top:2%; } .button.overclr:hover{ border:2px solid #ffffff; background:transparent!important; color:#ffffff !important; text-decoration: none; box-sizing: border-box;} .button.blue:hover{ border:2px solid #2299D1; background:#ffffff; color:#2299D1 !important; text-decoration: none; box-sizing: border-box;} .button.pink:hover{ border:2px solid #BC177B; background:#ffffff; color:#BC177B !important; text-decoration: none; box-sizing: border-box;} a.enquiry{-webkit-animation:zoomImg 3s infinite;-moz-animation:zoomImg 3s infinite;-o-animation:zoomImg 3s infinite;animation:zoomImg 3s infinite;} @keyframes zoomImg{ 0%{transform:scale(1.0);} 10%{transform:scale(0.95); } 20%{transform:scale(1.0);transform:rotate(3deg)} 30%{transform:scale(0.95);} 40%{transform:scale(1.0);transform:rotate(-3deg);} 50%{transform:scale(0.95);} 60%{transform:scale(1.0);transform:rotate(3deg) } 70%{transform:scale(0.95);} 80%{transform:scale(1.0);transform:rotate(-3deg) } 90%{transform:scale(0.95); } 100%{transform:scale(1.0); } } @keyframes zoomImg1{ 0%{transform:scale(0.0); opacity:0.0} 20%{transform:scale(0.0) rotate(-30deg); opacity:0.0; } 30%{transform:scale(1.0) rotate(0deg); opacity:1} 100%{transform:scale(1.0); opacity:1} } @keyframes zoomImg2{ 0%{transform:scale(0.0); opacity:0.0} 30%{transform:scale(0.0) rotate(-30deg); opacity:0.0; } 40%{transform:scale(1.0) rotate(0deg); opacity:1} 100%{transform:scale(1.0); opacity:1} } @keyframes zoomImg3{ 0%{transform:scale(0.0); opacity:0.0} 40%{transform:scale(0.0) rotate(30deg); opacity:0.0; } 50%{transform:scale(1.0) rotate(0deg); opacity:1} 100%{transform:scale(1.0); opacity:1} } @keyframes zoomImg4{ 0%{ opacity:0.0} 50%{transform:translate(-50px,0px) ; opacity:0.0; } 80%{transform:translate(0px,0px) ; opacity:1} 100%{ opacity:1} } .fadeIn1{ animation-delay: 1s; animation: fadein 1s forwards;} .fadeIn2{ animation-delay: 3s; animation: fadein 3s forwards;} .fadeIn3{ animation-delay: 5s; animation: fadein 5s forwards;} @keyframes fadein { 0%{ opacity:0;/* transform:scale(0.0) */} 100%{ opacity:1; /*transform:scale(1.0) */} } #cform fieldset{margin:0% 0% 0%;padding:0;border:0px;width:100%;position:relative;} #cform input{float:left;color:#000000;background-color:#eeeeee;width:100%;margin:0 0 24px 0%;border:0px solid #000000;padding:10px;box-sizing:border-box;font-family: 'nimbus-sans', sans-serif;font-weight:100; font-size:1.2em;border-radius:5px;} #cform .lt{float:left;width:47.5%;} #cform .rt{float:right;width:47.5%;} #cform select{float:left;color:#000;background-color:#eeeeee;height:44px;width:100%;margin:0 0 24px 0%;border:0px solid #000000;padding:10px;box-sizing:border-box;font-family: 'nimbus-sans', sans-serif;font-size:1.2em;border-radius:5px;font-weight:100; } #cform textarea{float:left;color:#000;background-color:#eeeeee;width:100%;height:200px;margin:0 0 24px 0;border:0px solid #000000;box-sizing:border-box;padding:10px;font-family: 'nimbus-sans', sans-serif;font-size:1.2em;border-radius:5px;font-weight:100; } #cform .btn {float:left;clear:both;text-decoration: none;} #cform .btn{background: #2299D1; border:3px solid #2299D1; display: inline-block; text-decoration: none; font-size:1.5em; letter-spacing: -1px; padding: 6px 20px; color: #ffffff !important; border-radius: 5px; width:auto; font-family: 'omnes-pro', sans-serif; transition: 0.75s; } #cform .btn:hover{ border:3px solid #2299D1; background:#ffffff; color:#2299D1 !important; text-decoration: none; box-sizing: border-box;} .alert {float:left; width:100%; background:#cc0000; color:#ffffff; padding:10px 15px; margin-bottom: 6px; box-sizing: border-box; font-size: 1.25em; font-weight: bold; border-radius: 5px;} #cform fieldset label{float:left;width:100%;margin:5px 0 5px;font-size:1.4em;color:#000000; text-align: left; font-family: 'nimbus-sans', sans-serif;font-weight:400; } #cform .showf{display:none;} /* PINK #BC177B BLUE #2299D1 */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } *:first-child+html .clearfix { zoom: 1; } h2.blog { font-size:1.7em; margin:0px 0 0 0px;color:#2299D1; letter-spacing:-1px; text-align:left; line-height:100%} .clear {clear:both; } .holder {margin:0px auto; max-width:960px; position:relative!important; z-index:11; clear:both;} .holder:before, .holder:after { content: "\0020"; display: block; height: 0; overflow: hidden;} .holder:after { clear: both;} .fullholder {width:100%;} .fullholder .holder {margin:0px auto 0;} #header { width:100%; background-color:#fff; position:relative; z-index:79999;/*border-top:12px solid #2299D1; */margin-top:0px; } #header.smaller {position:fixed; border-top:0px solid #ccc; margin-top:0px; box-shadow: 0 4px 5px -5px gray;} #header .logo { float:left; width:15%; /*width:17%; */ margin-right:0;height:auto;margin-top:25px;margin-bottom:25px; position:relative; z-index:999;} #header .logo span {display:none} #header .logo img.orig{ display:none;width:100%} #header .logo img.wb{ display:block;width:100%} #header .logo .fadeIn3{ position:absolute; top:0px; left:72px;width:5px; height:5px; opacity:0; background:transparent; border-radius: 50%; border:4px solid #394595; } #header .logo .fadeIn2{ position:absolute; top:14px; left:73px;width:2px; height:2px; opacity:0; background:transparent; border-radius: 50%;border:2px solid #394595; } #header .logo .fadeIn1{ position:absolute; top:21px; left:78px;width:1px; height:1px; opacity:0; background:transparent; border-radius: 50%;border:1.15px solid #394595; } .footer .socials{ float:right;margin-left:6%; margin-top:6%} .phone-contact-h { width:100%; color:#000000 !important; font-family: 'ff-cocon-pro', sans-serif;font-size: 1.5em;} .second { margin-top: 6px; margin-bottom: -5px;} .phone-contact-h span span{color: #2299D1; } .phone-contact-h span span {color: #BC177B; margin-right:6px;; } .phone-contact-h span {color:#000000 } .footer .fb {color: #3B5998 !important;} /* FB */ .footer .tw {color: #1DA1F2 ;} /* FB */ .footer .li {color: #0077B5;} /* FB */ .num {margin-top:10px;display: inline-block;} #header .contactinfo {width:75%; float:right; margin:2% 0 0px 0%; line-height:1.5em; font-size:1.15em; text-align:right; letter-spacing: -2px; color:#000000} #header .contactinfo a{ text-decoration:none; } #header .contactinfo a.btn{overflow: hidden; border:3px solid #ffffff; display: inline-block; font-size:1.25em; letter-spacing: -1px; padding: 7px 15px; background: #ffffff; text-decoration: none; color: #ffffff; margin: 0% auto 0%; border-radius: 5px; position: relative; /*width:auto;*/ font-family: 'omnes-pro', sans-serif; transition: 0.3s; font-weight:600; } #header .contactinfo a.btn:nth-of-type(2){margin-left:5%;} #header .contactinfo a.btn span{font-family: 'nimbus-sans', sans-serif; font-size:1.07em; font-weight: 100} #header .contactinfo a.btn:hover{ border:3px solid #ffffff; background:transparent; color:#ffffff !important; text-decoration: none; box-sizing: border-box;} #header .contactinfo a.btn:hover:before{opacity: 1; transform: translate(0,0);} #header .contactinfo a.btn:before{ content: attr(data-hover); color:#ffffff; position: absolute; left: 0; /*width: 100%; */ width:190px !important; opacity: 0; transform: translate(-100%,0); transition: all .3s ease-in-out;} #header .contactinfo a.btn:hover div{opacity: 0; transform: translate(100%,0)} #header .contactinfo a.btn div{ transition: all .3s ease-in-out;} #header .contactinfo a.btn {float:left; border-color:#BC177B; background:#BC177B; text-align:center;} #header .contactinfo a.btn:hover { border-color:#BC177B;} #header .contactinfo a.btn:before{ color:#BC177B; } #header .contactinfo a.btn:nth-of-type(2) { border-color:#2299D1; background:#2299D1} #header .contactinfo a.btn:nth-of-type(2):hover { border-color:#2299D1;background:#fff} #header .contactinfo a.btn:nth-of-type(2):before{ color:#2299D1;; } .gradient { background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background: linear-gradient(-45deg, #0091D2, #364187, #583C81, #803074, #B01066); animation: gradient 10s ease infinite;background-size: 400% 400%; } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .email-contact-h{float:left; width:100%; color:#000000 !important;font-size: 1em; } .phone-disable { pointer-events: none; cursor: default ; } .social-contact-h { width:auto; color:#000000 !important;} .phone-contact-h i {display: none} .masthead{clear:both; margin-bottom:2%; margin-top:0%; position:relative; z-index:9999; padding: 2% 0 ; /*background:#2299D1 !important*/} .masthead .holder{position:relative;z-index:11; text-align: center} .masthead .holder .title{float:left;width:100%;color:#ffffff;font-size:1.7em;line-height:100%;letter-spacing:-1px;margin:0% 0% 0;text-align:center; font-family: 'omnes-pro', sans-serif; font-weight:600} .masthead .holder .htitle{float:left;width:100%;color:#ffffff;font-size:2em;line-height:100%;letter-spacing:-1px;margin:0% 0% 0;text-align:center; font-family: 'omnes-pro', sans-serif; font-weight:600;} .masthead .holder .hstrapline{float:left;width:100%;color:#ffffff;font-size:1.4em; font-weight: 100; line-height:100%;letter-spacing:-0.5px;margin:2% 0% 0;text-align:center; font-family: 'nimbus-sans', sans-serif;} .masthead .holder .title2{float:left;width:100%;color:#ffffff;font-size:2.2em;line-height:90%;letter-spacing:-0.5px;margin:0% 0;text-align:center; font-family: 'omnes-pro', sans-serif; font-weight: 600;} .masthead .holder .subtitle{float:left;width:90%;color:#ffffff;font-size:1.4em; font-weight:100;line-height:90%;;letter-spacing:-0.5px;margin:1% 5% 0;text-align:center; font-family: 'nimbus-sans', sans-serif;} .masthead .holder a{overflow: hidden; border:3px solid #ffffff; display: inline-block; font-size:1.8em;/* font-size:2.2em;*/ letter-spacing: -1px; padding: 10px 28px; background: #ffffff; text-decoration: none; color: #000000; margin: 3% auto 0%; border-radius: 5px; position: relative; width:auto; font-family: 'omnes-pro', sans-serif; transition: 0.3s; font-weight:600; } .masthead .holder a:nth-of-type(2){margin-left:5%;} .masthead .holder a span{font-family: 'nimbus-sans', sans-serif; font-size:1.07em; font-weight: 100} .masthead .holder a:hover{ border:3px solid #ffffff; background:transparent; color:#ffffff !important; text-decoration: none; box-sizing: border-box;} .masthead .holder a:hover:before{opacity: 1; transform: translate(0,0);} .masthead .holder a:before{ content: attr(data-hover); color:#ffffff; position: absolute; left: 0; width: 100%; opacity: 0; transform: translate(-100%,0); transition: all .3s ease-in-out;} .masthead .holder a:hover div{opacity: 0; transform: translate(100%,0)} .masthead .holder a div{ transition: all .3s ease-in-out;} .searchbar{clear:both; margin-bottom:1.5%; position:relative; z-index:9999; padding: 2% 0; background: rgb(25,158,221) !important; background: -moz-linear-gradient(left, rgba(25,158,221,1) 0%, rgba(59,74,150,1) 25%, rgba(96,68,143,1) 50%, rgba(139,53,129,1) 75%, rgba(182,11,112,1) 100%)!important; background: -webkit-linear-gradient(left, rgba(25,158,221,1) 0%,rgba(59,74,150,1) 25%,rgba(96,68,143,1) 50%,rgba(139,53,129,1) 75%,rgba(182,11,112,1) 100%)!important; background: linear-gradient(to right, rgba(25,158,221,1) 0%,rgba(59,74,150,1) 25%,rgba(96,68,143,1) 50%,rgba(139,53,129,1) 75%,rgba(182,11,112,1) 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#199edd', endColorstr='#b60b70',GradientType=1 )!important; } .searchbar .holder{position:relative;z-index:11; text-align: left} .searchbar .holder .title{float:left;width:100%;color:#ffffff;font-size:1.7em;line-height:125%;letter-spacing:-1px;margin:0% 0% 0;text-align:center; font-family: 'omnes-pro', sans-serif; font-weight:600} .searchbar button{float:right; overflow: hidden; border:3px solid #ffffff; display: inline-block; font-size:1.5em; line-height: 1em; letter-spacing: -1px; height:37px; padding: 0px 18px; background: transparent; text-decoration: none; color: #000000; margin: 0% auto 0%; border-radius: 5px; position: relative; width:auto; font-weight:400; font-family: 'omnes-pro', sans-serif; transition: 0.3s } .searchbar button:hover{ border:3px solid #ffffff; background:transparent; color:#ffffff !important; text-decoration: none; box-sizing: border-box;} .searchbar button:hover:before{opacity: 1; transform: translate(0,0);} .searchbar button:before{ content: attr(data-hover); color:#ffffff; position: absolute; left: 0; width: 100%; opacity: 0; transform: translate(-100%,0); transition: all .3s ease-in-out;} .searchbar button:hover div{opacity: 0; transform: translate(100%,0)} .searchbar button div{ transition: all .3s ease-in-out;} h2.areas { font-size:2.4em; margin:2% 0 1%;color:#ffffff; letter-spacing:-2px; font-weight:400; text-align:center; } ul.arealists { font-size:1.6em; margin:0% 0 6%;} ul.arealists li {margin:-1% 0 0%;color:#ffffff !important; width:100%; letter-spacing: -1px;font-family: 'omnes-pro', sans-serif;} ul.arealists li:after{ content: ''; width: 0px; height: 2px; display: block; background: #ffffff; transition: 0.3s;} [data-letters]:before { content: attr(data-letters); display: inline-block; font-size: 1.8em; font-weight: 400; width: 1.8em; height: 1.8em; line-height: 1.8em; text-align: center; border-radius: 50%; background: #2299D1; vertical-align: middle; margin-right: 0.5em; color:#ffffff; ; font-family: 'omnes-pro', sans-serif;} [data-letters]:nth-of-type(1):before { background: #BC177B !important;} [data-letters]:nth-of-type(2):before { background: #BC177B !important;} [data-letters]:nth-of-type(3):before { background: #2299D1 !important;} [data-letters]:nth-of-type(4):before { background: #6F99D1 !important;} [data-letters]:nth-of-type(5):before { background: #8883C5 !important;} [data-letters]:nth-of-type(6):before { background: #A16EB9 !important;} [data-letters]:nth-of-type(7):before { background: #B55BAE !important;} [data-letters]:nth-of-type(8):before { background: #BC177B !important;} .teammember { position: relative; width: 100%; margin:10% 0% 10% 0; border-radius:00%; overflow: hidden} .image { display: block; width: 100%; height: auto;border-radius:0%; } .overlay { -webkit-animation:bounceReveal 2s infinite; position: absolute; bottom: 0; left: 0; right: 0; background-color: #2299D1; overflow: hidden; width: 100%; height: 10%; transition: .5s ease; border-radius:0%; text-align: center; color: #ffffff;} .teammember:hover .overlay { height: 100%; -webkit-animation:none} .text a { opacity:0; text-decoration: none; color:#ffffff; transition: 0.5s} .teammember:hover .text a {opacity:1; } .text { color:#ffffff; font-family: 'omnes-pro', sans-serif; font-size: 1.7em; letter-spacing:-1px;line-height: 1em; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; text-align:center;} .qtr p.teaminfo {margin:12px 0 -6px -10px; text-align: left !important} .qtr p.teaminfo i {color: #444 ; width:44px;width:30px;} .teamindent {margin-left:13%;} .teamindent2 {margin-left:25.5%;} p.teaminfo a {color:#000000 !important; font-weight:400 !important} p.teaminfo .fa-circle {color: #ccc ;} p.teaminfo span {margin-right:10px;margin-right:0px;} h3.teamname {text-align:left !important; color: #000000; } h4.teamrole {margin:0px 0 20px 0; font-size:1.3em;text-align:left !important; color: #BC177B; line-height: 100%} .popoverlay { display:none; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(86,178,228,0.8); z-index:999999; } .popoverlay .block { position:relative;width:50%; height:auto; margin: 12% auto 0px; padding:30px;background-color:#ffffff;border-radius: 5px;} .closepopup {display:inline-block; cursor:pointer; color:#000000; font-weight:bold; position:absolute; top:30px;right:30px; font-size:1.6em; } blockquote { clear:both; color: #2299D1; margin: 0 3.5em 0; padding: 0; font-size: 1.4em; position: relative; text-align: center; line-height: 110%; z-index: 1; letter-spacing:-1px;font-weight: 100;} blockquote:before, blockquote:after { display: block; font-family: 'omnes-pro', sans-serif; font-weight: bold; font-size: 5em; position: absolute;} blockquote:before { padding-left: 5px; content: "\201C"; left: -0.7em; top: 0.1em; color: #BC177B; z-index: -1; } blockquote:after { padding-right: 10px; content: "\201D"; right: -0.7em; bottom: 0.1em; color: #BC177B; z-index: -1;} blockquote cite { color: #000000; font-size: 0.9em; margin-top: .8em; font-style: normal; display: block;letter-spacing:-1px;font-weight: 100;} blockquote.wfu { clear:both; color: #2299D1; margin: 0 0em 0; padding: 0; font-size: 1.4em; position: relative; text-align: center; line-height: 110%; z-index: 1; letter-spacing:-1px;font-weight: 100;} blockquote.wfu:before, blockquote.wfu:after { display: none; font-family: 'omnes-pro', sans-serif; font-weight: bold; font-size: 5em; position: absolute;} blockquote.wfu:before { padding-left: 5px; content: "\201C"; left: -0.7em; top: 0.1em; color: #ffffff; z-index: -1; } blockquote.wfu:after { padding-right: 10px; content: "\201D"; right: -0.7em; bottom: 0.1em; color: #ffffff; z-index: -1;} blockquote.wfu cite { color: #000000; font-size: 0.9em; margin-top: .8em; font-style: normal; display: block;letter-spacing:-1px;font-weight: 100;} .otro-blockquote{ float:left; width:100%; display: flex; position: relative; box-sizing: border-box; margin:2% 0 1%;} .otro-blockquote .qimage { width:33%; flex:1; background-size: cover !important; background-position: center center } .otro-blockquote .quote { font-size: 1.15em; width:67%; margin:0% 0 0% 0%; letter-spacing:-0.5em; color: #000000; padding:1.2em 75px 1.2em 75px; border-right:12px solid #2299D1 ; line-height:1.2; position: relative; background:#EDEDED; text-align: left; box-sizing: border-box; font-weight: 300; letter-spacing: -0.5px; } .otro-blockquote .quote::before{ font-family:Arial; content: "\201C"; color:#BC177B; font-size:4em; position: absolute; left: 15px; top:15px;} .otro-blockquote .quote::after{ font-family:Arial; content: "\201D"; color:#BC177B; font-size:4em; position: absolute; right: 35px; bottom:-10px;bottom:-40px;} .otro-blockquote .quote span{ display:block; color:#333333; font-style: normal; font-weight: bold; margin-top:1em;} .otro-blockquote.leftq , .otro-blockquote.rightq { clear:both; width:100%; float:left; margin:0 4% 3% 0 } .otro-blockquote.rightq { margin:0 0% 3% 0 } .otro-blockquote.leftq .quote, .otro-blockquote.rightq .quote { width:100%; } .otro-blockquote .glogo {float:right; width:48px !important; margin: 0 -50px 0 20px; } @keyframes bounceReveal{ 0%{margin-bottom: -15%} 15%{margin-bottom: -15% } 50%{margin-bottom: -5%; background: #BC177B;} 85%{margin-bottom: -15% } 100%{margin-bottom: -15%} } .flex-prev,.flex-next { font-size: 0;} .bgslide{background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0;background-position:center top;} .box { float:left; width:31.33%; margin-right:3%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center !important } .box p{ text-align: center !important } .box h2{ text-align: center !important;} .box:nth-of-type(1) h2{ color:#2299D1} .box:nth-of-type(2) h2{ color:#6C4F9A} .box:nth-of-type(3) h2{ color:#BC177B} .box h3{ text-align: center !important;} .box:nth-of-type(3n){margin-right:0%;} .box:nth-of-type(3n+1){clear:both} .box img{width:40%; margin:3% 30%;} .box em{color:#ccc; padding-bottom: 15px; } .qtr { float:left; /* width:23.5%; margin-right:2%; */width:21.25%; margin-right:5%; margin-bottom:4%; height:auto; box-sizing: border-box; } .qtr:nth-of-type(4n){margin-right:0%;} .qtr:nth-of-type(4n+1){clear:both;} .qtr h3{ text-align: center ; font-size:1.4em !important } .qtr img{width:100%; } .qtr.txt {margin-bottom:1%;} .qtr.txt h3 {color:#000000; letter-spacing:-1px;;} .teamrev h3{ text-align: center ; font-size:1.7em !important } .teamrev img{width:100%; margin: 0% 0%;} .boxrev img {width:30% !important;margin:1% 35% 0; } .boxrev p {text-align: justify !important } .section { clear: both; padding: 0px; margin: 0px;} .col { display: block; float:left; margin: 1% 0 1% 2.4%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#ffffff; padding:0%; overflow:hidden;} .tsr-intro p a, .mainholder p a, .mainholder2 p a, .maintextbox p a, .blogmain p a, .blogcats a, .mainholder ul li a, .mainholder2 ul li a{ display: inline-block;text-decoration:none; color:#2299D1 !important; } .tsr-intro p a:after, .mainholder p a:after, .mainholder2 p a:after, .maintextbox p a:after, .blogmain p a:after, .blogcats a:after, .mainholder ul li a:after, .mainholder2 ul li a:after{ content: ''; width: 0px; height: 2px; display: block; background: #BC177B; transition: 0.3s;} .tsr-intro p a:hover:after, .mainholder p a:hover:after, .mainholder2 p a:hover:after, .maintextbox p a:hover:after, .blogmain p a:hover:after, .blogcats a:hover:after, .mainholder ul li a:hover:after, .mainholder2 ul li a:hover:after{ width: 100%;} .maintextbox {clear:left;float:left; width:65.5%; margin:0% 0 0;height:auto;color:#000; text-align:left; background-color:#fff; padding:0 } .maintextbox p, .mainholder p, .mainholder2 p{color:#000; } .mainholder, .mainholder2 {clear:left;float:left; width:100%; margin:1% 0 0;height:auto;color:#000; text-align:left; padding: 0} /*SECOND LEVEL SETUP*/ p a.button {/*font-size:1.3em !important;*/ line-height: 120% !important; color:#ffffff !important } p a.button:hover {color:#BC177B !important } p a.button:after{ content: ''; width: 0px; height: 0px !important; display: none !important; background: #BC177B; transition: 0.3s;} .sidebar { width:31%;float:right; margin:0% 0 0 0 ; } .sidebar .box, .sidebar .box2 {float:left; width:100%; margin:0 0% 10% 0%; height:auto; background-color: #fff; padding: 0 0 5% 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;} .sidebar img { width:100%} .sidebar h2 {width:100%; margin:0 0 0% 0} .sidebar .box .btn ,.sidebar .box2 .btn, .sidebar .box p, .sidebar .box2 p { color: #000; padding:0 10%} .mainholder ul,.mainholder2 ul ,.maintextbox ul ,.maintextbox ol , .sidebar ul {padding:0px 0% 0; list-style-position: outside !important;} .mainholder ul li , .mainholder2 ul li , .maintextbox ul li , .sidebar ul li , .blogmain ul li{ text-align: left; list-style-type: none;background: none;padding-left: 10px;line-height:120%; margin:2% 0 1% 0.5em;font-weight:100; font-size:1.3em; letter-spacing: -0.5px; font-family: 'nimbus-sans', sans-serif; color:#000000} .mainholder ol li , .mainholder2 ol li , .maintextbox ol li , .sidebar ol li , .blogmain ol li{ text-align: left; list-style-type: none;background: none;padding-left: 0px;line-height:120%; margin:2% 0 1% 0.5em;font-weight:100; font-size:1.3em; letter-spacing: -1px; font-family: 'nimbus-sans', sans-serif; color:#000000 } .mainholder ul li ul li:before, .mainholder2 ul li ul li:before, .mainholder2 ul li:before, .mainholder ul li:before, .maintextbox ul li ul li:before, .maintextbox ul li:before, .sidebar ul li:before, .blogmain ul li:before { content: "•"; color:#BC177B; display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em;} .maintextbox ol li:before, .sidebar ol li:before, .blogmain ol li:before { content: "•"; color:#BC177B; display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em;} .mainholder ul li ul li , .mainholder2 ul li ul li , .maintextbox ul li ul li { list-style-type: none; background: url('') no-repeat top left;padding-left: 30px;line-height:1.0em; margin:2% 0 0 0% !important; font-size:1.0em; } .maintextbox ol li {list-style-type: default; padding-left: 30px;line-height:1em; margin:2% 0 0 0%;font-weight:normal; font-size:1em; } .sidebar ul li {padding-left: 30px;} .maintextbox ul li a, .sidebar ul li a{ color:#000000; font-weight:normal;} .maintextbox ul li a, .sidebar ul li a:hover{text-decoration:underline !important; } #map {float:left; width: 100%; height: 360px;} .showf {display:none; } a.cat:hover h2 {font-size:1.7em; } /* FLIP */ .flip-card { background-color: transparent; width: 100%; border: 0px solid #f1f1f1; perspective: 1000px; object-fit: cover; aspect-ratio: 1 / 0.75;} .qtr .flip-card { aspect-ratio: 1 / 1.55;} .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d;} .flip-card img{margin:0px!important; object-fit: cover; width: 100%; aspect-ratio: 1 / 0.75;} .qtr .flip-card img{margin:0px!important; object-fit: cover; width: 100%; aspect-ratio: 1 / 1.55;} .flip-card:hover .flip-card-inner { transform: rotateY(180deg);} .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .flip-card-front { background-color: #BC177B; padding:10% 0; box-sizing: border-box; } .flip-card-back { aspect-ratio: 1 / 0.75; background-color: #2299D1; color: white; transform: rotateY(180deg); object-fit: cover; width: 100%; padding:10%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .qtr .flip-card-back { aspect-ratio: 1 / 1.55; background-color: #2299D1; color: white; transform: rotateY(180deg); object-fit: cover; width: 100%; padding:10%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .flip-card-front h2, .flip-card-front em{ color:#ffffff !important; text-align: center !important; } .flip-card-front em{ margin-top:0.25em;margin-right: -0.25em; } .flip-card-back h2, .flip-card-back p {display: block !important; color:#ffffff !important; text-align: center !important; } .flip-card-front h2 {font-size:1.45em !important;} .flip-card-back h2 {font-size:1.35em !important;} .qtr .flip-card-front em { margin-top: 1em;} .box:nth-of-type(1) .flip-card-front{ background:#2299D1;} .box:nth-of-type(2) .flip-card-front{ background:#254F94;} .box:nth-of-type(3) .flip-card-front{ background:#483E84;} .box:nth-of-type(4) .flip-card-front{ background:#67377C;} .box:nth-of-type(5) .flip-card-front{ background:#8A2A71;} .box:nth-of-type(6) .flip-card-front{ background:#BC177B;} .box:nth-of-type(1) .flip-card-back{ background:#2299D1;} .box:nth-of-type(2) .flip-card-back{ background:#254F94;} .box:nth-of-type(3) .flip-card-back{ background:#483E84;} .box:nth-of-type(4) .flip-card-back{ background:#67377C;} .box:nth-of-type(5) .flip-card-back{ background:#8A2A71;} .box:nth-of-type(6) .flip-card-back{ background:#BC177B;} .qtr:nth-of-type(1) .flip-card-front{ background:#2299D1;} .qtr:nth-of-type(2) .flip-card-front{ background:#254F94;} .qtr:nth-of-type(3) .flip-card-front{ background:#8A2A71;} .qtr:nth-of-type(4) .flip-card-front{ background:#BC177B;} .qtr:nth-of-type(1) .flip-card-back{ background:#2299D1;} .qtr:nth-of-type(2) .flip-card-back{ background:#254F94;} .qtr:nth-of-type(3) .flip-card-back{ background:#8A2A71;} .qtr:nth-of-type(4) .flip-card-back{ background:#BC177B;} /* FLIP */ .qtrflippink {background:#BC177B !important;} .countdownholder {float:left; width:100%; padding:2.5% 0 3%;} .cd1, .cd3 {width:33%;float:left;} .cd2 {width:34%;float:left;} .count1, .count2, .count3{width:100%;float:left; color:#ffffff; font-family: 'omnes-pro', sans-serif; font-weight: 600; font-style: normal; text-align:center; font-size:2.2em; } .countfor1, .countfor2, .countfor3{ width:100%;float:left; color:#ffffff; text-align:center; font-size:1.4em;font-weight: 400; letter-spacing: -1px; } .vacsearch select{margin-left:30px; float:left; height:37px; text-indent: 6px; font-size:1.3em; background:white; border-radius:0px; color:#545454; border: 0px; font-weight:300; font-family: 'ff-cocon-pro', sans-serif;} .vacsearch .spotlight{ /*width:18%;*/width:26%;float:left;} .vacsearch select:nth-of-type(2){ width:18%; } .vacsearch select:nth-of-type(3){ width:17%; } .vacsearch button{ } .chosen-container {float:left; /*width: 18% !important; */width: 26% !important; margin-left: 30px; float: left; height: 37px !important; text-indent: 6px; font-size: 1.3em !important; background: white; border-radius: 0px; color: #545454; border: 0px; font-weight: 300; font-family: 'ff-cocon-pro', sans-serif;} /* BLOG STUFF */ ul.blog {padding:10px 0% 0} .blogmain {float:left;width:74%; } .blogcats {float:right;width:24%; } .blogmain a, .blogcats a {/*color:#000000; */} .portal {width:100%; background:#eee; padding:10%; box-sizing:border-box; margin-bottom:10%; border-radius:8px; text-align: center } .portal h2 { font-size: 1.7em; margin: 0% 0 2%; color: #000000; text-align: left} .portal p, .portal li{ text-align: left} .portal a.btn{overflow: hidden; border:3px solid #BC177B; text-decoration:none!important; display: inline-block; font-size:1.5em; line-height: 1em; letter-spacing: -1px;font-weight: 600; height:auto; padding: 8px 18px; background: transparent; color: #000000; margin: 4% auto 0%; border-radius: 5px; position: relative; width:auto; font-family: 'omnes-pro', sans-serif; transition: 0.3s } .portal a.btn:hover{ border:3px solid #BC177B; background:#BC177B; color:#ffffff !important; text-decoration: none!important; box-sizing: border-box;} .portal a.btn:after{ content:none; } .portal a.btn:hover:after{ content:none; width: 0%;} .portal fieldset{margin:0% 0% 0%;padding:0;border:0px;width:100%;position:relative;} .portal input{float:left;color:#000000;background-color:#ffffff;width:100%;margin:10px 0 18px 0%;border:0px solid #000000;padding:8px;box-sizing:border-box;font-family: 'nimbus-sans', sans-serif;font-weight:100; font-size:1.2em;border-radius:5px;} .portal fieldset .btn{background: #BC177B; border:3px solid #BC177B; display: inline-block; text-decoration: none; font-size:1.5em; letter-spacing: -1px; padding: 6px 15px; color: #ffffff !important; border-radius: 5px; width:auto; font-family: 'omnes-pro', sans-serif; transition: 0.75s } .portal fieldset .btn:hover{ border:3px solid #BC177B; background:#ffffff; color:#BC177B !important; text-decoration: none; box-sizing: border-box;} .listing {clear:both; float:left; width:100%; margin:0% 0% 5% 0%; height:auto; } .listing div {float:left; width:72.5%; margin:0% 0 0%; height:auto; } .listing img {float:left; width:25%; border: 0; margin:0% 2.5% 0% 0%;} .listing h2 {float:right; color:#BC177B ; width:100%; margin:0 0 3% 0%; text-align:left;font-size:1.9em; line-height: 1em;} .listing p{ float:right;width:100%; margin:0% 0 3% 0%; text-align:left; } .listing p.date{float:right;width:100%; margin:-1% 0 2% 0%; text-align:left; color:#aaa} .listing a.button{ margin-left:0%;} .blogbox{background:#eeeeee;border:3px solid #eeeeee;box-sizing:border-box;border-radius:8px;padding:0px;} .blogbox .padder{width:100%;float:left;padding:15px; box-sizing:border-box;background:#ffffff} .blogbox .bimage{float:left; width:100%; height:0; padding-bottom:66%; background-color: #ffffff; background-position: center center; background-repeat: no-repeat ; background-size:contain} .blogbox .textbox{padding:15px;} .blogbox .textbox h2{margin:15px 0;float:left;width:100%;height:50px; letter-spacing: -1px;/*height:50px;*/text-align:left !important;font-size:1.4em;/*font-size:1.5em;*/line-height:1em;overflow:hidden;} .blogbox .textbox h2 a{color:#2299D1; text-decoration: none} .blogbox .textbox p{clear:both;text-align:left !important;height:95px;overflow:hidden;} .blogbox .textbox a.btn{float:right; margin:10px 0px 15px 0; font-size: 1.2em; /* padding: 2px 10px;*/} a.blogbox {color:inherit} /* VACANCIES STUFF */ .joblisting h3 {clear:both;float:left; color:#2299D1 ; margin:0 0 0.5%; display:inline } .joblisting p.added {clear:left;float:left;color:#000000; font-weight: 600; margin-bottom:1%; font-family: 'omnes-pro', sans-serif;; display:inline } .joblisting p.jinfo {float:right; color:#000000; font-weight: 600; font-family: 'omnes-pro', sans-serif; text-align:right; } .joblisting p.jsum {clear:both; } .joblisting .jobsumm {width:100%; } .joblisting .button {float:right; margin: -2% 0 4% 0} /* PINK #BC177B BLUE #2299D1 */ .pagination {text-align:center ; font-weight:bold; width:auto; margin-top:0px;margin-bottom:30px;margin-right:0px;} .pagination a{background:#2299D1; color:#ffffff !important; font-weight:bold; margin:0 0px 9px 10px; text-align:center; border:0px solid #aaaaaa; padding:5px 7px; border-radius:3px; text-decoration: none} .pagination a.selected{background:#BC177B; color:#ffffff !important; font-weight:bold; margin:0 0px 9px 10px; text-align:center; border:0px solid #aaaaaa; padding:5px 7px; border-radius:3px;} .jobbox .jtype{text-align:left; font-weight: 600; font-family: 'omnes-pro', sans-serif;;} .jobbox .loc{text-align:left;font-weight: 600; font-family: 'omnes-pro', sans-serif;;} .jobbox .sal{text-align:right; font-weight: 600;font-family: 'omnes-pro', sans-serif;;} .jobbox .ref{ text-align:right;font-weight: 600; font-family: 'omnes-pro', sans-serif;;} .jobbox .date{text-align:right; font-weight: 600;font-family: 'omnes-pro', sans-serif;;} .candreqs {float:left; clear:both; border-radius:8px;border: 3px solid #BC177B; margin:2% 0 ; padding:0 2% 2% ; box-sizing: border-box; width:100%} /* @media only screen and (min-width : 0px) and (max-width : 1440px){ .holder { max-width: 1270px!important; } .scrleft {opacity:1} .scrright{ opacity:1} } */ #footerholder {clear:both; width:100%; color:#242121; background:#EDEDED; font-family: 'nimbus-sans', sans-serif; letter-spacing: -1px; padding:2% 0 0%; margin-top:2%;} #footerholder .footer { width:100%; font-size:1.15em; font-weight:100; margin:0px auto; } #footerholder .fqtr { float:left; width:25%; height:auto; box-sizing: border-box; } #footerholder .fqtr:nth-of-type(1){width:29%; } #footerholder .fqtr:nth-of-type(2){ width:21%; } #footerholder .fqtr:nth-of-type(3){ width:38%; } #footerholder .fqtr:nth-of-type(4){ width:12%; text-align: right ;} #footerholder .fqtr p{color:#242121; text-align: left; font-size:1em;} #footerholder .rec{ } #footerholder .rec img{float: left; width:58px; margin: 2px 18px 0px 0px; padding:10px; background:#ffffff;} #footerholder ul {list-style: none} #footerholder .logo {width:100%; float:right; text-align: right; } #footerholder .logo img { width:100%} #footerholder .footer a { color: #242121;font-weight:100;;text-decoration:none; } #footerholder .footer a:hover { color: #242121; text-decoration:underline } #basefooter {font-size:1.1em;width:100%; color:#ffffff; background:#2299D1 ; padding:0px 0; } #basefooter .holder {padding:10px 0;} #basefooter .holder div {width: 33%;float:left; text-align:left; font-weight:300; letter-spacing:0} #basefooter .holder div:nth-of-type(2) {width: 34%;float:left; text-align:center} #basefooter .holder div:last-of-type {width: 33%;float:right; text-align:left} #basefooter .holder a { color:#ffffff; text-decoration: none} #basefooter svg {height:32px;width:auto; margin:0px 0 -12px 3px } .now-design-logo { fill:#ffffff ; } a.newbtn{background: #2299D1; border:3px solid #2299D1; display: inline-block; text-decoration: none; font-size:1.5em; letter-spacing: -1px; padding: 6px 20px; color: #ffffff !important; border-radius: 5px; width:auto; font-family: 'omnes-pro', sans-serif; transition: 0.75s } a.newbtn:hover{border:3px solid #2299D1; background:#ffffff; color:#2299D1 !important; text-decoration: none; box-sizing: border-box;} a.junbtn{background: #BC177B; border:3px solid #BC177B; display: inline-block; text-decoration: none !important; font-size:1.3em; letter-spacing: -1px; padding: 10px 30px; color: #ffffff !important; border-radius: 5px; width:auto; font-family: 'omnes-pro', sans-serif; transition: 0.75s } a.junbtn:hover{border:3px solid #2299D1; background:#2299D1; text-decoration: none !important; box-sizing: border-box;} a.junbtn:after{text-decoration: none !important;} @media (min-width: 1370px){ /* LARGER SCREEN SETUP ONLY */ .holder { max-width: 1170px!important; } .phone-contact-h { font-size: 2.0em;} .flexslider .slides li { position: relative; height: 480px; background-size: cover; background-position: center center;} .underflex {float:left; width:100%; height:auto; padding:1.5% 0% 6.5%; font-size: 2em; line-height: 100%; letter-spacing: -1px; margin: 0% 0% 0; font-family: 'omnes-pro', sans-serif; font-weight: 600;} h1 { font-size:2.0em;} h2 { font-size:1.7em;} li.quoteslider {height:180px} li.quoteslider .quotes {float:left; width:100%; clear:both !important; text-align:left !important; height:115px !important; overflow: auto !important} .flip-card { aspect-ratio: 1 / 0.65;} .flip-card img{ aspect-ratio: 1 / 0.65;} .flip-card-back { aspect-ratio: 1 / 0.65; } .otro-blockquote .quote { font-size: 1.3em; } } /* @media (min-width: 1600px){ .holder { max-width: 1440px!important; } } */ @media (max-width: 1370px){ .mainholder ul li , .mainholder2 ul li , .maintextbox ul li , .sidebar ul li , .blogmain ul li, .mainholder ol li , .mainholder2 ol li , .maintextbox ol li , .sidebar ol li , .blogmain ol li, p, .flexslideroc ul li p{ font-size:1.12em; } } @media (max-width: 1280px){ .holder { max-width: 960px!important; } #header .logo img.orig{ display:block;width:100%} #header .logo img.wb{ display:none; width:100%} #header .logo .fadeIn3{ display:none;} #header .logo .fadeIn2{ display:none; } #header .logo .fadeIn1{ display:none; } .scrleft {display:none; opacity:0.3} .scrright{display:none; opacity:0.5} #footerholder .footer { font-size:0.97em; } } @media only screen and (min-width : 0px) and (max-width : 991px){ .holder {width:90%;font-size:1em; padding:0 5%} #header { width:100%; margin:0px; height:auto;;padding:0px ;position:fixed !important; z-index: 99999999;top:0px; border-top:0px solid #ccc; margin-top:0px; box-shadow: 0 4px 5px -5px gray;} #header .holder{ width:100%; margin:0px;padding:15px 0;} #header .logo {width:15%; margin: 0px 0 0 3%} #header .logo img{ height:auto; width:100%; } #header .contactinfo { float:right; margin:-2px 60px 0 0px;font-size:16px; line-height:24px !important; } .footer .socials{float:none; margin:3%; } .footer .socials .fa-1x{font-size:1.5em; } .masthead { margin-top:68px; padding:5% 0} .searchbar { margin-top:68px;} .masthead .holder .htitle { font-size: 1.65em;} .megaphone { width: 48%; padding-bottom: 32%; margin: 15% 0 17% 2%;} .megaspeech { margin-right: 2%;} .megaspeech .big {font-size: 4em; } .flexslider {position:absolute;top: 120px !important; margin-bottom: 120px !important } .flex-direction-nav { /*display: none!important; */} .jobs-info, .news-info { height: 95px;} .teaminfo span {display:none} p.teaminfo {margin: 5px 0 5px 0; text-align: center;} .phone-contact-h span { } .email-contact-h span { } .phone-disable { pointer-events: auto; cursor: default; } #header a.enquiry{float:right; margin:5px 76px 0 0; padding:10px 10px !important; font-size:20px; line-height:20px !important; } #header .topnav {display:none; } .videoholder {height:263px; border:0px; margin-top:-30px;margin-bottom:0px; width:100%; } #footerholder {clear:both; width:100%; color:#333333; padding-bottom:15px; } #footerholder .footer { width:100%; font-size:1.0em; line-height:140%; font-weight:normal; margin:0px auto; padding:10px 0 0;} #footerholder .fqtr { float:left; height:auto; box-sizing: border-box; } #footerholder .fqtr:nth-of-type(1){width:50%; } #footerholder .fqtr:nth-of-type(2){ width:50%; } #footerholder .fqtr:nth-of-type(3){ width:100%; } #footerholder .fqtr:nth-of-type(4){ width:100%;; text-align: center ;} #footerholder .fqtr p, #footerholder .fqtr li{color:#fff; text-align: center;} #footerholder .rec p { text-align: center} #footerholder .rec { text-align: center;} #footerholder .rec img{float: none; width:58px; margin: 2px auto 0px auto; padding:10px; background:#ffffff;} #footerholder .logo img { width:20%; margin:10px 40%} #basefooter {width:100%; padding:6px 0} #basefooter .holder a {} .mainholder img,.mainholder2 img{width:100%; height:auto ; padding:0 0%; } .fullholder {clear:both; width:100%; background-color: #fff; padding:0% 0; margin:0 0 0% 0;height:auto; } .fullholder .holder {margin:0; } .maintextbox, .sidebar {clear:left;float:left; width:100%; margin:0% 0% 3%;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 0%} .maintextbox h2, .mainholder h2,.mainholder2 h2 { } .maintextbox p, .mainholder p, .mainholder2 p{color:#000; } .maintextbox a, .mainholder a, .sidebar a { text-decoration:none;} .maintextbox a:hover, .mainholder a:hover, .mainholder2 a:hover, .sidebar a:hover {text-decoration:underline;} .mainholder,.mainholder2 {clear:left;float:left; width:100%; height:auto; text-align:left; padding:0 0%; margin:1.5% 0} .blogmain {float:none; width:100%; } .blogcats {display:none;float:none; width:100%;} .listing {clear:both; float:none; width:100%; margin:0%; height:auto;} .listing img {float:right; width:100%; border: 0px;margin:0 0 3% 0%;} .listing h2 {float:left;width:100%; margin:0 0 3% 0%; text-align:left;} .listing p{float:left;width:100%; margin:-1% 0 5% 0%; text-align:left} .listing p.date{float:left;width:100%; margin:-2% 0 2% 0%; text-align:left; font-weight:bold} .blogbox .textbox h2{font-size:2.6vw !important;line-height:2.8vw !important;} .sixth { float:left; width:32%; margin-right:2%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center !important } .sixth:nth-of-type(3n){margin-right:0%;} .sixth:nth-of-type(3n+1){clear:both;} .sixth p br {display:none} .megaphone {width:50%; padding-bottom:48.5%; background-size: contain; margin:15% 0 7% 2%;} .megaspeech {float:right;margin-right:0%; margin-top:10%; margin-bottom: 26%;} .megaspeech .big{line-height: 1em; font-size:5em; letter-spacing: -4px;} .megaspeech .sml {font-size:2em; line-height: 1em; letter-spacing: -2px;} } @media only screen and (min-width : 0px) and (max-width : 644px){ .flexslideroc { padding: 0 0px;} .flexslideroc3 { padding: 0 30px; } .reviewsholder {float:left; width:100%;background:#cccccc; margin-top:2.5%; padding:5% 0 ;} .tsr-intro-img {float:left; width:100%;background:#ffffff url(images/the-think-sr-team2.jpg) repeat-y; background-size: 100% auto; background-repeat: no-repeat; height:auto; padding-bottom:0; } .tsr-intro {clear:both;float:right; width:100%;padding:68% 0 0 0; color:#ffffff;} .clients-image {float:left; width:100%;background:#BC177B url(images/clients-image-2024.jpg) repeat-y; background-size: 100% auto; background-repeat: no-repeat; height:auto; padding-bottom:0; } .candidates-image {float:left; width:100%; background:#2299D1 url(images/candidates-image-2024.jpg) repeat-y right; background-size: 100% auto; background-repeat: no-repeat; height:auto; padding-bottom:0; } .infromright{float:right; width:100%;padding:63% 0 7% 0;; color:#ffffff;} .infromleft {float:left; width:100%;padding:63% 0 7% 0;; color:#ffffff;} .underflex .uftitle {font-size:1.3em !important; line-height: 90%} .searchbar {margin-bottom: 5%;padding: 5% 0; } .vacsearch select{margin:0 0 15px 0; float:left; height:auto; padding: 10px; border-radius: 5px; font-size:1.2em; color:#545454; border: 0px; font-weight:300; font-family: 'ff-cocon-pro', sans-serif;} .vacsearch select:nth-of-type(1) {margin-top:10px; width:100%; } .vacsearch select:nth-of-type(2){ width:100%; } .vacsearch select:nth-of-type(3){ width:100%; } .vacsearch button{ } .joblisting p.jinfo {clear:both; float: left; text-align: left; margin:10px 0 0 0;line-height: 112%;} .joblisting .button { float: right; margin: -2% 0 12% 0;} .jobbox .sal {text-align: left;} .jobbox .ref {text-align: left;} .masthead .holder .title2 { font-size: 1.7em; } .masthead .holder .subtitle { font-size: 1.2em; } .countdownholder {float:left; width:100%; padding:3% 0 5%;} .cd1, .cd3 {width:100%;float:left;padding:3% 0;} .cd2 {width:100%;float:left;padding:3% 0;} .count1, .count2, .count3{width:100%;float:left; color:#ffffff; font-family: 'omnes-pro', sans-serif; font-weight: 600; font-style: normal; text-align:center; font-size:3em; } .countfor1, .countfor2, .countfor3{ width:100%;float:left; color:#ffffff; text-align:center; font-size:1.3em;font-weight: 400; letter-spacing: -1px; } .countfor1 br, .countfor2 br , .countfor3 br{ display: none; } .flip-card { aspect-ratio: 1 / 0.5;} .flip-card-front { padding: 3.5% 0; } .qf {width:100% !important; margin: 0 0 5% 0 !important } .qf:nth-of-type(1) {margin-top: 3% !important } .qtr .flip-card { aspect-ratio: 1 / 0.75;} .qtr .flip-card-front { padding: 3.5% 0; } .teamindent {margin-left:0%;} .teamindent2 {margin-left:0%;} .scrleft {display:none} .scrright{ display:none} .half {float:left; width:100%; margin-right:0%; /*margin-bottom:5%*/} .half:nth-of-type(even){ margin-right:0%; } .qhalf{clear:left;width:100%; float:left; height:auto; margin-bottom:2%; padding:3%; box-sizing: border-box} .qhalf:nth-of-type(even){ clear:none; width:100%; float:left; height:auto; margin-left:2%} .box { float:left; width:100%; margin-right:0%; margin-bottom:5%; } .box:nth-of-type(3n){margin-right:0%;} .masthead { margin-top:68px; padding:6% 5%} .masthead .holder .htitle {margin-bottom:5% } .masthead .holder .hstrapline {display:none; } .masthead .holder a{font-size:1.8em; padding: 8px 24px; } .masthead .holder a:nth-of-type(2) {margin-left: 0% !important;} .masthead .holder .hstrapline {margin-left: 0% !important;} .nomob {display:none !important} .flexslider { position: absolute; top: 68px !important; } .flexslider .slides li { position: relative; height: 160px; animation:none;} .flexslider {position:absolute;top: 68px !important; margin-bottom: 68px !important } .underflex { float: left; width: 100%; height: auto; padding: 3% 2%; background: #2299D1; color: #ffffff; text-align: center; font-size: 1.15em; font-weight: 600; box-sizing: border-box; } .pullup {float:left; width:100%; background: #ffffff; line-height: 100%; letter-spacing: -1px; margin: 3% 0% 0 0%; padding:3%; box-sizing: border-box } #header .contactinfo { margin-right: 60px !important; width: 54%; float: right; } #header .contactinfo a{ display:none !important; width:auto ; } #header .contactinfo a.btn {padding: 7px 12px;} #header .contactinfo a.btn:nth-of-type(1) {/*display: none !important;*/ width:52px !important; float: none; padding: 7px 10px 7px 9px;} #header .contactinfo a.btn:nth-of-type(2) {/*display: none !important;*/ width:32px !important; float: none; padding: 7px 10px 7px 9px;} #header .contactinfo a.btn div{ display:none} #header .contactinfo a.btn:nth-of-type(1)::before { display:block; position:relative; color:#ffffff !important; content: attr(data-alttext); opacity:1; left:auto; width:35px !important; transform: none} #header .contactinfo a.btn:nth-of-type(2)::before { display:block; position:relative; color:#ffffff !important; content: attr(data-alttext); opacity:1; left:auto; width:35px !important; transform: none} .otro-blockquote{ float:left; width:100%; display: flex; position: relative; box-sizing: border-box; margin:2% 0 1% !important;} .otro-blockquote .qimage {display:none; width:33%; flex:1; background-size: cover !important; background-position: center center } .otro-blockquote .quote { font-size: 1.15em; width:100%; margin:0% 0 0% 0%; color: #000000; padding:1.2em 40px 1.2em 50px; border-right:12px solid #2299D1 ;line-height:1.2; position: relative; background:#EDEDED; text-align: left; box-sizing: border-box; font-weight: 300; letter-spacing: -0.5px;} .otro-blockquote .quote::after { right: 15px; } .otro-blockquote .glogo {float:right; width:48px !important; margin: 0 -20px 0 20px; } #header a.enquiry{width:auto; margin:5px 5px 0 0} #header a.enquiry span{ display:none; } .phone-contact-h {float: right; height:36px; width:36px;padding-left:20px; margin-right:0px;margin-top:5px; } .email-contact-h{ display:none; clear:right !important;height:36px; width:36px;padding-left:0px; margin-right:0px;margin-top:2px;} .social-contact-h{ height:36px; width:36px;padding-left:0px; margin-right:0px;margin-top:2px;} .phone-contact-h div, .email-contact-h span, .social-contact-h span{ display:none} .phone-contact-h span span {color:#000000; margin-right: 10px; } .phone-contact-h { display: flex; height:30px; width:auto;padding-left:0px; margin-right:0px;margin-top:0px; font-size: 1.1em;} .phone-contact-h i { display: block; font-size: 1.6em; margin: 9px 2px 0 17px; color: #2299D1;} .socials { display:none} #header .tagline{ display:none} .social-contact-h i {float:left} .email-contact-h i {display:inline-block} #cform .lt{float:left;width:100%;} #cform .rt{float:right;width:100%;} #contactfooter .holder { width:94%; margin:0 3% 1% 3%; background:none;} #contactfooter .thanks {float:left; width:100%; font-size:1.0em; font-weight:600; letter-spacing:-1px;margin:12px 0 3% 0%;} #contactfooter .thanks .title {margin-bottom:10px;} #contactfooter .thanks img {width:100%; margin-top:-10px; } #contactfooter .info {float:right; width:100%; text-align:center; color:#333;font-size:0.9em; line-height:1.2em; margin:0px 0 20px; } #contactfooter .holder .qtr {width:100%; text-align:center;margin:0px 0 10px } #contactfooter p {line-height:1.2em; margin:0px 0 10px; text-align:center} .videoholder {height:283px; border:0px; margin-top:-50px;margin-bottom:0px; width:100%; } blockquote { color: #2299D1; margin: 0 2em 0; padding: 0; font-size: 1.4em; position: relative; text-align: center; line-height: 110%; z-index: 1; letter-spacing:-1px;font-weight: 100;} blockquote:before, blockquote:after { display: block; font-family: 'omnes-pro', sans-serif; font-weight: bold; font-size: 3em; position: absolute;} blockquote:before { padding-left: 5px; content: "\201C"; left: -0.7em; top: 0.1em; color: #BC177B; z-index: -1; } blockquote:after { padding-right: 10px; content: "\201D"; right: -0.7em; bottom: 0.1em; color: #BC177B; z-index: -1;} blockquote cite { color: #000000; font-size: 0.9em; margin-top: .8em; font-style: normal; display: block;letter-spacing:-1px;font-weight: 100;} .qtr { float:left; width:47.5%; margin-right:5%; height:auto; box-sizing: border-box; } .qtr:nth-of-type(2n){margin-right:0%;} .qtr:nth-of-type(4n){margin-right:0%;} .qtr p.teaminfo { margin: 6px 0 -6px 0px !important; } .qtr h4.teamrole {margin: 0px 0 10px 0; } .flex-direction-nav a { background: #ffffff; padding: 10px; width:auto !important; height: auto !important; box-sizing: border-box; } .popoverlay .block { position:relative;width:80%; height:auto; margin: 30% auto 0px; padding:30px;background-color:#ffffff;border-radius: 5px; box-sizing: border-box} } @media only screen and (min-width : 0px) and (max-width : 568px){ .full {width:100%; margin:8% 0} .full i{font-size:2em;} #header { width:100%; margin:0px; height:70px;padding:0px; background:#ffffff;} #header .holder{ width:100%; margin:0px;padding:15px 0;} #header .logo {/*width:90px;*/ width: 23%; margin: -5px 0 0 5%} #header .logo img{ height:auto; width:100%; } .email-contact-h{clear:right !important;height:30px; width:30px;padding-left:0px; margin-right:0px;margin-top:5px;} .social-contact-h{ display:none; } .formleft {display:none;width:100%; float:left;} .formleft h1{width:50%; float:left;} .formleft img{width:50%; float:right;} .formright {width:100%; float:right;} .uploadform {width:100%!important; margin: 6px 0% 0 !important;} .uploadform button {width:100%!important; margin: 6px 0% 0 !important;} a.sendbtn3{width:100%!important; margin: 6px 0% 0 !important;} .sixth { float:left; width:49%; margin-right:2%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center !important } .sixth:nth-of-type(2n){margin-right:0%;} .sixth{clear:none !important;} .sixth:nth-of-type(2n+1){clear:both;} .sixth p br, .sixth p {display:none} .mainvid{ width:100%;margin:3% 0% !important;} .recentbags {display:none} #footerholder {clear:both; width:100%; color:#333333; padding-bottom:15px; } #footerholder .footer { width:100%; font-size:1.0em; line-height:140%; font-weight:normal; margin:0px auto; padding:10px 0 0;} #footerholder .fqtr { float:left; height:auto; box-sizing: border-box; margin:1% 0 } #footerholder .fqtr:nth-of-type(1){width:100%; } #footerholder .fqtr:nth-of-type(2){ width:100%; } #footerholder .fqtr:nth-of-type(3){ width:100%; } #footerholder .fqtr:nth-of-type(4){ width:100%;; text-align: center ;} #footerholder .fqtr p, #footerholder .fqtr li{color:#fff; text-align: center;} #footerholder .rec p { text-align: center} #footerholder .rec { text-align: center;} #footerholder .rec img{float: none; width:58px; margin: 2px auto 0px auto; padding:10px; background:#ffffff;} #footerholder .logo img { width:40%; margin:10px 30%} #basefooter .holder {font-size:1em;} #basefooter .holder div {width: 100% !important;float:left; text-align:center; font-weight:300; } #basefooter .holder div a {font-weight:300;text-align:center } #basefooter .holder div:last-of-type {width: 100%;float:right; text-align:center} .blogbox .textbox h2{font-size:1.6em !important;line-height:100% !important; height:auto;} .blogbox .textbox p { height:auto;} .megaphone {width:50%; padding-bottom:48.5%; background-size: contain; margin:15% 0 7% 2%;} .megaspeech {float:right;margin-right:0%; margin-top:10%; margin-bottom: 0%;} .megaspeech .big{line-height: 1em; font-size:5em; letter-spacing: -4px;} .megaspeech .sml {font-size:2em; line-height: 1em; letter-spacing: -2px;} .masthead .holder .title { font-size: 1.4em;line-height: 100%;} .masthead .holder a { font-size: 1.4em; padding: 6px 18px;} } /* TYPICAL SMALL TABLET SIZING FROm 640 to 480 */ @media only screen and (min-width : 0px) and (max-width : 644px){ .col { margin: 2.4% 1.2% 0% 0%; } /* NEEDS FIFIXNG */ .small_quote {width: 100%; height:auto; padding-bottom:1%; margin: 0% 1.2% 1.2% 0%;} h1 {text-align:center; font-size:1.9em !important; } h2 {text-align:center; font-size:1.7em !important; } } /* GRID */ @media only screen and (min-width : 644px) and (max-width : 991px){ h1 {font-size: 4.1vw !important;line-height:3.4vw !important;} h2 { font-size:4.1vw!important;line-height:1.2em!important;} }