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; font-size: 100%; font: inherit; vertical-align: baseline } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } .view, .ALeft, img, .Fbox, .AboutImg, .fLink, .copyRight, .testimonials .testimonial .text { transition: all 1s ease } @font-face { font-family: 'century_gothicregular'; src: url('../fonts/gothic-webfont.eot'); src: url('../fonts/gothic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothic-webfont.woff') format('woff'), url('../fonts/gothic-webfont.ttf') format('truetype'), url('../fonts/gothic-webfont.svg#century_gothicregular') format('svg'); font-weight: normal; font-style: normal } @font-face { font-family: 'century_gothicbold'; src: url('../fonts/gothicb-webfont.eot'); src: url('../fonts/gothicb-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothicb-webfont.woff') format('woff'), url('../fonts/gothicb-webfont.ttf') format('truetype'), url('../fonts/gothicb-webfont.svg#century_gothicbold') format('svg'); font-weight: normal; font-style: normal } @font-face { font-family: 'lane_-_narrowregular'; src: url('../fonts/lanenar_1-webfont.eot'); src: url('../fonts/lanenar_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lanenar_1-webfont.woff2') format('woff2'), url('../fonts/lanenar_1-webfont.woff') format('woff'), url('../fonts/lanenar_1-webfont.ttf') format('truetype'), url('../fonts/lanenar_1-webfont.svg#lane_-_narrowregular') format('svg'); font-weight: normal; font-style: normal } body { margin: 0px; padding: 125px 0 0 0; font-family: 'century_gothicregular'; font-size: 16px } ul { list-style: none } ol li { background: none; padding: 0 0 10px 0 } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } img { max-width: 100% } a, input, button { outline: none } p { margin-bottom: 10px } a, header, .menu ul li a { transition: all 0.2s ease } .clear { display: table; width: 100%; clear: both; height: 0px } header { position: fixed; width: 100%; height: 125px; background: #fff; color: #fff; font-family: 'century_gothicregular', sans-serif; box-shadow: 0px 0px 8px rgba(0,0,0,.2); transition: all 0.4s ease; z-index: 999; top: 0px } header.sticky { height: 61px; background: #fff; text-align: left; padding-left: 0px; transition: all 0.4s ease } .head { max-width: 1180px; margin: 0 auto; width: 100%; padding: 12px 0; height: 101px; transition: all 0.4s ease } header .logo { float: left; transition: all 0.4s ease; margin-top: -1px } header .logo img { transition: all 0.4s ease; width: 200px } .headR { float: right; ; width: 82%; transition: all 0.4s ease } .menu { float: left } .menu ul { list-style-type: none } .menu ul li { float: left; margin: 0 10px; position: relative } .menu ul li a { text-decoration: none; font-family: 'century_gothicbold'; color: #606060; font-size: 15px; text-transform: uppercase; border: 2px solid #fff; padding: 8px 13px; display: table; transform: skewX(0deg); transform: skewY(-3deg) } .menu ul li a span { display: block; transform: skewX(-8deg) !important; transform: skewY(3deg) !important } .menu ul li a:hover { color: #c02270; border: 2px solid #c02270 } .menu ul li ul.submenu { position: absolute; top: 70px; /*display:none;*/ padding: 0px; background-color: #720038; width: 220px; z-index: 9; margin: 14px 0 0 0px } .menu ul li:hover ul.submenu { display: block } header.sticky .menu ul li ul.submenu { top: 38px } .menu ul li ul.submenu li { padding: 0px; margin: 0px; float: none } .menu ul li ul.submenu li a { font-size: 14px; display: table; color: #fff; border: 0px; width: 90%; line-height: normal; padding: 10px 5% 4px } .menu ul li ul.submenu li a:hover { color: #333; background: #fff } .menu ul li.submenu a { padding-right: 25px } .menu ul li.submenu .droparrow { background: url(../images/menu-arrow.png) no-repeat center center; height: 5px; width: 7px; position: absolute; right: 12px; top: 19px } .toogle-btn { padding: 0px 0px; background: url(../images/icon-menu-toogle.png) no-repeat center center; height: 30px; width: 30px; position: absolute; z-index: 99; top: 32px; right: 10px; display: none; border: 0 solid #606060; transition: all 0.4s ease } .toogle-btn a { font-size: 18px; color: #FFF; letter-spacing: 0.5px; display: none } .toogle-btn:hover { background-color: #f1f1f1; cursor: pointer } .toogle-btn a span { width: 22px; height: 3px; background: #606060; display: table; float: left } .fb-Ph { float: right; margin-left: 1%; margin-right: -1px; margin-top: 15px; width: 31% \9; transition: all 0.4s ease 0s; } .fb-Ph ul li { float: left; margin: 0 0px 0 10px; transition: all 0.4s ease } .fb-Ph ul li a { height: 50px; width: 50px; display: block; color: #000; text-decoration: none; font-size: 24px; transition: all 0.4s ease } .fb-Ph ul li a.faceBk { background: url(../images/sprite-img.png) no-repeat 0 0px } .fb-Ph ul li a.PhNmbr { padding-left: 59px; width: auto; line-height: 50px; position: relative } .fb-Ph ul li a.PhNmbr font { background: url(../images/sprite-img.png) no-repeat -60px 0px; width: 50px; line-height: 50px; position: absolute; left: 0; transition: all 0.4s ease 0s; } .fb-Ph ul li:hover { opacity: .7 } header.sticky1 .head { height: 55px; padding: 3px 0; transition: all 0.4s ease } header.sticky1 .logo img { width: 150px; transition: all 0.4s ease } header.sticky1 .headR { padding-top: 6px; width: 78%; float: right } header.sticky1 .fb-Ph ul li a.PhNmbr { padding-left: 48px; width: auto; line-height: 40px } header.sticky1.fb-Ph ul li a.PhNmbr font { background: url(../images/sprite-img.png) no-repeat -34px 7px; background-size: 190px; width: 43px; margin: 1px 0 0; line-height: 40px } header.sticky1 .fb-Ph ul li a { font-size: 16px; } header.sticky1 .fb-Ph ul li a.PhNmbr font { transform: scale(0.7); } header.sticky1 .head_social.fb-Ph1 { margin-top: -17px; } /*Banner CSS*/ .fb-Ph1 { float: left; margin-left: 0; margin-right: -1px; margin-top: 1px; width: 31% \9 } .fb-Ph > ul:after { clear: both; content: ""; display: table; } .fb-Ph > ul { margin: 0 0 5px; } .head_social.fb-Ph1 { float: right; margin-right: -30px; margin-top: -10px; transform: scale(0.7); transition: all 0.4s ease 0s; } header.sticky1 .fb-Ph { margin-top: 10px; } header.sticky1 .top-nav { padding-top: 10px; } header.sticky1 { height: 90px; } .fb-Ph1 ul li { float: left; margin: 0 0px 0 5px; transition: all 0.4s ease } .fb-Ph1 ul li a { height: 50px; width: 50px; display: block; color: #000; text-decoration: none; font-size: 24px; transition: all 0.4s ease } .fb-Ph1 ul li a.faceBk { background: url(../images/sprite-img.png) no-repeat 0 0px } .fb-Ph1 ul li a.instagram { padding-left: 59px; background: url(../images/sprite-img.png) no-repeat -113px 0px; width: auto; line-height: 50px } .fb-Ph1 ul li a.pinterest { padding-left: 59px; background: url(../images/sprite-img.png) no-repeat -178px 0px; width: auto; line-height: 50px } .fb-Ph1 ul li a.googlereview { padding-left: 59px; background: url(../images/sprite-img.png) no-repeat -296px 0px; width: auto; line-height: 50px } .fb-Ph1 ul li:hover { opacity: .7 } .slider-wrapper { position: relative; top: 0px; z-index: 0 } .slider-wrapper { position: relative; top: 0px; z-index: 0 } .content-text {/*top:38%;*/ position: relative; right: 0; max-width: 1180px; margin: 0 auto; width: 100%; z-index: 9; padding: 89px 0 81px; text-align: center } .content-text .bannrContnt { width: 420px; height: 261px; padding: 30px 30px 30px 30px; background: url(../images/banner-text-bg-02.png) no-repeat center center; text-align: left; font-family: 'lane_-_narrowregular'; vertical-align: middle; display: table-cell } .content-text .bannrContnt h2 { display: block; font-size: 55px; font-size: 54px \9; font-family: 'lane_-_narrowregular'; color: #fff; font-weight: normal; margin: 0px 0 8px; position: relative; text-align: left; text-shadow: 0 0 0 #fff; line-height: 55px } .content-text .bannrContnt p { color: #fff; font-size: 20px; text-shadow: 0 0 0 #fff; line-height: 26px; text-shadow: 0 0 1px #fff } .content-text .bannrContnt a { text-decoration: none; color: #FFF } .content-text .bannrContnt .readMore { margin-top: 8px } .content-text .bannrContnt .readMore { background: url(../images/banner-readMore-arrow.png) no-repeat left bottom; text-decoration: none; color: #fff; font-family: 'century_gothicbold'; font-size: 18px; padding: 0 20px 11px 0 } .content-text .bannrContnt .readMore:hover { color: #ccc } .slider3 .content-text .bannrContnt { width: 330px; background: url(../images/banner-text-bg-01.png) no-repeat center center; padding: 30px 30px 30px 42px; vertical-align: top; display: block } .slider3 .content-text .bannrContnt p { line-height: 30px; margin-left: 3px } .slider3 .content-text .bannrContnt .readMore { margin-top: 9px; margin-left: 2px } .slider3 .content-text .bannrContnt h2 { display: block; font-size: 55px; color: #fff; font-weight: normal; margin: 0px 0 8px; line-height: 66px } .slider4 .content-text .bannrContnt { width: 350px; background: url(../images/banner-text-bg-02.png) no-repeat center center } /*Safari Hack CSS*/ ::i-block-chrome, header .logo { margin-left:0px } ::i-block-chrome, .fb-Ph ul li a.PhNmbr { padding-left:59px } /*InnerBanner*/ .InnerBanner { max-width: 1180px; margin: 30px auto 0 } .InnerBanner img { margin: 0px; float: left } .main { max-width: 1180px; margin: 0 auto 0px; clear: both; padding-bottom: 0px } .main h1 { } h1 { display: block; font-size: 40px; font-family: 'lane_-_narrowregular'; color: #000; font-weight: normal; margin: 29px 0 20px; position: relative; text-align: center } h1:before { background: #8d0138; height: 5px; content: ""; display: table; width: 100px; margin: 16px auto 23px } .page-id-10 .main h2 { display: block; font-size: 40px; font-family: 'lane_-_narrowregular'; color: #000; font-weight: normal; margin: 29px 0 23px; position: relative; text-align: center } .page-id-10 .main h2:before { background: #8d0138; height: 5px; content: ""; display: table; width: 100px; margin: 16px auto 23px } .boxGird { padding-top: 10px; padding-bottom: 1px; display: flex; width: 100% } .welcomeText { text-align: center; color: #606060; line-height: 22px; margin-top: -9px; padding-bottom: 17px } .welcomeText h4 { font-family: 'century_gothicbold'; font-size: 18px; margin-bottom: 16px } .welcomeText .readMoreH { margin: 15px auto; display: table; text-align: center; position: relative; width: 180px } .welcomeText .readMoreH a { font-family: 'century_gothicregular'; font-size: 26px; font-weight: normal; text-decoration: none; color: #4ebbc6; border: 2px solid #d7d7d7; height: 36px; width: 36px; line-height: 36px; display: block; border-radius: 100px; margin: 0 auto; background: #fff; position: relative; z-index: 1 } .welcomeText .readMoreH a:hover { color: #fff; background: #4ebbc6; border: 2px solid #4ebbc6 } .welcomeText .readMoreH:after { width: 180px; content: ""; height: 2px; background: #d7d7d7; display: table; position: absolute; top: 19px; left: 0px; z-index: 0 } /*Footer CSS*/ footer { background: #f8f8f8; padding: 32px 0 0; display: table; width: 100% } .mainfoot { max-width: 1180px; margin: 0 auto } .mainfoot .Fbox { width: 280px; font-size: 14px; color: #606060; margin-right: 20px; margin-bottom: 28px; float: left } .mainfoot .Fbox p { line-height: 18px; overflow: hidden; } .mainfoot .Fbox:last-child { margin-right: 0px } .mainfoot .Fbox a { color: #606060; text-decoration: none } .mainfoot .Fbox a:hover { color: #000 } .mainfoot .Fbox h3 { font-family: 'century_gothicbold'; color: #c02270; font-size: 18px; margin-bottom: 20px } /*.mainfoot .Fbox h3:after { width: 50px; height: 2px; background: #4ebbc6; display: block; content: ''; margin-top: 4px }*/ .mainfoot .Fbox .Fline { padding-bottom: 10px } .mainfoot .Fbox .Fline:after { width: 80px; height: 1px; background: #d7d7d7; display: block; content: ''; margin-top: 10px } .mainfoot .Fbox .Fline:last-child:after { display: none } .mainfoot .Fbox .fBlog { padding-top: 2px } .mainfoot .Fbox .fBlog ul li { line-height: 15px; padding-bottom: 8px; display: table } .mainfoot .Fbox .fBlog ul li img { float: left; margin-right: 14px; margin-top: 4px } .mainfoot .Fbox .fBlog ul li a:hover { color: #000 } .mainfoot .Fbox .fBlog ul li span.date { color: #8e173d; font-size: 11px; text-shadow: 0 0 0 #8e173d; display: block; padding-bottom: 1px } .mainfoot .Fbox .testimonial { } .mainfoot .Fbox .testimonial ul li { margin-bottom: 10px; line-height: 18.5px } .mainfoot .Fbox .testimonial ul li span { color: #8e173d; display: block; font-size: 14px; padding-top: 6px } .fcontent .viewBlog { margin-top: 3px; display: block } .viewBlog a { font-size: 16px; color: #404040 !important; text-decoration: underline !important; /*border-bottom:1px solid #636363;*/ } .Fbox .fcontent .viewBlog a{color: #fff !important;} .viewBlog a:hover { text-decoration: none !important; border-bottom: none } .fb_iframe_widget { width: 100% !important } .fb_iframe_widget span, .fb-social-plugin { width: 100% !important } .fb_iframe_widget iframe { width: 100% !important } .footerBottom { border-top: 1px solid #dedede; display: table; width: 100%; padding: 16px 0 19px } .fLink { float: left } .fLink ul { list-style-type: none } .fLink ul li { float: left; padding: 0 0px 0 0 } .fLink ul li:before { content: "|"; font-family: 'century_gothicbold'; font-size: 15px; color: #c02270; padding-right: 7px } .fLink ul li:first-child:before { display: none } .fLink ul li a { text-decoration: none; font-family: 'century_gothicbold'; font-size: 15px; color: #c02270; padding: 0 7px 0 0px } .fLink ul li a:hover, .fLink ul li a.active { color: #333 } .copyRight { float: right; color: #606060; font-size: 14px; padding-top: 2px } .copyRight a { color: #606060; text-decoration: none } .copyRight a:hover { color: #8e173d; text-decoration: underline } /*Go to Top CSS*/ #back-to-top { position: fixed; bottom: 51px; right: 20px; z-index: 999; width: 32px; height: 32px; text-align: center; line-height: 30px; background: #c02270; color: #FFF; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0 } #back-to-top:hover { background: #8e173d } #back-to-top.show { opacity: 1 } /*CSS3 Effect*/ .view { width: 50%; height: auto; margin: 0px 20px 20px 0; float: left; border-bottom: 10px solid #f68e22; overflow: hidden; position: relative; text-align: center; cursor: default; /*background:#fff url(../images/bgimg.jpg) no-repeat center center;*/ } .view .mask, .view .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0 } .view .mask .padd { padding: 10px; display: block; height: 96.4% } .view .mask .brdr { border: 1px solid rgba(225,225,225,.5); height: 100% } .view img { display: block; position: relative } .view h2 { color: #fff; text-align: center; position: relative; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; text-align: center; font-family: 'century_gothicbold'; color: #fff; padding: 0px 5% 0px 5%; font-size: 24px } .view h2 { display: block; width: auto; position: relative; margin: 0 auto; display: table; background: none; text-align: center; transition: all 0.4s ease; line-height: 28px; margin-top: 43% } .view h3 { background: url(../images/text-bg.png) repeat-x center bottom; position: absolute; width: 90%; bottom: 0px; text-align: center; font-family: 'century_gothicbold'; color: #fff; padding: 65px 5% 12px 5%; font-size: 17px; display: block; z-index: 9 } .view-first h3 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .view-first:hover h3 { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .view2 {border-bottom: 10px solid #066eaa; } .view2 .mask .padd { padding: 10px; display: block; height: 96.8% } .view3 { margin-right: 0px; border-bottom: 10px solid #4ebbc6 } .view3 .mask .padd { padding: 10px; display: block; height: 96.8% } .view4 { width: 32.20%; height: auto; float: left; border-bottom: 10px solid #00b15b; clear: both } .view4 .mask .padd { padding: 10px; display: block; height: 96.8% } .view5 { width: 66.10%; height: auto; float: left; margin-right: 0px; border-bottom: 10px solid #c02270; margin-bottom: 1.7% } .view5 .mask .padd { padding: 10px; display: block; height: 94.1% } .view6 { width: 32.20%; height: auto; float: left; border-bottom: 10px solid #4ebbc6 } .view6 .mask .padd { padding: 10px; display: block; height: 92.5% } .view7 { width: 32.20%; height: auto; float: left; margin-right: 0px; border-bottom: 10px solid #f68e22 } .view7 .mask .padd { padding: 10px; display: block; height: 92.5% } /*.view p{font-family:Georgia, serif; font-style:italic; font-size:12px; position:relative; color:#fff; padding:10px 20px 20px; text-align:center}*/ .view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; color: #fff; text-transform: uppercase; position: relative; margin-top: 30px } .view a.info img { height: auto; width: auto } .view1 h2 { margin-top: 75% } .view2 h2 { margin-top: 75% } .view3 h2 { margin-top: 75% } .view4 h2 { margin-top: 78% } .view5 h2 { margin-top: 16% } .view5 a.info { } .view6 h2 { margin-top: 20.8% } .view6 a.info { } .view7 h2 { margin-top: 24% } .view7 a.info { } .view a.info:hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000 } .view-first img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; width: 100%; height: 400px; object-fit: cover; } .view6 img { width: auto; height: auto } .view-first .mask { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color: rgba(0,0,0,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } .view-first h2 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .view-first p { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear } .view-first:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } .view-first a.info { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .view-first:hover .mask { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 } .view-first:hover h2, .view-first:hover p, .view-first:hover a.info { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px) } .view-first:hover p { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s } .view-first:hover a.info { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s } #gradient { background: #fff; bottom: -30px } .view1 h3 { background: rgb(246 142 34 / 70%); padding: 10px 0; width: 100%; line-height: normal; display: block; } .view2 h3 { background: rgb(6 110 170 / 70%); padding: 10px 0; width: 100%; line-height: normal; display: block; } .view3 h3 { background: rgb(78 187 198 / 70%); padding: 10px 0; width: 100%; line-height: normal; display: block; } /*Breadcrumb CSS*/ .breadcrumb { background: #f0f0f0; padding: 16px 0; display: table; width: 100% } .bredcrm { max-width: 1180px; margin: 0 auto; width: 100% } .bredcrm ul li { float: left; font-size: 13px; color: #8d0138 } .bredcrm ul li:before { content: '/'; font-size: 13px; color: #606060; padding-right: 8px } .bredcrm ul li:first-child:before { display: none } .bredcrm ul li a { text-decoration: none; font-size: 13px; color: #606060; padding-right: 8px } .bredcrm ul li a:hover { color: #8d0138 } /*InnerContent CSS*/ .InnerContent { max-width: 1180px; margin: 0 auto 30px; display: table; width: 100%; font-size: 14px; color: #606060; text-align: justify; clear: both } ::i-block-chrome, .InnerContent { display:block } .InnerContent h1, .term-9 .InnerContent h2, .term-3 .InnerContent h2 { display: block; font-size: 40px; font-family: 'lane_-_narrowregular'; color: #000; font-weight: normal; margin: 30px 0 20px; position: relative; text-align: left !important; letter-spacing: -.11px } .InnerContent h1:before, .term-9 .InnerContent h2:before, .term-3 .InnerContent h2:before { background: #8d0138; height: 5px; content: ""; display: table; width: 100px; margin: 16px 0 17px } .InnerContent h1, .term-129 .InnerContent h2, .term-3 .InnerContent h2 { display: block; font-size: 40px; font-family: 'lane_-_narrowregular'; color: #000; font-weight: normal; margin: 30px 0 20px; position: relative; text-align: left !important; letter-spacing: -.11px } .InnerContent h1:before, .term-129 .InnerContent h2:before, .term-3 .InnerContent h2:before { background: #8d0138; height: 5px; content: ""; display: table; width: 100px; margin: 16px 0 17px } .InnerContent p {/* margin-bottom:24px; */ line-height: 21px; font-family: 'century_gothicregular'; font-size: 14px; } .InnerContent strong { font-size: 16px } .InnerContent strong { font-family: 'century_gothicbold'; } .InnerContent h3 { font-size: 18px; font-family: 'century_gothicbold'; margin-bottom: 8px; } .clickHere1 { margin-top: -4px } a.clickHere { font-size: 15px; font-family: 'century_gothicbold'; color: #eb078a; text-decoration: underline; position: relative; display: table; max-width: 90% } a.clickHere:hover { text-decoration: none } a.clickHere span.arow { position: absolute; margin-right: -24px; margin-top: 1px; right: 0px; top: 0px } /*.blog-sidebar .search-field{ height:32px; line-height:32px; padding-top:0px}*/ .share-before { text-align: left } .InnerContent ul { } .InnerContent ul li { background: rgba(0, 0, 0, 0) url("../images/faq-bullet.png") no-repeat scroll left 6px; padding: 0 0 10px 20px } .InnerContent ul ul { padding-top: 10px; } .InnerContent ol ul { padding-top: 10px; } .InnerContent ul li ul li:last-child { padding-bottom: 0; } .InnerContent ol li ul li:last-child { padding-bottom: 0; } .InnerContent ul li ul li { background: url(../images/list-bullet.jpg) no-repeat left 8px; padding: 0 0 10px 20px } .InnerContent ol li ul li { background: url(../images/list-bullet.jpg) no-repeat left 8px; padding: 0 0 10px 20px } .InnerContent ol { margin-left: 20px } /*About CSS*/ .AboutImg { float: left; margin: 5px 20px 20px 0 } .AboutImg img { border-bottom: 10px solid #4ebbc6 } .ALeft { width: 38%; padding: 10px; float: left } .ALeft-List { width: 50%; margin-left: 0px; float: left; margin-right: 20px } .ALeft-List ul { margin-left: 10px } .ALeft-List ul li { padding-left: 18px } .sincerely { font-size: 16px } .mleft0 { margin-left: 0px } .aboutCntnt { width: 100%; clear: both } /*Testimonials CSS*/ .testimonials { padding-top: 6px } .testimonials .testimonial { background: url(../images/testimonial-icon.png) no-repeat right center #f8f8f8; padding: 40px 40px 35px; margin-bottom: 40px; display: table } .testimonials .testimonial img { float: left; border-bottom: 5px solid #D32270; margin-right: 40px } .testimonials .testimonial h3 { text-transform: uppercase; margin: 13px 0 15px } .testimonials .testimonial p { font-size: 18px; font-style: italic; line-height: 30px; margin-bottom: 0px } .testiPagging { border-top: 2px solid #e1e1e1; border-bottom: 2px solid #e1e1e1; padding: 6px 0; display: table; width: 100%; margin-top: -10px; margin-bottom: 20px } .testiPagging .TPagg { float: right } .testiPagging .TPagg a { text-decoration: none; height: 33px; width: 33px; line-height: 33px; text-align: center; border: 1px solid #ccc; display: inline-block; float: left; font-size: 15px; font-family: 'century_gothicbold'; color: #606060; margin-left: 6px } .testiPagging .TPagg a:hover { border: 1px solid #8d0138; color: #8d0138 } .testiPagging .TPagg a.active { border: 2px solid #8d0138; color: #8d0138; height: 31px; width: 31px; line-height: 31px } .testiPagging .TPagg a.prev { overflow: hidden } .testiPagging .TPagg a.prev img { max-width: none !important } .testiPagging .TPagg a.prev:hover img { margin-top: -35px } .testiPagging .TPagg a.next { overflow: hidden } .testiPagging .TPagg a.next img { max-width: none !important; float: right } .testiPagging .TPagg a.next:hover img { margin-top: -35px } /*FAQ CSS*/ .faq { } .faq ul { margin: 0px; padding: 0 20px } .faq ul li { background: url(../images/faq-bullet.png) no-repeat left 6px; padding: 0 0 10px 17px } .faq-QA { padding-bottom: 10px } /*Detail Page*/ .detailPage { display: table } .detailLeft { float: left; margin: 0 20px 20px 0; width: 32.20338983050847% } .detailLeft img { border-bottom: 10px solid #4ebbc6; width: 100% } .detailRight { float: right; width: 66.10169491525424% } .detailPage h3 { color: #8d0138 } ul.detail-List { padding: 0px; margin: 0px 40px 0 0; float: left } ul.detail-List li { background: none !important; padding: 0px 0 10px } ul.detail-List li a { background: url(../images/faq-bullet.png) no-repeat left 6px; padding: 0 0 0 17px; text-decoration: none; color: #606060 } ul.detail-List li a:hover { color: #4ebbc6 } ul.detail-List ul { margin: 10px 0 0 24px; margin-bottom: 0px; padding-bottom: 0px } ul.detail-List ul li a { background: url(../images/list-bullet.jpg) no-repeat left 6px; padding: 0 0 0 17px; text-decoration: none; color: #606060 } ul.detail-List ul li:last-child { padding-bottom: 0px } .gfta { background: #8d0138; clear: both; display: table; font-family: 'century_gothicbold'; color: #fff; font-size: 15px; text-align: center; width: 196px; padding: 10px 0 0; margin: 14px 0 0; float: left; line-height: 20px } .gfta span { background: #b41453; width: 100%; display: table; margin: 7px 0 0; padding: 0px 0 1px } .gfta span a { color: #fff; text-decoration: none; font-size: 13px } .Full-accordionBg { background: #f8f8f8; margin: 50px 0; padding: 40px 0 25px; clear: both } .accordion { max-width: 1180px; margin: 0 auto } .scroll-back-to-top-wrapper { bottom: 100px !important; } .GalleryContent { max-width: 1180px; width: 100%; margin: 0 auto 30px; clear: both; } .grid { margin: 0 auto; position: relative; } .GalleryContent img { display: block; position: relative; z-index: 10; box-sizing: border-box;/* border: 5px solid #FFF; */ } .grid-sizer, .grid-item, .grid-item--height2 { width: 295px; max-width: 100%; position: relative; /* margin-bottom: 10px; */ } .grid-item--width2 { width: 350px; } .grid_cover, .grid_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.25s ease-in-out; } .grid-item { margin-bottom: 10px; } .grid_cover { background: #000; z-index: 20; } .grid_text { color: #FFF; font-weight: 400; font-size: 18px; line-height: 24px; padding: 60px 50px; z-index: 30; box-sizing: border-box; } .grid-item:hover .grid_cover { opacity: 0.5; transition: opacity 0.25s ease-in-out; } .grid-item:hover .grid_text { opacity: 1; transition: opacity 0.25s ease-in-out; } /*TESTIMONIAL CSS*/ .InnerTestimonail { margin: 0 auto 100px; max-width: 1180px } .testimonials-s { background: #f8f8f8; padding: 40px 40px 0px } .bx-wrapper .testimonials-thumbnail { margin: 0px 0px 15px } .bx-wrapper .testimonials-title { text-align: center; margin: 25px 15px 3px; font-size: 24px; line-height: 1 } .bx-wrapper .testimonials-carousel-thumbnail { max-width: 35%; float: left; margin-right: 20px } .bx-wrapper .testimonials-carousel-thumbnail img { display: block; margin-right: 20px; width: 180px; border-bottom: 5px solid #d32270 } .bx-wrapper .testimonials-carousel-context { overflow: hidden } .bx-wrapper .testimonials-carousel-content { font-family: 'century_gothicregular'; color: #606060; font-style: italic; font-size: 18px; line-height: 30px } .bx-wrapper .testimonials-name { font-size: 18px; margin-bottom: 15px; margin-top: 15px; color: #606060; font-weight: 400; font-family: 'century_gothicbold'; text-transform: uppercase } .bx-wrapper span { font-size: 11px; margin-left: 10px; color: #aaa; font-family: Georgia, Arial, Helvetica, sans-serif; font-style: italic } .bx-wrapper { position: relative; margin: 0px auto; padding: 0; width: 100%; *zoom:1 } .bx-wrapper .slide { padding: 0; margin: 0; display: block; position: relative } .bx-wrapper .bx-viewport { padding: 0px; margin-left: 0; z-index: 1; width: 100% } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; display: none; bottom: -30px; width: 100% } .bx-wrapper .bx-loading { min-height: 50px; /*background:url(images/bx_loader.gif) center center no-repeat #fff;*/ height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000 } .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-weight: bold; color: #666; padding-top: 20px } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom:1; *display:inline } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000 } .bx-wrapper .bx-next { position: absolute; top: 0; right: 0; width: 40px; height: 40px; cursor: pointer; background: url(images/caousel-next.png) no-repeat 0 0 } .bx-wrapper .bx-prev { position: absolute; top: 0px; right: 30px; width: 40px; height: 40px; cursor: pointer; background: url(images/caousel-prev.png) no-repeat 0 0 } .bx-wrapper .bx-controls-direction a { position: absolute; top: 0; margin-top: 0; margin-right: 0px; outline: 0; width: 40px; height: 40px; text-indent: -9999px; z-index: 99; background: url(../images/testimonial-next-prv.png) no-repeat left top; display: inline-block } .bx-wrapper .bx-controls-direction a.bx-next { background-position: -100px top; margin-right: -70px } .bx-wrapper .bx-controls-direction a:hover { background-position: left -40px } .bx-wrapper .bx-controls-direction a.bx-next:hover { background-position: -100px -40px } .InnerTestimonail .bx-controls { position: relative; margin: 0 auto 0px; display: table; bottom: -60px } .InnerTestimonail .bx-controls:before { height: 2px; width: 280px; background: #d7d7d7; content: ''; position: absolute; margin-left: -140px; margin-top: 19px } .testiLink { margin: 0 auto; display: table; position: relative; bottom: -60px } .testiLink a { background: url(../images/testimonial-next-prv.png) no-repeat -50px top; outline: 0; width: 40px; height: 40px; text-indent: -9999px; z-index: 9999 !important; display: block } .testiLink a:hover { background: url(../images/testimonial-next-prv.png) no-repeat -50px -40px } /*Contact Page CSS*/ .Contact-Main { background: url(../images/contactRight-img.png) no-repeat right bottom } .Contact-Main .InnerContent { margin-bottom: 0px } .onlineCform {/*padding-bottom:40px;*/ } .onlineCform h3 { text-transform: uppercase } .Contactus h2 { font-size: 24px; margin-bottom: 20px } .Contactus h3 { text-transform: uppercase; padding-top: 4px; padding-bottom: 6px; display: table } .cntct-detail{ display: flex; flex-wrap: wrap; justify-content: left;} .Contactus .Cdetail {/* width: 380px; margin-right: 20px; float: left; */width: 33%;height: 70px; margin-bottom: 20px; text-align: left } .Contactus .Cdetail a { color: #606060; text-decoration: none } .Contactus .Cdetail a:hover { color: #eb088b } .Contactus .Cdetail span { float: left; width: 70px; height: 70px; display: block; float: left; margin-right: 15px; vertical-align: middle } .Contactus .location { margin-right: 0px } .Contactus .ABN { margin-right: 0px } .Contactus .Cdetail p { height: 70px; vertical-align: middle; display: table-cell } .Contactus .address span { background: url(../images/testimonial-next-prv.png) no-repeat 0px -180px } .Contactus .phone span { background: url(../images/testimonial-next-prv.png) no-repeat -80px -180px } .Contactus .ABN span { background: url(../images/testimonial-next-prv.png) no-repeat -160px -180px } .Contactus .P-address span { background: url(../images/testimonial-next-prv.png) no-repeat 0 -260px } .Contactus .email span { background: url(../images/testimonial-next-prv.png) no-repeat -80px -260px } .Contactus .location span { background: url(../images/testimonial-next-prv.png) no-repeat -160px -260px } .openDay { background: #f5f5f5; margin: 20px 0 33px; padding: 40px 0 30px; clear: both; float: left; width: 100% } .openDay-Img { float: left; width: 23%; margin-right: 2.4% } .openDay-text { float: left; width: 74% } .openDay-text p { vertical-align: middle; display: table-cell; height: 254px } .openDay p { font-size: 18px; line-height: 29px } .openDay p .clickHere { top: -5px; position: relative; display: table; max-width: 90% } .openDay p .clickHere span.arow { position: absolute; margin-right: -24px; margin-top: 0px } .openDay .InnerContent { margin-bottom: 0px; padding-bottom: 0px } .Online-Contact-Form { text-align: left; width: 75%; padding-top: 8px } .Online-Contact-Form .textfield { width: 43%; float: left; margin-right: 60px; margin-bottom: 10px } .Online-Contact-Form .textfield strong { font-size: 15px; margin-bottom: 5px; display: block } .red { color: red } .Online-Contact-Form .textfield input { width: 94%; border: 1px solid #c2c2c2; height: 38px; padding: 0 10px; color: #606060; border-radius: 0px } .Online-Contact-Form .textfield textarea { width: 94%; border: 1px solid #c2c2c2; height: 130px; padding: 10px 10px; font-family: 'century_gothicregular'; font-size: 14px; color: #606060; outline: none; border-radius: 0px } .radioBtn { float: left; margin-right: 26px; margin-top: 7px } .Online-Contact-Form .textfield .btn { font-family: 'century_gothicbold'; font-size: 16px; text-transform: uppercase; width: 140px; height: 50px; border: 0px; background: #8d0138; color: #fff; cursor: pointer; float: left; margin-right: 20px; border-radius: 0px } .Online-Contact-Form .textfield .btn:hover { background: #333 } .Online-Contact-Form .textfield .Rstbtn { background: #606060 } .Online-Contact-Form .textfield-Fullwidth { width: 96% } .Online-Contact-Form .required-fields { font-size: 12px; margin-top: 6px; float: left } .Online-Contact-Form ol { float: left; width: 47%; padding-right: 20px } .Online-Contact-Form ol li { margin-bottom: 10px } .captchaImg { float: left; margin-bottom: 12px } .captchaImg img { float: left; height: 28px; width: 84px; } .captcha_refresh { margin: 2px 10px 5px; float: left; clear: both; transform: scale(0.8); transform-origin: center top 0; } .captcha_refresh a:after { background: url(../images/testimonial-next-prv.png) no-repeat; background-position: 0px -340px; height: 23px; width: 28px; display: inline-block; content: ""; vertical-align: middle; margin-top: -5px; } a.captcha-reload:before { content: "Refresh"; font-size: 18px; color: #606060; font-weight: bold; margin-right: 5px; } .captchaField { width: 172px; float: left; margin-left: 12px } .captchaField span.wpcf7-form-control-wrap label.error { position: absolute !important; left: 0px; white-space: nowrap !important; bottom: -9px } .map { padding: 0px; height: 445px; margin: 0px } .map iframe { width: 100%; height: 450px; border: 0px } .gender .wpcf7-list-item-label { float: left; margin: 5px 26px 0 0 } .course-of-interest .wpcf7-list-item-label { float: left; margin: 4px 0px 0 2px } /*Radio Btn CSS*/ input[type=radio].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 } input[type=radio].css-checkbox + label.css-label { padding-left: 22px; height: 13px; display: inline-block; line-height: 14px; background-repeat: no-repeat; background-position: 0 0; font-size: 14px; vertical-align: middle; cursor: pointer; color: #606060; /*text-shadow:0 0 0 #606060;*/ } input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -13px } label.css-label { background-image: url(../images/radio-icon.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } /*CheckBox Btn CSS*/ input[type=checkbox].css-checkbox1, .customer-account input[type=checkbox].css-checkbox1 { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 } input[type=checkbox].css-checkbox1 + label.css-label1, .customer-account input[type=checkbox].css-checkbox1 + label.css-label1 { padding-left: 20px; display: inline-block; line-height: 14px; background-repeat: no-repeat; background-position: 0 -87px; font-size: 14px; vertical-align: middle; cursor: pointer; color: #606060; /*text-shadow:0 0 0 #606060; */ vertical-align: middle; cursor: pointer; margin-left: 0px } input[type=checkbox].css-checkbox1:checked + label.css-label1, .customer-account input[type=checkbox].css-checkbox1:checked + label.css-label1 { background-position: 0 -47px } label.css-label1, .customer-account label.css-label1 { background-image: url(../images/radio-icon.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } /*Business Administration CSS*/ .business-admini { padding-top: 6px } .businessList { font-size: 14px; margin-bottom: 24px; width: 100%; float: left } .bList { background: #f8f8f8; padding: 10px 30px 10px 10px; float: left; margin-bottom: 26px; width: 96% } .bList img { float: left; margin-right: 38px; border-bottom: 5px solid #4ebbc6 } .bList h3 { color: #8d0138; font-family: 'century_gothicbold'; font-size: 22px; margin: 28px 0 11px; text-align: left } .bList h3 span { font-size: 18px } .bList p { margin-bottom: 15px; line-height: 22px } .bListRight { width: 79.5%; float: left } .readMore a { background: #8d0138; color: #fff; font-family: 'century_gothicbold'; font-size: 14px; text-decoration: none; padding: 0 16px; height: 37px; line-height: 37px; display: table; text-transform: uppercase } .readMore a:hover { background: #333 } .businessContnt { margin-bottom: 15px; width: 100%; float: left } .bContntLeft { width: 32%; float: left; margin-right: 20px } .bContntLeft img { border-bottom: 10px solid #4ebbc6 } .bContntRight { width: 66%; float: left } .businessContnt ul li { float: left; width: 47%; padding-left: 17px; background-position: 0 10px; margin-bottom: 6px; margin-right: 5px } .businessContnt ul li a { color: #eb078a; font-size: 17px; padding: 0px; margin: 0px; font-family: 'century_gothicbold'; text-decoration: none } .businessContnt ul li a:hover { text-decoration: underline } .blog-page .testimonial { background: #f8f8f8; float: left } .blog-page .testiPagging { /*display: none*/ } .enrolment-content { text-align: center; margin-bottom: 13px; float: left; width: 50%; margin-top: 13px; padding: 0 10px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } .enrolment-content > a, .audit-content > a, .audit-content-three > a { background: #8d0138; color: #fff; display: table; font-family: "century_gothicbold"; font-size: 14px; height: 37px; line-height: 37px; padding: 0 16px; text-decoration: none; text-transform: uppercase; margin: 10px auto 0 } .audit-one > a, .audit-content > a, .audit-content-three > a { background: #8d0138; color: #fff; /*float: left;*/ font-family: "century_gothicbold"; font-size: 14px; height: 37px; line-height: 37px; padding: 0 16px; text-decoration: none; text-transform: uppercase; margin: 10px auto 0; display: inline-block; } .enrolment-content > a:hover, .audit-one > a:hover, .audit-content-three > a:hover, .audit-content > a:hover, .audit-content > a:hover, .audit-content-three > a:hover { background: #333 } .audit-content > a { margin: 5px 0 10px } /*****************/ .audit-content strong { text-align: left } .download-contain {/*display:inline-block;*/ clear: both } .audit-content { width: 50%; float: left; margin-bottom: 25px; text-align: center; } .audit-content-three { width: 33.16%; float: left; margin-bottom: 25px; text-align: center; min-height: 105px; } .audit-content > a { margin: 0 auto; } .audit-one br { clear: both; display: block } /************/ .mobile-map { display: none; } .mobile-map img { width: 100%; height: 100%; } /*IE11 Hack CSS*/ _:-ms-lang(x), .content-text .bannrContnt h2 { font-size:54px } _:-ms-lang(x), h1:before { margin:16px auto 26px } _:-ms-lang(x), h1 { margin-bottom:23px } _:-ms-lang(x), .InnerContent h1:before { margin-bottom:26px } _:-ms-lang(x), .InnerContent h1 { margin-bottom:22px } _:-ms-lang(x), .AboutImg { margin-bottom:28px } _:-ms-lang(x), .openDay p .clickHere span.arow { margin-top:0px; margin-left:3px } _:-ms-lang(x), .dropArrow { top:23px } _:-ms-lang(x), .fb-Ph ul li a.PhNmbr span { letter-spacing:-.23px } /********/ .page-id-275 h2, .page-id-374 h2, .postid-234 h2, .postid-207 h2, .postid-215 h2, .postid-223 h2, .postid-263 h2, .postid-196 h2, .postid-201 h2, .postid-184 h2, .postid-233 h2, .postid-403 h2, .postid-116 h2 { margin-bottom: 8px; } .postid-233 h2 strong { font-weight: normal !important } .bList h3 { margin-top: 0; } .blogsidebar { background: #8d0138 } .blogsidebar * { color: #fff } .blogsidebar ul li a { color: #fff } .blogsidebar ul li a:hover { color: #fff } /**/ .role-section { max-width: 600px; margin: 30px auto; } .role-item { display: flex; align-items: flex-start; gap: 20px; /* padding: 20px 0; */ /* border-bottom: 1px solid #ECECEC; */ } .role-item+.role-item {margin-top: 20px;} .role-item:first-child { padding-top: 0; } .role-item:last-child { border-bottom: none; } .role-photo-wrap { flex: 0 0 auto; width: 90px; height: 90px; border-radius: 50%; overflow: hidden; background-color: #EFEFEF; position: relative; } .role-photo-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; } .role-photo-ring { position: absolute; inset: -6px; border-radius: 50%; border: 2px solid #0096A5; opacity: 0; transition: opacity 0.35s ease, inset 0.35s ease; } .role-item:hover .role-photo-ring { opacity: 1; inset: -10px; } .role-content { flex: 1 1 auto; /* padding-top: 6px; */ } .InnerContent .role-content h3 { color: #000000; font-size: 20px; } .InnerContent .role-content p { text-align: left; } /*.accordion-section-content p > strong{display:block}*/ /***********/ /*Chrome and Safari Hack CSS*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .content-text .bannrContnt h2 { font-size: 50px } .content-text .bannrContnt { height: 270px } .headR { width: 80% } header .logo { margin-left: -1px } .fb-Ph ul li a.PhNmbr { padding-left: 60px } .fb-Ph ul li a.PhNmbr span { line-height: 52px; letter-spacing: -.2px } h1 { margin-bottom: 23px } h1:before { margin: 16px auto 26px } .InnerContent h1:before { margin-bottom: 26px } .InnerContent h1 { margin-bottom: 24px } .AboutImg { margin-bottom: 28px } } /*Safari Hack CSS*/ ::i-block-chrome, h1:before { margin:16px auto 17px } ::i-block-chrome, h1 { margin-bottom:20px } ::i-block-chrome, .welcomeText { padding-bottom:17px } ::i-block-chrome, .InnerContent h1 { margin:14px 0 21px; float:left; width:100% } ::i-block-chrome, .InnerContent h1:before { margin-bottom:17px } /*::i-block-chrome, .testimonials .testimonial{ width:100% !important}*/ /*7/3/2019*/ #wpcf7-f1580-o1 .Online-Contact-Form .textfield input { appearance: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; } #wpcf7-f1580-o1 .Online-Contact-Form .required-fields { margin-left: 35px; } /*end 7/3/2019*/ /* 30-08-2019 */ .fb-Ph ul li a.email-address { border: 1px solid #c02270; border-radius: 50px; position: relative; height: 30px !important; width: 30px !important; margin: 6px 0 0 0; box-shadow: 0 0 0 0.5px #c02270; } .fb-Ph ul li a.email-address svg { width: 14px; height: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); fill: #c02270; } .fb-Ph ul li.show-mob { display: none; } /**/ .fb-feed h3 { display: none } .desktopImg { display: block } .mobileImg { display: none !important } .fcontent.testimonial .viewBlog a { color: #fff !important; text-decoration: none !important;} .fcontent.testimonial ul li img {border-bottom: 5px solid #8d0138;} .fcontent.testimonial ul li p {padding: 5px 10px; background: #fff; text-align: center; } .fcontent.testimonial .viewBlog{ text-align: center;} .image-single-line{display: flex; flex-wrap: wrap; width: 100%; justify-content: center;} .image-single-line img{margin:0;} .image_bx{} .image_bx img { width: 250px; height: auto; } .enrolment-content.image_bx a { background: none; display: inline-block; margin: 0; padding: 0 10px 0 0; height: inherit; line-height: inherit; } .enrolment-content.image_bx { text-align: left; } .wpcf7-form label.error { width: 100%; display: inline-block;} .two_bx_grid { justify-content: center;} .two_bx_grid .view-first:hover h2 { color: #fff;} .banner .camera_thumbs_cont ul {width: 90px !important;} .client_logo_Sec { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } .client_logos img { width: auto; height: 100px; object-fit: cover; padding: 10px; } .client_logos { width: 200px; height: 100px; margin: 0 10px 20px; text-align: center;border: 1px solid #ccc; background: #fff; } .client_logos p { display: none !important; margin: 0 !important; padding: 0 !important;} /*.js-bxSlider{ display: inline-flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center;}*/ .js-bxSlider li{ padding: 0 !important; background: 0 0 !important; text-align: center !important; /* margin: 0 auto !important;*/ } .js-bxSlider li img { width: 270px !important; margin: 0 auto; padding: 4px; width: auto; height: 90px; object-fit: cover; border: 1px solid #cccccc6b; } /*.GalleryContent .bx-controls-direction { display: none;}*/ #accordion-8 .GalleryContent .bx-controls-direction { position: absolute; top: 20px; width: 100%;} #accordion-8 .GalleryContent .bx-controls-direction .bx-prev{ left: 0; } #accordion-8 .GalleryContent .bx-controls-direction .bx-next{ right: 0; margin: 0; } #accordion-8 .GalleryContent { margin: 13px auto 0;} ul.tabs.child_tab { margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #333; width: 100%; } ul.tabs.child_tab li { float: left; margin: 0; cursor: pointer; padding: 0px 21px; height: 31px; line-height: 31px; border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #333; background-color: #666; color: #ccc; overflow: hidden; position: relative; } .tab_last { border-right: 1px solid #333; } ul.tabs.child_tab li:hover { background-color: #ccc; color: #333; } ul.tabs.child_tab li.active { background-color: #fff; color: #333; border-bottom: 1px solid #fff; display: block; } .Child_detail.tab_container { border: 1px solid #333; border-top: none; clear: both; float: left; width: 100%; background: #fff; overflow: auto; } .Child_detail .tab_content { padding: 20px; display: none; } .tab_drawer_heading { display: none; } @media screen and (max-width: 480px) { .tabs.child_tab { display: none; } .tab_drawer_heading { background-color: #ccc; color: #fff; border-top: 1px solid #333; margin: 0; padding: 5px 20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .d_active { background-color: #666; color: #fff; } } .testimonial-tabs-wrapper { display: inline-block;} .testimonial-tabs-wrapper ul li { background: none; padding: 0; display: flex;} .testimonial-tabs-wrapper .testimonial-tabs { margin-top: 20px;} .testimonial-tabs-wrapper .testimonials .testimonial img { width: 180px;height: 210px; object-fit: cover; } .testimonial-tabs-wrapper .tab-button.active a { background: #c5337b; color: #fff; font-weight: 600;} .testimonial-tabs-wrapper .tab-button a{ border-radius: 0;} .cat-tab-content.testimonials { padding-top: 0; border: 1px solid #dfdfdf; margin-top: -20px; border-radius: 2px; padding: 10px; } .single-post .InnerBanner { width: 100%; height: 300px; overflow: hidden;} .single-post .InnerBanner img { height: 100%; width: 100%; object-fit: cover;} @media (min-width:581px) { .fcontent { display: block !important } } @media (max-width:1728px) { .Contact-Main { background: url(../images/contactRight-img.png) no-repeat 115% bottom } } @media (max-width:1640px) { .Contact-Main { background: url(../images/contactRight-img.png) no-repeat 149% bottom } } @media (max-width:1543px) { .Contact-Main { background: url(../images/contactRight-img.png) no-repeat 130% bottom } } @media (max-width:1400px) { .Contact-Main { background: url(../images/contactRight-img.png) no-repeat 149% bottom } } @media (max-width:1300px) { .Contact-Main { background: url(../images/contactRight-img.png) no-repeat 152% bottom } .fb-Ph ul li a.PhNmbr span { font-size: 19px; } } @media (max-width:1150px) { .Contact-Main { background: url(../images/contactRight-img.png) no-repeat 168% bottom } } @media (max-width:1100px) { .Contact-Main { background: url(../images/contactRight-img.png) no-repeat 180% bottom } } @media (max-width:1199px) { .head { margin: 0 auto; width: 98% } .content-text { margin: 0 auto; width: 98%; z-index: 9 } .main { width: 98%; margin: 0 auto } .mainfoot { width: 98%; margin: 0 auto } .bredcrm { width: 98%; margin: 0 auto } .InnerContent { width: 98%; margin: 0 auto } .InnerBanner { width: 98%; margin-left: auto; margin-right: auto } .accordion { width: 98%; margin: 0 auto } .InnerTestimonail { width: 98%; margin-left: auto; margin-right: auto } .view { width: 49.05% } .view2 { width: 49.05% } .view3 { width: 49.05% } .view4 { width: 32.10% } .view5 { width: 66.05% } .view6 { width: 32.12% } .view7 { width: 32.12% } .view2 .mask .brdr { height: 99.7% } .view3 .mask .brdr { height: 99.7% } .view5 .mask .brdr { height: 99.7% } .view5 { margin-bottom: 1.6% } .mainfoot .Fbox { width: 23.55% } .detailRight { width: 65% } ul.detail-List { width: 46%; margin-right: 4% } .headR { float: right; padding-top: 25px; width: 77.5% } /*Contact Page CSS*/ .Online-Contact-Form .textfield { width: 42% } .Online-Contact-Form .textfield-Fullwidth { width: 94.3% } .Contactus .Cdetail { width: 32%; margin-right: 1% } } @media (max-width:1132px) { .view { width: 49.03% } .view2 { width: 49.03% } .view3 { width: 49.03% } .view4 { width: 32.10% } .view5 { width: 65.9% } .view6 { width: 32.02% } .view7 { width: 32.02% } .view .mask .brdr { height: 99.7% } .view2 .mask .brdr { height: 99.5% } .view3 .mask .brdr { height: 99.5% } .view5 .mask .brdr { height: 99.5% } .view6 .mask .brdr { height: 99.6% } .view7 .mask .brdr { height: 99.6% } .bListRight { width: 78% } } @media (max-width:1074px) { .view { width: 48.9% } .view2 { width: 48.9% } .view3 { width: 48.9% } .view4 { width: 32% } .view5 { width: 65.9% } .view6 { width: 31.95% } .view7 { width: 31.95% } .view .mask .brdr { height: 99.5% } .view2 .mask .brdr { height: 99.1% } .view3 .mask .brdr { height: 99.1% } .view5 .mask .brdr { height: 99.1% } .view6 .mask .brdr { height: 98.9% } .view7 .mask .brdr { height: 98.9% } .view5 { margin-bottom: 1.42% } .mainfoot .Fbox { width: 23.4% } .menu ul li a { padding: 8px 8px } .fb-Ph { margin-left: 0px; clear: right } .headR { width: 78.3% } /*Contact Page CSS*/ .Online-Contact-Form .textfield { width: 41% } .Online-Contact-Form .textfield-Fullwidth { width: 92.9% } /*Business Administration*/ .bListRight { width: 77% } .blog-page { width: 68% } header .fb-Ph ul li a.PhNmbr font { background: url(../images/sprite-img.png) no-repeat -34px 4px; background-size: 190px; width: 43px; margin: 1px 0 0; line-height: 40px } header.sticky .fb-Ph ul li a.PhNmbr font { background: url(../images/sprite-img.png) no-repeat -34px 4px; background-size: 190px; width: 43px; margin: 1px 0 0; line-height: 40px } } @media (max-width:1030px) { .view .mask .brdr { height: 99.2% } .view2 .mask .brdr { height: 98.7% } .view3 .mask .brdr { height: 98.7% } .view5 .mask .brdr { height: 98.7% } .view6 .mask .brdr { height: 98.6% } .view7 .mask .brdr { height: 98.6% } .view2 { margin-bottom: 1.52% } } @media (min-width:1025px) and (max-width:1110px) { .top-nav { padding-top: 10px !important; } .fb-Ph ul li a { font-size: 24px; } .fb-Ph ul li a.PhNmbr { line-height: 35px; padding-left: 34px; } .fb-Ph ul li a.PhNmbr font { background: url(../images/sprite-img.png) no-repeat -29px 4px !important; background-size: 152px !important; width: 33px !important; line-height: 30px !important; } .fb-Ph ul li a.PhNmbr span { font-size: 16px; line-height: 24px; } header.sticky1 .fb-Ph ul li a.PhNmbr { padding-left: 32px; } header.sticky1 .fb-Ph { margin-top: 18px; } } @media (min-width:1024px) and (max-width:1150px) { .course-of-interest .wpcf7-list-item { height: 28px } .mainfoot .Fbox { margin-right: 8px; } .mainfoot .Fbox.fbox2, .mainfoot .Fbox.fbox1 { width: 22.5%; } .mainfoot .Fbox:last-child { margin-right: 0px; } } @media (max-width:1023px) { .view { width: 48.93% } .view2 { width: 48.93% } .view3 { width: 48.93% } .view4 { width: 32% } .view5 { width: 65.8% } .view6 { width: 31.8% } .view7 { width: 31.8% } .view .mask .brdr { height: 99.2% } .view2 .mask .brdr { height: 98.1% } .view3 .mask .brdr { height: 98.1% } .view5 .mask .brdr { height: 98.5% } .view6 .mask .brdr { height: 98.1% } .view7 .mask .brdr { height: 98.1% } .view5 { margin-bottom: 1.6% } .view2 h2 { margin-top: 16% } .view3 h2 { margin-top: 16% } .view5 h2 { margin-top: 17% } .view6 h2 { margin-top: 22% } .view7 h2 { margin-top: 24% } .view a.info { margin-top: 10px } /*.view{ width:48.9%} .view2{ width:48.8%} .view3{ width:48.8%} .view4{width:32%} .view5{ width:65.75%} .view6{width:31.75%} .view7{width:31.75%}*/ .menu ul li { margin: 0 3px } .top-nav li { padding: 0 0px !important } .mainfoot .Fbox { width: 23.2% } .headR { width: 78% } header.sticky .headR { padding-top: 6px; width: 78% } .fb-Ph ul li:first-child { margin-left: 0px } .ALeft { width: 38% } .ALeft-List { width: 57% } .aboutRight .ALeft { width: 45% } /*Contact Page CSS*/ .Contact-Main { background: none } .onlineCform { padding-bottom: 0px } .Online-Contact-Form { margin-left: -4.1%; width: auto } .Online-Contact-Form .textfield { width: 45%; margin-left: 4.2%; margin-right: 0px } .Online-Contact-Form .textfield-Fullwidth { width: 97.4% } /*Business Administration CSS*/ .bContntLeft { width: 32%; float: left; margin-right: 20px } .bContntRight { width: 65%; float: left } .bListRight { width: 76% } .Contactus .address br { display: none } } @media (max-width:985px) { .headR { padding-top: 0px } .top-nav { float: right !important; height: 46px } header.sticky .top-nav { float: left !important; height: 51px } header.sticky .fb-Ph ul li a.PhNmbr span { display: none } header.sticky .headR { padding-top: 6px; width: 66% } .fb-Ph { margin-top: 4px !important } .audit-content, .audit-content-three { width: 100%; float: none; } } @media (max-width:970px) { .view { width: 48.88% } .view2 { width: 48.88% } .view3 { width: 48.88% } .view4 { width: 32% } .view5 { width: 65.7% } .view6 { width: 31.75% } .view7 { width: 31.75% } .view .mask .brdr { height: 98.8% } .view2 .mask .brdr { height: 97.5% } .view3 .mask .brdr { height: 97.5% } .view5 .mask .brdr { height: 98.2% } .view6 .mask .brdr { height: 97.2% } .view7 .mask .brdr { height: 97.2% } .view5 { margin-bottom: 1.65% } ul.detail-List { width: 100%; margin-right: 0% } .headR { width: 77% } .Contactus .address br { display: none } .Contactus .P-address br { display: none } .bListRight { width: 75% } .sincerely { float: left } .bList h3 { margin-top: 10px; line-height: 25px } .bList img { margin-right: 28px } /*.course-of-interest span.wpcf7-list-item{ position:relative} .course-of-interest .wpcf7-list-item .wpcf7-list-item-label{ position:absolute}*/ .blog-page { width: 68.5% } .blog-page .testimonial img { margin-right: 25px } .blog-page { width: 66% } } @media (max-width:930px) { .view { width: 48.84% } .view2 { width: 48.84% } .view3 { width: 48.84% } .view4 { width: 31.9% } .view5 { width: 65.7% } .view6 { width: 31.74% } .view7 { width: 31.74% } .view .mask .brdr { height: 98.8% } .view2 .mask .brdr { height: 97.5% } .view3 .mask .brdr { height: 97.5% } .view5 .mask .brdr { height: 98% } .view6 .mask .brdr { height: 97.2% } .view7 .mask .brdr { height: 97.2% } .view2 { margin-bottom: 1.45% } .view5 { margin-bottom: 1.4% } .menu ul li { margin: 0 5px } .menu ul li a { padding: 8px 10px } .fb-Ph { margin-top: 5px; clear: right } .fb-Ph ul li a { font-size: 20px } .headR { width: 72%; padding-top: 0px } .headR .menu { float: right } .headR .menu .droparrow { display: none } .menu ul li ul.submenu { top: 43px } .top-nav { float: right !important } header.sticky .top-nav { float: left !important; transition: all 0.4s ease !important } header.sticky .headR .menu { float: left } header.sticky .headR { width: auto } header.sticky .headR .fb-Ph ul li a.PhNmbr span { display: none } header.sticky .menu ul li ul.submenu { top: 40px } .bList { padding-right: 15px } .bListRight { width: 74% } .openDay-Img { width: 210px; margin-right: 2.4% } .openDay-text { width: 73% } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 25% !important; margin-bottom: 10px !important; min-height: 199px; } #gallery-1 img { border: 2px solid #cfcfcf; } #gallery-1 .gallery-caption { margin-left: 0; } .audit-one { width: 100%; float: left; } } @media (max-width:900px) { .view { width: 48.76% } .view2 { width: 48.76% } .view3 { width: 48.76% } .view4 { width: 31.9% } .view5 { width: 65.605% } .view6 { width: 31.583% } .view7 { width: 31.583% } .view .mask .brdr { height: 98.3% } .view2 .mask .brdr { height: 96.7% } .view3 .mask .brdr { height: 96.2% } .view5 .mask .brdr { height: 97.4% } .view6 .mask .brdr { height: 96.2% } .view7 .mask .brdr { height: 96.2% } .view2 { margin-bottom: 1.35% } .view5 { margin-bottom: 1.5% } .head { margin: 0 auto; width: 96% } .content-text { margin: 0 auto; width: 96%; z-index: 9 } .main { width: 96%; margin: 0 auto } .mainfoot { width: 96%; margin: 0 auto } .bredcrm { width: 96%; margin: 0 auto } .InnerContent { width: 96%; margin: 0 auto } .InnerBanner { width: 96%; margin-left: auto; margin-right: auto } .accordion { width: 96%; margin: 0 auto } .InnerTestimonail { width: 96%; margin-left: auto; margin-right: auto } h1 { font-size: 45px } .InnerContent h1 { font-size: 40px } .mainfoot .Fbox { width: 23.14% } .Contactus .Cdetail { width: 48%; margin-right: 2% } .bListRight { width: 73% } .openDay-text { width: 71% } .ALeft { width: 38% } .ALeft-List { width: 56% } .blog-page .testimonial { width: 90% } .blog-sidebar { padding: 25px } .testimonials .testimonial h3 { text-align: left } .blog-page .testimonial img { margin-right: 25px } .blog-page { width: 64% } .audit-one { width: 100%; float: left; } } @media (max-width:860px) { .view { width: 48.725% } .view2 { width: 48.725% } .view3 { width: 48.725% } .view4 { width: 31.9% } .view5 { width: 65.5% } .view6 { width: 31.5% } .view7 { width: 31.5% } .view .mask .brdr { height: 98.3% } .view2 .mask .brdr { height: 96% } .view3 .mask .brdr { height: 96.2% } .view5 .mask .brdr { height: 97% } .view6 .mask .brdr { height: 95.7% } .view7 .mask .brdr { height: 95.7% } .view2 { margin-bottom: 1.30% } .view5 { margin-bottom: 1.5% } .mainfoot .Fbox { width: 47.2% } .fLink { margin: 0 auto; display: table; float: none; padding: 0 10px 5px } .copyRight { margin: 0 auto; display: table; float: none; text-align: center; padding: 0 10px } .bListRight { width: 72% } .ALeft { width: 28% } .ALeft-List { width: 64% } .audit-one { width: 100%; float: left; } /*.blog-page{width:67.5%}*/ } @media (max-width:834px) { .view { width: 48.67% } .view2 { width: 48.67% } .view3 { width: 48.67% } .view4 { width: 31.9% } .view5 { width: 65.4% } .view6 { width: 31.39% } .view7 { width: 31.39% } .view .mask .brdr { height: 98% } .view2 .mask .brdr { height: 95.2% } .view3 .mask .brdr { height: 95.2% } .view5 .mask .brdr { height: 96.5% } .view6 .mask .brdr { height: 95% } .view7 .mask .brdr { height: 95% } .view2 { margin-bottom: 1.25% } .view5 { margin-bottom: 1.65% } .view h3 { font-size: 23px; line-height: 25px } .view h2 { font-size: 21px } .view6 h2 { margin-top: 16% } .view7 h2 { margin-top: 16% } .bList h3 { margin-top: 0px; line-height: 25px } .bList img { margin-right: 20px } .bListRight { width: 70% } .sincerely { float: left; clear: left } .openDay-text { width: 68% } .course-of-interest .wpcf7-list-item { height: 33px } .audit-one { width: 100%; float: left; } } @media (max-width:800px) { .view { width: 48.61% } .view2 { width: 48.61% } .view3 { width: 48.61% } .view4 { width: 31.9% } .view5 { width: 65.32% } .view6 { width: 31.25% } .view7 { width: 31.25% } .view .mask .brdr { height: 97.6% } .view2 .mask .brdr { height: 94.6% } .view3 .mask .brdr { height: 94.8% } .view5 .mask .brdr { height: 96% } .view6 .mask .brdr { height: 94.7% } .view7 .mask .brdr { height: 94.7% } .view2 { margin-bottom: 1.2% } .view h2 { font-size: 20px } .view2 a.info, .view3 a.info, .view5 a.info, .view6 a.info, .view7 a.info { margin-top: 0px } .menu ul li { margin: 0 2px } .menu ul li a { padding: 8px 6px } .fb-Ph { margin-top: 0px } .fb-Ph ul li a { font-size: 20px } .headR { width: 72%; padding-top: 0px } .headR .menu { float: right } .headR .menu .droparrow { display: none } .menu ul li ul.submenu { top: 43px } header.sticky .headR .menu { float: left } header.sticky .headR { width: 81.5% } header.sticky .headR .fb-Ph ul li a.PhNmbr span { display: none } header.sticky .menu ul li ul.submenu { top: 0px } .content-text .bannrContnt { width: 300px; height: 261px; padding: 30px 30px 30px 30px; background: url(../images/banner-text-bg-01.png) no-repeat center center; background-size: 100%; text-align: left; font-family: 'lane_-_narrowregular'; vertical-align: middle; display: table-cell } .content-text .bannrContnt h2 { display: block; font-size: 39px; font-family: 'lane_-_narrowregular'; color: #fff; font-weight: normal; margin: 0px 0 8px; position: relative; text-align: left; text-shadow: 0 0 0 #fff; line-height: 40px } .content-text .bannrContnt p { display: none } .slider3 .content-text .bannrContnt { width: 300px; height: 261px; vertical-align: middle; display: table-cell } .slider3 .content-text .bannrContnt h2 { display: block; font-size: 39px; font-family: 'lane_-_narrowregular'; color: #fff; font-weight: normal; margin: 0px 0 8px; position: relative; text-align: left; text-shadow: 0 0 0 #fff; line-height: 40px } .ALeft { width: 25% } .ALeft-List { width: 65% } .blog-sidebar { padding: 25px; width: 24% } .blog-sidebar .search-submit { float: right } .blog-page { width: 61% } .audit-one { width: 100%; margin: 5px 0; float: left; } } @media (max-width:767px) { .fb-Ph ul li.show-mob { display: inline-block; } .postid-263 .aboutRight p { text-align: left } .InnerContent, .postid-263 .InnerContent, .postid-196 .InnerContent, .postid-116 .InnerContent { text-align: left } .InnerContent h2 { line-height: 24px; } .table-responsive-main { border: 1px solid #333333; display: block !important; overflow-x: scroll; } .table-responsive .table { min-width: 150%; } .view { width: 100%; height: auto; margin-right: 0px } .view2 { width: 100%; height: auto } .view3 { width: 100%; height: auto } .view4 { width: 100%; height: auto } .view5 { width: 100%; height: auto; margin-bottom: 20px } .view6 { width: 100%; height: auto } .view7 { width: 100%; height: auto } .view .mask .brdr { height: 99.1% } .view2 .mask .brdr { height: 99.1 } .view3 .mask .brdr { height: 99.1 } .view4 .mask .brdr { height: 99.1 } .view5 .mask .brdr { height: 99.1 } .view6 .mask .brdr { height: 99.1 } .view7 .mask .brdr { height: 99.1 } .view2 { margin-bottom: 20px } .view-first img { height: auto } .view2 img { height: 100% } .view3 img { height: 100% } .view5 img { height: 100% } .view .mask .padd { height: 96.45% } .view2 a.info, .view3 a.info, .view5 a.info, .view6 a.info, .view7 a.info { margin-top: 10px } .desktopImg { display: none !important } .mobileImg { display: block !important } .view h2 { margin-top: 28% !important } .view6 img { width: 100%; height: 100% } .boxImg { background-size: cover !important } .boxImg:hover a .border h2 { top: 30% !important } .boxImg:hover .link-arrow { top: 30% !important } .content-text .bannrContnt { display: none !important } .testimonials .testimonial img { margin-bottom: 10px; margin-right: 20px } .testimonials .testimonial { margin-bottom: 20px; padding: 30px 30px 30px } .testimonials .testimonial h3 { text-align: left } ul.detail-List ul { margin-left: 10px } .InnerContent p { margin-bottom: 17px } body { padding-top: 95px } header { height: 96px } .head { width: 98%; padding: 8px 0 } header .logo img { height: auto; width: 160px } .headR { padding-top: 16px } .fb-Ph ul li a { height: 40px !important; width: 40px !important; background-size: 88px !important } .fb-Ph ul li a.PhNmbr { width: auto !important; padding-left: 40px !important; background-position: -48px 0 } /*.fb-Ph ul li a.PhNmbr{ padding-left:46px !important; background:url(../images/sprite-img.png) no-repeat scroll -52px 0 !important;background-size:97px !important}*/ .menu ul li { margin: 0 5px } .fb-Ph { margin-right: 41px; margin-top: 1px; clear: none } .fb-Ph ul li { margin-left: 2px } .headR { width: 60% } .fb-Ph ul li a.PhNmbr { padding-left: 50px } .fb-Ph ul li a.PhNmbr span { display: none } header.sticky .fb-Ph { margin-top: 1px } header.sticky .toogle-btn { top: 10px } .toogle-btn { display: block !important } .menu ul { display: none; position: absolute; left: 0%; top: 96px; z-index: 99999; background: #680027; width: 100% } .menu ul li:before { display: none } .menu ul li { float: none; width: 100%; display: table; padding: 0px; margin: 0px; border-bottom: 1px dashed rgba(225,225,225,.2) !important } .menu ul li a { color: #fff; display: table; width: 96%; padding: 10px 2%; line-height: normal; border: 0 !important } .menu ul li.active a { border-bottom: 0px } .menu ul li:hover a { border-bottom: 0px } .menu ul li a:hover { color: #fff } .menu ul li:hover ul.submenu { display: none } .menu ul li.submenu .droparrow { display: none } .menu ul li ul.submenu { top: 0; margin: 0 0 10px; width: 100%; position: relative; clear: both; background: #fff } .menu ul li ul.submenu li { border-bottom: 1px dashed #ccc !important; display: table } .menu ul li ul.submenu li a { padding: 5px 3%; width: 94%; color: #680027 } .menu ul li ul.submenu li a:hover { background: none; color: #333 } .menu ul li a { transform: none; transform: none } .menu ul li a span { transform: none !important } header.sticky .menu ul { top: 61px } .mainfoot .Fbox { width: 46.2% } .ALeft-List { width: 96% } .ALeft { width: 93.4%; margin-left: 0px } .detailRight { width: 64% } /*Contact Page CSS*/ /*.Online-Contact-Form .textfield{ width:40%} .Online-Contact-Form .textfield-Fullwidth{ width:96%}*/ .Online-Contact-Form .textfield { width: 45%; margin-right: 0 } .Online-Contact-Form .textfield-Fullwidth { width: 97% } .Online-Contact-Form ol { width: 46% } .openDay-Img { width: 180px } .openDay-text { width: 66% } /*Business Administration CSS*/ .bContntRight { width: 64% } .businessContnt ul li { float: none; width: 90% } .bListRight { width: 65% } a.clickHere { max-width: 90%; display: block } a.clickHere span.arow { position: absolute; margin-right: -24px; margin-left: 5px; margin-top: 1px; right: auto; top: auto } .welcomehad h1 { margin-top: 15px } .welcomehad h1:before { margin-top: 0px } .blog-page .testimonial { width: 94%; padding-left: 3%; padding-right: 3% } .blog-page { width: 100% } .blog-sidebar { padding: 25px 3%; width: 94%; margin-bottom: 30px } .term-finishing-confidence .bContntRight ul li { width: auto } .InnerContent h2 { text-align: left } .Online-Contact-Form .textfield .btn { width: 120px } #gradient { bottom: -25px } .aboutRight .ALeft { width: 95% } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33.33% !important; margin-bottom: 10px !important; min-height: 199px; } #gallery-1 img { border: 2px solid #cfcfcf; } #gallery-1 .gallery-caption { margin-left: 0; } .enrolment-content { width: 100%; margin: 5px 0; padding: 0; } .audit-one { width: 100%; margin: 5px 0; float: left; } .ALeft li:last-child { padding-bottom: 0; } .ALeft { padding-bottom: 0; } .fb-Ph ul li a.PhNmbr span { display: none; } .fb-Ph { margin-top: -3px !important; padding: 0 12px 0 0; } .head_social.fb-Ph1 { display: none; } .view h3 { font-size: 16px; line-height: normal;} .image_bx img {width: 220px; } .single-post .aboutRight p img{height:auto; } } @media (max-width:710px) { .view .mask .padd { height: 96.2% } .welcomehad h1 { margin-top: 14px } } @media (max-width:680px) { .view .mask .padd { height: 95.9% } } @media (max-width:640px) { .head { margin: 0 auto; width: 94% } .content-text { margin: 0 auto; width: 94%; z-index: 9 } .main { width: 94%; margin: 0 auto } .mainfoot { width: 94%; margin: 0 auto } .bredcrm { width: 94%; margin: 0 auto } .InnerContent { width: 94%; margin: 0 auto } .InnerBanner { width: 94%; margin-left: auto; margin-right: auto } .accordion { width: 94%; margin: 0 auto } .InnerTestimonail { width: 94%; margin-left: auto; margin-right: auto } .bx-wrapper .testimonials-carousel-context { text-align: center } .AboutImg { float: left; width: 46%; margin-right: 4%; margin-bottom: 10px } .AboutImg img { width: 100% } .breadcrumb { display: none } header.sticky { height: 96px } header.sticky .logo img { width: 160px; margin-top: 5px !important; height: auto } header.sticky .headR { padding-top: 19px; margin-top: 5px; width: 46% } header.sticky .toogle-btn { top: 28px } .toogle-btn { right: 3% } .testimonials .testimonial { padding: 20px } .testimonials .testimonial img { margin-right: 20px } .testimonials .testimonial p { line-height: 23px; font-size: 16px } .faq ul { padding: 0 5px } /*.view{width:100%; height:250px} .view .mask .brdr{ height:228px}*/ .view .mask .padd { height: 95.5% } .view h2 { margin-top: 27% !important } .testimonials-s { padding: 20px 20px 0 } .bx-wrapper .testimonials-carousel-thumbnail { width: 110px; height: 110px; float: none; margin: 0px auto; overflow: hidden; border-radius: 100px } .bx-wrapper .testimonials-carousel-thumbnail img { width: 100% } .bx-wrapper .testimonials-carousel-content { width: 100%; font-size: 16px; line-height: 25px } .detailLeft { float: left; margin: 0 0px 20px 0; width: 100%; float: none } .detailRight { width: 100% } /*Contact Page CSS*/ .Online-Contact-Form .textfield { width: 44.36%; /*margin-right:30px;*/ } .Online-Contact-Form .textfield-Fullwidth { width: 96% } .Online-Contact-Form ol { width: 100%; padding-right: 0px } .openDay-Img { margin: 0 auto; width: 140px; float: none } .openDay-text { width: 100% } .openDay-text p { height: auto } /*Business Administration CSS*/ .bContntLeft { width: 46%; margin-right: 4%; margin-bottom: 0px; float: left } .bContntLeft img { width: 100% } .bContntRight { width: 100%; float: none } .businessContnt ul li { float: none; width: 92% } .bList img { margin-bottom: 20px } .bListRight { width: 100% } .blog-page .testimonial { width: 90%; padding-left: 5%; padding-right: 5% } .blog-sidebar { padding: 25px 5%; width: 90%; margin-bottom: 20px } .accordion-section-title { padding-right: 40px } #menu { max-height: 200px; overflow: auto; } .boxGird { padding-top: 0px; display: block;} } @media (max-width:620px) { .view .mask .padd { height: 95.4% } body .accordion table { width: 100% !important; } } @media (max-width:580px) { .mainfoot .Fbox { width: 100%; margin: 0px } .Fbox .fcontct { display: none } .Fbox .fBlog { display: none } .Fbox .testimonial { display: none; padding: 10px } .Fbox .facebook-feed { display: none; padding: 10px } .fb-feed h3 { display: block } .footerBottom { padding-bottom: 0px } .facebook-feed iframe { height: 322px !important } .fb_iframe_widget { height: 300px !important } .fb_iframe_widget span { height: 300px !important } .mainfoot .Fbox h3 { position: relative; background: #dfdfdf; padding: 5px 10px; margin-bottom: 5px; border: 1px solid #ccc; /*cursor: pointer*/ } /*.mainfoot .Fbox h3:after { background: url(../images/icon-toogle.png) no-repeat scroll center bottom; content: ""; display: block; height: 15px; position: absolute; right: 12px; top: 6px; width: 15px }*/ .fcontct { padding: 10px !important } .fBlog { padding: 10px !important } .testimonials .testimonial img { margin-right: 20px } .mainfoot .qukactive1 h3:after { background: url(../images/icon-toogle.png) no-repeat scroll center top; content: "" } .mainfoot .qukactive2 h3:after { background: url(../images/icon-toogle.png) no-repeat scroll center top; content: "" } .mainfoot .qukactive3 h3:after { background: url(../images/icon-toogle.png) no-repeat scroll center top; content: "" } .mainfoot .Fbox:last-child { margin-bottom: 20px } .Full-accordionBg { margin-top: 20px; padding: 25px 0 15px } h1 { font-size: 36px } .InnerContent h1 { font-size: 30px } .content-text img { width: 320px } .view .mask .padd { height: 95% } .view h2 { margin-top: 26% !important } /*.view .mask .padd{ height:95.5%} .view2 .mask .padd{ height:91.5%} .view3 .mask .padd{ height:91.5%} .view4 .mask .padd{ height:97.4%} .view5 .mask .padd{ height:91.5%} .view6 .mask .padd{ height:93.5%} .view7 .mask .padd{ height:94%}*/ /*Contact Page CSS*/ .Online-Contact-Form { margin-left: 0px } .Online-Contact-Form .textfield { width: 100%; margin-right: 0px; margin-left: 0px } .Online-Contact-Form .textfield input { width: 95% } .Online-Contact-Form ol { width: 100%; margin-right: 0px } .Contactus .Cdetail { width: 100%; margin-right: 0% } .radioBtn { margin-top: 0px; margin-bottom: 5px } .Online-Contact-Form ol { padding-right: 0px } .Online-Contact-Form .textfield textarea { width: 95% } .enquire-block { width: 96% } .enquire-block a.enquire-now { margin: 0 auto 8px; display: table } .enquire-block strong { margin: 0 auto 3px; display: table } .enquire-block span { margin: 0 auto; display: table } .course-of-interest span.wpcf7-list-item { width: 100%; height: auto } .captchaField span.wpcf7-form-control-wrap label.error { font-size: 11px } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 49% !important; margin-bottom: 10px !important; min-height: 199px; } #gallery-1 img { border: 2px solid #cfcfcf; } #gallery-1 .gallery-caption { margin-left: 0; } .image_bx img { width: 140px; } } @media (max-width:560px) { .view .mask .padd { height: 94.7% } .top-nav { display: none; } } @media (max-width:520px) { .view .mask .padd { height: 94.3% } .view a.info { margin-top: 10px } .course-of-interest span.wpcf7-list-item { width: auto; clear: both } } @media (max-width:480px) { .fb-Ph { padding: 0 5px 0 0; } .fLink { text-align: center } .fLink ul li { float: none; display: inline-table } h1:before { margin-bottom: 7px } h1 { font-size: 35px; margin-bottom: 10px; margin-top: 25px } .boxGird { padding-top: 0px } .welcomeText .readMoreH { margin-bottom: 3px } footer { padding: 15px 0 } .openDay { margin-bottom: 20px; padding-bottom: 16px; padding-top: 20px } .openDay p br { display: none } a.clickHere { display: block; line-height: 20px; margin-top: 18px; text-align: left } .openDay p .clickHere span.arow { margin-top: 1px } .AboutImg { margin-top: 0px } .bList h3 { font-size: 20px; line-height: 24px } .bList h3 span { font-size: 17px } .welcomehad h1 { margin-top: 0px } .welcomehad h1:before { margin-top: 0px } .headR { width: 46% } .testimonials .testimonial .text { width: 100%; display: table } .testimonials .testimonial p { line-height: 23px; font-size: 16px } .testimonials .testimonial h3 { margin-bottom: 5px width: 100%; display: inline-block;} /*.view .mask .brdr{ height:100%} .view2 .mask .brdr{ height:100%} .view3 .mask .brdr{ height:100%} .view4 .mask .brdr{ height:100%} .view5 .mask .brdr{ height:100%} .view6 .mask .brdr{ height:100%} .view7 .mask .brdr{ height:97.5%} .view .mask .padd{ height:95%} .view2 .mask .padd{ height:89%} .view3 .mask .padd{ height:89%} .view4 .mask .padd{ height:97.4%} .view5 .mask .padd{ height:89.6%} .view6 .mask .padd{ height:92.5%} .view7 .mask .padd{ height:95.5%}*/ .view .mask .padd { height: 93.8% } .view h2 { margin-top: 24.5% !important } .Online-Contact-Form .textfield input { width: 94.5% } .Online-Contact-Form .textfield textarea { width: 94.5% } .bContntLeft { width: 100%; margin-right: 0%; margin-bottom: 15px; float: left } .bContntRight { width: 100%; float: none } .AboutImg { float: left; width: 100%; margin-right: 0%; margin-bottom: 15px } body .map iframe { height: 300px !important; } .map { display: none; } .mobile-map { display: block; } .mobile-map img { width: 100%; } .fbox2, .fbox3, .fbox4 { display: none } #menu { max-height: 200px; overflow: auto; } body .GalleryContent .grid { width: 100% !important; } .grid { width: 100% !important; } .GalleryContent .grid { width: 100% !important; } .image_bx img { width: 135px; } .role-photo-wrap {width: 70px; height: 70px;} .role-item {gap: 20px;} .role-item+.role-item {margin-top: 10px;} .InnerContent .role-content h3 {font-size: 16px;} } @media (max-width:450px) { .view .mask .padd { height: 93.5% } } @media (max-width:430px) { .view .mask .padd { height: 92.95% } } @media (max-width:400px) { .view .mask .padd { height: 92.5% } .view h2 { margin-top: 22% !important } .accordion-section-title { font-size: 16px !important } /*Contact CSS*/ .captchaImg { } .captchaLoder { } .captchaField { margin-left: 0px; width: 20% } .Online-Contact-Form .textfield .btn { margin-right: 10px } .Online-Contact-Form .textfield input { width: 94% } .Online-Contact-Form .textfield textarea { width: 94% } .blog-page .testimonial { width: 88%; padding-left: 6%; padding-right: 6% } .blog-sidebar { padding: 25px 6%; width: 88% } .bList { width: auto } #gradient { bottom: -28px } .enquire-block span { font-size: 18px } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 100% !important; margin-bottom: 10px !important; min-height: 199px; } #gallery-1 img { border: 2px solid #cfcfcf; } #gallery-1 .gallery-caption { margin-left: 0; } .testimonial-tabs-wrapper .tab-button a{font-size:11px;} .role-photo-wrap {width: 60px;height: 60px;} .role-item {gap: 10px;} .InnerContent .role-content h3 {font-size: 14px;} } @media (max-width:380px) { .view .mask .padd { height: 91.9% } .fb-Ph { padding: 0; } .image_bx img { width: 130px;} } @media (max-width:350px) { .Online-Contact-Form .textfield input { width: 93% } .Online-Contact-Form .textfield textarea { width: 93% } .view .mask .padd { height: 91.2% } .image_bx img { width: 125px; } } @media (max-width:330px) { .view .mask .padd { height: 90.4% } } @media (min-width:581px) and (max-width:860px) { .mainfoot > .Fbox:nth-child(3), .mainfoot > .Fbox.fbox3 { clear: both; } } i, em { font-style: italic; } b { font-weight: bold; } .bx-wrapper .slide:last-child { clear: both !important; } @media all and (max-width:1024px) { .fb-Ph ul li a.PhNmbr span { line-height: 42px; } .fb-Ph ul li a.PhNmbr { line-height: 44px; padding-left: 50px; } body .InnerContent { padding-left: 15px; padding-right: 15px; width: 100%; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } body .GalleryContent { padding-left: 15px; padding-right: 15px; width: 100%; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 30px; } .toogle-btn { display: block !important; } header .top-nav { padding-top: 10px; height: auto; } header .fb-Ph { margin-top: -10px; } header.sticky1 .fb-Ph { margin-top: 18px; } .fb-Ph { padding: 0 60px 0 0 } .fb-Ph > ul { position: relative; right: -10px; } .fb-Ph ul li a.PhNmbr { font-size: 16px; padding-left: 43px !important; } header .fb-Ph ul li a.PhNmbr font, header.sticky1 .fb-Ph ul li a.PhNmbr font { transform: scale(1); } .scroll-back-to-top-wrapper { bottom: 90px !important; } /*7-3-2019*/ .Contactus .Cdetail p { /*word-break: break-all;*/ word-wrap: break-word; } .Contactus .Cdetail { width: 100%; margin-right: 0; height: auto; } /*.Contactus .Cdetail p br { display: none; }*/ .mainfoot .Fbox.fbox2, .mainfoot .Fbox.fbox1 { width: 33.33%; } .top-nav ul { display: none !important; } #wprmenu_menu_ul li.active a, #wprmenu_menu_ul li.active ul li.active a { opacity: 0.7 } header { z-index: 9999; } #wprmenu_menu.left, #wprmenu_menu.right { z-index: 99999; } .sidr-open #wprmenu_bar { z-index: 999999; } #wprmenu_bar { display: inline-block !important; } } @media all and (max-width:1000px) { .top-nav li.ourCourses a { padding: 13px 26px; } .sticky .fb-Ph { margin-top: 2px !important; } } .col2:before, .col2:after { content: ""; display: table; } .col2:after { clear: both; } .col2 { zoom: 1; } .col2 > div, .col2 ul { width: 48%; padding-right: 15px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; } .col3:before, .col3:after { content: ""; display: table; } .col3:after { clear: both; } .col3 { zoom: 1; } .col3 > div, .col3 ul { width: 33.3%; padding-right: 15px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; } @media(max-width:768px) { body { padding-top: 75px; } } @media all and (max-width:767px) { body h1, body.term-9 h2, body.term-3 h2 { font-size: 22px !important; margin-bottom: 10px !important; line-height: 28px !important; } #wrap { padding-left: 0 !important; padding-right: 0 !important; } .fb-Ph { margin-top: 1px !important; } body .top-nav li.ourCourses a { text-transform: none !important; } .col2 > div, .col2 ul { width: 100%; padding-right: 0; } .col3 > div, .col3 ul { width: 100%; padding-right: 0; } .fb-Ph { padding: 0 7px 0 0; } header.sticky1 .headR { width: 50% !important; } /*7-3-2019*/ body { padding-top: 52px; } .mainfoot .Fbox.fbox2, .mainfoot .Fbox.fbox1 { width: 100%; } .InnerBanner { margin-top: 2px; } .page-template-contact-page-php .Online-Contact-Form input { appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; } } @media(max-width:340px) { #wpcf7-f137-p16-o1 .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha iframe { transform: scale(0.8) } } .InnerContent h1, .InnerContent h2, .InnerContent h3, .InnerContent h4, .InnerContent h5, .InnerContent h6 { margin-bottom: 10px !important; } .InnerContent h5, .InnerContent h6 { font-family: 'century_gothicbold'; } h5 { font-size: 16px; } h6 { font-size: 14px; } body .InnerContent p, body .accordion-section p { margin-bottom: 15px !important; line-height: 22px !important; } textarea { resize: none; } body ol { list-style: decimal; margin: 0; padding: 0 0 0 25px !important; margin: 0 0 15px !important; } body ol li { margin: 0; padding: 0; } body ol li:last-child { padding-bottom: 0; margin-bottom: 0; } body ul { margin: 0; margin: 0 0 20px; } body ul ul { margin-bottom: 0; } body ul li:last-child { padding-bottom: 0; margin-bottom: 0; } body .InnerContent ul li:last-child { padding-bottom: 0; margin-bottom: 0; } .accordion-section ul { margin-left: 0 !important; } body .InnerContent ul:before, body .InnerContent ul:after { content: ""; display: table; } body .InnerContent ul:after { clear: both; } body .InnerContent ul { zoom: 1; } body .accordion table { margin-bottom: 15px !important; } .tbl-accordian td { padding: 3px 5px !important; } blockquote { background: #f9f9f9; border-left: 10px solid #8d0138; margin: 10px 0 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; } blockquote p { display: inline; margin-bottom: 0 !important; } pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ margin-bottom: 15px; } sup, sub { vertical-align: baseline; position: relative; top: -0.4em; } sub { top: 0.4em; } small { font-size: 10px; } tt { font-family: monospace; } table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray } thead { display: table-header-group; vertical-align: middle; border-color: inherit } tbody { display: table-row-group; vertical-align: middle; border-color: inherit } tfoot { display: table-footer-group; vertical-align: middle; border-color: inherit } table > tr { vertical-align: middle; } col { display: table-column } colgroup { display: table-column-group } tr { display: table-row; vertical-align: inherit; border-color: inherit } td, th { display: table-cell; vertical-align: inherit } th { font-weight: bold } caption { display: table-caption; text-align: -webkit-center; } .blog-sidebar .search-field { width: 93%; height: 30px; } .blog-sidebar .search-submit { background-color: transparent; box-shadow: none; } .testiPagging .wp-pagenavi span.current { border: 2px solid #8d0138; color: #8d0138; height: 31px; line-height: 31px; width: 31px; } .testiPagging .wp-pagenavi { clear: both; text-align: center; } .testiPagging .wp-pagenavi a { width: 40px; } .testiPagging .wp-pagenavi a, .testiPagging .wp-pagenavi span { border: 1px solid #ccc; color: #606060; display: inline-block; font-family: "century_gothicbold"; font-size: 15px; height: 33px; line-height: 33px; margin-left: 6px; text-align: center; text-decoration: none; } /************************ 09-04-2021 *************************/ .page-id-72 .blog-page .testimonial { background: #f8f8f8; float: left; width: 27%; margin: 0 30px 30px 0; min-height: 520px; } .page-id-72 .testimonials .testimonial img { float: none; border-bottom: 5px solid #D32270; margin-right: 40px; width: auto; margin: 0 auto; display: table; } .page-id-72 .blog-sidebar{display:none;} .new-field-add [data-id="dropdownselect9"]{ display: flex ; flex-wrap: wrap !important; } .new-field-add [data-id="dropdownselect9"] .col-12.col-xl-6.col-lg-6.col-md-6.col-sm-12:nth-child(2) .input-box.info-bx label { width: 230px;} .new-field-add [data-id="dropdownselect9"] .col-12.col-xl-6.col-lg-6.col-md-6.col-sm-12:nth-child(3) .input-box.info-bx label { width: 385px;} .new-field-add [data-id="dropdownselect9"] .col-12.col-xl-6.col-lg-6.col-md-6.col-sm-12:nth-child(4) .input-box.info-bx label { width: 200px;} .new-field-add [data-id="dropdownselect9"] .col-12.col-xl-6.col-lg-6.col-md-6.col-sm-12:first-child .input-box.info-bx .wpcf7-form-control-wrap { width: calc(100% - 160px);} .new-field-add [data-id="dropdownselect9"] .col-12.col-xl-6.col-lg-6.col-md-6.col-sm-12:nth-child(2) .input-box.info-bx .wpcf7-form-control-wrap { width: calc(100% - 245px);} .new-field-add [data-id="dropdownselect9"] .col-12.col-xl-6.col-lg-6.col-md-6.col-sm-12:nth-child(3) .input-box.info-bx .wpcf7-form-control-wrap { width: calc(100% - 400px);} .new-field-add [data-id="dropdownselect9"] .col-12.col-xl-6.col-lg-6.col-md-6.col-sm-12:nth-child(4) .input-box.info-bx .wpcf7-form-control-wrap { width: calc(100% - 230px);} /*@import url('https://fonts.googleapis.com/css?family=Roboto'); body { background: #f0f8ff; font-family: 'Roboto', sans-serif; }*/ .accordion { /* max-width: 300px; */ background: linear-gradient(to bottom right, #FFF, #f7f7f7); background: #0097a7; margin: 0 auto; border-radius: 3px; box-shadow: 0 10px 15px -20px rgba(0, 0, 0, 0.3), 0 30px 45px -30px rgba(0, 0, 0, 0.3), 0 80px 55px -30px rgba(0, 0, 0, 0.1); } .heading { color: #FFF; font-size:14px; border-bottom: 1px solid #e7e7e7; letter-spacing: 0.8px; padding: 15px; cursor: pointer; } .heading:nth-last-child(2){ border-bottom:0; } .heading:hover { background: #00838f; border-radius: 0; } .heading:first-child:hover { border-radius: 3px 3px 0 0; } .heading:nth-last-child(2):hover{ border-radius:0 0 3px 3px; } .heading::before { content: ''; vertical-align: middle; display: inline-block; border-top: 7px solid #f5f5f5; border-left: 7px solid transparent; border-right: 7px solid transparent; float: right; transform: rotate(0); transition: all 0.5s; margin-top: 5px; } .active.heading::before { transform: rotate(-180deg); } .not-active.heading::before { transform: rotate(0deg); } .contents { display: none; background: #FFFAFA; padding: 15px; color: #7f8fa4; font-size: 13px; line-height: 1.5; } /*h1 { font-size: 40px; color: #000; font-weight: normal; text-align: center; margin: 50px 0; } */ /* Accordion styles */ .tabs { border-radius: 0px; overflow: hidden; border: none; } .tabs .tab:last-child { margin-bottom: 0; } .tab { width: 100%; color: white; overflow: hidden; margin-bottom: 10px; } .tab-label { cursor: pointer; font-family: century_gothicbold; position: relative; text-align: center; font-size: 1.125em !important; font-weight: 500; color: #fff; cursor: pointer; font-weight: normal; padding: 15px; background: #8d0138; margin: 0 0 10px 0 !important; width: 100%; text-transform: uppercase; /* Icon */ } .tab-label:hover { background: #1a252f; } .tab-label::after { content: "❯"; width: 1em; height: 1em; text-align: center; transition: all 0.35s; } .tab-content { max-height: 0; padding: 0 1em; color: #2c3e50; background: white; transition: all 0.35s; overflow: hidden; } .tab-close { display: flex; justify-content: flex-end; padding: 1em; font-size: 0.75em; background: #2c3e50; cursor: pointer; } .tab-close:hover { background: #1a252f; } input:checked + .tab-label { background: #1a252f; } input:checked + .tab-label::after { transform: rotate(90deg); } input:checked ~ .tab-content { max-height: 100vh; padding: 1em; } body .tab p { margin: 0 !important; } .tab>input { position: absolute; opacity: 0; z-index: -1; } .tabs .tab { margin-bottom: 10px; } .audit-one { margin: 0 0 10px; } #form50 .Contactus .Cdetail { width: 100%;} .Online-Contact-Form .radioBtn .radio.css-checkbox{ display: flex; } .Online-Contact-Form .radioBtn input[type=radio]+span.wpcf7-list-item-label { padding-left: 17px;} .Online-Contact-Form .gender .wpcf7-list-item-label {margin: 5px 6px 0 0;} @media screen and (max-width:991px) { .Online-Contact-Form .radioBtn input[type=radio]+span.wpcf7-list-item-label { font-size: 13px;} .js-bxSlider li img { width: 160px !important; height: 60px;} #accordion-8 .GalleryContent .bx-controls-direction { top: 10px;} .single-post .InnerBanner { height: 260px;} } @media screen and (max-width:767px) { #accordion-8 .GalleryContent .bx-controls-direction{display: none;} #accordion-8 .GalleryContent .bx-wrapper .bx-pager{ display: block; } #accordion-8 .GalleryContent .bx-wrapper .bx-wrapper .bx-pager{ display: none; } } @media (max-width: 640px){ .Online-Contact-Form .textfield { width: 97%;} .Online-Contact-Form .radioBtn input[type=radio]+span.wpcf7-list-item-label { font-size: 15px;} } @media screen and (max-width:580px) { .Online-Contact-Form .textfield { width: 100%;} /*.js-bxSlider li img { width: 220px !important; height: 60px;}*/ /*div#accordion-8 { padding: 0 !important;}*/ #accordion-8 .GalleryContent .bx-controls-direction .bx-prev { background: url(//www.sj.vic.edu.au/wp-content/themes/suzan-johnston-theme/css/../images/testimonial-next-prv.png) no-repeat -10px -11px; height: 20px; width: 20px;} #accordion-8 .GalleryContent .bx-controls-direction .bx-next { background: url(//www.sj.vic.edu.au/wp-content/themes/suzan-johnston-theme/css/../images/testimonial-next-prv.png) no-repeat -108px -11px; height: 20px; width: 20px;} #accordion-8 .GalleryContent .bx-controls-direction { top: 20px;} .GalleryContent .bx-viewport{ height: 130px } .js-bxSlider li img { width: 249px !important; height: 110px;} .single-post .InnerBanner { height: 230px;} } @media screen and (max-width:450px) { .img-set-mob{width: 80%; float: none; height: auto;float: none; padding: 0 !important; margin: 0 auto !important; display: inherit;} .Online-Contact-Form .radioBtn .radio.css-checkbox { flex-wrap: wrap;} } @media screen and (max-width:400px) { /*.js-bxSlider li img { width: 230px !important; height: 60px;}*/ } @media screen and (max-width:360px) { .img-set-mob { width: 100%; height: auto; float: none; padding: 0 !important; margin: 0 auto !important; display: inherit; } } @media screen and (max-width:350px) { .single-post .InnerBanner { height: 200px;} } /* svg g g{ display: none;}*/ #chart_div1 svg g g:nth-child(2){ display: block;} .InnerContent.row { display: flex; flex-wrap: wrap;} .col-sm-3.pie_chart { width: 33%; text-align: center;} .postid-207 .col-sm-3.pie_chart{width: 50%; margin:0 0 30px; } /*.postid-207 .col-sm-3.pie_chart canvas { width: 450px !important;} */ .postid-207 .InnerContent.row { margin: 50px 0 0;} /*#chart_div1 svg g g:nth-child(3) { display: none;}*/ .postid-207 .col-sm-3.pie_chart:nth-child(3), .postid-207 .col-sm-3.pie_chart:nth-child(4) { margin: 0 0 0px;} .col-sm-3.pie_chart canvas { /*width: 300px !important;*/ height: auto !important; margin: 15px auto 20px!important;} .main_label{position: relative;padding: 0 0 0 40px; font-size: 15.5px !important; text-align: left; display: inline;} .main_label:before{content: ""; position: absolute;left:0;top: 5px; height: 14px; width: 32px; background:#8d0138 ; } @media screen and (max-width:767px) { .col-sm-3.pie_chart { width: 100%;} .InnerContent.row { justify-content: center;} .postid-207 .col-sm-3.pie_chart canvas { width: 100% !important;} .postid-207 .col-sm-3.pie_chart, .postid-207 .col-sm-3.pie_chart:nth-child(3), .postid-207 .col-sm-3.pie_chart:nth-child(4) { margin: 0 0 20px;} } @media screen and (max-width:575px) { /*.col-sm-3.pie_chart canvas { width: 78%!important;}*/ .postid-207 .col-sm-3.pie_chart { width: 100%;} } .postid-207 .col-sm-3.pie_chart,.postid-223 .InnerContent.row .col-sm-3.pie_chart,.postid-2927 .InnerContent.row .col-sm-3.pie_chart,.postid-251 .InnerContent.row .col-sm-3.pie_chart {width: calc(50% - 30px);margin: 0 0 30px;} .postid-207 .InnerContent.row {justify-content: space-between;} .postid-207 .col-sm-3.pie_chart h3.main_label,.postid-223 .InnerContent.row .col-sm-3.pie_chart h3.main_label,.postid-2927 .InnerContent.row .col-sm-3.pie_chart h3.main_label,.postid-251 .InnerContent.row .col-sm-3.pie_chart h3.main_label{min-height: 50px;display: flex;text-align: center;justify-content: center;} .postid-223 .InnerContent.row,.postid-2927 .InnerContent.row,.postid-251 .InnerContent.row {max-width: 826px;justify-content: space-between;} .postid-207 .InnerContent.row, .postid-223 .InnerContent.row, .postid-2927 .InnerContent.row, .postid-251 .InnerContent.row { margin: 50px 0 0; } @media screen and (max-width:767px) and (min-width: 576px) { .postid-207 .col-sm-3.pie_chart h3.main_label, .postid-223 .InnerContent.row .col-sm-3.pie_chart h3.main_label, .postid-2927 .InnerContent.row .col-sm-3.pie_chart h3.main_label, .postid-251 .InnerContent.row .col-sm-3.pie_chart h3.main_label{min-height: 100px;} } @media screen and (max-width:575px) { .postid-207 .col-sm-3.pie_chart, .postid-223 .InnerContent.row .col-sm-3.pie_chart, .postid-2927 .InnerContent.row .col-sm-3.pie_chart, .postid-251 .InnerContent.row .col-sm-3.pie_chart {width: calc(100% - 0px);margin: 0 0 30px;} } @media screen and (max-width: 580px){ .js-bxSlider li img { width: 249px !important; height: 110px; object-fit: contain; } } header .headR {display: flex;align-items: center;justify-content: space-between;} header .headR .fb-Ph {margin: 0px;padding-top: 0px;} header .headR .fb-Ph ul {margin-bottom: 0px;} header .headR .fb-Ph ul a.PhNmbr {font-size: 17px;font-weight: 700;display: flex;align-items: center;padding-left: 50px;} header .headR .fb-Ph ul a.PhNmbr font {width: 42px;height: 40px;background-size: cover;background-position: -47px;} header .logo img {width: 100%;height: fit-content;object-fit: contain;} header .logo a {display: inline-block;width: 225px;} header .top-nav li.ourCourses a {padding: 13px 15px;} header .head {display: flex;align-items: center;} header .headR .top-nav {padding: 0px;margin-left: 25px;} header.sticky1 {display: flex;align-items: center;} .two-column { display: flex; flex-wrap: wrap;} .two-column li { width: 47%;} @media screen and (max-width: 767px){ header .headR .fb-Ph ul a {margin: 0px;top: unset;} header .logo a {width: 165px;} header {height: unset;} header .headR .fb-Ph ul a.PhNmbr font {width: 36px;height: 32px;background-position: -34px;} header .headR .fb-Ph ul {display: flex;align-items: center;top: -11px;right: -3px;} header .headR .fb-Ph ul a.PhNmbr {padding: 0px;} header .headR .fb-Ph ul li {margin-right: 5px;} header.sticky1 .fb-Ph ul li a.PhNmbr font, header.sticky1 .fb-Ph ul li a.email-address {top: 12px;}header.sticky1 .headR ul li {display: flex;align-items: center;} header.sticky1 .headR ul li a.email-address {top: 9px;right: -5px;} header.sticky1 .headR ul li a.PhNmbr {display: flex;align-items: center;margin-right: 10px;line-height: unset;} .toogle-btn {top: 50%;transform: translateY(-50%);} .two-column li { width:100%;} } /*5/3/2026*/ .term-short-courses-for-early-childhood-educators .accordion-section.hide {display: none;}