#lightbox{ position: absolute; left: 0; width: 100%; z-index: 10100; text-align: center; line-height: 0; } #jqlb_loading{ height:32px; background-image:url(http://www.theglobalbeautygroup.com.au/wp-content/plugins/wp-lightbox-2/styles/images/loading.gif); background-repeat:no-repeat; background-position:center center; } #jqlb_closelabel{ height:22px; background-image:url(http://www.theglobalbeautygroup.com.au/wp-content/plugins/wp-lightbox-2/styles/images/closelabel.gif); background-repeat:no-repeat; background-position:center center; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 45%; height: 100%; background: transparent url(http://www.theglobalbeautygroup.com.au/wp-content/plugins/wp-lightbox-2/styles/images/blank.gif) no-repeat; display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(http://www.theglobalbeautygroup.com.au/wp-content/plugins/wp-lightbox-2/styles/images/prev.gif) left 50% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(http://www.theglobalbeautygroup.com.au/wp-content/plugins/wp-lightbox-2/styles/images/next.gif) right 50% no-repeat; } #nextLinkText, #prevLinkText{ color: #FF9834; font-weight:bold; text-decoration: none; } #nextLinkText{ padding-left: 20px; } #prevLinkText{ padding-right: 20px; } #downloadLink{ margin-left: 10px; } .ontop #imageData { padding-top: 5px; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ float: right; padding-bottom: 0.7em; } #imageData #helpDisplay {clear: left; float: left; display: block; } #overlay{ position: absolute; top: 0; left: 0; z-index: 10090; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix {/*\*/height: 1%;/**/} #lightboxIframe { display: none; }html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align:top;}:focus {outline: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} nav ul {list-style:none;} body {line-height:normal;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} input, select {vertical-align:middle;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del { text-decoration: line-through;} ins { color:#000; text-decoration:none;} @font-face { font-family: 'Museo'; font-weight:normal; font-style:normal; src: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo300.eot); src: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo300.eot?#iefix) format('embedded-opentype'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo300.woff) format('woff'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo300.ttf) format('truetype'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo300.svg#Museo) format('svg'); } @font-face { font-family: 'Museo'; font-weight:normal; font-style:italic; src: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo300Italic.eot); src: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo300Italic.eot?#iefix) format('embedded-opentype'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo300Italic.woff) format('woff'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo300Italic.ttf) format('truetype'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo300Italic.svg#Museo) format('svg'); } @font-face { font-family: 'Museo'; font-weight:500; font-style:normal; src: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo500.eot); src: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo500.eot?#iefix) format('embedded-opentype'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo500.woff) format('woff'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo500.ttf) format('truetype'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo500.svg#Museo) format('svg'); } @font-face { font-family: 'Museo'; font-weight:500; font-style:italic; src: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo500Italic.eot); src: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo500Italic.eot?#iefix) format('embedded-opentype'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo500Italic.woff) format('woff'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo500Italic.ttf) format('truetype'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo500Italic.svg#Museo) format('svg'); } @font-face { font-family: 'Museo'; font-weight:700; font-style:normal; src: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo700.eot); src: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo700.eot?#iefix) format('embedded-opentype'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo700.woff) format('woff'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo700.ttf) format('truetype'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo700.svg#Museo) format('svg'); } @font-face { font-family: 'Museo'; font-weight:700; font-style:italic; src: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo700Italic.eot); src: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo700Italic.eot?#iefix) format('embedded-opentype'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo700Italic.woff) format('woff'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo700Italic.ttf) format('truetype'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/Museo700Italic.svg#Museo) format('svg'); } @font-face { font-family: 'TradeG'; font-weight:normal; font-style:normal; src: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/TradeG.eot); src: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/TradeG.eot) format('embedded-opentype'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/TradeG.woff2) format('woff2'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/TradeG.woff) format('woff'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/TradeG.ttf) format('truetype'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/TradeG.svg#TradeG) format('svg');} @font-face { font-family: 'TradeG'; font-weight:700; font-style:normal; src: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/TradeG700.eot); src: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/TradeG700.eot) format('embedded-opentype'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/TradeG700.woff2) format('woff2'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/TradeG700.woff) format('woff'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/TradeG700.ttf) format('truetype'), url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/fonts/TradeG700.svg#TradeG) format('svg');} body {font-family: 'Museo', Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; color:#333;} h1, h2, h3, h4, h5, h6 {font-weight:700; line-height:normal; margin:0; font-family: 'Museo', sans-serif;} h1, h2, h3 {color:#00afef;} h4, h5, h6 {color:#00afef;} h1, h2 {font-size:30px; padding:0 0 15px;} h3 {font-size:24px; padding:0px 0 10px;} h4 {font-size:18px; padding:0px 0 10px;} h5 {font-size:16px; padding:0px 0 8px;} h6 {font-size:16px; padding:0px 0 8px;} a:link, a:visited {color:#000; text-decoration:none; outline:0;} a:focus, a:hover{color:#333; text-decoration:none;} a:active {color:#000; text-decoration:none;} p {padding:0 0 10px;} h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {margin:0;} .fl {float:left;} .fr {float:right;} blockquote{margin:1.5em;color:#666;font-style:italic;} strong, dfn, b {font-weight:bold;} em, dfn{font-style:italic;} sup,sub {line-height:0; font-size:.6em;} sup {vertical-align:super} sub {vertical-align:sub;} abbr,acronym{border-bottom:1px dotted #666;} address{margin:0 0 1.5em;font-style:italic;} del{color:#666;} pre{margin:1.5em 0;white-space:pre;} pre,code,tt {font:1em'andale mono','lucida console',monospace;line-height:1.5;} ul,ol{margin:0 0 1.5em 0; padding-left:1.5em;} li ul, li ol{margin:0;} ul{list-style-type:disc;} ol{list-style-type:decimal;} dl{margin:0 0 1.5em 0;} dl dt{font-weight:bold;} dd{margin-left:1.5em;} table{margin-bottom:10px; width:100%;} th{font-weight:bold;} thead th{background:#c3d9ff;} th,td,caption{padding:4px 10px 4px 5px;} tfoot{font-style:italic;} caption{background:#eee;} tbody tr:nth-child(even) td,tbody tr.even td{} small{font-size:11px;} .red, .require, .star {color:#F00;} .center {text-align:center;} .justify {text-align:justify;} .clearing, .flowfix {overflow:hidden; width:100%;} .overfix {overflow:hidden;} .clr, .clear {clear:both; line-height:0px; height:0; display:block;} .nomg {margin-left:0 !important; margin-right:0 !important;} .hide, .ui-helper-hidden-accessible, .ui-tabs-hide {display:none;} .animated {visibility:hidden;} .section {float:left; width:100%; clear:both;} .row {display:block; float:left; margin-bottom:0px;} .relative {position:relative;} .fleft {float:left;} .fright {float:right;} .main, .container {width:1200px; margin:0 auto; position:relative;} .container {position:static;} .main-boxed {width:1220px; margin:0 auto;} .grid, [class*="grid"] {float: left; margin-left:10px; margin-right:10px; } .off-grid {float:left;} .grid.first, [class*="grid"].first {margin-left:0px; } [class*="grid"] [class*="grid"]:first-child {margin-left:0px;} .grid.last, [class*="grid"].last {margin-right:0px;} [class*="grid"] [class*="grid"]:last-child {margin-right:0px;} .grid1 {width:80px;} .grid2 {width:180px;} .grid3 {width:280px;} .grid4 {width:380px;} .grid5 {width:480px;} .grid6 {width:580px;} .grid7 {width:680px;} .grid8 {width:780px;} .grid9 {width:880px;} .grid10 {width:980px;} .grid11 {width:1080px;} .grid12 {width:1180px;} .grid12 > .grid3:nth-child(4n), .grid9 > .grid3:nth-child(3n), .grid6 > .grid3:nth-child(2n), .grid12 > .grid4:nth-child(3n), .grid8 > .grid4:nth-child(2n) {margin-right:0;} .off-desktop, .on-tablet, .on-phone {display:none;} .on-desktop, .off-tablet, .off-phone {display:block;} a.on-desktop, a.off-tablet, a.off-phone {display:inline-block;} @media (max-width: 1279px) { .main, .container {width:960px;} .main-boxed {width:980px;} .grid1 {width:60px;} .grid2 {width:140px;} .grid3 {width:220px;} .grid4 {width:300px;} .grid5 {width:380px;} .grid6 {width:460px;} .grid7 {width:540px;} .grid8 {width:620px;} .grid9 {width:700px;} .grid10 {width:780px;} .grid11 {width:860px;} .grid12 {width:940px;} .off-desktop, .off-tablet, .on-phone {display:none;} a.off-desktop, a.off-tablet, a.on-phone {display:none;} .on-desktop, .on-tablet, .off-phone {display:block;} a.on-desktop, a.on-tablet, a.off-phone {display:inline-block;} } @media (min-width: 768px) and (max-width: 979px) { .main, .container { width:720px;} .main-boxed {width:740px;} .grid1 {width:40px;} .grid2 {width:100px;} .grid3 {width:160px;} .grid4 {width:220px;} .grid5 {width:280px;} .grid6 { width:340px;} .grid7 {width:400px;} .grid8 {width:460px;} .grid9 {width:520px;} .grid10 {width:580px;} .grid11 {width:640px;} .grid12 {width:700px;} .off-tablet, .on-desktop, .on-phone {display:none;} a.off-tablet, a.on-desktop, a.on-phone {display:none;} .off-phone, .on-tablet, .off-desktop {display:block;} a.off-phone, a.on-tablet, a.off-desktop {display:inline-block;} } @media (max-width: 767px) { .main, .container {max-width:90%; width:90%; } .row {width:100%; margin-bottom:0px;} .off-grid {display:none;} .grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12 {width:100%; margin-left:0px; margin-right:0px;} .on-desktop, .off-phone, .on-tablet {display:none;} a.on-desktop, a.off-phone, a.on-tablet {display:none;} .on-phone, .off-desktop, .off-tablet {display:block;} a.on-phone, a.off-desktop, a.off-tablet {display:inline-block;} } .one-half, .one-third, .two-third, .one-fourth, .three-fourth {padding-bottom:10px; float:left;} .one-half {width:49%; padding-right:2%;} .one-half.last {float:right; padding-right:0;} .one-third {width:32%; padding-right:2%;} .one-third.last {float:right; padding-right:0;} .two-third {width:66%; padding-right:2%;} .two-third.last {float:right; padding-right:0;} .one-fourth {width:23.5%; padding-right:2%;} .one-fourth.last {float:right; padding-right:0;} .three-fourth {width:74.5%; padding-right:2%;} .three-fourth.last {float:right; padding-right:0;} .one-half+.one-half, .one-third+.two-third, .two-third+.one-third, .one-third+.one-third+.one-third, .one-fourth+.one-fourth+.one-half, .one-fourth+.one-half+.one-fourth, .one-half+.one-fourth+.one-fourth, .one-fourth+.three-fourth, .three-fourth+.one-fourth, .one-fourth+.one-fourth+.one-fourth+.one-fourth {float:right; padding-right:0%;} .one-half.fleft {padding-right:2%;} .one-half.fright {padding-right:0%;} .col-full, .full-col {width:100%; float:left; padding-bottom:10px;} .ie7 .one-half {width:48.5%;} .ie7 .one-third {width:31.5%;} .ie7 .two-third {width:65.5%;} .ie7 .one-fourth {width:23%;} .ie7 .three-fourth {width:74%;} @media (max-width:767px) { .one-half, .one-fourth, .three-fourth {width:49%; padding-right:2%;} .one-fourth+.one-fourth {padding-right:0;} .one-third, .two-third {width:100%; padding-right:0;} } @media (max-width: 599px) { .one-half, .one-third, .two-third, .one-fourth, .three-fourth {width:100%; padding-right:0%;} } button, input[type="button"], input[type="reset"], input[type="submit"] {border:2px solid #f58634; border-radius:5px; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-appearance:inherit; -moz-appearance:inherit; appearance:inherit; cursor:pointer; -webkit-transition:all 300ms; -webkit-transition:all 300ms; transition:all 300ms; padding:24px 24px 25px; background:#f58634; color:#fff; font-size:15px; font-weight:700; text-transform:uppercase; line-height:20px; font-family: 'Museo', sans-serif;} input[type="reset"] {background:#616161; border-color:#616161;} button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {border-color:#000; color:#f58634; background:#000;} button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {border-color:#000;} input[type="text"], input[type="email"], input[type="url"],input[type="password"], input[type="search"], input[type="tel"], input[type="date"], textarea, select {color: #666; border: 1px solid #bdbdbd; border-radius:0; box-sizing:border-box;} input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="date"]:focus, textarea:focus, select:focus {color: #111;} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="date"], textarea, select {padding:24px 25px 25px; font-family: 'Museo', sans-serif; font-size:14px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} a:link, a:visited {color:#000; text-decoration:underline;} a:hover, a:focus, a:active {color:#666; text-decoration:none;} a:focus {outline:0;} a:hover, a:active {outline: 0;} a.button, a.btn { background-color:#a8518a; border:2px solid #a8518a; color:#fff; font-size:16px; line-height:22px; font-weight:500; padding:15px 40px 16px; text-transform:uppercase; text-align:center; display:inline-block; margin:4px 0 8px; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family: 'Museo', sans-serif;} a.btn-purple {background:#a8518a; border-color:#a8518a;} a.button+.button {margin-right:10px;} a.button:hover, a.btn:hover { background-color:#00acef; border-color:#00acef; color:#fff;} a.btn-small {padding:9px 25px 10px; font-size:16px;} a.btn-large {padding:19px 75px 20px; font-size:20px; line-height:30px;} a.btn-wider {width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} a.btn-trans {background-color:transparent; color:#a8518a; border-color:#a8518a;} a.btn-trans:hover {background-color:#a8518a; color:#fff; border-color:#a8518a;} a.btn-none { background:none !important; color:#fff !important; padding:0; border:0 none;} a.btn-none:hover {opacity:.6;} .flexslider .slides > li .thumbs:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:9; display:block; opacity:0.9; background: rgba(213,59,128,1); background: -moz-linear-gradient(left, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(213,59,128,1)), color-stop(50%, rgba(79,103,176,1)), color-stop(100%, rgba(0,149,208,1))); background: -webkit-linear-gradient(left, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); background: -o-linear-gradient(left, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); background: -ms-linear-gradient(left, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); background: linear-gradient(to right, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d53b80', endColorstr='#0095d0', GradientType=1 );} .masthead .site-header {} .masthead.header-style3 .site-header {display:none;} .masthead.header-style2 .site-header {} .header {background:#fff url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/body_bg_pat.png) repeat-x 50% 0;} .header .site-header {padding:24px 0 15px; position:relative;} .header .top-wgs h2 {color:#0099ff; font-size:20px; line-height:1.5; font-weight:500; display:inline-block; margin-left:10px;} .header .top-wgs h2 a {color:#a8518a;} .header .top-wgs h2 span {color:#a8518a; font-size:26px; line-height:1.1;} .header .top-wgs a.button {background:#a8518a; border:2px solid #a8518a; color:#fff; padding:10px 25px 11px; font-size:16px; line-height:1; font-weight:700; margin:0;} .header .top-wgs a.button.btn-orange {background-color:#f58634; border-color:#f58634;} .header .top-wgs a.button.btn-orange:hover {color:#f58634;} .header .top-wgs a.button+.button {margin-left:10px;} .header .top-wgs a.button:hover {background:#fff; color:#a8518a;} .site-logo {position:relative; z-index:5;} .site-logo img {max-width:100%; height:auto;} .site-banner {position:relative;} .offer {width:195px; height:195px; position:absolute; top:0; right:0; z-index:101; overflow:hidden; background: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/offer-tag.png) no-repeat 50% 50%; text-align:center; -webkit-transform-origin:right top; -moz-transform-origin:right top; transform-origin:right top; -webkit-transform:scale(.5); -moz-transform:scale(.5); transform:scale(.5);} .offer span {font-weight:500; font-size:18px; margin-top:15px; display:block; transform:color 350ms; color:#fff;} .offer a { font-size:21px; line-height:18px; font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); display:block; position:absolute; right:-10px; top:15px; width:140px;} .offer a:hover span { color:#FCF;} .offer a small {font-size:14px; line-height:18px; letter-spacing:-1px; display:block;} .topbar {color:#000; padding:8px 0;} .topbar .socials {float:left;} .topbar .top-nav {float:right;} .topbar .socials .link a {color:#fff;} .topbar .socials .link a:hover {background:none; color:#f58634;} .top-container {text-align:right;} .socials {margin-bottom:15px;} .socials .link {width:34px;height:34px;line-height:34px;font-size:24px;display:inline-block;text-align:center;overflow:hidden;margin:0 2px;} .socials .link a {display:block; color:#fff; transition:all 300ms; -webkit-transition:all 300ms; -moz-transition:all 300ms; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; text-decoration:none; overflow:hidden;} .socials .link a:hover i.icon {background-color:#222222;} #at4-share:before {content:'Social Share'; background:#a8518a; display:block; width:48px; height:48px; color:#fff; font-size:10px; line-height:15px; text-transform:uppercase; font-weight:500; display:table-cell; vertical-align:middle; text-align:center;} .socials i.icon {display:block; height:34px; width:34px; transition:background 400ms; -ms-transition:background 400ms; padding:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .socials i.icon-fb {background-color:#00afef;} .socials i.icon-ig {background-color:#a8518a;} .socials i.icon-yt {background-color:#f58634;} .socials i.icon-dl {background-color:#a8cf45;} .top-nav ul {list-style:none; margin:0; margin-right:-10px; padding:0;} .top-nav ul li {float:left;} .top-nav ul li a {color:#fff; font-size:15px; font-weight:700; line-height:28px; padding:3px 20px 2px; display:block; text-decoration:none; text-transform:uppercase;} .top-nav ul li a:hover {color:#f58634; text-decoration:none;} .top-nav ul li a.basket {background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/icon-cart.png) no-repeat 0% 50%; padding-left:18px; position:relative;} .search-toggle {position:absolute; right:0; top:15px; width:30px; z-index:99; cursor:pointer; text-align:center;} .search-toggle .icon-search {display:block; height:30px; color:#383838; font-size:16px; line-height:30px;} .search-toggle .icon-search:hover {color:#f58634;} .header .esearch {display:none; position:absolute; top:58px; right:0; background:#000; padding:10px; width:300px; z-index:99;} .header .esearch form {position:relative; width:100%;} .header .esearch input.field {width:100%; background:#000; border:1px solid #2f2f2f; color:#fff; padding:5px 45px 6px 12px;} .header .esearch button.submit {position:absolute; background:none; border:0 none; color:#4f4f4f; right:3px; padding:0; top:0; width:30px; height:28px;} .header .esearch button.submit:hover {color:#fff;} .header-sticky .site-header {padding:8px 0; background:#000;} .header-sticky .site-logo {width:90px; float:left; margin-right:10px;} .header-sticky .inav {float:right; width:auto;} .header-sticky .inav ul li a { padding:20px 11px; font-size:13px;} .ifeatured {background:#fff; padding:40px 0 30px; font-size:15px; line-height:22px; font-weight:300;} .ifeatured .wgs {margin-bottom:25px; text-align:center;} .ifeatured .wgs .block {padding:0;} .ifeatured .wg-title {font-weight:700; font-size:16px; line-height:22px; padding-bottom:15px; text-transform:uppercase; color:#000;} .ifeatured .wg-title a {text-decoration:none; color:#000;} .ifeatured a.button {padding:10px 18px 11px;} .iboxs .thumbs {width:100%; margin-bottom:20px; position:relative; text-align:center;} .iboxs .thumbs img {margin:auto; padding:0; max-width:100%; height:auto; display:block;} .iboxs .wg-title a {color:#000; transition:color 300ms; -ms-transition:color 300ms; text-decoration:none;} .iboxs .over {display:block; opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; transition:all 300ms; -ms-transition:all 400ms;} .iboxs .over::after {content:""; background:#000; height:100%; width:100%; display:block; text-align:center; opacity:0.7;} .iboxs .over i {margin:-32px 0 0 -32px; border-radius:50%; -ms-border-radius:50%; height:60px; width:60px; line-height:60px; font-size:24px; transition:all 300ms; -ms-transition:all 300ms; border:2px solid #fff; color:#fff; position:absolute; left:50%; top:50%; z-index:2;} .iboxs .over i:hover {color:#f58634; border-color:#f58634;} .iboxs:hover .over {opacity:1;} .iboxs:hover .wg-title a {color:#444444;} .bottom {background:#f7f7f7; padding:0; font-size:15px; font-weight:300; line-height:20px;} .bottom .bottom-a {background:#fff; color:#000; padding:30px 0 25px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .bottom .bottom-b {background:#fff; padding:40px 0 0;} .bottom .wpcf7 {max-width:1440px; margin:0 auto;} .bottom .wgs-bottom {width:100%; float:left; margin-bottom:30px;} .bottom .wgs-bottom:last-child {margin-bottom:0;} .bottom h3, .bottom h4 {color:#333; text-align:center; font-size:24px; line-height:28px; letter-spacing:1px; padding:0; margin-bottom:30px; text-transform:uppercase;} .bottom .wg-title {font-size:28px; line-height:36px;} .bottom .bottom-x .wg-title {font-size:24px; line-height:28px;} .bottom .wpcf7 .wpcf7-form-control-wrap {display:block;} .bottom .wpcf7 .wpcf7-text, .bottom .wpcf7 .wpcf7-email, .bottom .wpcf7 .wpcf7-select, .bottom .wpcf7 .wpcf7-textarea {width:100%; height:64px; padding:20px 22px; font-size:16px; line-height:24px; font-weight:500; transition:border-color 300ms;} .bottom .wpcf7 .wpcf7-text:focus, .bottom .wpcf7 .wpcf7-select:focus, .bottom .wpcf7 .wpcf7-textarea:focus, .bottom .wpcf7 .wpcf7-text:hover, .bottom .wpcf7 .wpcf7-select:hover, .bottom .wpcf7 .wpcf7-textarea:hover {border-color:#f58634;} .bottom .wpcf7 img.ajax-loader {display:none !important;} .bottom .wpcf7 .wpcf7-submit {height:64px; padding:14px 15px; text-align:center;font-size:24px;line-height:30px;display:block;width:100%;color:#fff; font-family:'TradeG'; border:2px solid #f99;} .bottom .wpcf7 .wpcf7-submit:hover {background:#fff; color:#f99; border-color:#f99;} .bottom .jr-insta-slider .wg-title span::after {content:"\f16d"; display:inline-block; margin-left:15px; font-family:'FontAwesome'; font-size:0.8em; color:#231f20; vertical-align:top;} .bottom .jr-insta-slider .insta-user {display:none;} .bottom .jr-insta-thumb ul.thumbnails {margin:0 !important; padding:0 !important; list-style:none !important;} .bottom .jr-insta-thumb ul.thumbnails li {margin:0 !important; padding:0 !important;} .bottom .jr-insta-thumb ul.thumbnails.jr_col_3 li {width:33.33% !important;} .bottom .jr-insta-thumb ul.thumbnails.jr_col_6 li {width:16.66% !important;} .bottom .jr-insta-thumb ul.thumbnails.jr_col_4 li {width:25% !important;} .bottom .jr-insta-thumb ul.thumbnails.jr_col_5 li {width:20% !important;} .bottom .widget_products .product_list_widget li.product-w {width:25%; float:left;} .bottom .team-lists.team-slides .owl-item .iteam {margin-top:0px; margin-bottom:0;} .bottom .vtour {padding-top:36%;} .bottom .bottom-x {background:#fff;} .bottom-a .wg-title {color:#fff; font-size:20px; line-height:26px; text-transform:capitalize; color:#00afef; letter-spacing:0;} .bottom-a .wpcf7 .wpcf7-text, .bottom-a .wpcf7 .wpcf7-email, .bottom-a .wpcf7 .wpcf7-select, .bottom-a .wpcf7 .wpcf7-textarea {border-color:#fff;color:#fff; background:none;} .bottom-a .wpcf7 .wpcf7-not-valid-tip {color:#f99; font-size:14px;} .bottom-a .wpcf7 .wpcf7-response-output { background:none; color:#fff; margin:4px 0;} .bottom-b .wg-title {padding-top:55px; background-size:108px auto; background-repeat:no-repeat; background-position:50% 0; background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/title-bg.png);} .bottom-b .wg-title:after {margin-left:10px;} .bottom-b .wg-title:before {margin-right:10px;} .bottom-b .wg-title:after, .bottom-b .wg-title:before {content:"";display:inline-block; width:95px;height:1px;background:#333;vertical-align:middle;margin-top:-4px;} .vtour {position:relative; padding-top:45%; height:auto;} .vtour iframe {position:absolute; top:0; left:0; height:100%; width:100% !important;} .vtour:after {position:absolute; content:""; display:block; top:-1px; left:50%; margin-left:-140px; height:39px; width:280px; background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/dir-down.png) no-repeat 50% 0%; z-index:5;} .logo-lists .owl-nav .owl-prev {background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/prev-g.png); background-size:12px auto;} .logo-lists .owl-nav .owl-next {background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/next-g.png); background-size:12px auto;} .section-parallax-style1 {background-position:100% 50% !important; background-size:auto !important;} .section-parallax-style1 .parallax-overlay {background:#a8518a !important; width:50%;} .section-parallax-style1 .column {position:relative; z-index:2;} .column.ec-gap .content {padding:0 20px;} .footer {background:#f2f1f1; color:#333; font-weight:300; font-size:14px; line-height:20px;} .footer p {padding:0 0 12px;} .footer span.sep {padding:0 5px; color:#000;} .footer a {color:#333; text-decoration:none;} .footer a:hover {text-decoration:underline;} .footer .footer-logo {padding:0 0 10px;} .footer .footer-logo img {max-width:300px;} .footer .footer-wgs {padding:50px 0 30px;} .footer .copyright {background:#fff; color:#999999; font-size:12px; font-weight:300; padding-top:15px;} .footer .copyright .social-footer {float:right; margin-top:-4px;} .footer .copyright .social-footer img {max-width:100%; height:auto;} .footer .copyright a {color:#999999; text-decoration:none;} .footer .copyright a:hover {color:#000;} .footer .socials {margin-top:6px;} .footer .socials .link a {color:#fff;} .wgs-footer {font-size:13px; line-height:20px; font-weight:300; margin-bottom:10px;} .wgs-footer p {padding:0 0 12px;} .wgs-footer .wpcf7 p {padding-bottom:15px !important;} .wgs-footer .wpcf7 .wpcf7-text, .wgs-footer .wpcf7 .wpcf7-email, .wgs-footer .wpcf7 .wpcf7-select, .wgs-footer .wpcf7 .wpcf7-textarea {width:100%; border:0 none;} .wgs-footer .wpcf7 .wpcf7-submit {background:none; border-color:#a64686; color:#a64686;} .wgs-footer h3, .wgs-footer h4, .wgs-footer .wg-title {color:#a64686; font-weight:300; font-size:24px; line-height:30px; padding-bottom:15px; text-transform:capitalize;} .wgs-footer a {color:#333; text-decoration:none;} .wgs-footer a:hover {text-decoration:underline;} .wgs-footer a.button {color:#fff; text-decoration:none; padding:9px 20px 10px;} .wgs-footer strong, .wgs-footer a {font-weight:500;} .wgs-footer strong a {font-weight:700;} .wgs-footer table {margin:0 0 8px;} .wgs-footer table td, .wgs-footer table th {padding:3px 0;} .wgs-footer ul {list-style:none; margin:0; padding:0;} .wgs-footer ul a {font-weight:500;} .wgs-footer ul li {padding:0 0 4px; text-transform:uppercase;} .wgs-footer-a strong, .wgs-footer-a a {color:#f58634;} .wgs-footer-b table td, .wgs-footer-b table th { text-transform:uppercase; line-height:19px;} .wgs-footer-b table td:first-child {font-weight:500;} .wgs-footer-c ul {width:108%;} .wgs-footer-c ul li {display:inline-block; width:49%; padding-right:25px; box-sizing:border-box;} .wgs-footer-c {background:#ecebeb; padding:20px 20px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .wgs-footer ul li a {color:#333; font-weight:300;} .wgs-footer ul li a:hover {color:#00aeef;} .wgs-footer-b {padding-top:20px;} .wgs-footer-b+.wgs-footer-b {padding-top:0px;} .wgs-footer .gform_wrapper .gform_body {width:100% !important;} .wgs-footer .gform_wrapper .gform_footer {padding:0; margin:0;} .wgs-footer .gform_wrapper ul.gform_fields {width:100%;} .wgs-footer .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {width:100%; border:0 none !important;} .wgs-footer .gform_wrapper .gform_footer input.button, .wgs-footer .gform_wrapper .gform_footer input[type=submit], .wgs-footer .gform_wrapper .gform_page_footer input.button, .wgs-footer .gform_wrapper .gform_page_footer input[type=submit] {background:none; border-color:#a64686; color:#a64686; padding: 16px 45px 17px; font-size: 18px; line-height: 24px;} .wgs-footer .gform_wrapper .gform_footer input.button:hover, .wgs-footer .gform_wrapper .gform_footer input[type=submit]:hover, .wgs-footer .gform_wrapper .gform_page_footer input.button:hover, .wgs-footer .gform_wrapper .gform_page_footer input[type=submit]:hover {background:#a64686; border-color:#a64686; color:#fff;} .wgs-footer .gform_wrapper ul.gform_fields li.gfield {width:100%; max-width:100% !important; padding-right:0 !important; padding-top:0 !important; border:0 none !important; background:none !important;} .wgs-footer .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {max-width:100% !important;} .wgs-footer .gform_wrapper .validation_message {text-transform:capitalize !important; font-weight:400; padding-top:0 !important;} .icontent ul {list-style:none; padding:0; margin:0 10px 10px 0;} .icontent ul li { padding-left:30px; background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/icon_list_purple.png) no-repeat 0 5px; text-align:left;} .icontent ul.col2 li {padding-left:0; width:49%; text-align:center; background:none; display:inline-block;} .icontent ul.bullet {list-style:disc inside;} .icontent ul.bullet li {padding-left:0; background:none;} .border_top {color:#66ccff !important; text-transform:uppercase !important; font-size:16px !important; line-height:22px !important;} .border_top:before {height:3px; width:70px; content:""; background:#fff; margin:0 auto 20px; display:block;} ul li.icon {padding:0 0 15px 30px; color:#333; font-size:15px; line-height:22px; text-transform:inherit; font-weight:300;} ul li.phone {background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/icon_phone.png) no-repeat 0 26px; font-size:24px; line-height:30px; font-weight:700;} ul li.phone strong {color:#a64686; font-size:18px; line-height:1.2; display:block; font-weight:700;} ul li.location {background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/icon_location.png) no-repeat 0 5px;} ul li.email {background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/icon_email.png) no-repeat 0 5px; word-wrap:break-word;} ul li.email a {text-decoration:none;} .ec-col-gap-left .content {padding-left:20px;} .ec-col-gap-right .content {padding-right:20px;} .inav {float:left; position:relative; width:100%; background:#fff;} .menu-toggle {display:none;} .inav ul, .inav ul.menu {list-style:none; margin:0; padding:0; float:left;} .inav ul li { display:inline-block; float:left; position:relative;} .inav ul.menu > li {background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/nav_sep.png) no-repeat 100% 100%; padding-right:1px;} .inav ul.menu > li:last-child {background:none; padding-right:0px;} .inav ul li a {color:#000; font-size:13px; line-height:24px; font-weight:500; padding:14px 10px 16px; text-decoration:none; text-transform:uppercase; display:block; transition:all 300ms; -webkit-transition:all 300ms; font-family: 'Museo', sans-serif; border-top:4px solid transparent;} .inav ul li a:hover, .inav ul.menu > li.sfHover > a {color:#000; text-decoration:none; border-top:4px solid #a8cf45;} .inav ul.menu > li.current-menu-item > a, .inav ul.menu > li.current-menu-item.sfHover > a, .inav ul.menu > li.current-menu-parent > a, .inav ul.menu > li.current-menu-parent.sfHover > a, .inav ul.menu > li.current-page-parent > a, .inav ul.menu > li.current-page-item > a, .inav ul.menu > li.current-page-ancestor > a, .inav ul.menu > li.current-menu-ancestor > a {border-top:4px solid #a8cf45;} .inav ul.menu > li.menu-item-has-children > a:after {content:"\f107"; font-family:FontAwesome; display:inline-block; font-size:14px; font-weight:normal; margin-left:5px;} .inav ul ul, .inav ul.menu ul, .inav div.menu ul ul {position:absolute; top:-999em; left:0; margin-top:0px; width:260px; z-index:999; padding:25px 15px; list-style:none; background:#000; border-bottom: 4px solid #a8cf45;} .inav ul li.sfHover ul, .inav ul li:hover ul {top:100%;} .inav ul li.sfHover ul ul, .inav ul li:hover ul ul {top:0; left:261px; margin-top:0;} .inav ul ul li, .inav ul.menu ul li, .inav div.menu ul ul li {width:100%; padding-right:0 !important; padding-left:0 !important; border-bottom:0; margin-left:0; margin-right:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .inav ul.sub-menu li {display:block;} .inav ul ul li a, .inav ul.menu ul li a, .inav div.menu ul ul li a {padding:3px 10px 4px 20px; text-align:left; display:block; color:#fff; font-size:14px; font-weight:500; line-height:22px; text-transform:inherit; border:0 none;} .inav ul ul li a, .inav ul.menu ul ul li a, .inav div.menu ul ul ul li a {font-size:13px; -moz-transition:background ease .8s, color ease .8s; -webkit-transition:background ease .8s, color ease .8s; transition:background ease .8s, color ease .8s; } .inav ul.menu > li.sfHover > a, .inav ul.menu > li.current-menu-item.sfHover > a, .inav ul.menu > li.current-menu-parent.sfHover > a {color:#A8518A;} .inav ul ul li a:hover, .inav ul.sub-menu > li.sfHover > a {color:#f58634 !important;} .inav ul.sub-menu > li.current-page-item > a,.inav ul.sub-menu > li.current-page-ancestor > a, .inav ul.sub-menu > li.current-page-parent > a {color:#f58634 !important; } .inav .megamenu > ul.sub-menu, .inav .megamenu > ul.sub-menu > li > ul.sub-menu { width:700px; background:#000;} .inav .megamenu ul.sub-menu li a {padding:3px 10px 4px 20px;} .inav .megamenu > ul.sub-menu {padding:25px 15px;} .inav .megamenu > ul.sub-menu ul {top:100%; width:100%; left:0;} .inav .megamenu > ul.sub-menu > li {position:static;} .inav .megamenu > ul.sub-menu > li {border-right:1px solid #333;} .inav .megamenu > ul.sub-menu > li:nth-child(3n+0) {border-right:0;} .inav .megamenu > ul.sub-menu > li, .inav .megamenu > ul.sub-menu ul li {width:33.33%;} .inav .megamenu.x2 > ul.sub-menu > li, .inav .megamenu.x2 > ul.sub-menu ul li {width:50%;} .inav .megamenu.x4 > ul.sub-menu > li, .inav .megamenu.x4 > ul.sub-menu ul li {width:25%;} .inav .megamenu.x5 > ul.sub-menu > li, .inav .megamenu.x5 > ul.sub-menu ul li {width:20%;} .inav .megamenu > ul.sub-menu li.current-page-parent ul, .inav .megamenu > ul.sub-menu li.current-menu-ancestor ul, .inav .megamenu > ul.sub-menu li.current-menu-parent ul, .inav .megamenu > ul.sub-menu li.sfHover ul, .inav .megamenu > ul.sub-menu > li.current-page-parent > a, .inav .megamenu > ul.sub-menu li.current-menu-ancestor > a, .inav .megamenu > ul.sub-menu li.current-menu-parent > a, .inav .megamenu > ul.sub-menu li.sfHover > a {color:#f99;} .flexslider { position: relative; margin:0 auto; padding: 0; background:#fff; width:100%; overflow:hidden;} .flexslider { position: relative; margin:0 auto; padding: 0; background:#fff; width:100%; overflow:hidden;} .flexslider .slides, .flexslider .flex-control-nav, .flexslider .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider .slides {zoom: 1;} .flexslider .slides .thumbs img {width: 100%; height:auto; display: block;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .no-js .flexslider .slides > li:first-child {display: block;} .flexslider .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .flexslider .slides {display: block;} * html .flexslider .slides {height: 1%;} .flexslider .slides > li {position:static !important;} .flex-direction-nav li { background: none !important; padding: 0 !important; } .flex-direction-nav a.flex-next, .flex-direction-nav a.flex-prev { background-repeat: no-repeat; background-position: 50% 50%; background-size:22px auto; border-radius: 0; height:44px; width:44px; margin-top:-22px; top: 50%; text-indent: -999em; overflow: hidden; position: absolute; z-index: 19; cursor: pointer; opacity: .9; filter: alpha(opacity=90); } .flex-direction-nav a.flex-prev {background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/prev.png); left: 40px; } .flex-direction-nav a.flex-next {background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/next.png); right: 40px; } .flex-direction-nav a.flex-prev:hover, .flex-direction-nav a.flex-prev:active, .flex-direction-nav a.flex-next:hover, .flex-direction-nav a.flex-next:active { opacity:.6; filter: alpha(opacity=60); } .flex-direction-nav a.flex-disabled { opacity: .2 !important; filter: alpha(opacity=20); cursor: default; } .flexslider .flex-control-nav { position: absolute; left: 0; line-height: 10px; bottom: 15px; list-style: none; padding: 0; margin: 0 !important; z-index: 18; padding: 0 !important; text-align: center; width: 100%; } .flexslider .flex-control-nav li { overflow: hidden; display: inline-block; margin-left: 4px; margin-right: 4px; padding: 0 !important; } .flexslider .flex-control-nav li a { display: block; width: 10px; height: 10px; line-height: 10px; text-indent: -999em; overflow: hidden; border: 2px solid #f58634; background: none; cursor: pointer; border-radius: 50%; transition: all 300ms; } .flexslider .flex-control-nav li a:hover { opacity: .7; } .flexslider .flex-control-nav li a.flex-active { background: #f58634; } .flexslider .flex-control-nav li a.flex-active:hover { opacity: 1; cursor: default; } .ibanner { position: relative; margin: 0; padding: 0; overflow: hidden; background-color:transparent !important;} .ibanner .ebanner { width:100%;margin:0 auto; max-height:680px; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;} .ibanner .ebanner img {width:100%; height:auto; max-width:100%;} .ibanner .ov {position: absolute; z-index: 19; width: 100%; } .ibanner .ov.hide {display: none !important;} .ibanner .ov.ps-vt {top:55px;} .ibanner .ov.ps-vb {bottom:55px;} .ibanner .ov.ps-lx {left: 0px;} .ibanner .ov.ps-rx {right:0px;} .ibanner .ov.ps-vm {top:50%; -moz-transform: translate(0, -50%); -webkit-transform:translate(0, -50%); transform:translate(0, -50%);} .ibanner .ov.ps-lx .cpn {float:left; margin-left:120px; width:520px;} .ibanner .ov.ps-rx .cpn {float:right; margin-right:120px; width:520px;} .ibanner .ov.ps-lx.tp-fw .cpn {margin-left:50px;}.ibanner .ov.ps-rx.tp-fw .cpn{margin-right:50px;}.ibanner .ov.ps-cx .cpn {max-width:1150px;margin:auto;} .ibanner .cpn { line-height:30px; font-size:24px; font-weight:300; padding:15px 20px 10px; position: relative; } .ibanner .cpn p a {color:#fff;} .ibanner .cpn .cta { margin: 8px 0 12px; padding: 0; } .ibanner .cpn p { padding: 0 0 10px; } .ibanner .cpn img {max-width:100%; height:auto;} .ibanner .cpn h1, .ibanner .cpn h2, .ibanner .cpn h3, .ibanner .cpn h4 { font-weight: 500; font-size:2.3em; line-height:1.2; padding: 0 0 12px;font-family: 'Museo'; text-transform:inherit; letter-spacing:-1px;} .ibanner .cpn h4 { font-size:1.2em; } .ibanner .cpn .title h3 { font-size:1.8em; } .ibanner .cpn a.button { background-color:#f58634; color: #fff; border:2px solid #f58634; border-radius: 0; padding:10px 28px 11px; font-size:17px; line-height: 24px; font-weight:700; margin: 0; position: relative; font-family: 'TradeG';} .ibanner .cpn a.button:hover { background-color:#000; color: #f58634; } .ibanner .page-title {top:50%; transform:translate(0,-50%); -ms-transform:translate(0,-50%); padding:0;} .ibanner .page-title .cpn {padding:0 10px;} .ibanner .page-title .title, .ibanner .page-title .sub-title {color:#fff; padding:0; margin:0;} .ibanner .page-title .title {font-size:30px; line-height:34px;} .ibanner .page-title .sub-title {font-size:18px; line-height:24px;} .ibanner .page-title .title+.sub-title {margin-top:8px;} .ibanner .page-title .title+.cta, .ibanner .page-title .sub-title+.cta {margin-top:8px;} .ibanner .breadcumb {padding:0 10px;} .ibanner .breadcumb, .ibanner .breadcumb a {color:#fff;} .ibanner .breadcumb .current {color:#f99;} .ibanner .breadcumb a:hover {color:#f99;} .ibanner .ebanner, .ibanner.only-title {height:172px;} .ibanner.only-title {background: rgba(213,59,128,1); background: -moz-linear-gradient(left, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(213,59,128,1)), color-stop(50%, rgba(79,103,176,1)), color-stop(100%, rgba(0,149,208,1))); background: -webkit-linear-gradient(left, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); background: -o-linear-gradient(left, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); background: -ms-linear-gradient(left, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); background: linear-gradient(to right, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d53b80', endColorstr='#0095d0', GradientType=1 );} .ibanner.banner-single .ebanner.bn-single-post:before {background: rgba(213,59,128,1); background: -moz-linear-gradient(left, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(213,59,128,1)), color-stop(50%, rgba(79,103,176,1)), color-stop(100%, rgba(0,149,208,1))); background: -webkit-linear-gradient(left, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); background: -o-linear-gradient(left, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); background: -ms-linear-gradient(left, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); background: linear-gradient(to right, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d53b80', endColorstr='#0095d0', GradientType=1 ); content:''; display:block; position:absolute; z-index:9; left:0; right:0; top:0; bottom:0; opacity:0.7; } .ibanner.banner-single {background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/background-pattern.jpg) no-repeat 50% 0; background-size:cover;} .ibanner.banner-single .bn-single-post img {width:100%; height:auto;} .icon-drop {position:absolute; left:50%; transform:translateX(-50%); bottom:50px; z-index:99; display:none;} .icon-drop a {color:#fff; width:66px; height:66px; display:block; text-indent:-9999em; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/icon-icon.png) no-repeat 0 0; background-size:66px auto;} .ibanner .cpn.al-right {text-align:right;} .ibanner .cpn.al-left {text-align: left;} .ibanner .cpn.al-center, .ibanner .cpn.center {text-align:center;} .ibanner .cpn.bg-dark { background: #0f0f0f; background: rgba(15,15,15,.85); } .ibanner .cpn.bg-light { background: #fff; background: rgba(255,255,255,.85); } .ibanner .cpn.bg-none { background: none; padding: 0; } .ibanner .cl-light { color: #fff; } .ibanner .cl-dark { color: #000; } .ibanner .cl-light h1, .ibanner .cl-light h2, .ibanner .cl-light h3, .ibanner .cl-light h4 { color: #fff; } .ibanner .cl-dark h1, .ibanner .cl-dark h2, .ibanner .cl-dark h3, .ibanner .cl-dark h4 { color: #000; } .slider-boxed .flexslider {overflow:visible;} .slider-boxed .flex-direction-nav a.flex-next {right:-45px;} .slider-boxed .flex-direction-nav a.flex-prev {left:-45px;} .slider-boxed .ov.ps-lx .cpn {margin-left:60px;} .slider-boxed .ov.ps-rx .cpn {margin-right:60px;} .breadcumb {font-size:14px; line-height:20px; color:#333; margin:8px 0 0;} .breadcumb .current {color:#666; font-weight:500;} .breadcumb a {color:#333; font-weight:500; text-decoration:none; padding-right:2px;} .breadcumb a:hover {color:#000; text-decoration:none;} .breadcumb.al-left {text-align:left;} .breadcumb.al-right {text-align:right;} .breadcumb.al-center {text-align:center;} .itabs { margin-top:15px;} .itabs-default .tabs-nav {list-style:none; margin:0; padding:0; border-bottom:0; overflow:hidden;} .itabs-default .tabs-nav li {border-bottom:0 none; margin:0; padding:0; font-size:18px; display:inline; text-transform:uppercase;} .itabs-default .tabs-nav li a {color:#fff; background:#000; font-weight:bold; text-decoration:none; display:inline-block; padding:8px 20px 9px;} .itabs-default .tabs-nav li a:hover {background:#555555; color:#fff} .itabs-default .tabs-nav li.active a {background:#fff; color:#000;} .itabs-default .tabs-container {padding:10px 0 10px; background:#fff;} .itabs-default .tab-content {padding:15px 25px 10px;} .iaccordion h3.title, .iaccordion .ui-accordion-header {font-size:20px; font-weight:600; line-height:24px; color:#4d4d4f; padding:10px 30px 11px 50px; border:1px solid #d7d6d6; border-bottom:0; border-left-color:#fff; border-right-color:#fff; background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/to-close.png) no-repeat 10px 50%;} .iaccordion h3.title.ui-accordion-header-active, .iaccordion h3.title.ui-state-active, .iaccordion .ui-accordion-header.ui-state-active {background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/to-expand.png) no-repeat 10px 50%; border-color:#d7d6d6;} .iaccordion .entry+.title { margin-top:-1px;} .iaccordion h3.title a, .iaccordion .ui-accordion-header a {color:#4d4d4f; text-decoration:none;} .iaccordion .entry, .iaccordion .ui-accordion-content {border:1px solid #d7d6d6; border-top:0; padding:8px 30px 15px 50px;} .owl-nav { list-style:none; margin:0; padding:0; text-align:center; line-height:10px;} .owl-nav .owl-prev, .owl-nav .owl-next { position:absolute; top:45%; margin-top:-15px; width:15px; height:23px; line-height:40px; background-repeat: no-repeat; background-position:50% 50%; background-size:15px auto; text-indent:-999em; text-align:left; z-index:29; transition:opacity 350ms, background-color 350ms; -ms-transition:opacity 350ms, background-color 350ms;} .owl-nav .owl-prev {left:-45px; background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/prev-w.png);} .owl-nav .owl-next {right:-45px; background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/next-w.png);} .owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {opacity:.7;} .owl-dots {margin:-20px 0 30px; padding:0; text-align:center; line-height:10px; position:relative; z-index:19;} .owl-dots .owl-dot {display:inline; margin:0 3px;} .owl-dots .owl-dot span {display:inline-block; padding:0; line-height:10px; height:10px; width:10px; background:#333333; text-indent:-999em; text-align:left; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;} .owl-dots .owl-dot.active span {background:#f58634;} .quote-lists {list-style:none; margin:0; padding:0;} .quote-lists.quote-slides {float:left; width:100%; padding:0 30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .quote-lists.quote-slides .col-no {text-align:center;} .iquote, ul li.iquote {font-size:15px; line-height:22px; margin-bottom:25px; background:none; padding-left:0;} .iquote.col-x3 .block, .iquote.col-x4 .block, .iquote.col-x2 .block {padding:0 10px;} .iquote.item .block {padding:0 15px; max-width:1200px; margin:0 auto;} .iquote .quote-author { margin-top:6px; color:#fff;} .iquote .quote-author h4 {padding:0 0 2px; font-size:17px; color:#1e1e1e; font-weight:normal !important; text-transform:capitalize;} .iquote .quote-author p {font-size:14px; line-height:20px; padding-bottom:0;} .iquote .view-more {margin-top:10px; font-size:13px; text-transform:uppercase;} .all-quotes { display:block; text-align:center;} .all-quotes a.button {padding:8px 24px;} .sc-quotes .owl-dots {margin:-20px 0 0;} .sc-quotes.quotex {margin:15px 0 10px;} .iquote.list-view {padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #e0e0e0;} .iquote.list-view:last-child, .iquote.list-view.last {border-bottom:0 none; padding-bottom:0; margin-bottom:5px;} .iquote.list-view .quote-author h4 {color:#f58634; font-weight:500 !important;} .quote-photo {margin-bottom:20px;} .quote-photo img {border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .wpcf7 h4 {font-weight:bold !important; padding-top:15px; padding-bottom:8px !important;} .wpcf7 p {padding:0 0 6px;} .wpcf7 p > b {font-weight:normal;} .wpcf7 p > strong {font-weight:400; display:inline-block; width:165px; color:inherit; padding-bottom:10px; text-transform:uppercase;} .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-email, .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-textarea {width:100%;} .wpcf7 .wpcf7-textarea {height:200px;} .wpcf7 .wpcf7-list-item {display:inline-block; width:45%;} .wpcf7 .wpcf7-submit.wider {width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .wpcf7 .wpcf7-submit {background:transparent; color:#a8518a; border-color:#a8518a; padding:16px 45px 17px; font-size:18px; line-height:24px;} .wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:focus {background:#a8518a; border-color:#a8518a; color:#fff;} .wpcf7 .wpcf7-not-valid-tip {font-size:12px; color:#00afef; margin-top:2px; padding:0; position:static; display:inline-block;} .wpcf7 .wpcf7-response-output {background:#fff; font-size:12px; line-height:16px; margin:12px 0 8px; text-align:center; padding:8px 15px 9px; border:2px solid #747474 !important;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;color:#000;font-family:"Museo",Arial,Helvetica,sans-serif;} .wpcf7 .wpcf7-response-output.wpcf7-validation-errors {border-color:#ff3300 !important;} .wpcf7 img.ajax-loader {width:12px !important; height:12px !important; position:absolute; margin-left:-20px !important; margin-top:12px;} .wpcf7 .wpcf7-form-control-wrap.ishuman {display:inline-block !important;} .wpcf7 img.wpcf7-captchac { background:#fff; width:72px !important; height:24px !important;margin-top:4px; border:1px solid #ccc; padding:6px 8px 6px; margin-right:10px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;} .logo-lists {text-align:center;} .logo-lists .ilogo {display:inline-block; margin:0 35px 10px;} .bottom-a .logo-lists .ilogo .logo-thumb img {max-height:75px; width:auto;} .wgs-side {margin-bottom:25px;} .wgs-side:last-child {margin-bottom:5px;} .wgs-side h3 {font-size:24px; line-height:30px; padding-bottom:12px; font-weight:700;} .wgs-side h4 {font-size:18px; line-height:24px; padding-bottom:12px; font-weight:700;} .wgs-side .wg-title {border-bottom:1px solid #ddd; margin-bottom:18px; padding-bottom:14px; text-transform:uppercase;} .wgs-side a {color:#333; text-decoration:none;} .wgs-side a:hover {color:#000;} .wgs-side ul {list-style:none; margin:0; padding:0;} .wgs-side ul ul {margin-top:4px;} .wgs-side li {padding:0 0 8px;} .wgs-side li:last-child {border-bottom:0 none;} .wgs-side li li {border-bottom:0 none; padding:4px 0 4px;} .wgs-side.widget-ibox .wg-title { text-align:center; color:#000; font-size:18px; line-height:22px; letter-spacing:1px; padding-bottom:10px; border-bottom:0 none;} .wgs-side.widget-ibox .iboxs .thumbs {margin-bottom:10px;} .wgs-side.widget_nav_menu ul li, .wgs-side.widget_categories ul li, .wgs-side.wgs-side-blog ul li {padding:0; border-bottom:0 none; font-size:16px; line-height:22px; font-weight:500; text-transform:uppercase;} .wgs-side.widget_nav_menu ul li a, .wgs-side.widget_categories ul li a, .wgs-side.wgs-side-blog ul li a {padding:7px 0 8px;display:block;text-decoration:none;} .wgs-side.widget_nav_menu ul li a:hover, .wgs-side.widget_categories ul li a:hover, .wgs-side.wgs-side-blog ul li a:hover{color:#f99;} .wgs-side.widget_nav_menu ul li.current-menu-item > a, .wgs-side.widget_categories ul li.current-cat > a, .wgs-side.wgs-side-blog ul li.current-cat > a, .wgs-side.wgs-side-blog ul li.current > a {color:#f99;} .wgs-side ul li.icon-menu a, .wgs-side ul li.icon-offer a, .wgs-side ul li.icon-book a { padding-left:32px; background-position:0 7px; background-repeat:no-repeat; background-size:22px auto;} .wgs-side ul li.icon-menu a{background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/icon-menu.png);} .wgs-side ul li.icon-offer a {background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/icon-offer.png);} .wgs-side ul li.icon-book a {background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/icon-book.png);} .wgs-side-woo .wg-title {padding-top:55px; background-size:108px auto; background-repeat:no-repeat; background-position:50% 0; background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/title-bg.png); border-bottom:0 none; margin-bottom:30px; padding-bottom:0; text-align:center; font-size:20px; line-height:24px; font-weight:bold; letter-spacing:-1px;} .wgs-side-woo .wg-title:after {margin-left:8px;} .wgs-side-woo .wg-title:before {margin-right:8px;} .wgs-side-woo .wg-title:after, .wgs-side-woo .wg-title:before {content:"";display:inline-block; width:32px;height:1px; background:#333;vertical-align:middle;margin-top:-4px;} .wgs-side-woo ul {list-style:none; margin:0; padding:0;} .wgs-side-woo ul li {padding:10px 0 11px 30px; border-bottom:1px dotted #6d6d6d; font-size:16px; line-height:22px; background-repeat:no-repeat; background-size:6px auto; background-position:0 15px; background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/list-arrow.png); position:relative;} .wgs-side-woo ul li a {display:block; color:#333; text-decoration:none;} .wgs-side-woo ul li a:hover {color:#f58634} .wgs-side-woo ul li span.count {position:absolute; right:0; top:10px; color:#f99;} .wgs-side-woo.widget_product_categories ul li {padding:0;} .wgs-side-woo.widget_product_categories ul li a { padding:10px 0 11px 30px;} .widget_search form {overflow:hidden; margin-bottom:0; position:relative;} .wgs-side.widget_search .widget-content {padding:0;} .widget_search input.field {background:#fff; color:#979797; font-size:13px; line-height:19px; height:52px; border:1px solid #e8e8e8 !important; border-radius:0; margin:0; padding:8px 60px 10px 10px; width:100%;} .widget_search input.field:focus {border-color:#c9c9c9 !important;} .widget_search .submit {background:#fff; color:#6f6f6f; width:56px; padding:0; border:0; border-left:1px solid #e8e8e8 !important; border-radius:0; cursor:pointer; overflow:hidden; position:absolute; top:1px; bottom:1px; right:1px; margin:0;} .widget_search .submit:hover {background:#fff; border:0; color:#212121;} .widget_search .submit span {display:none;} .irecent-posts {list-style:none; margin:0; padding:0; line-height:20px;} .irecent-posts .items {margin-bottom:30px; border-bottom:0 none; padding:0;} .irecent-posts .thumbs {margin-bottom:20px; width:100%; position:relative; text-align:center;} .irecent-posts .thumbs img {max-width:100%; height:auto; margin:0; display:block;} .irecent-posts .date {color:#999; margin-bottom:4px; margin-top:0; text-transform:uppercase; font-weight:500;} .irecent-posts .more {margin-top:-5px; font-weight:500; font-size:14px;} .irecent-posts .link-more {color:#000; text-decoration:none; transition:color 300ms; -ms-transition:color 300ms;} .irecent-posts .link-more:hover {color:#f99;} .irecent-posts .title {font-size:22px; line-height:24px; font-weight:bold; text-transform:uppercase;} .irecent-posts .col-x4 .title, .irecent-posts.has-featured .title {font-size:18px; line-height:24px;} .irecent-posts .title a {color:#000; text-decoration:none; transition:color 300ms; -ms-transition:color 300ms;} .irecent-posts .title a:hover {color:#f99;} .irecent-posts .cats {color:#999; text-transform:uppercase; font-size:13px; margin-bottom:8px; margin-top:-6px;} .irecent-posts .over {display:block; opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; transition:all 300ms; -ms-transition:all 400ms;} .irecent-posts .over::after {content:""; background:#000; height:100%; width:100%; display:block; text-align:center; opacity:0.7;} .irecent-posts .over i {margin:-32px 0 0 -32px; border-radius:50%; -ms-border-radius:50%; height:60px; width:60px; line-height:60px; font-size:24px; transition:all 300ms; -ms-transition:all 300ms; border:2px solid #fff; color:#fff; position:absolute; left:50%; top:50%; z-index:2;} .irecent-posts .over i:hover {color:#f99; border-color:#f99;} .irecent-posts .items:hover .over {opacity:1;} .irecent-posts .items:hover .title a, .irecent-posts .items:hover .more a {color:#f99;} .sc-recent-post .irecent-posts .items {margin-top:20px; margin-bottom:0;} .wrap {background:#fff;} body {background:#fff;} .wrapper {padding:30px 0 25px;} .wrapper.wider-page {padding:0;} .wider-post .wrapper {padding-bottom:0;} .icontent {padding:0;} .rightside {float:right;} .leftside {float:left;} .right-sidebar.alter-sidebar .rightside, .left-sidebar.alter-sidebar .icontent {float:left;} .left-sidebar.alter-sidebar .leftside, .right-sidebar.alter-sidebar .icontent {float:right;} .iblog.right-sidebar .content-indent, .single-page.right-sidebar .content-indent, .iteam-single.right-sidebar .content-indent, .iservices.right-sidebar .content-indent { padding-right:30px;} .ibox-box .content {background-color:#ac4a8c; padding:40px 30px 30px; color:#fff; margin-top:10px; margin-bottom:10px;} .ibox-purple .content {background-color:#ac4a8c;} .ibox-orange .content {background-color:#f9821a;} .ibox-blue .content {background-color:#00b1f4;} .ibox-green .content {background-color:#a8cf46;} .ibox.ibox-first {margin-left:0;} .ibox.ibox-last {margin-right:0;} .ibox-box h2, .ibox-box h3, .ibox-box h4 {color:#fff;} .ibox-box a.button {color:#fff; border-color:#fff;} .ibox-box a.button:hover {color:#000; background-color:#fff;} .sidebar span.wpcf7-form-control-wrap, .one-half span.wpcf7-form-control-wrap, .col-full span.wpcf7-form-control-wrap, .wider-field span.wpcf7-form-control-wrap {display:block;} .sidebar .wpcf7 p > strong, .wpcf7 .one-half p > strong, .wpcf7 .col-full p > strong, .wpcf7 .wider-field p > strong {width:auto; display:block;} .sidebar .wpcf7 p > strong+br, .wpcf7 .one-half p > strong+br, .wpcf7 .col-full p > strong+br, .wpcf7 .wider-field p > strong+br {display:none;} .sidebar input[type="text"], .sidebar input[type="password"], .sidebar input[type="email"], .sidebar input.wpcf7-text, .sidebar select, .sidebar textarea, .sidebar .wpcf7-textarea, .one-half input[type="text"], .one-half input[type="password"], .one-half input[type="email"], .one-half input.wpcf7-text, .one-half select, .one-half textarea, .one-half .wpcf7-textarea, .col-full input[type="text"], .col-full input[type="password"], .col-full input[type="email"], .col-full input.wpcf7-text, .col-full select, .col-full textarea, .col-full .wpcf7-textarea, .wider-field input[type="text"], .wider-field input[type="password"], .wider-field input[type="email"], .wider-field input.wpcf7-text, .wider-field select, .wider-field textarea {width:100%;} .wpcf7 p, .wpcf7 .one-half p, .wpcf7 .col-full p, .wpcf7 .wider-field p {padding-bottom:10px !important;} .container-section {padding:55px 0 50px;} .container-section.iparallax {padding:75px 0 70px;} .container-section.iparallax-style1 {padding:50px 0 35px;} .container-section.iparallax {background-size:cover; background-repeat:no-repeat; background-position:50% 50%;} .container-section.section-no-pad, .container-section.no-pad {padding:0;} .section-no-pad img.aligncenter, .no-pad img.aligncenter {margin:0 auto;} .section-light {color:#fff;} .section-grey-dark {background-color:#3f3f3f;} .section-black {background-color:#000; color:#fff;} .section-grey {background-color:#f7f7f7; color:#666;} .section-light .content h3, .section-light .content h4, .section-light .content h5, .section-light .content h2, .section-light .content h1, .section-light .content blockquote, .section-light .content h3 strong, .section-light .content h2 strong, .section-light .content .heading, .section-light .content .heading.heading-block {color:#fff;} .section-light .wpcf7 .wpcf7-not-valid-tip {color:#fff;} .section-light .box-icon a, .section-light a {color:#fff; text-decoration:none;} .section-light .box-icon a:hover, .section-light a:hover {color:#fff;} .section-light a.button:hover {background:#fff; color:#252627; border-color:#fff;} .section-light a.btn-trans {color:#fff; border-color:#fff; background-color:transparent;} .section-light a.btn-trans:hover {color:#333; border-color:#fff; background-color:#fff;} .section-cta {background:#000 url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/pattern-bg.png) repeat-x 50% 50%; color:#fff; padding:45px 0px; background-size:auto 150px;} .section-cta.section-regular .cta-wrap, .section-cta.call-action .cta-wrap {padding:0 35px;} .section-cta.section-regular .main .cta-wrap, .section-cta.call-action .main .cta-wrap {padding:0 10px;} .section-cta.section-regular.center .cta-wrap, .section-cta.call-action.center .cta-wrap, .section-cta.section-regular .wrap-regular .cta-wrap, .section-cta.call-action .wrap-regular .cta-wrap {padding:0;} .section-cta h3, .section-cta h4, .section-cta h2, .section-cta h1 {color:#fff;} .container-section.has-bg {position:relative; background-repeat:no-repeat; background-size:cover; background-position:50% 50%;} .container-section.has-bg .wrap-section {z-index:1;} .container-section .bg-overlay {position:absolute; z-index:0; background:rgba(0,0,0,.75); left:0; right:0; top:0; bottom:0;} .container-section.dir-up {padding-top:85px;} .container-section.dir-down {padding-bottom:85px;} .container-section.dir-up:after, .container-section.dir-down:after {display:block; content:""; left:50%; margin-left:-145px; width:290px; height:39px; position:absolute; z-index:2;} .container-section.dir-up:after {top:-1px; background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/dir-down.png) no-repeat 50% 0%;} .container-section.dir-down:after {bottom:-1px; background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/dir-top.png) no-repeat 50% 100%;} .iparallax {position:relative;} .iparallax .wrap-section {z-index:1;} .section-simple.iparallax .parallax-overlay {display:none;} .iparallax .parallax-overlay {position:absolute; z-index:0; background:rgba(0,0,0,.45); left:0; right:0; top:0; bottom:0;} .iparallax .parallax-overlay > span {display:none;} .iparallax .parallax-overlay.overlay-half {left:50%; background-position:0 0; background-repeat:repeat; background-size:auto;} .iparallax .parallax-overlay.overlay-style1, .iparallax .parallax-overlay.overlay-style2 {background-size:cover; background-repeat:no-repeat;} .iparallax .parallax-overlay.overlay-style1 {right:50%; background-position:100% 50%;} .iparallax .parallax-overlay.overlay-style2 {left:50%; background-position:0 50%;} .iparallax .parallax-overlay.overlay-style1:after, .iparallax .parallax-overlay.overlay-style2:after {position:absolute; width:39px; height:280px; right:0; top:50%; margin-top:-140px; content:""; background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/dir-left.png); background-repeat:no-repeat; background-size:contain; background-position:0 0;} .iparallax .parallax-overlay.overlay-style2:after {left:0; right:inherit; background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/dir-right.png);} .section-grey .parallax-overlay.overlay-style1:after{background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/dir-left-g.png);} .section-grey .parallax-overlay.overlay-style2:after {background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/dir-right-g.png);} .iparallax-style1 .column.last .content, .iparallax-style2 .column.last .content {padding:0 0 0 50px;} .iparallax-style2 .column.first .content, .iparallax-style1 .column.first .content {padding:0 50px 0 0;} .section-simple.iparallax {background-size:auto;} .section-gradient {background: rgba(213,59,128,1); background: -moz-linear-gradient(left, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(213,59,128,1)), color-stop(50%, rgba(79,103,176,1)), color-stop(100%, rgba(0,149,208,1))); background: -webkit-linear-gradient(left, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); background: -o-linear-gradient(left, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); background: -ms-linear-gradient(left, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); background: linear-gradient(to right, rgba(213,59,128,1) 0%, rgba(79,103,176,1) 50%, rgba(0,149,208,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d53b80', endColorstr='#0095d0', GradientType=1 );} .container-section {position:relative;} .section-block-three:before, .section-block-three:after {content:""; background:#a8cf45; position:absolute; top:0; bottom:0; z-index:1;} .section-block-three:before {left:0; right:66.66%} .section-block-three:after {right:0; left:66.66%; background:#00acef;} .section-block-three .column {z-index:2; position:relative;} .section-block-three .column .content {padding:0 15%; text-align:center;} .section-support ul {list-style:none;} .section-support ul li {padding:0 0 5px 15px; position:relative;} .section-support ul li:before {content:"\2022"; color:#a74387; font-weight:700; display:block; position:absolute; left:0; top:-1px;} .section-support .ec-purple ul li:before {color:#a74387;} .section-support .ec-green ul li:before {color:#a6cc3b;} .section-support .ec-orange ul li:before {color:#f38326;} .section-support .ec-blue ul li:before {color:#28a9e1;} .iblog .heading-title { font-size:30px; line-height:36px; color:#000; padding:0; margin-bottom:25px;} .iblog .ep {margin-bottom:30px;} .iblog .ep.first {clear:left;} .iblog .ep .entry-content {margin-bottom:10px;} .iblog .ep h1.heading, .iblog .ep h2.heading, .iblog .ep .heading {font-size:18px; line-height:24px; color:#fff; padding-bottom:8px;} .iblog .ep .heading a {color:#fff; text-decoration:none;} .iblog .ep .heading a:hover {color:#000;} .iblog .ep .thumbs {margin-bottom:20px;} .iblog .ep .thumbs img {max-width:100%; height:auto; display:block;} .iblog .ep .entry-more {margin-top:12px;} .iblog .ep .entry-more a {background:transparent; padding:14px 35px 15px; margin:0; border:2px solid #fff; color:#fff; font-size:18px; line-height:24px; font-weight:500; text-transform:capitalize;} .iblog .ep .entry-more a:hover {color:#000; background:#fff;} .iblog .ep .post-meta {font-weight:500; color:#999; margin:8px 0 4px; font-size:14px; line-height:18px; text-transform:uppercase;} .iblog .ep.esingle .post-title .heading {color:#00afef; font-size:30px; line-height:36px;} .iblog .ep.eloop {padding:40px 30px 30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; color:#fff; min-height:400px;} .iblog .ep.eloop .thumbs+.summary {overflow:hidden;} .iblog .ep.eloop .thumbs {margin-right:20px; background:#fafafa; width:340px; float:left; margin-bottom:0;} .iblog .ep.eloop.purple {background-color:#ac4a8c;} .iblog .ep.eloop.orange {background-color:#f9821a;} .iblog .ep.eloop.blue {background-color:#00b1f4;} .iblog .ep.eloop.green {background-color:#a8cf46;} .service .thumbs {margin-bottom:20px;} .service .service-block {overflow:hidden;} .service-lists .owl-nav .owl-prev, .service-lists .owl-nav .owl-next {top:25%;} .service-lists .owl-nav .owl-next {background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/next-p.png);} .service-lists .owl-nav .owl-prev {background-image: url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/prev-p.png);} .icontent {font-size:15px; line-height:22px;} .icontent h1.heading, .icontent h2.heading, .icontent h3.heading { font-size:30px; line-height:32px; font-weight:500; padding-bottom:18px;} .icontent .heading a {color:#00aeef; text-decoration:none; transition:color 350ms;} .icontent .heading a:hover {color:#333; text-decoration:none;} .icontent .heading.heading-large { font-size:56px; line-height:62px; font-weight:bold; padding-bottom:25px;} .icontent h1, .icontent h2 {font-size:30px; line-height:32px; padding-bottom:20px; font-weight:300; text-transform:inherit;} .icontent h2 {font-size:27px; line-height:33px;} .icontent h3 {font-size:20px; line-height:24px; padding-bottom:20px; font-weight:500; text-transform:inherit;} .icontent h4 {font-size:20px; line-height:24px; padding-bottom:12px; font-weight:500; font-family: 'Museo', sans-serif;} .icontent h5 {font-size:18px; line-height:24px; padding-bottom:12px; font-weight:700; color:#5d5d5d;} .icontent h6 {font-size:16px; line-height:24px; padding-bottom:12px; font-weight:400;} .icontent p {padding:0 0 15px;} .icontent p:last-child {padding:0;} .icontent table {margin:0 0 12px;} .icontent td, .icontent th {padding:4px 10px 6px 0px;} .icontent td, .icontent td p {font-size:14px; line-height:22px;} .icontent td p {padding:0; margin:6px 0;} .icontent td {vertical-align:top;} .icontent hr {border:none; border-bottom:1px solid #dbdbdb; clear:both; padding-top:30px; margin-bottom:45px;} .icontent .divider { border-bottom:1px solid #dbdbdb; clear:both; margin:30px 0 25px; } .icontent .divider.divider-post {border-color:#000; padding-top:0; margin-bottom:65px; margin-top:40px; float:left; width:100%;} .icontent .cats-list .divider.divider-post {float:none; margin-bottom:40px;} .icontent .line {clear:both; line-height:0; margin:25px 0 20px;} .icontent .line+h3 {padding-top:20px;} .icontent .line.line-center {text-align:center;} .icontent .line.line-left {text-align:left;} .icontent .line.line-right {text-align:right;} .icontent .line i {background:#747474; display:inline-block; height:4px; } .icontent .line-size-small i {width:75px;} .icontent .line-size-large i {width:150px;} .icontent .gap {display:block; clear:both; overflow:hidden;} .icontent .gap-size-10, .icontent .gap-size-small {height:10px;} .icontent .gap-size-20, .icontent .gap-size-medium {height:20px;} .icontent .gap-size-30, .icontent .gap-size-large {height:30px;} .icontent blockquote {margin:0 0 15px; padding:6px 0 10px 25px; font-size:14px; line-height:24px; font-style:normal; color:#4e4e4e; overflow:hidden; border-left:3px solid #aeaead;} .icontent blockquote p {padding:0 0 8px; font-size:14px; line-height:24px; font-style:italic;} .icontent blockquote+h5 {margin-top:-15px; font-style:italic; text-align:right; font-size:16px; margin-bottom:12px; color:#222;} .icontent .quote {margin:35px 0 25px; display:table; width:100%;} .icontent .quote .block {font-size:30px; line-height:40px; font-weight:500; margin:30px auto 35px; max-width:680px; padding:0 65px; position:relative;} .icontent .quote .quote-by {position:relative; padding-top:20px; margin-top:15px;} .icontent .quote .quote-by h4 {font-size:15px; line-height:normal; padding:0 0 5px;} .quote .quote-by p {font-size:13px; line-height:normal;} .icontent .entry > ol {list-style:decimal; margin:-4px 0 12px; padding:0; padding-left:20px;} .icontent .entry > ol > ol {margin:0px; padding-left:20px} .icontent .entry > ol > li {line-height:21px; padding:0 5px 5px; font-size:14px; line-height:19px;} .icontent .entry > ul {list-style:none; margin:0px 0 10px; padding:0; padding-left:0px;} .icontent .entry > ul > ul {margin:0px; padding-top:6px; list-style:none;} .icontent .entry > ul > li {padding:0px 0 6px 16px; background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/list-arrow.png) no-repeat 0 7px;} .icontent .entry h5+ul, .icontent .entry h4+ul {margin-top:-5px;} .icontent .entry > ul:last-child, .icontent .content > ul:last-child {margin-bottom:0;} .icontent .article.not-found.error404 {padding-bottom:50px; text-align:center;} .icontent .article.not-found.error404 .heading {font-size:60px; line-height:60px; text-transform:uppercase; letter-spacing:-1px;} .icontent .article.not-found.error404 .heading strong {line-height: 52px; font-size: 78px;} .icontent .article.not-found.error404 .submit {padding:21px 24px 22px;} .icontent .article.not-found.no-post .heading {font-size:24px; line-height:32px;} .icontent .article.not-found input.field {width:260px; margin-bottom:5px;} .icontent img {max-width:100%; height:auto;} img.alignright {float:right; margin:0px 0 10px 20px; clear:right;} img.alignleft {float:left; margin:0px 20px 10px 0; clear:left;} img.alignalone {margin:5px auto 12px;} img.alignnone {margin:5px 10px 10px 0px;} img.aligncenter {margin:12px auto 15px; display:block;} img.alignright, img.alignleft, img.alignnone, img.aligncenter {} img.border {background:#d2d2d2; padding:4px;} .wp-caption.alignright {float:right; margin:4px 0 5px 20px; clear:right;} .wp-caption.alignleft {float:left; margin:4px 20px 5px 0; clear:left;} .wp-caption.alignalone {margin:5px auto 8px;} .wp-caption.alignnone {margin:2px 0px 3px;} .wp-caption.aligncenter {margin: 5px auto 8px;} .wp-caption.alignright, .wp-caption.alignleft, .wp-caption.alignnone {padding:0;} .wp-caption p {padding:5px 0 0; color:#1788d5; text-align:center;} .wp-caption img {max-width:100%; height:auto;} .videobox {position:relative; margin:0 auto 15px; max-width:930px; width:100%; height:0; padding-top:56%;} .videobox iframe {position:absolute; top:0; left:0; width:100%; height:100%;} .videobox:last-child {margin-bottom:0;} .ec-vm.column {height:525px;} .ec-vm .content {vertical-align:middle; height:100%; width:100%; display:table; padding-top:10px; box-sizing:border-box;} .ec-vm .content p {display:table-cell; vertical-align:middle; width:100%;} .call-action, .widget-cta {margin-bottom:0;} .call-action .cta-wrap {padding:25px 0 20px;} .call-action .cta-action {display:inline-block; margin-left:40px; float:right;} .call-action.center .cta-action, .center .cta-action {float:none;} .call-action .cta-text {display:inline-block; padding-right:0; text-align:left;} .call-action h3, .call-action h4, .call-action h2, .call-action h1 {padding:10px 0 11px; font-size:24px; line-height:30px; text-transform:uppercase; margin:0;} .call-action.cta-hasp h3, .call-action.cta-hasp h4, .call-action.cta-hasp h2, .call-action.cta-hasp h1 {padding-top:0;} .call-action h3+p, .call-action h4+p, .call-action h2+p, .call-action h1+p {padding:0 0 4px; margin-top:-10px;} .call-action a.button {padding:9px 45px 10px; font-size:24px; line-height:30px; background:#f58634; border:2px solid #f99; color:#fff; margin:0; vertical-align:baseline;} .call-action a.button:hover {color:#f99; background:#fff; border-color:#f99;} .call-action.cta-alter {background:#000; color:#fff;} .call-action.cta-alter .cta-wrap {padding:35px 30px; box-sizing:border-box; width:100%;} .call-action.cta-alter h3, .call-action.cta-alter h4, .call-action.cta-alter h2, .call-action.cta-alter h1 {color:#fff;} .team-lists {list-style:none; margin:0; padding:0; line-height:20px;} .team-lists .iteam {margin-bottom:30px; border-bottom:0 none; padding:0;} .team-slides .iteam {float:left;} .team-slides .owl-item .iteam {width:100%; margin-bottom:0; margin-top:15px;} .team-slides .owl-nav .owl-prev {left:10px; background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/prev-p.png);} .team-slides .owl-nav .owl-next {right:10px; background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/next-p.png);} .team-slides .owl-nav .owl-prev:hover, .team-slides .owl-nav .owl-next:hover {} .sc-teams .team-lists .iteam {margin-top:0; margin-bottom:0;} .sc-teams.lt-team-s .team-lists {margin-top:20px;} .iteam .thumbs {width:100%; position:relative; text-align:center; margin:0; overflow:hidden;} .iteam .thumbs img {max-width:100%; height:auto; margin:0; display:block; width:100%;} .iteam .data-team {text-align:center;} .iteam .entry, .iteam .info {margin-top:20px;} .iteam .name+.position {margin-top:-6px;} .iteam .name {font-size:18px; line-height:24px; font-weight:500; padding:0 0 12px; margin:0; text-transform:capitalize; font-family:'Museo';} .iteam .name a {color:#000; text-decoration:none; transition:color 300ms; -ms-transition:color 300ms;} .iteam .name a:hover {color:#00aeef;} .iteam .position {color:#666; font-size:16px; line-height:20px; padding:0; margin:0;} .iteam .links {margin-top:18px; text-align:center; font-size:0; line-height:1;} .iteam .links a {display:inline-block; background:#333; color:#fff; height:32px; width:32px; font-size:18px; line-height:32px; border-radius:32px;transition:all 300ms; -ms-transition:all 300ms; margin:0 2px; text-align:center;} .iteam .links a:hover {background:#f99; color:#fff;} .iteam .links.links-over {position:absolute; z-index:6; transition:all 300ms; bottom:-100px; opacity:0; width:100%;} .iteam .over {display:block; opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; transition:all 400ms; -ms-transition:all 400ms;} .iteam .over::after {content:""; background:#000; height:100%; width:100%; display:block; text-align:center; opacity:0.7;} .iteam .over::before {content:""; position:absolute; left:10px; right:10px; bottom:10px; top:10px; display:block; border:1px solid #999; z-index:1;} .iteam .over i.icon-link {margin:-32px 0 0 -32px; border-radius:50%; -ms-border-radius:50%; height:60px; width:60px; line-height:60px; font-size:24px; transition:all 300ms; -ms-transition:all 300ms; border:2px solid #fff; color:#fff; position:absolute; left:50%; top:50%; z-index:5;} .iteam .over i.icon-link:hover {color:#f99; border-color:#f99;} .iteam:hover .over {opacity:1;} .iteam:hover .name a, .iteam:hover .more a {color:#f99;} .iteam:hover .links a {background:#666;} .iteam:hover .links a:hover {background:#f99;} .iteam:hover .links.links-over {bottom:30px; opacity:1;} .iteam.ui-over .over > span {display:block; transition-delay:100ms; -ms-transition-delay:100ms; transition:all 400ms; -ms-transition:all 400ms; position:absolute; left:0; right:0; text-align:center; top:120%; transform:translate(0,-50%); z-index:6;} .iteam.ui-over:hover .over > span {opacity:1; top:50%;} .iteam.ui-over .over > span i.icon-link {position:static; margin:0 0 20px;} .iteam.ui-over .over .name, .iteam.ui-over .over .position {font-size:18px; line-height:24px; font-weight:500;} .iteam.ui-over .over .name, .iteam.ui-over .over .name a, .iteam.ui-over .over .position { color:#fff;} .iteams .ep.eteam .heading {text-transform:uppercase; font-family:'TradeG'; padding-bottom:15px;} .iteams .ep .thumbs {margin-bottom:20px;} .iteams .ep .thumbs img {max-width:100%; height:auto; display:block;} .iteams .ep .links {margin-top:25px; text-align:left; font-size:0; line-height:1;} .iteams .ep .links a {display:inline-block; background:#333; color:#fff; height:36px; width:36px; font-size:18px; line-height:36px; border-radius:32px;transition:all 300ms; -ms-transition:all 300ms; margin:0 2px; text-align:center;} .iteams .ep .links a:hover {background:#f99; color:#fff;} .iteam.ui-slide-desc {position:relative;} .iteam.ui-slide-desc .slide-desc {position:absolute; left:0; right:0; bottom:-15em; z-index:99; color:#fff; background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/team-desc-pat.png) repeat-x 50% 0; padding-top:4px; transition:all ease-in-out 0.5s;} .iteam.ui-slide-desc .slide-desc .desc-indent {background:rgba(0,0,0,0.8); padding:10px 15px;} .iteam.ui-slide-desc:hover .slide-desc {bottom:0;} .iservice {margin-bottom:30px;} .iservice.first {clear:left;} .iservice .entry-content {margin-bottom:10px;} .iservice .cta-half {margin-top:35px; width:50%; box-sizing:border-box; float:left;} .iservice .call-action {text-align:center;} .iservice .cta-half.first {padding-right:15px;} .iservice .cta-half+.cta-half {padding-left:15px;} .iservice .thumbs {margin-bottom:20px; display:block; text-align:center; position:relative; overflow:hidden;} .iservice .thumbs img {max-width:100%; height:auto;} .iservice .over {display:block; opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; transition:all 400ms; -ms-transition:all 400ms;} .iservice .over::after {content:""; background:#5b093f; height:100%; width:100%; display:block; text-align:center; opacity:0.85;} .iservice .over i.icon-link {margin:-32px 0 0 -32px; border-radius:50%; -ms-border-radius:50%; height:60px; width:60px; line-height:60px; font-size:24px; transition:all 300ms; -ms-transition:all 300ms; border:2px solid #fff; color:#fff; text-align:center; position:absolute; left:50%; top:50%; z-index:5;} .iservice .over i.icon-link:hover {color:#f99; border-color:#f99;} .iservice .thumbs:hover .over, .iservice.has-over:hover .over {opacity:1;} .iservice.has-over:hover .heading a {color:#f99;} .iservice.has-over:hover .heading a:hover {color:#666;} .iservice .entry-more {margin-top:18px;} .iservice .entry-more a {background:#000; padding:8px 20px 9px; margin:0 6px 6px 0; border:0 none; color:#fff; font-size:14px; line-height:24px; font-weight:bold; font-family:'TradeG'; letter-spacing:1px;} .iservice .entry-more a:hover {color:#fff; background:#f99;} .iservice.eloop {padding-bottom:30px; border-bottom:1px solid #dadada;} .iservice.eloop:last-child { border-bottom:0 none;} .iservice.eloop .thumbs+.summary {overflow:hidden;} .iservice.eloop h1.heading, .iservice.eloop h2.heading, .iservice.eloop h3.heading {font-size:24px; line-height:26px; padding-bottom:8px;} .iservice.eloop .thumbs {margin-right:20px; background:#fafafa; width:340px; float:left; margin-bottom:0;} .related-service {margin-top:20px; text-align:center;} .related-service .item .thumbs {margin-bottom:15px;} .related-service .item {width:50%; float:left; padding:0; box-sizing:border-box; margin-bottom:25px;} .related-service .item.first {padding-right:15px;} .related-service .item.last {padding-left:15px;} .related-service .item .heading {text-transform:uppercase; font-size:24px; line-height:26px; padding:0;} .thumbs a {position:relative; display:inline-block;} .eservice.first {clear:left;} .eservice.last {clear:right;} .eservice {margin-bottom:30px;} .eservice .thumbs {margin-bottom:20px; display:block; text-align:center; position:relative; overflow:hidden;} .eservice .thumbs img {max-width:100%; height:auto;} .eservice .over {display:block; opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; transition:all 400ms; -ms-transition:all 400ms;} .eservice .over::after {content:""; background:#5b093f; height:100%; width:100%; display:block; text-align:center; opacity:0.85;} .eservice .over i.icon-link {margin:-32px 0 0 -32px; border-radius:50%; -ms-border-radius:50%; height:60px; width:60px; line-height:60px; font-size:24px; transition:all 300ms; -ms-transition:all 300ms; border:2px solid #fff; color:#fff; text-align:center; position:absolute; left:50%; top:50%; z-index:5;} .eservice .over i.icon-link:hover {color:#f99; border-color:#f99;} .eservice .thumbs:hover .over, .eservice.has-over:hover .over {opacity:1;} .eservice .entry {padding-bottom:10px;} .eservice a.button {text-transform:capitalize;} .iservices-page .divider {margin:40px 0 50px;} .iservices-page .icontent .divider:last-child {display:none;} .eservice h3, .eservice h4 {color:#333; font-weight:300;} .wgs-service h3 {font-weight:normal;} .service-lists .heading {height:15px; overflow:hidden; margin-bottom:10px;} .service-lists .entry p {height:60px; overflow:hidden; margin-bottom:10px;} .itechnology.thumb-view {text-align:center !important;} .itechnology .item {margin-bottom:25px; list-style:none;} .itechnology h1.heading, .itechnology h2.heading {font-size:30px; line-height:36px; font-weight:500;} .itechnology .zoom-thumbs, .zoom-thumbs {width:100%; height:auto; margin-bottom:20px; position:relative;} .itechnology .technology-thumb {margin-bottom:10px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .itechnology .zoom-thumbs img, .itechnology .technology-thumb img {max-width:100%; width:100%; height:auto; -moz-transition:opacity ease .3s; -webkit-transition:opacity ease .3s;transition:opacity ease .3s;} .itechnology .zoom-thumbs::after, .zoom-thumbs::after {background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/icon_zoom.png) no-repeat 0 0/41px auto;left:0;width:41px;height:16px;position:absolute;z-index:1;content:"";} .itechnology.thumb-view .item:hover .btn-technology {background:#669900; color:#fff;} .itechnology.thumb-view .item:hover img {opacity:0.6;} .page-itechnology.wrapper {padding-bottom:0;} .itechnology ul li {background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/icon_list_purple.png) no-repeat 0 3px;} .itechnology .item:hover h4, .itechnology .item:hover h4 a {color:#000;} .page-skincare.wrapper {padding:0;} .section-skincare-intro {background-position:85% 100% !important;} .section-skincare-intro h2:before, .section-skincare-intro h3:before {content:''; border:0 none; height:3px; background:#00b0f4; width:70px; display:block; margin:20px 0 15px;} .skincare-view .icontent, .technology-view .icontent {padding:40px 0 35px;} .iskincare .item {text-align:center; padding:30px 30px 20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -ms-transition:all ease-in-out 0.3s;} .iskincare .item h4, .iskincare .item h4 a, .itechnology .item h4, .itechnology .item h4 a { color:#00b1f4; font-size:18px; line-height:24px; text-decoration:none; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -ms-transition:all ease-in-out 0.3s;} .iskincare .item:hover {background:#00b1f4;} .iskincare .item:hover h4, .iskincare .item:hover h4 a {color:#fff;} .iskincare .icontent.intro, .itechnology .icontent.intro {padding:30px 0;} .img-carousel .owl-nav .owl-prev {background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/prev-p.png);} .img-carousel .owl-nav .owl-next {background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/next-p.png);} .heading.heading-block.heading-style1 {text-align:center; color:#fff; font-size:24px; line-height:30px; font-weight:500; padding:20px; margin-bottom:25px; background: rgba(236,76,15,1); background: -moz-linear-gradient(left, rgba(236,76,15,1) 0%, rgba(243,113,7,1) 51%, rgba(249,152,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(236,76,15,1)), color-stop(51%, rgba(243,113,7,1)), color-stop(100%, rgba(249,152,0,1))); background: -webkit-linear-gradient(left, rgba(236,76,15,1) 0%, rgba(243,113,7,1) 51%, rgba(249,152,0,1) 100%); background: -o-linear-gradient(left, rgba(236,76,15,1) 0%, rgba(243,113,7,1) 51%, rgba(249,152,0,1) 100%); background: -ms-linear-gradient(left, rgba(236,76,15,1) 0%, rgba(243,113,7,1) 51%, rgba(249,152,0,1) 100%); background: linear-gradient(to right, rgba(236,76,15,1) 0%, rgba(243,113,7,1) 51%, rgba(249,152,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4c0f', endColorstr='#f99800', GradientType=1 );} .heading.heading-style1.heading-small {color:#333;} .heading.heading-small:after, .heading.heading-small:before {width:100px; background:#333;} div.download-large {width:220px; min-height:62px; margin:5px 20px 15px 0; display:inline-block;} div.download-large span.dl-title {font-size:13px; line-height:17px; color:#333333; padding-top:25px; display:inline-block;} a.download-button {display:inline-block; margin:0 0 5px; text-decoration:none; font-size:14px; line-height:20px; padding:1px 0 4px 25px;} a.download-button.icon-pdf { background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/icon-pdf.png) no-repeat 0 0px;} a.download-button.icon-pdf.large-icon {background:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/icon-pdf-large.png) no-repeat 0 0; width:60px; height:62px; padding:0;} a.download-button.icon-pdf span.non-visible {text-indent:-999em; overflow:hidden; display:inline-block;} a.post-edit-link {background:#c01b1b; color:#fff; font-size:9px; text-decoration:none; text-transform:uppercase; padding:3px 6px; line-height:14px;} a.post-edit-link:hover {background:#c01b1b; color:#fff;} .comment-respond {border-top:1px dotted #cccccc; padding-top:25px; margin-top:10px;} .comment-respond .pagi {margin-top:25px;} .irespond h3.title, .icomments h3.title {font-size:20px; font-weight:700; line-height:24px; color:#333; padding-bottom:15px;} .irespond input[type=submit] {background:#f99; color:#fff; border-color:#f99; padding:10px 25px 11px;} .irespond input[type=submit]:hover {background:#000; color:#f99;} .irespond input[type=text], .irespond input[type=email] {width:100%;} .irespond textarea {height:140px;} .commentlist {list-style:none; padding:0; margin:0 0 5px; font-size:13px; line-height:19px;} .commentlist .comment-meta {padding-bottom:8px;} .commentlist .comment-author {font-weight:500;} .commentlist .comment-meta a {color:#999; text-decoration:none;} .commentlist .comment-meta a:hover {color:#333;} .commentlist ol, .commentlist ul {margin:15px 0 0 35px; list-style:none;} .commentlist li {padding:12px 0 15px; border-bottom:1px solid #e7e6e6;} .commentlist li li { padding:15px 0 12px; border-top:1px solid #e7e6e6; border-bottom:0 none;} .commentlist li:last-child {border-bottom:0 none; padding-bottom:5px;} .commentlist li:last-child {padding-top:0;} .commentlist .reply {margin-top:-6px;} .commentlist .reply a {color:#717171; background:#ddd; padding:4px 10px 3px; display:inline-block; font-size:11px; line-height:16px; text-decoration:none;} .commentlist .reply a:hover {color:#000; background:#eee;} body #twttrHubFrameSecure, body #twttrHubFrame, body #fb-root {display:none !important;} .pagi, .wp-pagenavi {margin:15px 0; padding:0; text-align:center; display:table; width:100%; font-weight:700;} .pagi ul.page-numbers {display:inline; margin:0; padding:0;} .pagi ul.page-numbers li {display:inline-block; background:none; padding:0 5px 10px !important;} .pagi .total-page, .wp-pagenavi .pages { line-height:30px; padding:8px 12px; color:#999; font-weight:500; display:inline-block; border:0 none;} .pagi ul.page-numbers a.page-numbers, .pagi ul.page-numbers span.page-numbers, .wp-pagenavi a.page, .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.first, .wp-pagenavi a.last {display:inline-block; padding:5px; margin:0 3px 3px; border:0 none; background:#ececec; color:#fff; text-decoration:none; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; height:34px; width:34px; line-height:34px; font-size:16px; -moz-transition:all 300ms; -webkit-transition:all 300ms; transition:all 300ms; text-align:center;} .wp-pagenavi a.first, .wp-pagenavi a.last {font-size:12px;} .pagi ul.page-numbers .page-numbers.current, .wp-pagenavi span.current {color:#fff; background:#ac4a8c;} .pagi ul.page-numbers a.page-numbers:hover, .wp-pagenavi a.page:hover, .wp-pagenavi a.nextpostslink:hover, .wp-pagenavi a.previouspostslink:hover, .wp-pagenavi a.first:hover, .wp-pagenavi a.last:hover {background:#b4b4b4; color:#fff;} .pagi ul.page-numbers a.next, .pagi ul.page-numbers a.prev, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.last, .wp-pagenavi a.first { background:#e6e6e6;} .pagi .inext {float:right;} .pagi .iprev {float:left;} .pagi .inext a, .pagi .iprev a {display:inline-block; padding:7px 15px 8px; background-color:#e6e6e6; color:#000; margin:0 0 5px; text-decoration:none; font-weight:700; font-size:15px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -moz-transition:all 300ms; -webkit-transition:all 300ms; transition:all 300ms;} .pagi .inext a:hover, .pagi .iprev a:hover {background-color:#ffffff; color:#000;} .gform_wrapper .top_label li {background:none; padding-left:0; margin-top:0 !important; margin-bottom:15px !important;} .gform_wrapper .hidden_label .gfield_label {display:none !important;} .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper select {margin-top:0 !important;} .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper select, .gform_wrapper textarea {padding:24px 25px 25px !important; font-family: 'Museo', sans-serif !important; font-size: 14px !important; border-radius: 5px !important;} .gform_wrapper ul li.field_description_below div.ginput_container_checkbox , .gform_wrapper .top_label li ul.gfield_checkbox {margin-top:0 !important;} .gform_wrapper .top_label div.ginput_container {margin-top:0 !important;} .icontent .gform_wrapper .gfield_captcha_container img.gfield_captcha {border:1px solid #bdbdbd !important; display:inline-block; border-radius: 5px !important; padding:15px 10px !important; margin-right:15px !important;} .gform_wrapper .gfield_captcha_input_container {display:inline-block; vertical-align:top; padding-top:0 !important;} .gform_wrapper ul.gfield_checkbox li {margin-bottom:10px !important;} .gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {margin-top:3px !important;} .style-slide, .quote-slides {display:none;} @media (min-width: 1800px){ .offer {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);} } @media (min-width: 1600px){ .inav ul li a {padding:14px 18px 16px; font-size:14px;} .inav ul ul li a, .inav ul.menu ul li a, .inav div.menu ul ul li a {font-size:16px;} .inav .megamenu > ul.sub-menu, .inav .megamenu > ul.sub-menu > li > ul.sub-menu { width:815px;} .header-sticky .inav ul li a {font-size:15px; padding:20px 12px;} .wgs-side-woo .wg-title {font-size:22px;} .wgs-side-woo .wg-title:after, .wgs-side-woo .wg-title:before {width:46px;} .iblog.right-sidebar .content-indent, .single-page.right-sidebar .content-indent, .iteam-single.right-sidebar .content-indent, .itreats.right-sidebar .content-indent { padding-right:90px;} .section-cta.section-regular .main .cta-wrap, .section-cta.call-action .main .cta-wrap {padding:0 15px;} .section-cta.section-regular .wrap-regular .cta-wrap, .section-cta.call-action .wrap-regular .cta-wrap {padding:0;} .icontent {font-size:16px; line-height:24px;} .iblog .ep.eloop {min-height:365px;} .iquote {font-size:16px; line-height:24px; margin-bottom:35px;} .ifeatured {padding:60px 0 55px; font-size:16px; line-height:24px;} .wgs-footer {font-size:14px; line-height:21px;} .wgs-footer-a .textwidget {padding-right:60px;} .iteam .name {font-size:22px; line-height:28px;} .iteam .name+.position {margin-top:-6px;} .iteam .position {font-size:18px; line-height:20px;} .iteam.ui-over .over .name, .iteam.ui-over .over .position {font-size:20px; line-height:24px} .owl-nav .owl-next {right:-80px;} .owl-nav .owl-prev {left:-80px;} .slider-boxed .flex-direction-nav a.flex-next {right:-80px;} .slider-boxed .flex-direction-nav a.flex-prev {left:-80px;} .slider-boxed .ov.ps-lx .cpn {margin-left:60px;} .slider-boxed .ov.ps-rx .cpn {margin-right:60px;} .ibanner .page-title .cpn, .ibanner .breadcumb {padding:0 15px;} .iteam.ui-slide-desc .slide-desc .desc-indent {padding:30px 50px;} .ibox-box .content { margin-top:15px; margin-bottom:15px;} .bottom-a .logo-lists .ilogo .logo-thumb img {max-height:inherit;} } @media (max-width: 1600px){ .service-lists .entry p {height:55px;} } @media (max-width: 1280px){ .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-email, .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-textarea {} .top-nav ul li a {font-size:14px; padding:3px 15px 2px;} .ifeatured {padding:30px 0 10px; font-size:14px; line-height:21px;} .iblog.right-sidebar .content-indent, .single-page.right-sidebar .content-indent, .iteam-single.right-sidebar .content-indent, .itreats.right-sidebar .content-indent { padding-right:20px;} .iboxs .over i, .irecent-posts .over i, .etreat .over i.icon-link {height:44px; width:44px; line-height:46px; margin:-24px 0 0 -24px; font-size:18px;} .related-service .item .heading {font-size:20px; line-height:22px;} .icontent h1, .icontent h2 {font-size:24px; line-height:30px;} .icontent h3 {font-size:20px; line-height:24px;} .icontent h4 {font-size:18px; line-height:24px;} .icontent h5 {font-size:16px; line-height:24px;} .heading.heading-block.heading-style1, .bottom .wg-title {font-size:24px; line-height:30px;} .heading.heading-style1::after, .heading.heading-style1::before {width:185px;} .heading.heading-small::after, .heading.heading-small::before, .bottom-b .wg-title::after, .bottom-b .wg-title::before {width:65px;} img.size-100m {max-width:100px;} img.size-150m {max-width:150px;} img.size-200m {max-width:200px;} img.size-250m {max-width:250px;} img.size-300m {max-width:300px;} img.size-50m {max-width:50px;} img.size-75m {max-width:50px;} .wgs-footer {font-size:12px; line-height:18px;} .footer .footer-logo {padding:15px 0 20px;} .wgs-footer h3, .wgs-footer h4, .wgs-footer .wg-title {font-size:14px; line-height:18px; padding-bottom:10px;} .slider-boxed .flex-direction-nav a.flex-next {right:-40px;} .slider-boxed .flex-direction-nav a.flex-prev {left:-40px;} .ibanner .ebanner, .ibanner.only-title {height:135px;} .ibanner .ov.ps-rx .cpn, .ibanner .ov.ps-lx .cpn {width:420px;} .ibanner .cpn {font-size:22px; line-height:28px;} .ibanner .cpn img {max-width:85px;} .ibanner .page-title .title {font-size:24px; line-height:28px;} .ibanner .page-title .sub-title {font-size:15px; line-height:20px;} .section-cta {padding:25px 0;} .bottom .bottom-a {padding:20px 0 15px;} .container-section.dir-up {padding-top:45px;} .container-section.dir-down {padding-bottom:45px;} .bottom .wg-title {margin-bottom:18px;} .bottom .wpcf7 .wpcf7-text, .bottom .wpcf7 .wpcf7-email, .bottom .wpcf7 .wpcf7-select, .bottom .wpcf7 .wpcf7-textarea {height:44px;padding:9px 18px; font-size:14px; line-height:24px;} .bottom .wpcf7 .wpcf7-submit {height:44px; padding:6px 12px; font-size:16px; line-height:24px;} .wgs-side-woo ul li, .wgs-side-woo.widget_product_categories ul li a {padding:10px 0 11px 20px;} .site-logo {max-width:340px;} .socials {margin-bottom:8px;} .header .top-wgs h2 {font-size:15px; padding-bottom:5px;} .header .top-wgs h2 span {font-size:20px;} .header .site-header {background-size:145px auto;} .site-banner.has-slider::after {background-size:3000px auto;} .footer {background-size:36px auto;} .footer .footer-logo img {max-width:300px; height:auto; width:100%;} .top-nav ul li a.basket {background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/icon-cart2x.png); background-size:11px auto;} .flex-direction-nav a.flex-next, .flex-direction-nav a.flex-prev {background-size:11px auto;} .owl-nav .owl-prev {background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/prev-w2x.png); background-size:14px auto; left:-25px;} .owl-nav .owl-next {background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/next-w2x.png); background-size:14px auto; right:-25px;} .section-cta {background-size:auto 115px;} .bottom .bottom-a {background-size:190px auto; background-position:50% 12px;} .container-section.dir-up:after, .container-section.dir-down:after {margin-left:-74px; width:145px; height:19px; background-size:145px auto;} .iparallax .parallax-overlay.overlay-style1::after, .iparallax .parallax-overlay.overlay-style2::after {background-size:auto 140px; margin-top:-70px; width:19px;} .wgs-side ul li.icon-menu a{background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/icon-menu2x.png);} .wgs-side ul li.icon-offer a {background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/icon-offer2x.png);} .wgs-side ul li.icon-book a {background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/icon-book2x.png);} .icon-drop {bottom:15px;} .icon-drop a {background-size:45px auto; width:45px; height:45px;} .offer {-webkit-transform:scale(.5); -moz-transform:scale(.5); transform:scale(.5);} .bottom-a .logo-lists .ilogo {margin:0 10px 10px;} .bottom-a .logo-lists .ilogo .logo-thumb img {max-height:65px;} .service-lists .heading {height:35px;} .service-lists .entry p {height:75px;} } @media (max-width:1360px) and (min-width:1281px) { .top-block {margin-right:45px;} } @media (max-width:1024px) { .header .site-header {padding:15px 0 0;} .socials {margin-bottom:5px;} .header .top-wgs h2 {padding-bottom:5px;} .iteam.ui-slide-desc .slide-desc {font-size:12px; line-height:17px;} } @media (max-width:979px) { .menu-toggle {position:relative; display:block; font-size:28px; padding:8px 10px 6px; transition:all 300ms; -webkit-transition:all 300ms; -moz-transition:all 300ms; z-index:9; height:42px; width:100%; text-align:right; float:left; cursor:pointer; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#333; padding-right:40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .menu-toggle span {font-size:18px; vertical-align:top; float:left;} .menu-toggle .fa { vertical-align:middle;} .menu-toggle .fa-close, .menu-toggle.show .fa-bars {display:none;} .menu-toggle.show .fa-close {display:block;} .header .inav {margin-top:0; min-width:300px;} .header .inav .main {position:relative; max-width:100%;} .admin-bar .header .inav {background:#f4f4f4;} .inav ul.menu {clear:both; border:0 none; position:absolute; top:40px; right:0; z-index:9999; padding:0; background:#222; display:none; transition:right 300ms; -moz-transition:right 300ms; -webkit-transition:right 300ms;} .inav ul.menu li {float:left; margin:0; padding:0; width:100%; background:none; border-bottom:0; border-left:0;} .inav ul.menu > li {border-bottom:1px solid #333;} .inav ul.menu li a {display:block; color:#fff !important; border:0 none !important; background:none !important; padding:8px 12px 9px; line-height:22px; font-size:16px; text-align:center; font-weight:500;} .inav ul.menu li li a {color:#fff !important;} .inav ul.menu li a br {display:none !important;} .inav ul.menu li a:hover, .inav ul.menu li ul a:hover, .inav ul.menu li.sfHover > a, .inav ul.sub-menu > li.current_page_item > a, .inav ul.sub-menu > li.current-page-ancestor > a,.inav ul.sub-menu > li.current-page-parent > a{color:#fff !important;background:#333 !important;} .inav ul ul, .inav ul.menu ul, .inav div.menu ul ul {padding:10px 0;} .inav ul.menu ul {width:100%;position:static; visibility:visible !important; display:none !important;background:#3a3a3a; border:0; margin:0;} .inav ul.menu li:hover ul, .inav ul.menu li.sfHover ul {display:block !important;} .inav ul.menu ul li {border-top:0; border-left:0; border-right:0; border-bottom:0 none; width:100%;} .inav ul.menu ul li a {padding:9px 10px 10px !important; font-size:15px; text-align:center;} .inav ul li.sfHover ul, .inav ul li:hover ul, .inav ul li.sfHover li.sfHover ul {top:inherit; left:inherit; margin-top:auto;} .inav .megamenu > ul.sub-menu > li {width:100% !important;} .inav .megamenu > ul.sub-menu, .inav .megamenu > ul.sub-menu > li > ul.sub-menu {width:100% !important; border-right:0 !important;} .inav .megamenu > ul.sub-menu > li > ul.sub-menu > li {width:50% !important;} .inav .megamenu > ul.sub-menu {margin-left:0 !important; padding:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border:0 none;} .inav .megamenu ul.sub-menu {opacity:1 !important;} .inav .megamenu ul.sub-menu ul.sub-menu li a {padding:6px 10px 7px !important;} .inav .megamenu > ul.sub-menu, .inav .megamenu > ul.sub-menu > li > ul.sub-menu {background:#3a3a3a;} .inav .megamenu > ul.sub-menu li.current-page-parent ul, .inav .megamenu > ul.sub-menu li.current-menu-ancestor ul, .inav .megamenu > ul.sub-menu li.current-menu-parent ul, .inav .megamenu > ul.sub-menu li.sfHover ul, .inav .megamenu > ul.sub-menu > li.current-page-parent > a, .inav .megamenu > ul.sub-menu li.current-menu-ancestor > a, .inav .megamenu > ul.sub-menu li.current-menu-parent > a, .inav .megamenu > ul.sub-menu li.sfHover > a {background:#333;} } @media (min-width: 980px) { .inav ul.menu {display: block !important;} } @media (max-width:979px) { .container-section, .iblog.iblog-page {padding:30px 0px;} .container-section.iparallax-style1 {padding:35px 0 20px;} .section-cta, .call-action .cta-wrap {padding:15px 0;} .bottom .bottom-b {padding-top:25px;} .icontent, .ifeatured {font-size:14px; line-height:21px;} .icontent h1.heading, .icontent h2.heading, .icontent h3.heading , .icontent h1, .icontent h2 {font-size:24px;line-height:28px;padding-bottom:12px;} .icontent h3, .wgs-side h3 {font-size:18px; line-height:24px; padding-bottom:12px;} .icontent h4, .icontent h5 {font-size:16px; line-height:24px;} .icontent .gap-size-30, .icontent .gap-size-large {height:20px;} .heading.heading-block.heading-style1, .bottom .wg-title {font-size:18px; line-height:24px;} .heading.heading-style1::after, .heading.heading-style1::before {width:100px;} .heading.heading-small::after, .heading.heading-small::before, .bottom-b .wg-title::after, .bottom-b .wg-title::before {width:45px;} .call-action {text-align:center;} .call-action .cta-text {display:block; margin-bottom:10px; text-align:center;} .call-action .cta-action {margin-left:0; float:none; margin-bottom:8px;} .call-action h3, .call-action h4, .call-action h2, .call-action h1 {padding-top:0;} .call-action a.button {font-size:18px; line-height:24px; padding:7px 30px 8px} .iblog.right-sidebar .content-indent, .single-page.right-sidebar .content-indent, .iteam-single.right-sidebar .content-indent, .itreats.right-sidebar .content-indent {padding-right:0;} .iblog .ep.eloop .thumbs + .summary, .etreat.eloop .thumbs + .summary {float:left; width:100%; margin-top:8px;} .iblog .ep h1.heading, .iblog .ep h2.heading, .iblog .ep .heading {font-size:18px; line-height:22px;} .iblog .ep.esingle .post-title .heading {font-size:22px; line-height:28px;} a.button, a.btn {padding:6px 15px 7px; font-size:14px;} .quote-lists.quote-slides {margin:20px 0 5px;} .related-service .item .heading, .etreat.eloop h1.heading, .eservice.eloop h2.heading, .eservice.eloop h3.heading {font-size:18px; line-height:22px;} .header.header-sticky {display:none;} .header.masthead {position:relative; z-index:99;} .header .site-banner.has-slider:before {z-index:1;} .header .top-wgs a.button {font-size:14px; line-height:20px; padding:4px 12px 5px;} .search-toggle {top:5px; right:0; bottom:auto;} .header .esearch {top:40px;} .topbar {padding:7px 0 6px;} .topbar .main {max-width:100%; width:100%;} .topbar .socials, .topbar .top-nav {position:relative; z-index:5;} .topbar .socials {margin-left:48px;} .topbar .top-nav {margin-right:52px;} .topbar .socials .link {height:32px; width:32px; line-height:32px; font-size:20px;} .top-nav ul li a{font-size:11px; padding:3px 8px 2px;} .top-container {padding-bottom:10px;} .bottom .vtour {padding-top:55%;} .slider-boxed .flexslider {overflow:hidden;} .slider-boxed .flex-direction-nav a.flex-next {right:0;} .slider-boxed .flex-direction-nav a.flex-prev {left:0;} .ibanner .ov.ps-vt {top:35px;} .ibanner .ov.ps-vb {bottom:45px;} .ibanner .ov.ps-rx .cpn, .ibanner .ov.ps-lx .cpn {width:320px;} .ibanner .cpn {font-size:16px; line-height:20px;} .ibanner .cpn h1, .ibanner .cpn h2, .ibanner .cpn h3, .ibanner .cpn h4 {padding-bottom:8px;} .ibanner .cpn .cta {margin:4px 0 6px;} .ibanner .cpn a.button {font-size:14px; padding:7px 20px 8px;} .ec-vm.column {height:auto;} .iparallax-style1 .column, .iparallax-style2 .column {width:100%;} .section-grey.iparallax {color:#000;} .iparallax-style1 .column.last .content, .iparallax-style2 .column.first .content, .iparallax-style1 .column.first .content, .iparallax-style2 .column.last .content {padding:0;} .iparallax .parallax-overlay.overlay-style1, .iparallax .parallax-overlay.overlay-style2 {left:0; right:0; opacity:.2;} .iparallax .parallax-overlay.overlay-style1::after, .iparallax .parallax-overlay.overlay-style2::after {display:none;} .wgs-footer-a .textwidget {padding-left:0;} .bottom-a .logo-lists .ilogo .logo-thumb img {max-height:55px;} .service-lists .entry p {height:70px;} } @media (min-width: 980px) and (max-width:1279px) { .search-toggle {top:15px;} .header .esearch {top:54px;} .inav ul li a { font-size:12px; padding:18px 8px 10px; text-transform:capitalize;} .inav ul ul li a, .inav ul.menu ul li a, .inav div.menu ul ul li a {font-size:12px;} .header-sticky .site-logo {width:70px;} .header-sticky .inav ul li a {font-size:11px; padding:12px 7px;} .wgs-side-woo .wg-title {font-size:18px; line-height:22px;} .wgs-side-woo .wg-title:after, .wgs-side-woo .wg-title:before {display:none;} .iblog .ep.eloop .thumbs, .eservice.eloop .thumbs {width:255px;} .iblog .ep .post-meta {margin-top:0;} .iblog .ep h1.heading, .iblog .ep h2.heading, .iblog .ep .heading, .wgs-side h3 {font-size:20px; line-height:24px;} .iblog .ep.eloop {min-height:420px;} .iblog .ep.eloop .heading {height:42px; margin-bottom:10px; overflow:hidden;} .irecent-posts .title {font-size:18px; line-height:24px;} .irecent-posts .date {font-size:14px;} .irecent-posts .col-x4 .title {font-size:16px; line-height:20px;} .sc-recent-post .irecent-posts .items {margin-top:10px; margin-bottom:10px;} .ec-vm.column {height:625px;} .wgs-side.widget-ibox .wg-title {font-size:14px; line-height:20px;} .iteam.ui-slide-desc .slide-desc .desc-indent {padding:10px;} .icontent ul.col2 li:nth-child(odd), .icontent ul.col2 li:nth-child(even) {width:100%;} } @media (min-width: 768px) and (max-width: 979px) { .top-nav ul li a {font-size:12px; padding:3px 10px 2px;} .iblog.right-sidebar .content-indent, .single-page.right-sidebar .content-indent {padding-right:20px;} .iblog .ep.eloop .thumbs, .eservice.eloop .thumbs {width:100%; text-align:left; margin-right:0;} .iblog .ep.eloop .thumbs img {margin:0;} .eservice.eloop .thumbs img {width:100%;} .irecent-posts .title, .irecent-posts .col-x4 .title {font-size:16px; line-height:20px;} .sc-recent-post .irecent-posts .items {margin-top:5px; margin-bottom:15px;} .iblog .ep.eloop.grid4 {min-height:auto !important; width:100%; box-sizing:border-box;} .wgs-side-blog ul li {font-size:14px; line-height:18px;} .wgs-side.widget-ibox .wg-title {font-size:14px; line-height:20px;} .wgs-side-woo .wg-title:after, .wgs-side-woo .wg-title:before {display:none;} .wgs-side-woo ul li {font-size:13px; line-height:21px; background-position:0 10px;} .wgs-side-woo ul li, .wgs-side-woo.widget_product_categories ul li a {padding:6px 0 7px 15px;} .footer .footer-wgs {padding:35px 0 0;} .iteam.ui-slide-desc .slide-desc .desc-indent {padding:10px;} .icontent ul.col2 li:nth-child(odd), .icontent ul.col2 li:nth-child(even) {width:100%;} .section-skincare-intro {background-position:100% 100% !important; background-size:350px auto !important;} } @media (max-width: 767px) { body {min-width:320px;} .column {margin-bottom:0;} .column:last-child, .column.last {margin-bottom:0;} .sidebar {margin-top:25px;} .column.ec-gap .content {padding:0;} .site-logo {margin:0 auto 5px; margin-top:45px;} .top-container {text-align:center;} .top-block {margin-right:0;} .socials {margin-bottom:5px; position:absolute; top:0; left:0; right:0;} .header .site-banner.has-slider {padding:0;} .iblog .ep.eloop.grid4 {min-height:auto !important; width:100%; box-sizing:border-box;} .iblog .ep.eloop, .eservice.eloop {text-align:center;} .iblog .ep.eloop .thumbs, .eservice.eloop .thumbs {float:none; margin:0 auto; width:100%; max-width:440px;} .iblog .wgs-side-blog {max-width:440px; margin:0 auto 25px;} .irecent-posts .items {max-width:440px; margin:0 auto 30px !important; float:none;} .irecent-posts .thumbs {margin-bottom:10px;} .irecent-posts .title {font-size:17px; line-height:24px;} .iteam .links a {margin:0 1px; height:30px; width:30px; line-height:32px; font-size:16px;} .iteam .over i.icon-link {height:50px; width:50px; line-height:50px;} .iteam:hover .links.links-over {bottom:20px;} .wgs-side.widget_nav_menu ul.menu {margin-top:-7px; padding-bottom:10px; border-bottom:1px solid #ddd;} .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-email, .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-textarea {width:100%;} .wpcf7 p > strong {width:auto; padding-bottom:5px;} .ibanner .thumbs {width:120%; margin-left:-10%;} .ibanner .cpn {font-size:14px; line-height:17px;} .ibanner .ov.ps-rx .cpn, .ibanner .ov.ps-lx .cpn {width:280px;} .slider-boxed .ov.ps-rx .cpn {margin-right:45px;} .ibanner .ov.ps-lx .cpn {margin-left:45px;} .call-action h3, .call-action h4, .call-action h2, .call-action h1 {text-align:center; padding:0 5% 10px !important; font-size:18px !important; line-height:24px !important;} .bottom div.wpcf7 {max-width:520px; margin:0 auto;} .bottom .widget_products .product_list_widget li.product-w {width:50%;} .ifeatured .wgs {width:50%;} .ifeatured .wgs .iboxs {padding:0 10px;} .wgs-side-woo .wg-title {margin-bottom:12px;} .wgs-side.widget-ibox .iboxs .thumbs {max-width:340px; margin:0 auto 10px;} .footer .copyright {text-align:center;} .wgs-footer {font-size:13px; line-height:20px;} .footer .copyright .social-footer { float:none; max-width:100%; margin-bottom:10px; position:static;} .footer .copyright .social-footer img {max-width:180px;} .footer .copyright .siteby {display:block;} .footer .footer-wgs {padding:35px 0 10px;} .ec-bg-green {background:#a8cf45;} .ec-bg-purple {background:#a8518a;} .ec-bg-blue {background:#00acef;} .section-parallax-style1 .parallax-overlay {display:none;} .section-parallax-style1.iparallax, .section-block-three, .section-block-two {padding:0 !important;} .section-parallax-style1.iparallax .column.one-half:first-child {background:#a8518a;} .section-parallax-style1.iparallax .column, .section-block-three .column, .section-block-two .column {padding-bottom:0;} .section-parallax-style1.iparallax .column .content, .section-block-three .column .content, .section-block-two .column .content, .section-parallax-style1.iparallax .content .inner-content {padding:25px 15px 28px; box-sizing:border-box;} .section-parallax-style1.iparallax .column .content *:last-child, .section-block-three .column .content *:last-child, .section-block-two .column .content *:last-child {padding-bottom:0; margin-bottom:0;} .section-parallax-style1.iparallax .column .content *:first-child, .section-block-three .column .content *:first-child, .section-block-two .column .content *:first-child {padding-top:0; margin-top:0;} .eservice {margin:0 auto 10px !important; max-width:320px; float:none;} .wgs-footer-b {padding-top:0;} .icon-drop {display:none;} .itechnology .zoom-thumbs::after, .zoom-thumbs::after, .zoomContainer {display:none !important;} .bottom-a .logo-lists .ilogo {margin:0 5px 5px;} .bottom-a .logo-lists .ilogo .logo-thumb img {max-height:50px;} .itechnology .item {max-width:350px; margin: 0 auto 15px !important; float: none;} .section-skincare-intro {background:none !important;} .service .service-block {float:left; width:100%;} } @media (max-width:599px) { .ibanner .ebanner, .ibanner.only-title {height:100px;} .ibanner .ov.ps-rx .cpn, .ibanner .ov.ps-lx .cpn {width:220px;} .ibanner .cpn {font-size:11px; line-height:15px;} .ibanner .cpn img {max-width:65px; margin:0 0 4px;} .ibanner .cpn h1, .ibanner .cpn h2, .ibanner .cpn h3, .ibanner .cpn h4 {font-size:1.3em; line-height:1em;} .ibanner .cpn a.button {font-size:12px; line-height:18px; padding:5px 15px 6px;} .ibanner .page-title .title {font-size:16px; line-height:18px;} .ibanner .page-title .title+.sub-title {margin-top:5px;} .ibanner .page-title .sub-title {font-size:12px; line-height:15px;} .footer-a, .footer-b, .footer-c, .footer-d {width:100%;} .wgs-footer-a .textwidget {padding-left:0;} .wgs-footer-b .textwidget {padding-right:5%;}.wgs-footer-c ul {width:100%;} .top-nav ul li {display:none;} .top-nav ul li.basket-link, .top-nav ul li:last-child {display:block;} .header .esearch {left:0; width:auto;} .heading.heading-style1::after, .heading.heading-style1::before, .bottom-b .wg-title::after, .bottom-b .wg-title::before {display:none;} .wgs-side-woo .wg-title {font-size:18px;} .wgs-side-woo .wg-title:after, .wgs-side-woo .wg-title:before {width:42px;} .quote-lists.quote-slides {margin:15px 0 5px;} .iquote.item .block {padding:0;} .owl-nav .owl-next {right:0;} .owl-nav .owl-prev {left:0;} .section-parallax-style1 .parallax-overlay {width:100%; height:50%;} .offer {transform: scale(0.4); -moz-transform: scale(0.4); -webkit-transform: scale(0.4);} .ec-col-gap-left .content {padding-left:0;} .ec-col-gap-right .content {padding-right:0;} .econtent {max-width:100% !important;} .ibanner.banner-static.banner-single .bn-single-post {display:none;} .inav.primary-nav {background:#f7f7f7;} } @media (max-width:480px) { img.alignright, img.alignleft, img.alignnone, img.alignalone, img.aligncenter {float:none; margin:5px auto 10px; display:block;} img.no-resize {max-width:100%; width:auto; height:auto;} img.border {box-sizing:border-box;} } @media (max-width:479px) { .ibanner .ov.ps-vt {top:15px;} .ibanner .ov.ps-lx .cpn, .ibanner .ov.ps-rx .cpn, .ibanner .ov.ps-cx .cpn {width:100%; padding:10px 15px 8px; box-sizing:border-box; margin-left:auto !important; margin-right:auto !important;} .ibanner .cpn img {display:none;} .eservice .cta-half, .related-service .item {width:100%; padding:0 !important;} } @media (max-width:379px) { .icontent h1.heading, .icontent h2.heading, .icontent h3.heading, .icontent h1, .icontent h2 {font-size:18px; line-height:22px;} .icontent h3, .wgs-side h3, .icontent h4, .icontent h5 {font-size:16px; line-height:20px;} .top-nav ul li:last-child {display:none;} .ifeatured .wgs .iboxs {padding:0;} .ifeatured .wgs {width:100%; max-width:340px; float:none; margin:0 auto 25px;} .bottom .widget_products .product_list_widget li.product-w {width:100%;} .icontent h3, .wgs-side h3, .heading.heading-block.heading-style1, .bottom .wg-title {font-size:14px; letter-spacing:-0.02em; padding:13px 10px 14px;} .section-block-two h3 {padding-top:0;} .bottom .jr-insta-slider .wg-title {font-size:22px; line-height:26px;} .bottom .jr-insta-thumb ul.thumbnails.jr_col_3 li, .bottom .jr-insta-thumb ul.thumbnails.jr_col_6 li {width:33.33% !important;} .iteam .entry, .iteam .info {margin-top:10px;} .iteam .links {margin-top:12px;} .iteam .name {font-size:20px; line-height:26px;} .iteam .position {font-size:18px; line-height:21px;} .iteam .links a {margin:0 2px; height:36px; width:36px; line-height:36px; font-size:18px;} .eservice .entry-more a {display:block;} .service-lists .heading, .service-lists .entry p {height:auto; margin-bottom:0;} }@font-face{font-family:'FontAwesome';src:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/css/fonts/fontawesome-webfont.eot?v=4.5.0);src:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/css/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'),url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/css/fonts/fontawesome-webfont.woff2?v=4.5.0) format('woff2'),url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/css/fonts/fontawesome-webfont.woff?v=4.5.0) format('woff'),url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/css/fonts/fontawesome-webfont.ttf?v=4.5.0) format('truetype'),url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/css/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align: baseline;}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @keyframes slideDown { 0% { transform: translateY(-100%);} 50%{ transform: translateY(8%);} 65%{ transform: translateY(-4%);} 80%{ transform: translateY(4%);} 95%{ transform: translateY(-2%);} 100% { transform: translateY(0%);} } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%);} 50%{ -webkit-transform: translateY(8%);} 65%{ -webkit-transform: translateY(-4%);} 80%{ -webkit-transform: translateY(4%);} 95%{ -webkit-transform: translateY(-2%);} 100% { -webkit-transform: translateY(0%);} } .slideDown{ animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideUp { 0% { transform: translateY(100%);} 50%{ transform: translateY(-8%);} 65%{ transform: translateY(4%);} 80%{ transform: translateY(-4%);} 95%{ transform: translateY(2%);} 100% { transform: translateY(0%);} } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%);} 50%{ -webkit-transform: translateY(-8%);} 65%{ -webkit-transform: translateY(4%);} 80%{ -webkit-transform: translateY(-4%);} 95%{ -webkit-transform: translateY(2%);} 100% { -webkit-transform: translateY(0%);} } .slideUp{ animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideLeft { 0% { transform: translateX(150%);} 50%{ transform: translateX(-8%);} 65%{ transform: translateX(4%);} 80%{ transform: translateX(-4%);} 95%{ transform: translateX(2%);} 100% { transform: translateX(0%);} } @-webkit-keyframes slideLeft { 0% { -webkit-transform: translateX(150%);} 50%{ -webkit-transform: translateX(-8%);} 65%{ -webkit-transform: translateX(4%);} 80%{ -webkit-transform: translateX(-4%);} 95%{ -webkit-transform: translateX(2%);} 100% { -webkit-transform: translateX(0%);} } .slideLeft{ animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideRight { 0% { transform: translateX(-150%);} 50%{ transform: translateX(8%);} 65%{ transform: translateX(-4%);} 80%{ transform: translateX(4%);} 95%{ transform: translateX(-2%);} 100% { transform: translateX(0%);} } @-webkit-keyframes slideRight { 0% { -webkit-transform: translateX(-150%);} 50%{ -webkit-transform: translateX(8%);} 65%{ -webkit-transform: translateX(-4%);} 80%{ -webkit-transform: translateX(4%);} 95%{ -webkit-transform: translateX(-2%);} 100% { -webkit-transform: translateX(0%);} } .slideRight{ animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); -ms-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); -ms-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); -ms-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); -ms-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); -ms-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); -ms-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); -ms-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); -ms-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); -ms-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); -ms-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; -ms-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); -ms-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); -ms-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); -ms-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); -ms-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); -ms-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); -ms-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); -ms-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); -ms-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); -ms-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); -ms-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); -ms-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); -ms-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); -ms-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); -ms-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); -ms-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); -ms-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); -ms-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0, 0, 1, 45deg); transform: rotate(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0, 0, 1, 45deg); -ms-transform: rotate(0, 0, 1, 45deg); transform: rotate(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); -ms-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); -ms-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); -ms-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); -ms-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); -ms-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); -ms-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }.mCSB_container{ width:auto; margin-right:30px; overflow:hidden; } .mCSB_container.mCS_no_scrollbar{ margin-right:0; } .mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{ margin-right:30px; } .mCustomScrollBox>.mCSB_scrollTools{ width:16px; height:100%; top:0; right:0; } .mCSB_scrollTools .mCSB_draggerContainer{ position:absolute; top:0; left:0; bottom:0; right:0; height:auto; } .mCSB_scrollTools a+.mCSB_draggerContainer{ margin:20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width:4px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .mCSB_scrollTools .mCSB_dragger{ cursor:pointer; width:100%; height:30px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:6px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display:block; position:relative; height:20px; overflow:hidden; margin:0 auto; cursor:pointer; } .mCSB_scrollTools .mCSB_buttonDown{ top:100%; margin-top:-40px; } .mCSB_horizontal>.mCSB_container{ height:auto; margin-right:0; margin-bottom:30px; overflow:hidden; } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{ margin-bottom:0; } .mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{ margin-right:0; margin-bottom:30px; } .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{ width:100%; height:16px; top:auto; right:auto; bottom:0; left:0; overflow:hidden; } .mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{ margin:0 20px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:2px; margin:7px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{ width:30px; height:100%; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{ display:block; position:relative; width:20px; height:100%; overflow:hidden; margin:0 auto; cursor:pointer; float:left; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{ margin-left:-40px; float:right; } .mCustomScrollBox{ -ms-touch-action:none; } .mCustomScrollBox>.mCSB_scrollTools{ opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; } .mCustomScrollBox:hover>.mCSB_scrollTools{ opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background:#cdcdcd; background:rgba(205,205,205,0.5); filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#ccced8; background:rgba(204,206,216,0.85); filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(204,206,216,0.95); filter:"alpha(opacity=95)"; -ms-filter:"alpha(opacity=95)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(204,206,216,1); filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image:url(//www.theglobalbeautygroup.com.au/wp-content/themes/scglobal/images/mCSB_buttons.png); background-repeat:no-repeat; opacity:0.4; filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position:0 0; } .mCSB_scrollTools .mCSB_buttonDown{ background-position:0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft{ background-position:0 -40px; } .mCSB_scrollTools .mCSB_buttonRight{ background-position:0 -56px; } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity:0.9; filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; } .mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{ background:#000; background:rgba(0,0,0,0.15); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#000; background:rgba(0,0,0,0.75); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-80px 0; } .mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-80px -20px; } .mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-80px -40px; } .mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-80px -56px; } .mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#fff; background:rgba(255,255,255,0.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px; background:#fff; background:rgba(255,255,255,0.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; } .mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(255,255,255,0.85); } .mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(255,255,255,0.9); } .mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-32px 0; } .mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-32px -20px; } .mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-40px -40px; } .mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-40px -56px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#000; background:rgba(0,0,0,0.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px; background:#000; background:rgba(0,0,0,0.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-112px 0; } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-112px -20px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-120px -40px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-120px -56px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#fff; background:rgba(255,255,255,0.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:6px; background:#fff; background:rgba(255,255,255,0.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:6px; margin:5px auto; } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(255,255,255,0.85); } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(255,255,255,0.9); } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-16px 0; } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-16px -20px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-20px -40px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-20px -56px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#000; background:rgba(0,0,0,0.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:6px; background:#000; background:rgba(0,0,0,0.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:6px; margin:5px auto; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-96px 0; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-96px -20px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-100px -40px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-100px -56px; } .mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{ background:#fff; background:rgba(255,255,255,0.1); } .mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:2px; } .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; } .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:2px; margin:7px auto; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{ background:#000; background:rgba(0,0,0,0.15); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:2px; background:#000; background:rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; } .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:2px; margin:7px auto; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-80px 0; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-80px -20px; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-80px -40px; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-80px -56px; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;} .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y;} .owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {cursor: pointer;cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel.owl-loaded {display: block;} .owl-carousel.owl-loading {opacity: 0; display: block;} .no-js .owl-carousel {display: block;} .owl-carousel.owl-hidden { opacity: 0;} .owl-carousel .owl-refresh .owl-item {display: none;} .owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel .owl-item img {display: block; -webkit-transform-style: preserve-3d; margin:0 auto;} .owl-carousel.owl-text-select-on .owl-item {-webkit-user-select: auto; -moz-user-select: auto;-ms-user-select: auto; user-select: auto;} .owl-carousel .owl-grab {cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab;} .owl-carousel.owl-rtl { direction: rtl;} .owl-carousel.owl-rtl .owl-item { float: right;} .owl-height {-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;}.entry-content .addthis_button,.entry-content .addthis_toolbox,.entry-header .addthis_button,.entry-header .addthis_toolbox{margin:10px 0}.addthis_button_tweet{min-width:83px;float:left}.atwidget iframe{max-width:none}a.at-share-btn,a.at-share-btn:hover,div.addthis_native_toolbox a,div.addthis_native_toolbox a:hover,div.addthis_tool a,div.addthis_tool a:hover,div.addthis_toolbox a,div.addthis_toolbox a:hover{border:0;box-shadow:none;-webkit-box-shadow:none}div.addthis_toolbox br{display:none}