/* Theme Name: Sydney Brouwer Author: Sydney Brouwer Tags: Black, White, Gray, Blue, Orange, Responsive, Fixed Width Description: Sydney Brouwer theme for Wordpress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. version: 21.12.18 */ /* Global css */ * { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; box-sizing: border-box; -webkit-box-sizing: border-box; } html, body { width: 100%; font-size: 20px; color: #454545; font-family: 'Open Sans', sans-serif;background: #fff; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } [href^="tel"] { cursor: text; text-decoration: none; } [href^="tel"]:hover { } *::-webkit-input-placeholder{ opacity: 1; line-height: 27px; color: #0032c9;} *::-moz-placeholder{ opacity: 1; line-height: 27px; color: #0032c9; } *:-ms-input-placeholder{ opacity: 1; line-height: 27px; color: #0032c9;} .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } input, textarea { font-weight: 400; transition: all 0.3s; -webkit-transition: all 0.3s; font-family: 'Open Sans', sans-serif;} input:focus, textarea:focus, button:focus { outline: none; } /* common */ a { color: #0033cb; text-decoration: none; outline: none; transition: all 0.3s; -webkit-transition: all 0.3s; } a:hover { color: #30b1c4; } img { border: 0px; outline: none; display: inline-block; max-width: 100%; height: auto; } ul { list-style: none; margin: 0px; } .clear { clear: both; overflow: hidden; } p { line-height: 29px; font-size: 19px; padding-bottom: 30px; } h1, h2, h3, h4, h5, h6 { margin: 20px 0; margin-bottom: 20px; font-family: 'Open Sans', sans-serif; font-weight: 700; } h1, .h1 { font-size: 47px; line-height: 1.2; } h2, .h2 { font-size: 36px; line-height: 1.2; } h3, .h3 { font-size: 28px; } h4, .h4 { font-size: 20px;} h5, .h5 { font-size: 20px; } h6, .h6 { font-size: 18px; } .field, .wpcf7-text, textarea { } textarea { padding: 10px; height: 100px; resize: none; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } img.alignleft { float: left; margin: 0 1em 1em 0;} img.alignright {float: right; margin: 0 0 1em 1em; } .button { padding: 15px 41px; display: inline-block; line-height: 30px; border: 0; color: #fff; font-size: 20px; background: #0033cc; border-radius: 4px; height: 62px; min-width: 210px; font-family: 'Open Sans', sans-serif; font-weight: 400;transition: unset;letter-spacing: .4px; position: relative; } .button:after { content:""; background: url('./images/arrow-icon.png')no-repeat; width: 12px; height: 12px; position: relative; top: 0px; right: -11px; display: inline-block; } .button:hover {background: #f06d43; color: #fff} .centering { width: 100%; max-width: 1315px; margin: 0 auto; position: relative; padding: 0 15px;} .d-flex{display:flex;flex-wrap:wrap;} .d-justify{justify-content: space-between;} .d-align{align-items: center;} .custom-wrapper{max-width:100%;overflow:hidden; background: #fbfbfc;} .custom-container{max-width:1200px;padding:0px 15px;margin: 0 auto;width: 100%;} /* ### wrapper ### */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; } /* ### main container ### */ #mainCntr { width: 100%; overflow: hidden;} #contentCntr {width: 100%; overflow: hidden; } /* headerCntr */ #headerCntr { padding: 38px 0 0; width: 100%;position: absolute; top: 0; left: 0; right: 0; z-index: 999; } .mobileMenu { display: none; } #headerCntr .centering { max-width: 1200px; display: flex; justify-content: space-between; align-items: center} #headerCntr .logo { float: left; } /*#nav { float: left; margin-left: 130px;}*/ #nav ul {list-style: none; } #nav ul li { display: inline-block; padding: 10px 14px; } #nav ul li a { font-size: 18px; line-height: 30px; color: #fff; font-weight: 700; transition: all ease-in-out .2s; position: relative; } #nav ul li a:hover,#nav ul li.current-menu-item a { color: #f07343; } #nav ul li.current-menu-item a:after { content:""; background: url('./images/color-arrow-icon.png')no-repeat; width: 12px; height: 12px; position: absolute; left: -3px; right: 0; margin:0 auto; bottom: -18px; display: inline-block; } #headerCntr a.viewmore { background: rgb(240,110,67); background: linear-gradient(90deg, rgba(240,110,67,1) 0%, rgba(240,129,67,1) 35%, rgba(241,166,67,1) 100%); font-size: 18px; line-height: 30px; color: #fff; font-weight: 700; min-width: 220px; min-height: 60px; border-radius: 4px; display: inline-block; padding: 14px 35px; letter-spacing: .5px; position: relative; } #headerCntr a.viewmore:after { content:""; background: url('./images/arrow-icon.png')no-repeat; width: 12px; height: 12px; position: relative; top: 0px; right: -10px; display: inline-block; } #headerCntr a.viewmore:hover { background: #0033cc; } #headerCntr .language { background: url('./images/language-icon.png')no-repeat; background-size: contain; width: 31px; height: 31px; display: inline-block; position: absolute; right: 15px; top: 15px; } /* bannerBox */ .bannerBox { width: 100%; float: left; min-height: 914px; position: relative; background-size: cover; background-image:url('https://www.sydneybrouwer.nl/wp-content/uploads/2020/12/Retail-Conference-2018-219-1024x683-2.jpg') } .bannerBox:after { content: ""; position: absolute; left: 0; right: 0; width: 100%;top: 0; background: rgba(0,51,204,.34); height: 100%; } .bannerBox .banner-caption { width: 765px; position: absolute; top: 14.5em; right: 72px; z-index: 11; text-align: right} .bannerBox .banner-caption p { padding: 0 0 10px; font-size: 20px; line-height: 32px; color: #fff; font-weight: 400; letter-spacing: .35px; } .bannerBox .banner-caption p strong { background: rgb(240,110,67); background: linear-gradient(90deg, rgba(240,110,67,1) 0%, rgba(240,129,67,1) 35%, rgba(241,166,67,1) 100%); border-radius: 4px; padding: 0 5px; font-weight: 400; } .bannerBox .banner-caption h1 { margin: 0px 0 51px; font-size: 60px; line-height: 68px; color:#fff; font-family: 'Gibson'; font-weight: 600; } .bannerBox.newhome { min-height: 864px; } .bannerBox.newhome .banner-caption { text-align: center; max-width: 960px; left: 50%; transform: translateX(-50%); width: 100%; top: 12.7em; } .bannerBox.newhome .banner-caption h1 { font-size: 76px; line-height: 106px; letter-spacing: -0.01em; } /* book-sydney */ .book-sydney { width: 100%; float: left; } .book-sydney .bsydney-block { width: 100%; max-width: 1172px; background: #fff; border-radius: 8px; display: flex; flex-wrap: wrap; padding: 34px 34px 53px 39px; margin: -90px auto 0; box-shadow: 0px 0px 44px -6px rgba(0,0,0,.1); position: relative; z-index: 9;} .book-sydney .centering { position: relative; } .book-sydney .centering:after { content:""; background: url('./images/over-layer-img.png')no-repeat; width: 366px; height: 379px; position: absolute; left: 22px; bottom: -45px;} .book-sydney .bsydney-block .left { width: 31%; margin-right: 50px;} .book-sydney .bsydney-block .right { width: calc( 66% - 50px);} .book-sydney .bsydney-block .right iframe { width: 100%; height: 100%} .book-sydney .bsydney-block h2 { margin: 0 0 17px; font-size: 52px; line-height: 1.3; color: #181b31; font-weight: 600; font-family: 'Gibson'; position: relative;} @media(min-width: 992px){ .book-sydney .bsydney-block h2{ padding-right: 30px; } .book-sydney .bsydney-block h2:after { content: ''; width: 150px; height: 69px; background-image: url("./images/Vector84.png"); position: absolute; right: -64px; top: -7px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } } .book-sydney .bsydney-block p { font-size: 18px; color: #899097; line-height: 1.7; font-weight: 400; letter-spacing: .5px; padding-bottom: 27px; } .book-sydney .bsydney-block ul { list-style: none; margin-bottom: 45px;} .book-sydney .bsydney-block ul li { font-size: 23px; line-height: 36px; color: #ffffff; font-weight: 400; font-family: 'Gibson'; position: relative; } .book-sydney .bsydney-block ul li a{ color: #fff; } .book-sydney .bsydney-block ul li strong { background: rgb(240,110,67); background: linear-gradient(90deg, rgba(240,110,67,1) 0%, rgba(240,129,67,1) 35%, rgba(241,166,67,1) 100%); border-radius: 4px; font-weight: 400; padding: 3px 9px 2px 9px; } .book-sydney .bsydney-block ul li strong:before { content:""; background: url('./images/arrow-icon.png')no-repeat; width: 12px; height: 12px; position: relative; top: 0px; left: -4px; display: inline-block; } .book-sydney .bsydney-block a.button { padding: 15px 34px 15px 25px; box-shadow: 0 30px 43px 0px #eaebffa6; } /* book-services */ .book-services { width: 100%; float: left; margin-top: 163px; } .book-services .services-block { width: 100%; max-width: 1172px; background: #fff; border-radius: 10px; display: flex; flex-wrap: wrap; padding: 38px 40px 53px 45px; margin: -90px auto 0; box-shadow: 0px 0px 44px -6px rgba(0,0,0,.1); position: relative; z-index: 9; } .book-services .services-block .services-list { width: 32%; margin-right: 1%;} .book-services11 .services-block .services-list:nth-child(2n){ margin-right: 0; width: 33%; } .book-services .services-block .services-list .img { float: left; width: 100%; text-align: center;} .book-services .services-block .services-list .text { padding: 2px 0 0; float: right; width: 100%; } .book-services .services-block h2 { padding: 2px 0 0; margin:0 0 6px;font-size: 30px; line-height: 36px; color: #0033cc; font-weight: 600; font-family: 'Gibson'; letter-spacing: .5px;} .book-services .services-block h2.heading { margin: 0 0 35px; font-size: 48px; line-height: 56px; color: #181b31; font-weight: 600; font-family: 'Gibson'; text-align: center; width: 100%; } .book-services .services-block p { padding: 0 0 10px; font-size: 19px; line-height: 28px; color: #899097; font-family: 'NeueHaasUnicaW1G'; letter-spacing: .5px; max-width: 300px;} .book-services .services-block a.link { font-size: 18px; line-height: 30px; color: #3740ff; font-family: 'NeueHaasUnicaW1G'; position: relative; letter-spacing: .5px;} .book-services .services-block a.link:after { content:""; background: url('./images/arrow-icon-blue.png')no-repeat; display: inline-block; width: 12px; height: 12px; right: -6px; top: 3px; position: relative; } .book-services .centering { position: relative; } .book-services .centering:after { content:""; background: url('./images/over-layer-img.png')no-repeat; width: 366px; height: 379px; position: absolute; right: 0px; bottom: -7px;} /* over-sydney */ .over-sydney { width: 100%; padding: 77px 0 93px; float: left; } .over-sydney.newhome { padding: 31px 0 98px; } .over-sydney .over-block { width: 100%; display: flex; flex-wrap: wrap; max-width: 1222px; margin:0 auto; position: relative; left: 35px;} .over-sydney .over-block .left { width: 48.5%;} .over-sydney .over-block .right { width: 51%;} .over-sydney .over-block .right img { border-radius: 8px; position: relative; z-index: 9; } .over-sydney .over-block .right .over-img { position: relative; width: 100%; max-width: 564px; } .over-sydney .over-block .right .over-img:after { content:""; background: url('./images/over-layer-img.png')no-repeat; width: 366px; height: 379px; position: absolute; right: -45px; bottom: -30px;} .over-sydney .over-block h5 { margin: 20px 0 15px; font-size: 14px; font-weight: 600; font-family: 'Gibson'; color: #f07843; text-transform: uppercase; letter-spacing: .5px;} .over-sydney .over-block h2 { padding: 2px 0 0; margin:0 0 24px; font-size: 36px; line-height: 32px; color: #181b31; font-weight: 600; font-family: 'Gibson'; letter-spacing: .5px; } .over-sydney .over-block p { padding: 0 0 25px; font-size: 20px; line-height: 32px; color: #899097; font-family: 'NeueHaasUnicaW1G'; letter-spacing: .5px; font-weight: 400;} .over-sydney .over-block a.link { font-size: 18px; line-height: 30px; color: #3740ff; font-family: 'NeueHaasUnicaW1G'; position: relative; letter-spacing: .5px;} .over-sydney .over-block a.link:after { content:""; background: url('./images/arrow-icon-blue.png')no-repeat; display: inline-block; width: 12px; height: 12px; right: -8px; top: 3px; position: relative; transition: all ease-in-out .5s;} .over-sydney .over-block a.link:hover:after { right: -15px;} .over-sydney .over-block p strong, #content-part p strong, #content-part ul li strong, #content-part ol li strong { background: rgb(240,110,67); background: linear-gradient(90deg, rgba(240,110,67,1) 0%, rgba(240,129,67,1) 35%, rgba(241,166,67,1) 100%); border-radius: 4px; font-weight: 400; padding: 3px 5px 2px 5px; color: #fff; } #content-part p strong a, #content-part ul li strong a, #content-part ol li strong a{color: white;} .over-sydney .text { padding: 30px 0 0; width: 100%; max-width: 576px; } /* see-sydney */ .see-sydney { width: 100%; overflow: hidden; background: #0033cc; padding: 75px 0 80px; } .see-sydney.inpiratie { margin-top: 60px; } .see-sydney .seesydney-block { width: 100%; display: flex; flex-wrap: wrap; position: relative; left: 55px;} .see-sydney .seesydney-block .left { width: 60%;} .see-sydney .seesydney-block .right { width: 40%;} .see-sydney .seesydney-block .video-list { width: 100%; position: relative; } .see-sydney .seesydney-block .video-list:after { content:""; background: url('./images/over-layer-img3.png')no-repeat; width:366px; height: 379px; position: absolute; left: -61px; top: 310px;} .see-sydney .seesydney-block .video-list:before { content:""; background: url('./images/over-layer-img4.png')no-repeat; width: 244px; height: 253px; position: absolute; right: 50px; top: 93px; } .see-sydney .seesydney-block .video-list .videos { width: 42.5%; margin-right: 2.5%; margin-bottom: 30px; float: left; margin-top: 0px; position: relative; z-index: 11; position: relative; } .see-sydney .seesydney-block .posts-text { padding: 30px 22px; width: 100%; position: absolute; bottom: 0; left: 0;} .see-sydney .seesydney-block .posts-text span { font-size: 14px; font-weight: 600; font-family: 'Gibson'; text-transform: uppercase; letter-spacing: 1.7px; background: rgb(240,110,67); background: linear-gradient(90deg, rgba(240,110,67,1) 0%, rgba(240,129,67,1) 35%, rgba(241,166,67,1) 100%); border-radius: 4px; padding: 5px 7px 3px 7px; color: #fff; display: inline-block; margin: 0 0 1px; } .see-sydney .seesydney-block .posts-text h3 { margin: 0 0 7px; font-size: 20px; line-height: 30px; color: #ffffff; font-weight: 700; } .see-sydney .seesydney-block .video-list .videos a{ max-width: 320px;} .see-sydney .seesydney-block .video-list .videos a:after { content:""; background: url('./images/play-icon.png')no-repeat; width: 73px; height: 73px; position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); } .see-sydney .seesydney-block .video-list .videos img { border-radius: 8px;} .see-sydney .seesydney-block .video-list .videos:nth-child(2) { margin-right: 0; margin-top: 70px; } .see-sydney .seesydney-block .video-list .videos:nth-child(2n+1){margin-top: -70px;} .see-sydney .seesydney-block .video-list .videos:first-child { margin-top:0} .see-sydney .seesydney-block .right span { font-size: 14px; font-weight: 600; font-family: 'Gibson'; text-transform: uppercase; letter-spacing: 1.7px; background: rgb(240,110,67); background: linear-gradient(90deg, rgba(240,110,67,1) 0%, rgba(240,129,67,1) 35%, rgba(241,166,67,1) 100%); border-radius: 4px; padding: 5px 7px 3px 7px; color: #fff; display: inline-block; margin: 0 0 15px; } .see-sydney .seesydney-block .right h2 { margin: 0 0 16px; font-size: 48px; line-height: 56px; color: #fff; max-width: 310px; font-weight: 600; font-family: 'Gibson';} .see-sydney .seesydney-block .right p { padding-bottom: 25px; font-size: 18px; line-height: 30px; color: #fff; font-family: 'NeueHaasUnicaW1G'; position: relative; letter-spacing: .5px; font-weight: 400; } .see-sydney .seesydney-block .right a.link {font-size: 18px; line-height: 30px; color: #fff; font-family: 'NeueHaasUnicaW1G'; position: relative; letter-spacing: .5px; font-weight: 400;} .see-sydney .seesydney-block .right a.link:after { content:""; background: url('./images/arrow-icon.png')no-repeat; display: inline-block; width: 12px; height: 12px; right: -12px; top: 1px; position: relative; transition: all ease-in-out .5s;} .see-sydney .seesydney-block .right a.link:hover:after { right: -15px;} .see-sydney .seesydney-block .video-text { max-width: 324px; margin-top: 153px; position: relative; right: -30px } /* postcast-box */ .postcast-box { width: 100%; overflow: hidden; padding: 97px 0 62px; } .postcast-box .postcast-text span { font-size: 14px; font-weight: 600; font-family: 'Gibson'; text-transform: uppercase; letter-spacing: 1.7px; background: rgb(240,110,67); background: linear-gradient(90deg, rgba(240,110,67,1) 0%, rgba(240,129,67,1) 35%, rgba(241,166,67,1) 100%); border-radius: 4px; padding: 5px 7px 3px 7px; color: #fff; display: inline-block; margin: 0 0 15px; } .postcast-box .postcast-text h2 { margin: 0 0 7px; font-size: 48px; line-height: 56px; color: #181b31; font-weight: 600; font-family: 'Gibson';} .postcast-box .postcast-text p { padding-bottom: 15px; font-size: 18px; line-height: 30px; color: #899097; font-family: 'NeueHaasUnicaW1G'; position: relative; letter-spacing: .5px; font-weight: 400; } .postcast-box .postcast-text a.link { font-size: 18px; line-height: 30px; color: #3740ff; font-family: 'NeueHaasUnicaW1G'; position: relative; letter-spacing: .5px; font-weight: 500; } .postcast-box .postcast-text a.link:after { content:""; background: url('./images/arrow-icon-blue.png')no-repeat; display: inline-block; width: 12px; height: 12px; right: -10px; top: 1px; position: relative; transition: all ease-in-out .5s;} .postcast-box .postcast-text a.link:hover:after { right: -15px;} /*.postcast-box .postcast-text { max-width: 383px; position: relative; } */ .postcast-box .postcast-text { width: 100%; position: relative; } .postcast-box .postcast-block { max-width: 1170px; margin:0 auto; width: 100%; display: flex; flex-wrap: wrap; } .postcast-box .postcast-block .left { width: 50%;} .postcast-box .postcast-block .right { width: 50%; position: relative; left: 15px;} .postcast-box .postcast-img { margin: 30px 0 30px;width: 100%; max-width: 570px; position: relative; } .postcast-box .postcast-img span.audio { background: url('./images/postcat.jpg')no-repeat; background-size: contain;width: 100%;height: 128px;display: block;position: absolute;bottom: 23px;left: 0;right: 0;margin: 0 auto;max-width: 517px; } .postcast-box .postcast-img img { border-radius: 4px;} .postcast-box .postcast-img .posts-text { padding:30px 40px; width: 100%; position: absolute; top: 0; left: 0; } .postcast-box .postcast-img .posts-text span { font-size: 14px; font-weight: 600; font-family: 'Gibson'; text-transform: uppercase; letter-spacing: 1.7px; background: rgb(240,110,67); background: linear-gradient(90deg, rgba(240,110,67,1) 0%, rgba(240,129,67,1) 35%, rgba(241,166,67,1) 100%); border-radius: 4px; padding: 5px 7px 3px 7px; color: #fff; display: inline-block; margin: 0 0 1px; } .postcast-box .postcast-img h3 { margin: 0 0 7px; font-size: 24px; line-height: 30px; color: #ffffff; font-weight: 700; } .postcast-box .postcast-block .right .posts-text {padding:30px 22px; } /* testimonial-box */ .testimonial-box { width: 100%; background: #0033cc; padding: 55px 0 87px; float: left;} .testimonial-box h2{ margin: 0 0 7px; font-size: 48px; line-height: 56px; color: #fff; font-weight: 600; font-family: 'Gibson'; } .testimonial-box .testimonial-top { width: 100%; text-align: center; } .testimonial-box .testimonial-block { position: relative; left: 25px; } .testimonial-box .testimonial-block:before { content:""; background: url('./images/over-layer-img3.png')no-repeat; width:366px; height: 379px; position: absolute; left: -39px; top: 77px;} .testimonial-box .testimonial-block:after { content:""; background: url('./images/over-layer-img3.png')no-repeat; width:366px; height: 379px; position: absolute; right:16px; bottom: -66px;} .testimonial-box .slick-arrow { font-size: 0px; border: 0; background: url('./images/arrow-icon.png')no-repeat; position: absolute; top: 57.5%; left: -23px; width: 12px; height: 12px; cursor: pointer; transform: rotate(-180deg); } .testimonial-box .slick-arrow.slick-next { right: -20px; left: auto; transform:unset; } .testimonial-box .testimonial-text { width: 100%; background: #fff; border-radius:8px; max-width: 370px; margin: 0 auto; text-align: center; padding: 90px 36px 25px; position: relative; z-index: 11; } .testimonial-box .testimonial-text p { padding-bottom: 50px; color: #455880; font-size: 23px; line-height: 34px; font-family: 'NeueHaasUnicaW1G'; font-weight: 400; font-style: italic; } .testimonial-box .client-img { text-align: center; max-width: 100px; margin: 0 auto 0; position: absolute; top: -60px; left: 0; right: 0;} .testimonial-box .testimonial-list { padding: 105px 0 0;} .testimonial-box .testimonial-list span.name { font-size: 14px; font-weight: 600; font-family: 'Gibson'; text-transform: uppercase; letter-spacing: 1.7px; background: rgb(240,110,67); background: linear-gradient(90deg, rgba(240,110,67,1) 0%, rgba(240,129,67,1) 35%, rgba(241,166,67,1) 100%); border-radius: 4px; padding: 5px 7px 3px 7px; color: #fff; display: inline-block; margin: 0 0 5px; } .testimonial-box .testimonial-list span.designation { display: block; font-size: 16px; color: rgba(69,88,128,.6); } .testimonial-box .slick-list { z-index: 9; } .testimonial-box.white-bg { background: #fff; padding-bottom: 45px; } .testimonial-box.white-bg h2 { color: #000; } .testimonial-box.white-bg .testimonial-text { margin:0 auto 40px; box-shadow: 20px 0px 54px 0 rgba(0, 0, 0, 0.025);} .testimonial-box.white-bg .slick-arrow { background: url('./images/arrow-icon-blue.png')no-repeat; } .testimonial-box.white-bg .testimonial-block::after { display: none; } .testimonial-box.white-bg .testimonial-block::before { display: none; } .page-template-training-overview .logos-box { padding:35px 0 50px; } .page-template-training-overview .logos-box .logos-top { margin-bottom: 40px;} .testimonial-box.white-bg .testimonial-block { left: 0; } /* ctaBox */ .ctaBox { float: left; width: 100%; margin-top: -270px; position: relative; } .ctaBox ul { padding: 0 42px 0 42px; list-style: none; display: flex; flex-wrap: wrap; } .ctaBox li { margin: 0px 16px 30px; width: calc(33.33% - 32px); border-radius: 12px; overflow: hidden; -webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,0.06); box-shadow: 0 0 35px 0 rgba(0,0,0,0.06); background: #fff; } .ctaBox .text { padding: 15px 30px 30px 24px; } .ctaBox li img { width: 100%; } .ctaBox h3 { margin: 0px 0px 14px; color: #181b31; font-size: 32px; line-height: 32px; letter-spacing: -0.01em; font-weight: 600; font-family: 'Gibson'; } .ctaBox p { padding-bottom: 21px; font-size: 18px; line-height: 26px; letter-spacing: 0.025em; color: #899097; } .ctaBox a.link { font-size: 18px; line-height: 30px; color: #3740ff; font-family: 'NeueHaasUnicaW1G'; position: relative; letter-spacing: .5px;} .ctaBox a.link:after { content:""; background: url('./images/arrow-icon-blue.png')no-repeat; display: inline-block; width: 12px; height: 12px; right: -8px; top: 2px; position: relative; transition: all ease-in-out .5s;} .ctaBox a.link:hover:after { right: -15px;} .ctaBox a.button { padding: 15px 25px; line-height: 25px; height: auto; } /* logos-box */ .logos-box { width: 100%; overflow: hidden; padding: 75px 0; } .logos-box h2{ margin: 0 0 7px; font-size: 48px; line-height: 56px; color: #181b31; font-weight: 600; font-family: 'Gibson'; } .logos-box .logos-top { width: 100%; text-align: center; margin-bottom: 70px;} .logos-box .client-img img { margin:0 auto; } .logos-box .client-img { display: flex; align-items: center; min-height: 161px; padding: 0 10px; } .logos-box .logos-block { position: relative; left: 35px;} .logos-box .logos-block2{text-align: center;} .logos-box .slick-arrow { font-size: 0px; border: 0; background: url('./images/arrow-icon-blue.png')no-repeat; position: absolute; top: 45%; left: -30px; width: 12px; height: 12px; cursor: pointer; transform: rotate(-180deg); } .logos-box .slick-arrow.slick-next { right: -20px; left: auto; transform:unset; } /* getintouch-box */ .getintouch-box {padding: 100px 0 80px; width: 100%; background-image: url('./images/get-in-touch-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: top center; min-height: 773px;} .getintouch-box .getintouch-block { width: 100%; display: flex; flex-wrap: wrap; position: relative; left: 50px; } .getintouch-box .getintouch-block .left { width: 35%; } .getintouch-box .getintouch-block .right { width: 65%; } .getintouch-box .getintouch-text span { font-size: 14px; font-weight: 600; font-family: 'Gibson'; text-transform: uppercase; letter-spacing: 1.7px; background: rgb(240,110,67); background: linear-gradient(90deg, rgba(240,110,67,1) 0%, rgba(240,129,67,1) 35%, rgba(241,166,67,1) 100%); border-radius: 4px; padding: 5px 7px 3px 7px; color: #fff; display: inline-block; margin: 0 0 15px; } .getintouch-box .getintouch-text h2 { margin: 0 0 15px; font-size: 48px; line-height: 56px; color: #fff; font-weight: 600; font-family: 'Gibson';} .getintouch-box .getintouch-text p { padding-bottom: 15px; font-size: 18px; line-height: 30px; color: #fff; font-family: 'NeueHaasUnicaW1G'; position: relative; letter-spacing: .5px; font-weight: 400; } .getintouch-box .getintouch-text { width: 100%; max-width: 324px; } .getintouch-box .getintouch-form { width: 100%; max-width: 772px; position: relative; left: 15px; margin: 3px 0 0;} .getintouch-box .getintouch-form a.privacy-link { font-size: 18px !important; line-height: 30px !important; color: #fff; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400 !important; border-bottom: 2px solid #a3a6b2; position: relative; left:-185px; top: 5px;} .getintouch-box .getintouch-form a.privacy-link:hover { border: 0; } .getintouch-box .gform_wrapper { margin: 0; } .getintouch-box .gform_wrapper ul.gform_fields li.gfield { margin: 0 0 30px; float: left; width: 50%; clear: unset; padding-right:15px;} .getintouch-box .gform_wrapper ul.gform_fields li.gfield:nth-child(2n) { padding-right: 0; padding-left:15px;} .getintouch-box .gform_wrapper ul.gform_fields li.gfield:nth-child(5){ width: 100%;padding-right: 0; margin-top:-3px; margin-bottom: 38px;} .getintouch-box .gform_wrapper ul.gform_fields li.gfield:nth-child(6){ padding-left: 0; } .getintouch-box .gform_wrapper label.gfield_label { display: none; } .getintouch-box .gform_wrapper ul.gform_fields li.gfield input.medium { width: 100%; height: 60px; padding: 15px 24px !important; font-size: 18px !important; color: #0032c9; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400; line-height: 30px; border-radius: 16px; border: 0;} body .gform_wrapper .top_label div.ginput_container { margin: 0 !important;} .getintouch-box .gform_wrapper ul.gform_fields li.gfield textarea { width: 100%; height: 289px; padding: 15px 24px !important; font-size: 18px !important; color: #0032c9; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400; line-height: 30px; border-radius: 16px; border: 0;} .getintouch-box .gform_wrapper .gform_footer { clear: unset; max-width: 210px; float: right; margin: 0; padding: 0; position: relative;} .getintouch-box .gform_wrapper .gform_footer:after { content:""; background: url('./images/arrow-icon.png')no-repeat; width: 12px; height: 12px; position: absolute;top: 28px; right: 45px; } .getintouch-box .gform_wrapper .gform_footer .button { background: rgb(240,110,67) ; background: linear-gradient(90deg, rgba(240,110,67,1) 0%, rgba(240,129,67,1) 35%, rgba(241,166,67,1) 100%) ; cursor: pointer; float: right; margin: 0; text-align: left; padding: 15px 45px; } .getintouch-box .gform_wrapper .gform_footer .button:hover { background: #0033cc; } .getintouch-box .gform_wrapper label { font-size: 18px !important; line-height: 30px !important; color: #fff; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400 !important;} .getintouch-box .gform_wrapper ul.gfield_checkbox li input[type="checkbox"] { display: none; } .getintouch-box .gform_wrapper ul.gfield_checkbox li label { position: relative; padding-left: 30px;} .getintouch-box .gform_wrapper ul.gfield_checkbox li input[type="checkbox"] + label:before { content:""; width: 18px; height: 18px; background: #fff; border-radius: 6px; display: inline-block; position: absolute; left: 0; top: 7px; } .getintouch-box .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label:after {content:""; left: 6px;top: 10px;width: 7px; height: 10px;border: solid #0033cc; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg); position: absolute; } .gform_wrapper div.validation_error { display: none; } .gform_wrapper .validation_message { display: none; } .gform_wrapper li.gfield.gfield_error { background: none !important; border: 0 !important; } .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea { border: 2px solid #f00 !important; } #footerCntr { width: 100%; background: #0033cc; padding: 52px 0 0; overflow: hidden;} #footerCntr .footer-top {width: 100%; display: flex; flex-wrap: wrap; left: 45px; position: relative;} #footerCntr .footer-top .footer-col { width: 30%; margin-right: 5%;} #footerCntr .footer-top .footer-col.link { width: 20%; margin-right: 2% } #footerCntr .footer-top .footer-col.logo { width: 33.75%;} #footerCntr .footer-top .footer-col:last-child { margin-right: 0; padding-left: 10px;} #footerCntr .footer-top h3 {margin:5px 0 22px; font-size: 20px; line-height: 36px; color: #fff; font-weight: 600; font-family: 'Gibson'; } #footerCntr .footer-top ul { margin:0; padding: 0; } #footerCntr .footer-top ul li a { font-size: 16px; line-height: 32px; color: #fff; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400 !important; } #footerCntr .footer-top ul li a:hover { color: #f07343; } #footerCntr .footer-top address { padding: 12px 0 24px; font-size: 16px; line-height: 28px; color: #fff; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400 !important; font-style: normal} #footerCntr .footer-top a.email { font-size: 16px; line-height: 28px; color: #fff; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400 !important; } #footerCntr .footer-copy { width: 100%; text-align: center; padding: 63px 0 40px; position: relative; left: 40px; } #footerCntr .footer-copy p { padding: 0; font-size: 16px; line-height: 28px; color: #fff; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400 !important; } /* alignment-banner-bar start */ .alignment-banner-bar{background: url('images/inner-short-banner.png') no-repeat center center;height: 383px;overflow: hidden;background-size: cover;color:#fff; width: 100%; position: relative; background-position: top center;} .alignment-banner-bar:after { content:""; position: absolute;left: 0; right: 0; width:100%; top: 0; background: rgba(0,51,204,.34); height: 100%;} .alignment-banner-bar .custom-container{flex-wrap: wrap;align-items: center;display: flex;height:100%; position: relative; z-index: 11; } .alignment-banner-bar h6 {font-size: 20px;font-weight: normal;margin-left: 1px;letter-spacing: 0.6px;} .alignment-banner-bar .content {padding: 82px 0px 0px 0px; margin-left: -4px;} .alignment-banner-bar .content .button{margin-bottom: 20px;} .alignment-banner-bar h1{font-family: 'Gibson';font-size:60px;font-weight: 600;margin-top: 8px; letter-spacing: -0.5px;} /* pagination-bar start */ .pagination-bar{ padding-top: 10px ; } .pagination-bar ul li {display: inline;position: relative;padding-right: 13px;} .pagination-bar ul li a{color:#899097;font-size:14px;font-weight: normal;} .pagination-bar ul li{color:#899097;font-size:14px;font-weight: normal;} .pagination-bar ul li a,.pagination-bar ul li a:hover{color:#f07143;text-decoration: underline;} .pagination-bar p{font-size: 23px;line-height: 36px;font-family: 'NeueHaasUnicaW1G';color: #454545;margin-top: 30px;} .pagination-bar ul li:after{right: 4px;content: '';position: absolute;top: 4px;height: 13px;width: 1px;background-color: #899097;} .pagination-bar ul li:last-child:after{display:none;} .pagination-bar .content {padding-left: 3px;} /* left-right-bar start */ .left-right-bar .custom-container{margin-top: 18px ; margin-bottom: 40px; position: relative;} .left-right-bar .left-block {background: #fff;max-width: 807px;padding: 38px;border-radius: 8px; position: relative; z-index: 99; width: 100%; } .inner-container:after {content:""; background: url('./images/over-layer-img.png')no-repeat; width: 366px; height: 379px; position: absolute; left: -124px; bottom: -85px; } .left-right-bar .right-block {width: calc(100% - 835px);} .left-right-bar .inner-container {width: calc(100% + 57px);} /* style-div start */ .style-div { position: relative; z-index: 1; } .style-div h2{color:#181b31;font-size:48px;line-height: 56px;margin-bottom: 11px; font-family: 'Gibson'; margin-top: 0;} .style-div h3{font-size:30px;color:#0033cc;line-height:32px;margin-bottom:10px; font-family: 'Gibson'; margin-top: 0; } .style-div h4{color:#e96e44;font-size:24px;line-height:32px;margin-bottom:7px; font-family: 'Gibson'; margin-top: 0; } .style-div h6{color:#0033cc;font-size:22px;line-height:32px;margin-bottom:7px;font-weight: normal; font-family: 'Gibson'; margin-top: 0; } .style-div h5 strong{ background: #f06d43; background: -moz-linear-gradient(left, #f06d43 0%, #f08543 27%, #f1a743 100%); background: -webkit-linear-gradient(left, #f06d43 0%,#f08543 27%,#f1a743 100%);background: linear-gradient(to right, #f06d43 0%,#f08543 27%,#f1a743 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f06d43', endColorstr='#f1a743',GradientType=1 ); display: inline-block;text-transform: uppercase; font-size: 14px;font-weight: 600;color: #fff;letter-spacing: 1.5px;padding: 5.5px 10px; border-radius: 5px;margin-bottom: 6px;} .style-div p { padding: 0; color: #454545; font-size: 19px;line-height: 28px;font-family: 'NeueHaasUnicaW1G'; font-weight: 400; letter-spacing: 0.4px;margin-bottom: 30px;} .style-div h5 { margin: 0; } .style-div h5 + h4 { color: #0033cc; margin-top: 20px;} .style-div ul{margin-bottom:30px;} .style-div ul li{font-size:19px;background:url('images/checkbox-icon.png') no-repeat left 8px;font-family: 'NeueHaasUnicaW1G';line-height: 28px;color: #103dce;padding-left:21px; letter-spacing: 0.5px;} .style-div ul.gform_fields li{ background: none; padding-left: 0px; } .style-div ol { padding-left: 15px; margin-bottom: 15px;} .style-div ol li{ font-size:19px; font-family: 'NeueHaasUnicaW1G';line-height: 28px;color: #103dce;letter-spacing: 0.5px;} .style-div a.links::after {content: "";background: url('./images/arrow-icon.png')no-repeat; display: inline-block;width: 12px; height: 12px; right: -10px; top: 1px;position: relative; transition: all ease-in-out .5s;} .style-div a.links:hover::after { right: -15px; } /* form-block start */ .form-block {background-color: #0033cb;padding: 22px 22px 26px 23px;color: #fff;border-radius: 9px;width: calc(100% + 20px);margin: 51px -11px 0px; overflow: hidden;} .form-block input::placeholder,.form-block textarea::placeholder { color: #0032c9;opacity: 1; } .form-block input:-ms-input-placeholder,.form-block textarea:-ms-input-placeholder { color: #0032c9;} .form-block input::-ms-input-placeholder,.form-block textarea::-ms-input-placeholder {color: #0032c9;} .form-block input,.form-block textarea{color:#0032c9;font-size:18px;font-family: 'NeueHaasUnicaW1G';line-height: 30px;font-weight: normal;} .form-block textarea{height:227px;margin-bottom:24px;} .form-block h3{color:#fff;margin-bottom: 26px;} .form-block .half label{width:49.2%;} .form-block button:hover{background: #f1a743;background: -moz-linear-gradient(left, #f1a743 0%, #f08543 73%, #f06d43 100%);background: -webkit-linear-gradient(left, #f1a743 0%,#f08543 73%,#f06d43 100%); background: linear-gradient(to right, #f1a743 0%,#f08543 73%,#f06d43 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1a743', endColorstr='#f06d43',GradientType=1 );} .form-block button{cursor: pointer;background: #f06d43;background: -moz-linear-gradient(left, #f06d43 0%, #f08543 27%, #f1a743 100%);background: -webkit-linear-gradient(left, #f06d43 0%,#f08543 27%,#f1a743 100%);background: linear-gradient(to right, #f06d43 0%,#f08543 27%,#f1a743 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f06d43', endColorstr='#f1a743',GradientType=1 ); display: inline-block; text-align: center;border: none;color: #fff;outline: none; padding: 16.5px 71px 16.5px 47px; line-height: 30px;font-size: 20px;font-family: 'Open Sans', sans-serif;border-radius: 4px; position: relative;transition: ease-in-out 0.4s;text-align: left;} .form-block button:after {position: absolute;content: '';background: url(images/arrow-right.png) no-repeat right center;content: '';width: 12px;height: 22px;top: 22px;margin-left: 15px;} .form-block input[type='checkbox'] { padding: 0;height: initial;width: initial;margin-bottom: 0; display: none;cursor: pointer;} .form-block .checklist {max-width: 371px;} .form-block .checklist label a:hover{color:#f06d43} .form-block .checklist label a{color:#fff;text-decoration: underline;} .form-block .checklist label {width: auto !important;font-size:18px;font-family: 'NeueHaasUnicaW1G';line-height: 30px;font-weight: normal;position: relative;cursor: pointer; margin-left: 10px;} .form-block .checklist label:before {content:'';-webkit-appearance: none;background-color: transparent; border: 2px solid #fff;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 7px 7px;display: inline-block;position: relative;vertical-align: middle; cursor: pointer;margin-right: 7px;background-color: #fff;border-radius: 6px;} .form-block input:checked + label:after {content: '';display: block;position: absolute;top: 9px;left: 6px;width: 7px;height: 11px;border: solid #0033cb;border-width: 0 2px 2px 0;transform: rotate(45deg);} /* single content block start */ .single-content h2,.single-content p,.single-content a{color:#fff;} .single-content {background: #0033ca;color: #fff;padding: 24px 51px 34px 28px;border-radius: 10px;position: relative;} .single-content h2 {margin-top: 12px;margin-bottom: 15px;position: relative;z-index: 20;} .single-content p{letter-spacing: 0px; line-height: 30px;margin-bottom: 23px;position: relative;z-index: 20;} .single-content a{font-size:18px;font-family: 'NeueHaasUnicaW1G';line-height: 30px;font-weight: normal;position: relative;z-index: 20;} .single-content:after {content: '';background: url(images/bg-style.png) no-repeat right center;width: 366px;height: 379px;background-size: cover;opacity: 0.1;position: absolute;bottom: -167px;right: -50px;} /* social-block start */ .social-block {background: #fff;margin: 22px 0px;padding: 19px 20px 25px 25px;border-radius: 10px;position: relative;z-index: 20;} .social-block h4{color:#181b31;margin-bottom:0px;} .social-block ul li{background:none;display: inline-block;} .social-block ul{margin-bottom:0px;} .social-block ul li{background: none;padding: 0px;display: inline-block;margin-left: 8px;} .social-block ul li a:hover{opacity: 0.7;} .social-block ul li a{color: #fff;height: 41px;width: 41px;background: #336699;border-radius: 50px;display: flex; flex-wrap: wrap;align-items: center;justify-content: center;} .social-block ul li:nth-of-type(2) a{background-color: #00acec;} .social-block ul li:nth-of-type(3) a{background-color: #0877b5;} /* card-block start */ .card-block {background: #fff;overflow: hidden;border-radius: 10px;box-shadow: 2px 12px 8px #e7e7e7;position: relative;z-index: 20;} .card-block .img-top {max-height: 220px;overflow: hidden;border-top-left-radius: 10px;border-top-right-radius: 10px;} .card-block h3{color:#181b31;font-size:36px;margin-bottom:7px;} .card-block p{font-family: 'Open Sans', sans-serif;font-size:18px;line-height:26px;margin-bottom:17px;} .card-block .content {padding: 23px 24px 43px;} .card-block .button {background: #0033cb;color: #fff;display: inline-block;font-family: 'Open Sans', sans-serif;font-size: 20px;padding: 16.5px 22px;line-height: 30px;letter-spacing: 0.5px;border-radius: 3px;} .card-block .button:hover{opacity: 0.8;} /* .card-box start */ .card-box {background: #0033cc;position: relative;margin-top: 42px;padding: 50px 0px 60px;} .card-box h2 { text-align: center; padding-bottom: 20px; color: #fff; } .card-box .inner-container {margin: 0px -10px;position: relative;width: calc(100% + 89px);} .card-box .inner-container:after {background: url('images/vector-inner-1.png') no-repeat; width: 366px;height: 379px;background-size: cover;opacity: 0.1;position: absolute;bottom: 3px;right: -65px; content: '';} .card-box .inner-container:before {background: url('images/vector-inner-1.png') no-repeat;width: 366px;height: 379px;background-size: cover;opacity: 0.1;position: absolute;top: -25px;left: -77px;content: '';} .card-box .card-block-training {background-color: #fff;max-width: 390px;margin:0px 12px;border-radius: 10px;margin-bottom:31px;position: relative;z-index: 5;} .card-box .card-block-training img{max-width: 100%; width: 100%; } .card-box .card-block-training .button {background: #0033cb;color: #fff;display: inline-block;font-family: 'Open Sans', sans-serif;font-size: 20px;line-height: 30px;letter-spacing: 0.5px;border-radius: 3px;} .card-box .card-block-training .button:hover{opacity: 0.7;} .card-box .content {padding: 12px 35px 40px 35px;} .card-box .content p{margin-bottom: 22px;} .card-box .img-top{max-height: 220px;overflow: hidden;border-top-left-radius: 10px;border-top-right-radius: 10px;} .card-box .card-block-training h4 {color: #181b31;} /* .card-box end */ .form-block .getintouch-form { width: 100%;position: relative; } .form-block .getintouch-form a.privacy-link { font-size: 18px !important; line-height: 30px !important; color: #fff; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400 !important; border-bottom: 2px solid #a3a6b2; position: relative; left: -140px; top: 15px;} .form-block .getintouch-form a.privacy-link:hover { border: 0; } .form-block .gform_wrapper { margin: 0; } .form-block .gform_wrapper ul.gform_fields li.gfield { margin: 0 0 20px; float: left; width: 50%; clear: unset; padding-right:5px; background: none; padding-left: 0; } .form-block .gform_wrapper ul.gform_fields li.gfield:nth-child(2n) { padding-right: 0; padding-left:5px;} .form-block .gform_wrapper ul.gform_fields li.gfield:nth-child(5){ width: 100%;padding-right: 0;} .form-block .gform_wrapper ul.gform_fields li.gfield:nth-child(6){ padding-left: 0; } .form-block .gform_wrapper label.gfield_label { display: none; } .form-block .gform_wrapper ul.gform_fields li.gfield input.medium { width: 100%; height: 60px; padding: 15px 24px !important; font-size: 18px !important; color: #0032c9; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400; line-height: 30px; border-radius: 16px; border: 0;} .form-block .gform_wrapper ul.gform_fields li.gfield textarea { width: 100%; height: 289px; padding: 15px 24px !important; font-size: 18px !important; color: #0032c9; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400; line-height: 30px; border-radius: 16px; border: 0; margin: 0; } .form-block .gform_wrapper .gform_footer { clear: unset; max-width: 210px; float: right; margin: 0; padding: 0; position: relative;} .form-block .gform_wrapper .gform_footer:after { content:""; background: url('./images/arrow-icon.png')no-repeat; width: 12px; height: 12px; position: absolute;top: 28px; right: 45px; } .form-block .gform_wrapper .gform_footer .button { background: rgb(240,110,67) ; background: linear-gradient(90deg, rgba(240,110,67,1) 0%, rgba(240,129,67,1) 35%, rgba(241,166,67,1) 100%) ; cursor: pointer; float: right; margin: 0; text-align: left; padding: 15px 45px; color: #fff; } .form-block .gform_wrapper .gform_footer .button:hover { background: #f1a743; background: -moz-linear-gradient(left, #f1a743 0%, #f08543 73%, #f06d43 100%); background: -webkit-linear-gradient(left, #f1a743 0%,#f08543 73%,#f06d43 100%); background: linear-gradient(to right, #f1a743 0%,#f08543 73%,#f06d43 100%); } .form-block .gform_wrapper label { font-size: 18px !important; line-height: 30px !important; color: #fff; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400 !important;} .form-block .gform_wrapper ul.gfield_checkbox li input[type="checkbox"] { display: none; } .form-block .gform_wrapper ul.gfield_checkbox li label { position: relative; padding-left: 30px;} .form-block .gform_wrapper ul.gfield_checkbox li input[type="checkbox"] + label:before { content:""; width: 18px; height: 18px; background: #fff; border-radius: 6px; display: inline-block; position: absolute; left: 0; top: 7px; } .form-block .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label:after {content:""; left: 6px;top: 10px;width: 7px; height: 10px;border: solid #0033cc; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg); position: absolute; } .form-block .gform_wrapper ul.gfield_checkbox { margin: 15px 0 0; } /* innerbannerBox */ .innerbannerBox { width: 100%; overflow: hidden; padding-top:10.8em; background-repeat: no-repeat; background-position: top center; background-size: cover; min-height: 877px; position: relative; } .innerbannerBox:after { content:""; position: absolute;left: 0; right: 0; width:100%; top: 0; background: rgba(0,51,204,.34); height: 100%;} .innerbannerBox .centering { max-width: 1260px;} .innerbannerBox .innerbanner-block { width: 100%; position: relative; left: 25px; z-index: 11;} .innerbannerBox .banner-caption { width: 65%; max-width: 670px; float: left; } .innerbannerBox .banner-form { width: 35%; float: right;max-width: 375px; padding: 5px 0 0;} .innerbannerBox .banner-caption h5 { margin: 0 0 9px; font-size: 14px; line-height: 20px; color: #fff; font-weight: 600; font-family: 'Gibson'; } .innerbannerBox .banner-caption h5 strong { background: #f06d43;background: -moz-linear-gradient(left, #f06d43 0%, #f08543 27%, #f1a743 100%);background: -webkit-linear-gradient(left, #f06d43 0%,#f08543 27%,#f1a743 100%);background: linear-gradient(to right, #f06d43 0%,#f08543 27%,#f1a743 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f06d43', endColorstr='#f1a743',GradientType=1 );display: inline-block; text-transform: uppercase;font-size: 14px;font-weight: 600;color: #fff;letter-spacing: 1.5px;padding: 3px 10px 2px;border-radius: 5px;margin-bottom: 6px;} .innerbannerBox .banner-caption h1 { margin: 0 0 23px; font-size: 48px; line-height: 56px; font-weight: 600; font-family: 'Gibson'; color: #fff; } .innerbannerBox .banner-caption p {color: #fff;font-size: 18px;line-height: 30px;font-family: 'NeueHaasUnicaW1G';font-weight: 400;letter-spacing: 0.4px} .innerbannerBox .getintouch-form { width: 100%;position: relative; } .innerbannerBox .getintouch-form a.privacy-link { font-size: 18px !important; line-height: 30px !important; color: #fff; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400 !important; border-bottom: 2px solid #a3a6b2; position: relative; left: -140px; top: 15px;} .innerbannerBox .getintouch-form a.privacy-link:hover { border: 0; } .innerbannerBox .gform_wrapper { margin: 0; } .innerbannerBox .gform_wrapper ul.gform_fields li.gfield { margin: 0 0 15px; float: left; width:100%; clear: unset; padding-right:0px; background: none; padding-left: 0; } .innerbannerBox .gform_wrapper ul.gform_fields li.gfield:nth-child(5){ width: 100%;padding-right: 0;} .innerbannerBox .gform_wrapper label.gfield_label { display: none; } .innerbannerBox .gform_wrapper ul.gform_fields li.gfield input.medium { width: 100%; height: 60px; padding: 15px 24px !important; font-size: 18px !important; color: #0032c9; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400; line-height: 30px; border-radius: 16px; border: 0;} .innerbannerBox .gform_wrapper ul.gform_fields li.gfield textarea { width: 100%; height: 164px; padding: 15px 24px !important; font-size: 18px !important; color: #0032c9; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400; line-height: 30px; border-radius: 16px; border: 0; margin: 0; } .innerbannerBox .gform_wrapper .gform_footer { clear: unset; max-width: 210px; float: right; margin: 0; padding: 0; position: relative;} .innerbannerBox .gform_wrapper .gform_footer:after { content:""; background: url('./images/arrow-icon.png')no-repeat; width: 12px; height: 12px; position: absolute;top: 28px; right: 45px; } .innerbannerBox .gform_wrapper .gform_footer .button { background: rgb(240,110,67) ; background: linear-gradient(90deg, rgba(240,110,67,1) 0%, rgba(240,129,67,1) 35%, rgba(241,166,67,1) 100%) ; cursor: pointer; float: right; margin: 0; text-align: left; padding: 15px 45px; color: #fff; } .innerbannerBox .gform_wrapper .gform_footer .button:hover { background: #f1a743; background: -moz-linear-gradient(left, #f1a743 0%, #f08543 73%, #f06d43 100%); background: -webkit-linear-gradient(left, #f1a743 0%,#f08543 73%,#f06d43 100%); background: linear-gradient(to right, #f1a743 0%,#f08543 73%,#f06d43 100%); } .innerbannerBox .gform_wrapper label { font-size: 18px !important; line-height: 30px !important; color: #fff; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400 !important;} .innerbannerBox .gform_wrapper ul.gfield_checkbox li input[type="checkbox"] { display: none; } .innerbannerBox .gform_wrapper ul.gfield_checkbox li label { position: relative; padding-left: 30px;} .innerbannerBox .gform_wrapper ul.gfield_checkbox li input[type="checkbox"] + label:before { content:""; width: 18px; height: 18px; background: #fff; border-radius: 6px; display: inline-block; position: absolute; left: 0; top: 7px; } .innerbannerBox .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label:after {content:""; left: 6px;top: 10px;width: 7px; height: 10px;border: solid #0033cc; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg); position: absolute; } .innerbannerBox .gform_wrapper ul.gfield_checkbox { margin:0 0 0px 20px; } .innerbannerBox .bannerform { width: 100%; position: relative; overflow: hidden; } .innerbannerBox .bannerform a.privacy-link {font-size: 18px !important; line-height: 30px !important;color: #fff;font-family: 'NeueHaasUnicaW1G' !important;font-weight: 400 !important;border-bottom: 2px solid #a3a6b2;position: absolute; right: 10px; bottom: 83px; } .innerbannerBox .bannerform a.privacy-link:hover {border-bottom: 2px solid transparent; } .over-sydney .overlist{ width: 100%; padding: 15px 0 0; } .over-sydney .overlist .over-block { margin-bottom: 90px; left: 20px; } .over-sydney .overlist .over-block:last-child { margin-bottom: 0; } .over-sydney .overlist .over-block:nth-child(2n){ flex-direction: row-reverse;} .over-sydney .overlist .over-block .over-img { float: right; position: relative;left: 20px;} .over-sydney .overlist .over-block:nth-child(2n) .over-img { left: 0; float: none; } .over-sydney .overlist .over-block:nth-child(2n) .left { position: relative; left: 20px; padding-top: 25px; } .reviewed { width: 100%; background: #fff; padding: 26px 18px; border-radius: 8px; margin-bottom: 25px; } .reviewed p { padding-bottom: 0; font-size: 22px; line-height: 32px; color: #0033cb; font-weight: 600; font-family: 'Gibson'; } .reviewed p span { padding: 5px; background: rgb(240,110,67) ; background: linear-gradient(90deg, rgba(240,110,67,1) 0%, rgba(240,129,67,1) 35%, rgba(241,166,67,1) 100%); color: #fff; border-radius: 4px; } .callme { background: #0033ca;color: #fff;padding: 24px 20px 28px; border-radius: 10px;position: relative; width: 100%; margin-bottom: 30px; position: relative; display: flex; } .callme::after {content: ''; background: url(images/bg-style.png) no-repeat right center; background-size: auto;width: 366px;height: 379px;background-size: cover; opacity: 0.1;position: absolute;bottom: -167px;right: -50px; } .callme .callme-form { position: relative; z-index: 11; } .callme h3 { margin: 0 0 15px; font-size:30px; line-height: 32px; color: #fff; font-weight: 600; font-family: 'Gibson'; } .callme .gform_wrapper .gform_footer .button { background: rgb(240,110,67) ; background: linear-gradient(90deg, rgba(240,110,67,1) 0%, rgba(240,129,67,1) 35%, rgba(241,166,67,1) 100%) ; cursor: pointer; float: right; margin: 0; text-align: left; padding: 15px 35px; color: #fff; min-width: 145px; height: 60px; } .callme .gform_wrapper .gform_footer .button:hover { background: #f1a743; background: -moz-linear-gradient(left, #f1a743 0%, #f08543 73%, #f06d43 100%); background: -webkit-linear-gradient(left, #f1a743 0%,#f08543 73%,#f06d43 100%); background: linear-gradient(to right, #f1a743 0%,#f08543 73%,#f06d43 100%); } .callme .gform_wrapper { margin: 0; } .callme .gform_wrapper ul.gform_fields li.gfield { margin: 0 0 15px; float: left; width:100%; clear: unset; padding-right:0px; background: none; padding-left: 0; } .callme .gform_wrapper label.gfield_label { display: none; } .callme .gform_wrapper ul.gform_fields li.gfield input.medium { width: 100%; height: 60px; padding: 15px 24px !important; font-size: 18px !important; color: #0032c9; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400; line-height: 30px; border-radius: 16px; border: 0;} .callme .gform_wrapper .gform_footer { clear: unset; max-width: 210px; float: right; margin: 0; padding: 0; position: relative; } .callme .gform_wrapper .gform_footer:after { content:""; background: url('./images/arrow-icon.png')no-repeat; width: 12px; height: 12px; position: absolute;top: 28px; right: 30px; } /* bloglist-box */ .bloglist-box { width: 100%; overflow: hidden; padding: 33px 0; background: #fff} .bloglist-box .blogtext { padding-bottom: 48px; width: 100%; max-width: 900px; } .bloglist-box .blogtext h3 { margin:0 0 6px; font-size: 30px; line-height: 32px; color: #0033cc; font-weight: 600; font-family: 'Gibson'; } .bloglist-box .blogtext p { padding-bottom: 0; font-size: 19px; line-height: 28px; color: #454545; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400; letter-spacing: .5px;} .bloglist-box .centering { max-width: 1250px;} .bloglist-box .bloglist-block { width: 100%; display: flex;flex-wrap: wrap; position: relative; left: 28px; } .blog .pagination-bar { background: #fff; } .archive .pagination-bar { background: #fff; } .bloglist-box .left { width: 74%; margin-right: 2%; } .bloglist-box .right { width: 24%; } .bloglist-box .blog-list { width: 100%; float: left; } .bloglist-box .blog-list .blog-contnet {float: left;width: 49%; margin-right: 2%; margin-bottom: 15px; position: relative; margin-top: 0px} .bloglist-box .blog-list .blog-contnet:nth-child(2n+3){ margin-top: -60px } .bloglist-box .blog-list .blog-contnet:nth-child(2) { padding: 60px 0 0;} .bloglist-box .blog-list .blog-contnet:nth-child(2n){ margin-right: 0; } .bloglist-box .blog-list .posts-text span { font-size: 14px; font-weight: 600; font-family: 'Gibson'; text-transform: uppercase; letter-spacing: 1.7px; background: rgb(240,110,67); background: linear-gradient(90deg, rgba(240,110,67,1) 0%, rgba(240,129,67,1) 35%, rgba(241,166,67,1) 100%); border-radius: 4px; padding: 5px 7px 3px 7px; color: #fff; display: inline-block; margin: 0 0 1px; } .bloglist-box .blog-list h3 { margin: 0 0 7px; font-size: 24px; line-height: 30px; color: #ffffff; font-weight: 700; text-shadow:0px 0px 5px rgba(0,0,0,.99);} .bloglist-box .blog-list .posts-text {padding:30px 22px;width: 100%; position: absolute; bottom: 0; left: 0; } .bloglist-box .blog-list img { border-radius: 4px; width: 100%; } .bloglist-box .sidebar { background: #fff;overflow: hidden;border-radius: 10px;box-shadow: 0px 1px 40px #e5e5e5;position: relative;z-index: 20; padding: 24px; } .bloglist-box .sidebar h3 { margin: 0 0 7px; font-size: 25px; line-height: 32px; color: #0033cc; font-weight: 700; } .bloglist-box .sidebar li a { padding-bottom: 0; font-size: 19px; line-height:34px; color: #899097; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400; letter-spacing: .5px; } .bloglist-box .sidebar li a:hover {color: #0033cc; } .singlepage .img { border: 1px solid #ccc; padding: 10px; text-align: center;} .singlepage .img img { margin:0 auto; } .singlepage .blog-list img { width: auto; } .singlepage .dateBar { padding: 15px 0 10px;list-style: none; } .singlepage .dateBar li { padding-bottom: 0; font-size: 19px; line-height: 28px; color: #899097; font-family: 'NeueHaasUnicaW1G' !important; font-weight: 400; letter-spacing: .2px; } .singlepage .dateBar li strong { color: #0033cc; } .singlepage .pagination-bar { background: #fff; } .alm-btn-wrap .alm-load-more-btn.done { background: none; color: #0033cc;} /* #Media Queries ================================================== */ @media only screen and (max-width: 1841px) { #nav ul li { padding: 13px 13px; } #nav { margin-left: 100px;} } @media only screen and (max-width: 1599px) { #nav ul li { padding: 13px 12px; } #nav ul li a { font-size: 16px;} #nav { margin-left: 70px;} #headerCntr a.viewmore { min-width: 180px; padding: 14px 30px; } .testimonial-box .testimonial-block { left: 15px;} .logos-box .logos-block { left: 10px;} .getintouch-box .getintouch-block { left: 20px; } } @media only screen and (max-width: 1439px) { #headerCntr .logo { margin-left: 0; } #headerCntr { padding: 20px 0 0; } #nav ul li a { font-size: 14px; } #nav ul li { padding: 13px 13px; } #headerCntr a.viewmore { min-width: 150px; padding: 12px 25px 12px 15px; font-size: 16px; min-height: auto; } .bannerBox { min-height: 700px;} .bannerBox .banner-caption { top: 10em; } .bannerBox .banner-caption h1 { font-size: 54px; line-height: 62px; } .alignment-banner-bar h1 { font-size: 54px; line-height: 62px; } .testimonial-box h2 { font-size: 42px; line-height: 50px; } .logos-box h2 { font-size: 42px; line-height: 50px; } .testimonial-box .testimonial-block { left: 0; max-width: 1200px; margin: 0 auto;} .logos-box .logos-block { left: 0; max-width: 1200px; margin: 0 auto;} .inner-container::after { background-size: contain; height: 300px; left: 0;} .style-div h2 { font-size: 42px; line-height: 50px; } .innerbannerBox .banner-caption h1{ margin: 0 0 15px; font-size: 42px; line-height: 50px; } .innerbannerBox .innerbanner-block { left: 0; } .innerbannerBox { padding-top: 7em; min-height: auto; padding-bottom: 4em;} .over-sydney .overlist .over-block { left: auto; margin-bottom: 60px;} .pagination-bar p { font-size: 20px; line-height: 32px; } .bloglist-box .bloglist-block { left:0;} } @media only screen and (max-width: 1340px) { .left-right-bar .inner-container {width: calc(100% + 0px);} .card-box .inner-container {width: calc(100% + 0px); margin: 0px 0px;} .card-box .card-block-training {max-width: 366px;} #nav ul li { padding: 13px 10px; } #nav { margin-left: 50px; } } @media only screen and (max-width: 1279px){ .button { font-size: 18px;} #headerCntr .language { top: 4px; } #headerCntr .logo { max-width: 180px; } #nav { margin-left: 30px; } #nav ul li { padding: 0px 5px; } #nav ul li a {font-size: 13px; line-height: 20px;} #headerCntr a.viewmore { margin-left: 10px; min-width: 100px;padding: 7px 22px 7px 10px; font-size: 14px; line-height: 22px; } #headerCntr a.viewmore::after { top: 2px; } .bannerBox { min-height: 600px;} .bannerBox .banner-caption { top:7em; } .bannerBox .banner-caption h1 { margin: 0 0 30px; font-size: 48px; line-height: 58px; } .bannerBox .banner-caption p { font-size: 18px; line-height: 30px;} .book-sydney .bsydney-block h2 { margin: 0px 0 10px; font-size: 30px; line-height: 28px;} .book-sydney .bsydney-block p { font-size: 16px; line-height: 24px; padding-bottom: 20px; } .book-sydney .bsydney-block ul li {font-size: 18px; line-height: 30px;} .book-sydney .bsydney-block ul { margin-bottom: 25px;} .book-sydney .bsydney-block .left { width: 50%;} .book-sydney .bsydney-block .right { width: 47%;} .testimonial-box h2 { font-size: 36px; line-height: 40px; } .logos-box h2 { font-size: 36px; line-height: 40px; } .testimonial-box .testimonial-block { left: 0; max-width: 90%; margin: 0 auto;} .logos-box .logos-block { left: 0; max-width: 90%; margin: 0 auto;} .testimonial-box .testimonial-list { padding: 105px 10px 0; } .testimonial-box .testimonial-text p { font-size: 20px; line-height: 30px; padding-bottom: 30px; } .logos-box .logos-top { margin-bottom: 40px; } .testimonial-box { padding: 50px 0 85px;} .logos-box { padding: 50px 0;} .book-services .services-block { padding: 38px 20px 53px 20px; } .book-services .services-block .services-list .text { width: 60%; } .book-services .services-block h2 { font-size: 24px; line-height: 30px;} .book-services .services-block p { font-size: 17px; line-height: 25px; } .book-sydney .bsydney-block { padding: 34px 20px 53px 20px; } .over-sydney .over-block { left: 0; } .over-sydney .over-block h2 { margin: 0 0 15px; font-size: 32px; line-height: 30px;} .over-sydney .over-block p { padding: 0 0 20px; font-size: 16px; line-height: 28px;} .over-sydney .over-block .left { width: 48%; margin-right: 1%;} .see-sydney .seesydney-block { left: 0; } .see-sydney .seesydney-block .video-list::after { background-size: contain; width: 300px; } .see-sydney .seesydney-block .right h2 { font-size: 42px; line-height: 50px; } .postcast-box .postcast-text h2, .book-services .services-block h2.heading { font-size: 42px; line-height: 50px; } .getintouch-box .getintouch-text h2 { font-size: 42px; line-height: 50px; } .see-sydney { padding: 50px 0; } .postcast-box { padding: 50px 0; } .postcast-box .postcast-img span.audio { width: 90%; } .postcast-box .postcast-block .right { left: 0; width: 48.5%;} .postcast-box .postcast-block .left { left: 0; width: 48.5%; margin-right: 3%;} .getintouch-box { padding: 50px 0; min-height: auto; } .getintouch-box .getintouch-block { left: 0; } .getintouch-box .getintouch-form { left: 0; float: left;} .getintouch-box .getintouch-form a.privacy-link { position: absolute;left: 202px;bottom: 38px;display: inline-block; top: auto; } .getintouch-box .getintouch-form a.privacy-link:hover { border-bottom: 2px solid transparent; } #footerCntr .footer-top { left: 0; } .alignment-banner-bar h1 { font-size: 48px; line-height: 52px;} .style-div h2 {font-size: 36px; line-height: 42px; } .style-div p { font-size: 18px; line-height: 26px;} .style-div h5 { font-size: 18px;} .style-div ul li { font-size: 18px;} .style-div ol li { font-size: 18px;} .form-block { margin: 40px -11px 0px; } .form-block .gform_wrapper ul.gform_fields li.gfield:nth-child(6) { width: 100%;} .form-block .gform_wrapper .gform_footer { float: left; } .form-block .getintouch-form a.privacy-link { left: 0px; top: -59px;} .page-template-landing-page .over-sydney { padding: 50px 0;} .over-sydney .overlist .over-block .over-img { left:0;} .card-box { margin-top: 20px;} .bloglist-box .blogtext h3 { font-size: 26px; line-height: 30px;} .bloglist-box .blog-list h3 { font-size: 20px; } .bloglist-box .blog-list .posts-text span { font-size: 12px; } .see-sydney .seesydney-block .posts-text { padding: 20px 10px; } .see-sydney .seesydney-block .posts-text span {font-size: 12px;} .see-sydney .seesydney-block .posts-text h3 {font-size: 16px; line-height: 20px;} .see-sydney .seesydney-block .video-list .videos a::after { width: 50px; height: 50px; background-size: contain; } .bannerBox.newhome .banner-caption h1 { font-size: 66px; line-height: 90px; letter-spacing: 0.01em; } .ctaBox ul { padding: 0px; } } @media only screen and (max-width: 1199px){ .alignment-banner-bar {height: auto; padding-bottom: 2em;} .left-right-bar .left-block {max-width: 610px;padding: 25px;} .left-right-bar .right-block {width: calc(100% - 637px);} .form-block .checklist label {font-size: 16px;} .card-box .card-block-training {max-width: 307px;} .card-box {padding: 50px 0px 35px;} .card-box .content {padding: 22px 25px 30px 25px;} .alignment-banner-bar h1 {font-size: 42px; line-height: 46px;} } @media only screen and (max-width: 1023px){ .left-right-bar .left-block { max-width: 100%;} .left-right-bar .right-block {width: 100%;} .social-block{max-width:330px;margin:20px auto ;} .card-block{max-width:390px;width:100%;margin:0 auto;} .card-box .card-block-training {max-width: 345px;} .pagination-bar p {font-size: 20px;line-height: 26px;margin-top: 14px;margin-bottom: 0px;padding-bottom: 0px;} .card-box { margin-top: 30px;} #headerCntr { padding: 10px 0 0; } #headerCntr .logo { max-width: 220px; } #headerCntr a.viewmore { float: right; margin: 5px 100px 0 0;} #headerCntr .language { top: 8px; right: 65px;} #nav { display: none; position: absolute;top: 50px;background: #0033cc;width: 100%;left: 0;right: 0;margin: 0;} #nav ul li { padding: 0; display: block; } #nav ul li a { padding: 12px 15px; font-size: 18px;line-height:20px; display: block; border-bottom: 1px solid #565fdf; } #nav ul li:last-child a { border:0;} #nav ul li a:hover, #nav ul li.current-menu-item a { color: #fff; background: #f07343; } #nav ul li.current-menu-item a::after { display: none; } #headerCntr a.mobileMenu { position: absolute; right: 15px; top: 0px; width: 50px; height: 50px; font-size: 0px; transition: all 350ms;-webkit-transition: all 350ms;-ms-transition: all 350ms;-o-transition: all 350ms; display: block; } #headerCntr a.mobileMenu span { width: 33px;height: 2px;display: block;position: absolute;right: 5px;top: 21px;background: #ddd; transition: all 0.3s; -webkit-transition: all 0.3s;} #headerCntr a.mobileMenu span:before {width: 33px;height: 2px;position: absolute;left: 0px;bottom: -11px; content: '';background: #fff;transition: all 0.3s;-webkit-transition: all 0.3s; } #headerCntr a.mobileMenu span:after { width: 33px; height: 2px; position: absolute; left: 0px; top: -11px; content: ''; background: #fff; transition: all 0.3s; -webkit-transition: all 0.3s;} #headerCntr a.mobileMenu.active span{ background: transparent; } #headerCntr a.mobileMenu.active span:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 0px; } #headerCntr a.mobileMenu.active span:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); bottom: 0px; } #headerCntr a.button { position: absolute; right: 114px; top: -7px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .bannerBox { min-height: 550px;} .bannerBox .banner-caption { left:20px;} .bannerBox .banner-caption p { font-size: 16px; line-height: 24px;} .bannerBox .banner-caption h1 { margin: 0 0 20px; font-size: 42px; line-height: 48px; } .book-sydney .bsydney-block { padding: 20px 20px 30px;} .book-services .services-block { padding: 20px 20px 30px;} .book-sydney .bsydney-block h2 { font-size: 28px; margin: 0 0 5px;} .book-sydney .bsydney-block ul li {font-size: 16px; line-height: 28px; } .book-services { margin-top: 150px; } .book-services .services-block .services-list .img { width: 100%;} .book-services .services-block .services-list .text { width: 100%;} .over-sydney .text { padding:0; } .over-sydney { padding: 50px 0 70px;} .see-sydney .seesydney-block .video-text { margin-top: 53px; right: 0; } .see-sydney .seesydney-block .video-list .videos { margin-bottom: 10px;} .see-sydney .seesydney-block .video-list .videos a::after { background-size: contain; width: 45px; height: 45px; } .postcast-box .postcast-text h2, .book-services .services-block h2.heading { font-size: 36px;line-height: 42px;} .postcast-box .postcast-text p { font-size: 16px; line-height: 24px;} .postcast-box .postcast-text a.link { font-size: 16px; line-height: 24px;} .postcast-box { padding: 40px 0 20px; } .postcast-box .postcast-img .posts-text { padding: 30px 10px; } .postcast-box .postcast-img h3 { font-size: 20px;} .postcast-box .postcast-img .posts-text span { font-size: 12px; } .postcast-box .postcast-img span.audio { height: 100px;} .testimonial-box .testimonial-block::before {background-size: contain; width: 250px; height: 279px;} .testimonial-box .testimonial-block::after {background-size: contain; width: 250px; height: 279px;} .testimonial-box { padding: 40px 0 65px; } .logos-box { padding: 40px 0; } .logos-box h2 {font-size: 32px; line-height: 32px; } .getintouch-box .getintouch-text span { font-size: 12px;} .getintouch-box .getintouch-text h2 {font-size: 36px; line-height: 42px;} .getintouch-box .getintouch-text p { font-size: 16px; line-height: 24px;} .getintouch-box .gform_wrapper ul.gform_fields li.gfield { margin: 0 0 15px;} .getintouch-box .gform_wrapper ul.gform_fields li.gfield textarea { height: 180px;} .getintouch-box .gform_wrapper ul.gform_fields li.gfield:nth-child(5) { margin-top: 0; margin-bottom: 15px;} .getintouch-box .gform_wrapper ul.gform_fields li.gfield:nth-child(6) { width: 100%; } .getintouch-box .gform_wrapper .gform_footer { float: left; } .getintouch-box .getintouch-form a.privacy-link { bottom: 83px;} #footerCntr .footer-top .footer-col.link { width: 21%;} #footerCntr .footer-top .footer-col.logo { width: 40.75%;} #footerCntr .footer-copy { left: 0; padding: 30px 0 20px; } #footerCntr .footer-top h3 { margin: 5px 0 15px; } #footerCntr .footer-top ul li a { line-height: 38px;} #footerCntr { padding: 40px 0 0; } .inner-container::after { display: none; } .style-div p { font-size: 17px; line-height: 26px; } .style-div ol li { font-size: 17px; line-height: 26px; } .reviewed { margin-top:20px;} .callme .callme-form { width: 100%; } .callme .gform_wrapper .gform_footer .button { max-width: 150px;} .innerbannerBox .banner-form { width: 52%;} .innerbannerBox .banner-caption { width: 45%;} .innerbannerBox .banner-caption h1 { font-size: 36px; } .innerbannerBox { padding: 5em 0 3em;} .pagination-bar p { font-size: 18px; } .bloglist-box .left { width: 100%; margin:0 0 20px;} .bloglist-box .right { width: 100%;} .bloglist-box .blog-list .blog-contnet { width: 100%; margin-right: 0;} .bloglist-box .blog-list .blog-contnet:nth-child(2) { padding: 0;} .bloglist-box .blog-list .blog-contnet:nth-child(2n+3) { margin-top: 0;} .bloglist-box .blogtext { padding-bottom: 25px; } .bloglist-box .blogtext p { font-size: 16px; line-height: 26px} .see-sydney .seesydney-block .video-list .videos { width: 46.5%;} .see-sydney .seesydney-block .posts-text h3 { margin-bottom: 0; } .see-sydney .seesydney-block .video-list .videos a::after { top: 30%; } } @media only screen and (max-width: 767px){ .alignment-banner-bar {height: 233px;} .alignment-banner-bar h1 {font-size: 42px; margin: 0; line-height: 46px;} .style-div h2 {font-size: 32px;line-height:40px;margin-bottom: 10px;} .style-div h2 br { display: none; } .form-block {margin: 31px -11px 0px;} .card-box .card-block-training {max-width: 280px;margin: 0px 12px 35px;} .bannerBox .banner-caption { width: 100%; left: 0; padding: 0 15px; top: 6em;} .bannerBox .banner-caption h1 { font-size: 36px; line-height: 40px;} .bannerBox { min-height: 500px; } .book-sydney .bsydney-block { margin-top: -50px; flex-direction: column-reverse;} .book-sydney .bsydney-block .left { width: 100%; margin:20px 0 0; } .book-sydney .bsydney-block .right { width: 100%; } .book-services .services-block .services-list:nth-child(2n) { width: 100%; } .book-services .services-block .services-list { width: 100%;margin: 0 0 20px;} .book-services .services-block p { font-size: 16px;line-height: 24px; max-width: 100%; } .over-sydney .over-block { flex-direction: column-reverse;} .see-sydney .seesydney-block{ flex-direction: column-reverse;} .over-sydney .over-block .left { width: 100%;margin-right: 0;} .over-sydney .over-block .right { width: 100%;margin-right: 0;} .see-sydney .seesydney-block .left { width: 100%;margin-right: 0;} .see-sydney .seesydney-block .right { width: 100%;margin-right: 0;} .see-sydney .seesydney-block .video-text { margin: 0 0 20px; max-width: 100%;} .see-sydney { padding: 40px 0; } .see-sydney .seesydney-block .right h2 { max-width: 100%; } .see-sydney .seesydney-block .right p { padding-bottom: 20px;} .see-sydney .seesydney-block .right h2 { font-size: 36px; line-height: 40px; margin: 0 0 10px; } .see-sydney .seesydney-block .video-list .videos { width: 49%; margin-right: 2%;} .see-sydney .seesydney-block .video-list .videos:nth-child(2n){ margin-right:0; } .postcast-box { padding: 30px 0 20px; } .postcast-box .postcast-block .left { width: 100%; margin:0; } .postcast-box .postcast-text { max-width: 100%; margin: 0 0 15px;} .postcast-box .postcast-block .right { width: 100%; } .postcast-box .postcast-img { margin: 0px 0 20px;} .postcast-box .postcast-img span.audio { background-position: center; } .testimonial-box .testimonial-list { padding: 90px 10px 0; } .testimonial-box .testimonial-text { padding: 70px 20px 25px;} .testimonial-box .testimonial-text p { font-size: 18px; line-height: 25px; padding-bottom: 20px; } .logos-box h2 { font-size: 30px;} .logos-box .logos-top { margin-bottom: 20px;} .logos-box { padding: 30px 0; } .getintouch-box .getintouch-block .left { width: 100%; } .getintouch-box .getintouch-block .right { width: 100%; } .getintouch-box {padding: 30px 0;} .getintouch-box .getintouch-text {width: 100%; max-width: 100%;} .getintouch-box .getintouch-text h2 br { display: none; } .getintouch-box .getintouch-text h2 { font-size: 32px;line-height: 36px; margin: 0 0 5px; } .getintouch-box .gform_wrapper ul.gform_fields li.gfield { padding-right: 10px;} .getintouch-box .gform_wrapper ul.gform_fields li.gfield:nth-child(2n) { padding-left: 10px;} .getintouch-box .getintouch-form a.privacy-link { left: 210px; bottom: 90px; } #footerCntr .footer-top .footer-col.logo { width: 100%; margin: 0 0 15px; } #footerCntr .footer-top .footer-col.link { width: 100%;margin: 0 0 15px; } #footerCntr .footer-top .footer-col { width: 100%; padding: 0; } #footerCntr .footer-top .footer-col:last-child { padding: 0; } #footerCntr .footer-top address { padding: 0 0 10px; } #footerCntr .footer-top h3 {margin: 5px 0 5px; line-height: 24px; } #footerCntr { padding: 30px 0 0; text-align: center; } .postcast-box .postcast-text p { padding: 0 0 10px; } .over-sydney { padding: 30px 0 40px; } .alignment-banner-bar .content {padding: 50px 0px 0px 10px;} .alignment-banner-bar h6 { margin: 0 0 10px;} .alignment-banner-bar h1 { font-size: 36px; line-height: 40px;} .callme .gform_wrapper .gform_footer .button { padding: 11px 30px;} .callme h3 { font-size: 26px; line-height: 32px;} .reviewed p { font-size: 18px; line-height: 30px;} .innerbannerBox .banner-form { width: 100%;} .innerbannerBox .banner-caption { width:100%;} .innerbannerBox .banner-form { float: none; margin: 0 auto; max-width: 100%;} .innerbannerBox .bannerform a.privacy-link { right: auto;bottom: 90px;left: 220px;} .over-sydney .overlist .over-block .over-img { float: left; } .page-template-landing-page .over-sydney { padding: 30px 0; } .over-sydney .overlist .over-block:nth-child(2n) { flex-direction: column-reverse; } .over-sydney .overlist .over-block { margin-bottom: 30px} .over-sydney .overlist .over-block:nth-child(2n) .left { position: relative; left: 0; padding-top: 0; } .alignment-banner-bar h1 {font-size: 34px; line-height: 36px;} .style-div p iframe { width: 100% !important;} .book-sydney .bsydney-block .right{display: none;} } @media only screen and (max-width: 639px){ #headerCntr .logo { max-width: 200px;} .alignment-banner-bar {height: auto; padding: 3em 0;} .style-div h2 {font-size: 30px; line-height: 40px;} .style-div p {font-size: 15px;line-height: 21px;font-weight: 400;letter-spacing: 0px;margin-bottom: 18px;} .form-block .half label {width: 100%;} .form-block input {height: 41px;margin-bottom: 10px;} .form-block h3 {margin-bottom: 15px;} .form-block textarea {height: 147px;margin-bottom: 10px;} .form-block button {padding: 7.5px 51px 10.5px 27px;line-height: 30px;font-size: 20px; border-radius: 4px;margin-top: 15px;} .form-block button:after {content: '';top: 13px;margin-left: 6px;} .card-box .card-block-training {max-width: 380px;margin: 0px auto 30px;} .card-box .card-block-training:last-child {margin-bottom: 0px;} .see-sydney .seesydney-block .video-list .videos { width: 100%; margin:0 auto 15px !important; max-width: 320px; float: none; } .see-sydney .seesydney-block .video-list::before { display: none; } .see-sydney .seesydney-block .video-list::after { display: none; } .see-sydney { text-align: center; } .form-block .gform_wrapper ul.gform_fields li.gfield input.medium { margin-bottom: 0; } .form-block .gform_wrapper ul.gform_fields li.gfield { margin-bottom: 15px; width: 100%; padding: 0 !important; } .form-block .getintouch-form a.privacy-link { top: -62px;} .form-block .gform_wrapper .gform_footer .button { min-height: auto; height: auto; line-height: unset; } img.alignleft {float: none; margin: 0 0em 1em 0; width: 100%;} img.alignright {float: none; margin: 0 0em 1em 0; width: 100%;} } @media only screen and (max-width: 479px){ #headerCntr .language { display: none} .left-right-bar .left-block {padding: 15px;} .card-block .button {font-size: 16px;padding: 14.5px 14px ;} .card-block .content {padding: 20px 15px 20px;} .card-block h3 {font-size: 30px;} .style-div h4 {font-size: 20px;line-height: 23px} .card-box .card-block-training .button { font-size: 18px; padding: 8px 15.2px; letter-spacing: 0.5px; border-radius: 3px; display: flex; align-items: center; justify-content: center; } .card-box .content {padding: 20px 25px 25px 20px;} #headerCntr .logo { max-width: 140px; } #headerCntr a.viewmore { margin: 0px 35px 0 0px; padding: 3px 20px 7px 9px;font-size: 13px;} #headerCntr a.mobileMenu { right: 5px; top: -5px;} .bannerBox {min-height: 400px; } .bannerBox .banner-caption h1 { font-size: 24px;line-height: 30px; top: 4em;} .bannerBox .banner-caption p { font-size: 13px; line-height: 20px;} .book-sydney .bsydney-block h2 { font-size: 26px} .book-sydney .bsydney-block a.button { padding: 15px 20px 15px 10px; font-size: 16px; } .see-sydney .seesydney-block .right h2 { font-size: 30px; line-height: 36px; } .getintouch-box .gform_wrapper ul.gform_fields li.gfield { padding-right: 10px; width: 100% !important; margin: 0 0 15px !important; padding: 0 !important;} .getintouch-box .getintouch-form a.privacy-link {left: 28px;bottom: 80px;} .getintouch-box .gform_wrapper .gform_footer .button { padding: 10px 45px; margin-top: 15px; } .getintouch-box .gform_wrapper .gform_footer::after { top: 42px; } .logos-box .slick-arrow { left: -20px} .bannerBox .banner-caption { top: 4em; } .form-block .getintouch-form a.privacy-link { top: -122px; left: 30px; display: inline-block; } .form-block .gform_wrapper .gform_footer { margin-top: 15px;} .innerbannerBox .gform_wrapper .gform_footer { margin-top: 15px;} .innerbannerBox .bannerform a.privacy-link { bottom: 85px;left: 50px;} .over-sydney .over-block h2 { font-size: 30px;} .innerbannerBox .banner-caption h1 { font-size: 34px; line-height: 36px;} } @media only screen and (max-width: 374px){ .social-block{ padding: 19px 10px 25px 10px;} .social-block ul li a {height: 31px;width: 31px;} .single-content {padding: 25px 20px 25px 20px;} .style-div h3 {font-size: 27px;} .form-block input, .form-block textarea {padding: 3px 10px;font-size: 14px;line-height: 30px;} .form-block {margin: 31px -11px 0px; padding: 22px 13px 26px 13px;} .form-block .checklist label {font-size: 12px;} #headerCntr a.viewmore { padding: 3px 10px 7px 5px; font-size: 12px;} #headerCntr .logo { max-width: 135px; } #headerCntr a.viewmore::after { right: -5px;} } @media (min-width: 768px){ .mobile-menu__btn{ display: none!important; } } @media (min-width: 992px){ .d-md-none{ display: none; } } @media (max-width: 991px){ .d-xs-block iframe{ width: 100%; height: 220px; } .d-xs-block{ display: block; } }