@font-face { font-family: open-sans;font-style: normal;font-weight: 100;src: url( "../fonts/open-sans/open-sans-light.ttf" ), url( "../fonts/open-sans/open-sans-light.eot" ) format( 'truetype' ); } @font-face { font-family: open-sans;font-style: normal;font-weight: 400;src: url( "../fonts/open-sans/open-sans.ttf" ), url( "../fonts/open-sans/open-sans.eot" ) format( 'truetype' ); } @font-face { font-family: open-sans;font-style: normal;font-weight: 700;src: url( "../fonts/open-sans/open-sans-bold.ttf" ), url( "../fonts/open-sans/open-sans-bold.eot" ) format( 'truetype' ); } @font-face { font-family: open-sans;font-style: italic;font-weight: 100;src: url( "../fonts/open-sans/open-sans-light-italic.ttf" ), url( "../fonts/open-sans/open-sans-light-italic.eot" ) format( 'truetype' ); } @font-face { font-family: open-sans;font-style: italic;font-weight: 400;src: url( "../fonts/open-sans/open-sans-italic.ttf" ), url( "../fonts/open-sans/open-sans-italic.eot" ) format( 'truetype' ); } @font-face { font-family: open-sans;font-style: italic;font-weight: 700;src: url( "../fonts/open-sans/open-sans-bold-italic.ttf" ), url( "../fonts/open-sans/open-sans-bold-italic.eot" ) format( 'truetype' ); } @font-face { font-family: aeroportal;font-style: normal;font-weight: 100;src: url( "../fonts/aeroportal/aeroportal-light.ttf" ), url( "../fonts/aeroportal/aeroportal-light.eot" ) format( 'truetype' ); } @font-face { font-family: aeroportal;font-style: normal;font-weight: 400;src: url( "../fonts/aeroportal/aeroportal.ttf" ), url( "../fonts/aeroportal/aeroportal.eot" ) format( 'truetype' ); } @font-face { font-family: aeroportal;font-style: normal;font-weight: 700;src: url( "../fonts/aeroportal/aeroportal-bold.ttf" ), url( "../fonts/aeroportal/aeroportal-bold.eot" ) format( 'truetype' ); } @font-face { font-family: gotham;font-style: normal;font-weight: 100;src: url( "../fonts/gotham/gotham-light.ttf" ), url( "../fonts/gotham/gotham-light.eot" ) format( 'truetype' ); } @font-face { font-family: gotham;font-style: normal;font-weight: 400;src: url( "../fonts/gotham/gotham.ttf" ), url( "../fonts/gotham/gotham.eot" ) format( 'truetype' ); } @font-face { font-family: gotham;font-style: normal;font-weight: 700;src: url( "../fonts/gotham/gotham-bold.ttf" ), url( "../fonts/gotham/gotham-bold.eot" ) format( 'truetype' ); } @font-face { font-family: gotham;font-style: italic;font-weight: 100;src: url( "../fonts/gotham/gotham-light-italic.ttf" ), url( "../fonts/gotham/gotham-light-italic.eot" ) format( 'truetype' ); } @font-face { font-family: gotham;font-style: italic;font-weight: 400;src: url( "../fonts/gotham/gotham-italic.ttf" ), url( "../fonts/gotham/gotham-italic.eot" ) format( 'truetype' ); } @font-face { font-family: gotham;font-style: italic;font-weight: 700;src: url( "../fonts/gotham/gotham-bold-italic.ttf" ), url( "../fonts/gotham/gotham-bold-italic.eot" ) format( 'truetype' ); } @font-face { font-family: roboto;font-style: normal;font-weight: 100;src: url( "../fonts/roboto/roboto-light.ttf" ), url( "../fonts/roboto/roboto-light.eot" ) format( 'truetype' ); } @font-face { font-family: roboto;font-style: normal;font-weight: 400;src: url( "../fonts/roboto/roboto.ttf" ), url( "../fonts/roboto/roboto.eot" ) format( 'truetype' ); } @font-face { font-family: roboto;font-style: normal;font-weight: 700;src: url( "../fonts/roboto/roboto-bold.ttf" ), url( "../fonts/roboto/roboto-bold.eot" ) format( 'truetype' ); } @font-face { font-family: roboto;font-style: italic;font-weight: 100;src: url( "../fonts/roboto/roboto-light-italic.ttf" ), url( "../fonts/roboto/roboto-light-italic.eot" ) format( 'truetype' ); } @font-face { font-family: roboto;font-style: italic;font-weight: 400;src: url( "../fonts/roboto/roboto-italic.ttf" ), url( "../fonts/roboto/roboto-italic.eot" ) format( 'truetype' ); } @font-face { font-family: roboto;font-style: italic;font-weight: 700;src: url( "../fonts/roboto/roboto-bold-italic.ttf" ), url( "../fonts/roboto/roboto-bold-italic.eot" ) format( 'truetype' ); } @font-face { font-family: poppins;font-style: normal;font-weight: 100;src: url( "../fonts/poppins/poppins-light.ttf" ), url( "../fonts/poppins/poppins-light.eot" ) format( 'truetype' ); } @font-face { font-family: poppins;font-style: normal;font-weight: 400;src: url( "../fonts/poppins/poppins.ttf" ), url( "../fonts/poppins/poppins.eot" ) format( 'truetype' ); } @font-face { font-family: poppins;font-style: normal;font-weight: 700;src: url( "../fonts/poppins/poppins-bold.ttf" ), url( "../fonts/poppins/poppins-bold.eot" ) format( 'truetype' ); } @font-face { font-family: poppins;font-style: italic;font-weight: 100;src: url( "../fonts/poppins/poppins-light-italic.ttf" ), url( "../fonts/poppins/poppins-light-italic.eot" ) format( 'truetype' ); } @font-face { font-family: poppins;font-style: italic;font-weight: 400;src: url( "../fonts/poppins/poppins-italic.ttf" ), url( "../fonts/poppins/poppins-italic.eot" ) format( 'truetype' ); } @font-face { font-family: poppins;font-style: italic;font-weight: 700;src: url( "../fonts/poppins/poppins-bold-italic.ttf" ), url( "../fonts/poppins/poppins-bold-italic.eot" ) format( 'truetype' ); } @font-face { font-family: brandon;font-style: normal;font-weight: 100;src: url( "../fonts/brandon/brandon-light.ttf" ), url( "../fonts/brandon/brandon-light.eot" ) format( 'truetype' ); } @font-face { font-family: brandon;font-style: normal;font-weight: 400;src: url( "../fonts/brandon/brandon.ttf" ), url( "../fonts/brandon/brandon.eot" ) format( 'truetype' ); } @font-face { font-family: brandon;font-style: normal;font-weight: 700;src: url( "../fonts/brandon/brandon-bold.ttf" ), url( "../fonts/brandon/brandon-bold.eot" ) format( 'truetype' ); } @font-face { font-family: brandon;font-style: italic;font-weight: 100;src: url( "../fonts/brandon/brandon-light-italic.ttf" ), url( "../fonts/brandon/brandon-light-italic.eot" ) format( 'truetype' ); } @font-face { font-family: brandon;font-style: italic;font-weight: 400;src: url( "../fonts/brandon/brandon-italic.ttf" ), url( "../fonts/brandon/brandon-italic.eot" ) format( 'truetype' ); } @font-face { font-family: brandon;font-style: italic;font-weight: 700;src: url( "../fonts/brandon/brandon-bold-italic.ttf" ), url( "../fonts/brandon/brandon-bold-italic.eot" ) format( 'truetype' ); } * { margin: 0; padding: 0; border: 0; font: inherit; color: inherit; font-size: inherit; text-decoration: none; font-variant: normal; letter-spacing: inherit; word-spacing: inherit; line-height: inherit; vertical-align: baseline; outline: none; box-sizing: border-box; -webkit-tap-highlight-color: transparent;  } *:before,*:after { box-sizing: border-box;  } .row { display: block; clear: both;  } .row:after { display: block; width: 100%; height: 0; content: ""; clear: both;  } .col { position: relative; float: left; padding: 0 15px 0 15px;  } .col-np { position: relative; float: left;  } .col-lp-min { position: relative; float: left; padding-left: 10px;  } .col-rp-min { position: relative; float: left; padding-right: 10px;  } .col-tp-min { position: relative; float: left; padding-top: 10px;  } .col-bp-min { position: relative; float: left; padding-bottom: 10px;  } .col-lp-med { position: relative; float: left; padding-left: 20px;  } .col-rp-med { position: relative; float: left; padding-right: 20px;  } .col-tp-med { position: relative; float: left; padding-top: 20px;  } .col-bp-med { position: relative; float: left; padding-bottom: 20px;  } .col-lp-max { position: relative; float: left; padding-left: 40px;  } .col-rp-max { position: relative; float: left; padding-right: 40px;  } .col-tp-max { position: relative; float: left; padding-top: 40px;  } .col-bp-max { position: relative; float: left; padding-bottom: 40px;  } .col-1 { width: 8.33%;  } .col-2 { width: 16.66%;  } .col-3 { width: 25%;  } .col-4 { width: 33.33%;  } .col-5 { width: 41.66%;  } .col-6 { width: 50%;  } .col-7 { width: 58.33%;  } .col-8 { width: 66.66%;  } .col-9 { width: 75%;  } .col-10 { width: 83.33%;  } .col-11 { width: 91.66%;  } .col-12 { width: 100%;  } html, body { width: 100%; height: 100%; min-height: 100%; background-color: #e8eef3;  } html { position: relative; overflow: auto;  } strong, b { font-weight: bold;  } em, i { font-style: italic;  } table { border-collapse: collapse; border-spacing: 0;  } body { font-size: 14px; font-family: poppins, helvetica, arial; text-align: left;  } textarea:focus, input:focus { outline: none;  } form { display: inline; margin: 0; padding: 0;  } #all { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; height: auto; margin: 0; overflow: auto; background-color: #e8eef3; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; overflow-x: hidden;  } #all:before {  } #all:after { display: block; width: 100%; height: 710px; content: ""; clear: both;  } #loadtime { position: fixed; z-index: 5; width: 73px; bottom: 0px; left: -70px; padding: 9px 0px 9px 0px; background-color: #000000; color: #ffffff; text-align: center; font-weight: bold;  } #loadtime:hover { left: 0px;  } .nosel {  } #blacklist { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #000000;  } #blacklist article { position: absolute; top: 50%; left: 50%; display: block; width: 100%; max-width: 500px; transform: translate( -50%, -50% );  } #blacklist h1 { margin: 0 0 10px 0; font-size: 28px; color: #ed1c24; line-height: 100%; text-align: center;  } #blacklist p { margin: 0 0 0 0; font-size: 18px; color: #ffffff; line-height: 180%; font-weight: lighter; text-align: center;  } #download-message { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #ee2c23;  } #download-message p { position: absolute; top: 50%; left: 0; width: 100%; color: #ffffff; font-size: 5vw; text-align: center; clear: both; line-height: 100%; text-transform: uppercase; text-shadow: 0 0 1px rgba( 0, 0, 128, 0.5 ); transform: translate( 0, -50% );  } #notification { display: block; margin: 0 auto 20px auto; padding: 10px 20px 10px 20px; line-height: 180%; background-color: #eea510; color: #000000; text-align: center;  } #maintenance { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;  } #maintenance article { position: absolute; top: 50%; left: 50%; display: block; width: 100%; max-width: 500px; transform: translate( -50%, -50% );  } #maintenance img { display: block; width: 100px; height: 100px; margin: 0 auto 20px auto; border: 2px solid #ffffff; border-radius: 50%;  } #maintenance h1 { margin: 0 0 10px 0; font-size: 28px; color: #052850; line-height: 100%; text-align: center;  } #maintenance p { margin: 0 10px 0 10px; font-size: 18px; color: #333333; line-height: 180%; font-weight: lighter; text-align: center;  } #page-not-found { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #052850;  } #page-not-found article { position: absolute; top: 50%; left: 50%; display: block; width: 100%; max-width: 500px; transform: translate( -50%, -50% );  } #page-not-found img { display: block; width: 80px; height: 80px; margin: 0 auto 20px auto; border: 2px solid #ffffff; border-radius: 50%;  } #page-not-found p { margin: 0 0 0 0; font-size: 18px; color: #ffffff; font-weight: normal; text-align: center; line-height: 180%;  } #page-not-found a { color: #0bbbff;  } #page-not-found a:hover { color: #ed1c24;  } .calendar { position: absolute; z-index: 12; bottom: 100%; left: 0; display: none; width: 258px; margin: 0; padding: 0 0 10px 0; text-transform: uppercase; overflow: hidden; border-radius: 3px; background-color: #ffffff; box-shadow: 2px 5px 20px 0 rgba( 0, 0, 0, 0.2 ), 0 6px 6px 0 rgba( 0, 0, 0, 0.3 );  } .calendar .cal-nav { display: block; width: 100%; height: 50px; margin: 0 0 0 0; padding: 10px 20px 0 20px; line-height: 40px; color: #202b4b; font-size: 14px; text-align: center; background-color: #f5f5f5;  } .calendar .cal-nav div { float: left; font-weight: bold; margin: 0 10px 0 0; cursor: pointer;  } .calendar .cal-nav span { position: relative; display: block; float: right; width: 30px; height: 40px; cursor: pointer; opacity: 0.7;  } .calendar .cal-nav span:after { position: absolute; top: 14px; display: block; width: 8px; height: 8px; border-top: 2px solid #202b4b; content: "";  } .calendar .cal-nav span:not(:last-child):after { right: 5px; border-right: 2px solid #202b4b; transform: rotate( 45deg );  } .calendar .cal-nav span:last-child:after { left: 5px; border-left: 2px solid #202b4b; transform: rotate( -45deg );  } .calendar .cal-nav span:hover { opacity: 1;  } .calendar ol { display: block; width: 100%; height: 40px; margin: 0 0 10px 0; padding: 0 10px 0 10px; list-style-type: none; color: #f58220; background-color: #f5f5f5;  } .calendar ol li { position: relative; float: left; width: 34px; height: 40px; line-height: 40px; margin: 0; padding: 0; font-weight: normal; font-size: 14px; text-align: center;  } .calendar ol li:last-child { border-right: 0;  } .calendar ul { display: block; width: 100%; margin: 0; padding: 0 10px 0 10px; list-style-type: none; background-color: #ffffff;  } .calendar ul:after { display: block; width: 100%; height: 0; clear: both; content: "";  } .calendar ul li { position: relative; float: left; width: 34px; height: 34px; margin: 0; padding: 0; line-height: 34px; font-weight: normal; color: #aaaaaa; font-size: 14px; text-align: center;  } .calendar ul .day { cursor: pointer; font-weight: bold; color: #202b4b; border-radius: 50%;  } .calendar ul .day:hover { color: #000000; background-color: #f0f0f0;  } .calendar ul .sel { color: #ffffff; background-color: #202b4b;  } .calendar ul .today { color: #f58220;  } .calendar .cal-frame { position: absolute; z-index: 12; display: none; top: 60px; left: 0; width: 100%; height: 100%; padding: 40px 5px 0 5px; background-color: #ffffff;  } .calendar .cal-frame:after { display: block; width: 100%; height: 0; clear: both; content: "";  } .calendar .cal-frame span { display: block; float: left; width: 33.33%; padding: 5px;  } .calendar .cal-frame strong { display: block; background-color: #f5f5f5; font-size: 14px; border-radius: 4px; line-height: 34px; font-weight: bold; font-style: normal; text-align: center; color: #202b4b; text-transform: none; cursor: pointer; opacity: 0.8;  } .calendar .cal-frame strong:hover { opacity: 1;  } .calendar .cal-frame .sel strong { background-color: #202b4b; color: #ffffff;  } .calendar .cal-footer { display: block; height: 25px; padding: 5px 0 0 20px; line-height: 15px;  } .calendar .cal-footer span { display: block; float: left; margin: 0 10px 0 0; font-weight: bold; font-size: 12px; color: #202b4b; cursor: pointer;  } .calendar .cal-footer span:hover { color: #f58220;  } .cb,.cbs { position: relative; display: block; width: 20px; height: 20px; cursor: pointer; border-radius: 3px;  } .cb { border: 2px solid #202b4b;  } .cbs { background-color: #202b4b;  } .cbs:after { position: absolute; top: 3px; left: 7px; display: block; width: 5px; height: 10px; content: ""; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; transform: rotate( 40deg );  } .cb:hover { border: 2px solid #303b5b;  } .cbs:hover { background-color: #303b5b;  } #loading { position: fixed; z-index: 14; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba( 0, 0, 0, 0.1 );  } #loading > div { position: fixed; top: 50%; left: 50%; display: block; width: 63px; height: 63px; transform: translate( -50%, -50% );  } #loading span { display: block; float: left; width: 20px; height: 20px; margin: 0 1px 1px 0; background-color: #052850; border-radius: 3px; animation: loading 1.4s ease-in-out infinite;  } #loading span:nth-child( 7 ) { animation-delay: 0s;  } #loading span:nth-child( 4 ),#loading span:nth-child( 8 ) { animation-delay: 0.1s;  } #loading span:nth-child( 1 ),#loading span:nth-child( 5 ),#loading span:nth-child( 9 ) { animation-delay: 0.2s;  } #loading span:nth-child( 2 ),#loading span:nth-child( 6 ) { animation-delay: 0.3s;  } #loading span:nth-child( 3 ) { animation-delay: 0.4s;  } #popup { position: fixed; z-index: 13; display: none; top: 0; left: 0; width: 100%; height: 100%; padding: 0; background-color: rgba( 0, 0, 0, 0.2 );  } #popup section { position: absolute; top: 50%; left: 50%; display: block; max-width: 600px; width: calc( 100% - 40px ); padding: 0; overflow: hidden; background-color: #ffffff; transform: translate( -50%, -80% );  } #popup header { display: block; height: 55px; padding: 0 0 0 20px; line-height: 50px; color: #2b2e4f; font-size: 18px; font-weight: bold;  } #popup header span { position: relative; display: block; float: right; width: 50px; height: 50px; cursor: pointer;  } #popup header span:before,#popup header span:after { position: absolute; top: 24px; left: 15px; display: block; width: 20px; height: 2px; background-color: #2b2e4f; content: ""; opacity: 0.5;  } #popup header span:before { transform: rotate( -45deg );  } #popup header span:after { transform: rotate( 45deg );  } #popup header span:hover:before,#popup header span:hover:after { opacity: 1;  } #popup .error { border-top: 5px solid #d04030;  } #popup .success { border-top: 5px solid #7cb644;  } #popup .warning { border-top: 5px solid #eea510;  } #popup article { display: block; min-height: 80px; padding: 20px; font-size: 16px; color: #70757a; line-height: 150%; background-color: #ffffff; overflow: hidden; clear: both;  } #popup label { float: left; line-height: 20px;  } #popup .row { display: block; padding: 20px 0 20px 0;  } #popup footer { display: block; height: 80px; margin: 0; padding: 20px 20px 20px 20px; clear: both; border-top: 2px solid #e5e5e7; background-color: #f8f8fa;  } #popup footer span { position: relative; display: block; float: left; min-width: 100px; height: 40px; padding: 0 15px 0 15px; line-height: 36px; font-weight: bold; cursor: pointer; text-align: center; text-transform: uppercase; border-radius: 3px; overflow: hidden; color: #9ba8b0; border: 2px solid #9ba8b0;  } #popup footer span:hover { background-color: #f0f0f0;  } #popup footer span:nth-child( 2 ) { float: right;  } .select { position: relative; display: block; width: 100%; height: 44px; margin: 0; cursor: pointer; background-color: transparent; border-bottom: 2px solid #e8e8e6; line-height: 42px; color: #333333;  } .select:after { position: absolute; top: 0; left: 0; width: calc( 100% - 40px ); padding: 0; content: attr( data-name ); color: #333333; line-height: 42px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  } .select:before { position: absolute; top: 10px; right: 2px; display: block; width: 12px; height: 12px; content: ""; border-right: 2px solid #e8e8e6; border-bottom: 2px solid #e8e8e6; opacity: 0.8; transform: rotate( 45deg );  } .select select { position: absolute; z-index: 3; top: 0; left: 0; display: block; width: 100%; height: 40px; padding: 0 0 0 10px; font-size: 14px; color: #717478; outline: 0; text-indent: 0.01px; text-overflow: ""; appearance: none; -webkit-appearance: none; -moz-appearance: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; opacity: 0;  } .select select::-ms-expand { display: none;  } .select select:focus { background-color: #ffffff; border: 1px solid #d5d5d5;  } .select option { line-height: 40px;  } .off,.on { position: relative; display: inline-block; width: 40px; height: 16px; border-radius: 16px; background-color: #969696; cursor: pointer;  } .off:before,.on:before { position: absolute; top: -2px; left: -2px; display: block; width: 20px; height: 20px; content: ""; box-shadow: 0px 3px 1px -2px rgba( 0, 0, 0, 0.2 ), 0px 2px 2px 0px rgba( 0, 0, 0, 0.14 ), 0px 1px 5px 0px rgba( 0, 0, 0, 0.12 ); border-radius: 50%; background-color: #f0f0f0; transition: all 0.1s ease-in-out;  } .on { background-color: #6ac259;  } .on:before { top: -2px; left: 20px; background-color: #579e49;  } .off:after { position: absolute; top: -12px; left: -12px; display: block; width: 40px; height: 40px; content: ""; border-radius: 50%; background-color: rgba( 0, 0, 0, 0.1 ); transition: opacity 0.3s ease-in-out; opacity: 0;  } .on:after { position: absolute; top: -12px; left: 10px; display: block; width: 40px; height: 40px; content: ""; border-radius: 50%; background-color: rgba( 24, 130, 94, 0.3 ); transition: opacity 0.3s ease-in-out; opacity: 0;  } .off:hover:after,.on:hover:after { opacity: 1;  } #header .header-acc { position: absolute; top: 70px; right: 10px; display: none; width: 300px; padding: 20px 0 0 0; border-radius: 5px; background-color: #ffffff; box-shadow: 0 0 20px 1px rgba( 0, 0, 0, 0.2 );  } #header .header-acc:after { position: absolute; top: -5px; right: 75px; display: block; width: 10px; height: 10px; content: ""; background-color: #ffffff; transform: rotate( 45deg );  } #header .header-acc > div { position: relative; height: 90px; margin: 0 0 20px 0; padding: 5px 0 0 110px; border-bottom: 1px solid #f0f0f0;  } #header .header-acc > div figure { position: absolute; top: 0; left: 20px; display: block; width: 70px; height: 70px; background-color: #f0f0f0; border-radius: 50%; overflow: hidden;  } #header .header-acc > div figure img { display: block; width: 100%;  } #header .header-acc > div figure span { display: block; line-height: 70px; text-align: center; font-size: 20px; font-weight: bold; color: #1b1464;  } #header .header-acc > div h2 { margin: 0 0 0 0; overflow: hidden; font-weight: bold; color: #333333; line-height: 20px;  } #header .header-acc > div > h3 { margin: 0; line-height: 20px;  } #header .header-acc > div > span { margin: 0 0 10px 0; overflow: hidden; color: #666666; line-height: 20px;  } #header .header-acc > div > figure i { position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 0 0 5px 0; line-height: 30px; text-align: center; background-color: rgba( 0, 0, 0, 0.5 ); color: #ffffff; font-style: normal; text-transform: uppercase; font-size: 10px; cursor: pointer;  } #header .header-acc footer { display: block; height: 80px; background-color: #e9efff; padding: 20px 20px 20px 20px; border-radius: 0 0 5px 5px;  } #header .header-acc footer span { display: block; float: right; padding: 0 15px 0 15px; line-height: 40px; border-radius: 5px; background-color: #1b1464; color: #ffffff; text-transform: uppercase; font-size: 12px; font-weight: bold; cursor: pointer;  } #header .header-acc footer span:hover { background-color: #2b2474;  } #header .header-acc footer i { display: block; float: left; margin: 0 20px 0 0; line-height: 40px; font-style: normal; cursor: pointer; color: #1b1464; cursor: pointer;  } #header .header-acc footer i:hover { color: #ed1c24;  } #header .header-acc h3 { font-weight: bold; margin: 0 20px 10px 20px; color: #1b1464; cursor: pointer; line-height: 100%;  } #header .header-acc h3:hover { color: #ed1c24;  } #header .header-acc p { margin: 0 20px 20px 20px; color: #666666; font-size: 12px;  } #header .header-modules { position: absolute; top: 70px; right: 10px; display: none; padding: 10px; border-radius: 5px; background-color: #ffffff; box-shadow: 0 0 20px 1px rgba( 0, 0, 0, 0.2 );  } #header .header-modules h3 { display: block; margin: 0 5px 15px 5px; padding: 10px 0 15px 0; line-height: 100%; color: #1a1363; border-bottom: 1px solid #f0f0f0; font-weight: bold; text-transform: uppercase;  } #header .header-modules ul { display: block; width: 240px; list-style: none;  } #header .header-modules ul:before { position: absolute; top: -5px; right: 25px; display: block; width: 10px; height: 10px; margin: 0 0 0 -5px; background-color: #ffffff; transform: rotate( 45deg ); content: "";  } #header .header-modules ul:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #header .header-modules ul li { position: relative; display: block; float: left; height: 36px; width: calc( 25% - 10px ); margin: 5px 5px 5px 5px; border: 1px solid #365a88; overflow: hidden; border-radius: 5px 5px 15px 5px; perspective: 50px;  } #header .header-modules ul .inactive { filter: grayscale( 1 ); opacity: 0.4;  } #header .header-modules ul li:after { z-index: 1; position: absolute; bottom: -1px; right: -1px; display: block; width: 8px; height: 8px; border: 1px solid #365a88; background-color: #ffffff; content: "";  } #header .header-modules a { position: absolute; z-index: 9; top: 0; left: 0; display: block; width: 100%; height: 36px;  } #header .header-modules ul h6 { z-index: 1; position: absolute; left: 8px; top: 10px; display: block; width: 30px; color: #ffffff; font-weight: bold; line-height: 10px; font-size: 10px;  } #header .header-modules ul li:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ""; transition: all 0.25s ease-in-out; transform-style: preserve-3d; transform: rotate3d(1, 1, 0, 25deg);  } #header .header-modules ul li:hover:before { transform-style: none; transform: rotate3d(0, 0, 0, 0);  } #header .header-modules ul .gb:before { background-color: #95298a;  } #header .header-modules ul .cop:before { background-color: #2974f2;  } #header .header-modules ul .cess:before { background-color: #ff00f8;  } #header .header-modules ul .ceas:before { background-color: #c52c35;  } #header .header-modules ul .cal:before { background-color: #f32331;  } #header .header-modules ul .cwp:before { background-color: #fc933a;  } #header .header-modules ul .cim:before { background-color: #26b455;  } #header .header-modules ul .ep:before { background-color: #00683d;  } #header .header-modules ul .cw:before { background-color: #00a89b;  } #header .header-modules ul .cd:before { background-color: #00a9dd;  } #header .header-modules ul ._b:before { background-color: #006fb6;  } #header .header-modules ul ._s:before { background-color: #682e8c;  } #header .header-modules ul .cpl:before { background-color: #f75b35;  } #header .header-modules ul .cbm:before { background-color: #00914d;  } #header .header-modules ul ._t:before { background-color: #00b477;  } #header .header-modules ul .csign:before { background-color: #30328d;  } #header .header-modules ul .tsa:before { background-color: #201861;  } #header .header-modules ul .legal:before { background-color: #736359;  } #header { position: fixed; z-index: 9; top: 0; left: 0; display: block; width: 100%; height: 60px; padding: 0 10px 0 10px; background-color: transparent;  } #header .logo { position: absolute; top: 10px; left: 20px; display: block; height: 60px;  } #header .logo img { display: block; display: block; height: 40px;  } #header .mobmenu { position: absolute; left: 20px; top: 10px; display: none; width: 30px; height: 30px; cursor: pointer;  } #header .mobmenu i,#header .mobmenu:before,#header .mobmenu:after { position: absolute; left: 0; display: block; height: 6px; background-color: #912594; content: ""; font-style: normal;  } #header .mobmenu:before { top: 2px; width: 6px;  } #header .mobmenu i { top: 12px; width: 18px;  } #header .mobmenu:after { top: 22px; width: 30px;  } #header nav { position: relative; display: block; float: right; height: 60px; padding: 0 100px 0 0;  } #header nav .link { position: relative; display: block; float: left; height: 40px; margin: 0 50px 0 0; line-height: 60px; color: #1a1363; font-weight: bold; text-transform: uppercase;  } #header nav .link:hover { color: #93278f;  } #header nav .vsep { display: block; float: left; width: 1px; height: 40px; margin: 10px 30px 0 0; background-color: #c6ccd3;  } #header nav .lang { position: relative; display: block; float: left; width: 60px; height: 60px;  } #header nav .lang > span { display: block; line-height: 60px; text-align: center; color: #1a1363; font-weight: bold; text-transform: uppercase; cursor: pointer;  } #header nav .lang ul { display: block; position: absolute; top: 70px; display: none; width: 100%; list-style: none; background-color: #ffffff; box-shadow: 0 0 20px 1px rgba( 0, 0, 0, 0.2 ); border-radius: 5px;  } #header nav .lang ul li { position: relative; display: block; border-bottom: 1px solid #f5f5f5;  } #header nav .lang ul li:last-child { border-bottom: 0;  } #header nav .lang ul li a { display: block; line-height: 40px; text-align: center; color: #1a1363; text-transform: uppercase;  } #header nav .lang ul li:first-child a { border-radius: 5px 5px 0 0;  } #header nav .lang ul li:last-child a { border-radius: 0 0 5px 5px;  } #header nav .lang ul li:first-child a:before { position: absolute; top: -5px; left: 50%; display: block; width: 10px; height: 10px; margin: 0 0 0 -5px; background-color: #ffffff; transform: rotate( 45deg ); content: "";  } #header nav .lang ul a:hover { background-color: #2b2474; color: #ffffff;  } #header nav .lang ul li:first-child a:hover:before { background-color: #2b2474;  } #header nav .notifications { position: relative; display: none; float: left; width: 60px; height: 60px; cursor: pointer;  } #header nav .notifications:before { position: absolute; top: 0; left: 0; display: block; width: 60px; height: 60px; background: url( "../images/gigbook/gigbook.png" ) no-repeat -620px -20px; content: "";  } #header nav .messages { position: relative; display: none; float: left; width: 60px; height: 60px; cursor: pointer;  } #header nav .messages:before { position: absolute; top: 0; left: 0; display: block; width: 60px; height: 60px; background: url( "../images/gigbook/gigbook.png" ) no-repeat -720px -20px; content: "";  } #header nav .cwallet { position: relative; display: none; float: left; width: 121px; height: 60px;  } #header nav .cwallet > span { display: block; padding: 0 0 0 20px; line-height: 60px; color: #ffffff; font-weight: bold; text-transform: uppercase; cursor: pointer;  } #header nav .cwallet > span:after { content: " €";  } #header nav .cwallet > span:before { position: absolute; top: 21px; right: 20px; width: 8px; height: 8px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; transform: rotate( 45deg ); content: "";  } #header nav .cwallet ul { display: block; position: absolute; top: 100%; display: none; width: 100%; list-style: none; background-color: #1b1464;  } #header nav .cwallet ul li { display: block;  } #header nav .cwallet ul li a { display: block; padding: 0 0 0 20px; line-height: 40px; color: #ffffff; text-transform: uppercase; font-size: 12px;  } #header nav .cwallet ul a:hover { background-color: #2b2474;  } #header .my { position: absolute; top: 0; right: 50px; display: block; width: 60px; height: 60px; cursor: pointer;  } #header .my figure { top: 10px; left: 10px; position: absolute; display: block; width: 40px; height: 40px; overflow: hidden; border-radius: 50%;  } #header .my figure span { display: block; line-height: 60px; text-align: center; color: #ffffff; font-weight: bold;  } #header .my figure img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;  } #header .my .default:before { position: absolute; top: -30px; left: -30px; display: block; width: 100px; height: 100px; background: url( "../images/gigbook/gigbook.png" ) no-repeat -400px 0px; content: "";  } #header .mm { position: absolute; top: 0; right: 10px; display: block; width: 60px; height: 60px; cursor: pointer;  } #header .mm:before { position: absolute; top: 0; left: 0; display: block; width: 60px; height: 60px; background: url( "../images/gigbook/gigbook.png" ) no-repeat -520px -20px; content: "";  } #header .info:after { position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; line-height: 20px; font-size: 10px; color: #ffffff; text-align: center; content: attr( data-info ); background-color: #dc2323; border-radius: 50%; box-shadow: 0 0 0 2px #1b1464; font-weight: bold;  } #footer .bottom { padding: 70px 0 0 0; background-color: rgba( 9, 0, 29, 0.8 );  } #footer .bottom > div { position: relative; max-width: 1220px; margin: 0 auto 0 auto; padding: 0 10px 0 10px;  } #footer .bottom > div:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #footer .bottom ul { display: block; float: left; width: 16.66%; list-style: none;  } #footer .bottom ul li { display: block;  } #footer .bottom ul li h3 { display: block; padding: 0 0 20px 0; line-height: 30px; color: #ffffff; font-weight: bold; font-size: 18px;  } #footer .bottom ul li a { display: inline-block; line-height: 30px; color: #ffffff;  } #footer .bottom ul li a:hover { color: #f5ffe3;  } #footer .bottom .seal { float: right; display: block; max-width: 196px; margin: -20px 0 40px 0;  } #footer .bottom p { display: block; clear: both; width: 100%; padding: 20px 0 20px 0; border-top: 1px solid #32123c; text-transform: uppercase; line-height: 100%; color: rgba( 255, 255, 255, 0.8 );  } #footer { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 710px; padding: 0 0 0 0; background-color: #09001d; overflow: hidden; letter-spacing: 0.2px; background: url( "../images/gigbook/footer-logo-background.png" ) no-repeat #09001d calc( 50% + 300px ) -100px;  } #footer:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #footer .top { padding: 100px 0 70px 0; background-color: rgba( 13, 0, 58, 0.95 );  } #footer .top > div { max-width: 1220px; margin: 0 auto 0 auto; padding: 0 10px 0 10px;  } #footer .top > div:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #footer .top ul { display: block; float: left; width: 16.66%; list-style: none;  } #footer .top ul li { display: block;  } #footer .top ul li h3 { display: block; padding: 0 0 20px 0; line-height: 30px; color: #ffffff; font-weight: bold; font-size: 22px;  } #footer .top ul li a { display: inline-block; line-height: 30px; color: #ffffff;  } #footer .top ul li a:hover { color: #f5ffe3;  } #footer .top aside { display: block; float: right; width: 50%; padding: 0 0 0 80px;  } #footer .top aside img { display: block; width: 100%; max-width: 240px; margin: -20px 0 20px 0;  } #footer .top aside h6 { float: left; width: 50%; padding: 0 0 0 10%; color: #ffffff; font-size: 16px; line-height: 30px; text-transform: uppercase;  } #footer .top aside h6 br { display: none; clear: none;  } #footer .top aside p { float: left; width: 50%; padding: 0 0 0 10%; font-size: 12px; color: #ffffff;  } #dashboard > div { display: block; min-height: 200px; margin: 0 0 20px 0;  } #dashboard > div:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #dashboard > div > article { position: relative; display: block; float: left; width: 16%; margin: 0 0 20px 0;  } #dashboard > div > article > div { height: 200px; margin: 0 20px 0 0; background-color: #ffffff;  } #dashboard > div > article label { display: block; margin: 0 0 10px 20px; padding: 20px 0 0 0; line-height: 100%; color: #bcbbb6; font-style: italic;  } #dashboard > div > article h3 { margin: 0 0 10px 20px; font-size: 26px; color: #2974f2; font-weight: bold;  } #dashboard > div > article h4 { position: relative; margin: 0 0 0 20px; padding: 0 0 0 25px; font-size: 14px; font-weight: bold; color: #6db94a;  } #dashboard > div > article h4:after { position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; background: url( "../images/accounts/accounts.png" ) no-repeat -139px -240px; content: "";  } #dashboard > div > article .down { color: #f32731;  } #dashboard > div > article .down:after { background-position: -239px -239px;  } #dashboard > div > article figure { position: absolute; display: block; width: 200px; height: 200px; background: url( "../images/accounts/accounts.png" ) no-repeat 0 0; transform: scale( 0.3 );  } #dashboard > div > article span { position: absolute; bottom: 20px; right: 40px; display: block; padding: 0 0 0 15px; line-height: 100%; font-size: 12px; font-weight: bold; color: #2974f2;  } #dashboard > div > article span:before { position: absolute; top: 0; left: 0; display: block; width: 12px; height: 12px; background: url( "../images/accounts/accounts.png" ) no-repeat -44px -243px; content: "";  } #dashboard > div > article em { position: absolute; bottom: 20px; right: 40px; display: block; width: calc( 100% - 60px ); padding: 0 30px 0 15px; line-height: 38px; font-style: normal; color: #ffffff; text-transform: uppercase; background-color: #2974f2; border-radius: 3px; text-align: center; font-size: 12px; cursor: pointer;  } #dashboard > div > article em:before { position: absolute; top: 13px; right: 10px; display: block; width: 12px; height: 12px; background: url( "../images/accounts/accounts.png" ) no-repeat -44px -143px; content: "";  } #dashboard > div .c-wallet { width: 20%;  } #dashboard > div .c-wallet > div { background-color: #2974f2;  } #dashboard > div .c-wallet label { color: #ffffff;  } #dashboard > div .c-wallet h3 { font-size: 30px; color: #ffffff;  } #dashboard > div .c-wallet h4 { position: absolute; top: 63px; right: 40px; color: #ffffff;  } #dashboard > div .c-wallet figure { left: -60px; bottom: -60px; background-position: 0px -500px;  } #dashboard > div .c-wallet span { right: 40px; bottom: 30px; color: #ffffff;  } #dashboard > div .c-wallet span:before { background-position: -44px -143px;  } #dashboard > div .followers {  } #dashboard > div .followers > div {  } #dashboard > div .followers label {  } #dashboard > div .followers h3 {  } #dashboard > div .followers h4 {  } #dashboard > div .followers figure { right: -40px; bottom: -60px; background-position: -200px -500px;  } #dashboard > div .followers span { left: 20px; bottom: 30px;  } #dashboard > div .following {  } #dashboard > div .following > div {  } #dashboard > div .following label {  } #dashboard > div .following h3 {  } #dashboard > div .following h4 {  } #dashboard > div .following figure { right: -40px; bottom: -60px; background-position: -400px -500px;  } #dashboard > div .following span { left: 20px; bottom: 30px;  } #dashboard > div .posts {  } #dashboard > div .posts > div {  } #dashboard > div .posts label {  } #dashboard > div .posts h3 {  } #dashboard > div .posts figure { right: -40px; bottom: 0px; background-position: -600px -500px;  } #dashboard > div .posts span { left: 20px; bottom: 90px;  } #dashboard > div .posts em {  } #dashboard > div .events {  } #dashboard > div .events > div {  } #dashboard > div .events label {  } #dashboard > div .events h3 {  } #dashboard > div .events figure { right: -40px; bottom: 0px; background-position: -800px -500px;  } #dashboard > div .events span { left: 20px; bottom: 90px;  } #dashboard > div .events em {  } #dashboard > div .protecteditems {  } #dashboard > div .protecteditems > div {  } #dashboard > div .protecteditems label {  } #dashboard > div .protecteditems h3 {  } #dashboard > div .protecteditems figure { right: -40px; bottom: 0px; background-position: -1400px -500px;  } #dashboard > div .protecteditems span { left: 20px; bottom: 90px;  } #dashboard > div .protecteditems em {  } #dashboard > div .gigs { width: 26%;  } #dashboard > div .gigs > div { border-radius: 0 0 0 50px;  } #dashboard > div .gigs h3 {  } #dashboard > div .gigs figure { top: -25px; right: 0px; background-position: -1000px -500px; transform: scale( 0.5 );  } #dashboard > div .gigs span { left: 20px; bottom: 30px;  } #dashboard > div .gigs span:before {  } #dashboard > div .gigs em { width: auto;  } #dashboard > div .affiliates { width: 26%;  } #dashboard > div .affiliates > div { border-radius: 0 0 0 50px;  } #dashboard > div .affiliates h3 {  } #dashboard > div .affiliates figure { top: -25px; right: 0px; background-position: -1200px -500px; transform: scale( 0.5 );  } #dashboard > div .affiliates span { left: 20px; bottom: 30px;  } #dashboard > div .affiliates span:before {  } #dashboard > div .affiliates em { width: auto;  } #dashboard > div .all-modules { width: 48%;  } #dashboard > div .all-modules > div { border: 1px dashed #c6d8fc; background-color: transparent;  } #dashboard > div .all-modules label { text-transform: uppercase; font-style: normal; font-weight: bold; color: #2a75f2;  } #dashboard > div .all-modules p { display: block; max-width: 30%; margin: 0 0 10px 20px; padding: 20px 0 0 0; font-size: 12px; line-height: 150%; color: #636460;  } #dashboard > div .all-modules span { left: 20px; bottom: 30px; right: auto;  } #dashboard > div .all-modules span:before {  } #dashboard > div .all-modules ul { position: absolute; top: 50%; right: 40px; display: block; width: 100%; max-width: 60%; list-style: none; transform: translate( 0, -50% );  } #dashboard > div .all-modules ul:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #dashboard > div .all-modules ul li { position: relative; display: block; float: left; height: 36px; width: calc( 16.66% - 10px ); margin: 5px 5px 5px 5px; border: 1px solid #365a88; overflow: hidden; border-radius: 5px 5px 15px 5px; perspective: 50px;  } #dashboard > div .all-modules ul li:after { z-index: 1; position: absolute; bottom: -1px; right: -1px; display: block; width: 8px; height: 8px; border: 1px solid #365a88; background-color: #ffffff; content: "";  } #dashboard > div .all-modules ul h6 { z-index: 1; position: absolute; left: 8px; top: 10px; display: block; width: 30px; color: #ffffff; font-weight: bold; line-height: 10px; font-size: 10px;  } #dashboard > div .all-modules ul li:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ""; transition: all 0.25s ease-in-out; transform-style: preserve-3d; transform: rotate3d(1, 1, 0, 25deg);  } #dashboard > div .all-modules ul li:hover:before { transform-style: none; transform: rotate3d(0, 0, 0, 0);  } #dashboard > div .all-modules ul .gb:before { background-color: #95298a;  } #dashboard > div .all-modules ul .cop:before { background-color: #2974f2;  } #dashboard > div .all-modules ul .cess:before { background-color: #ff00f8;  } #dashboard > div .all-modules ul .ceas:before { background-color: #c52c35;  } #dashboard > div .all-modules ul .cal:before { background-color: #f32331;  } #dashboard > div .all-modules ul .cwp:before { background-color: #fc933a;  } #dashboard > div .all-modules ul .cim:before { background-color: #26b455;  } #dashboard > div .all-modules ul .ep:before { background-color: #00683d;  } #dashboard > div .all-modules ul .cw:before { background-color: #00a89b;  } #dashboard > div .all-modules ul .cd:before { background-color: #00a9dd;  } #dashboard > div .all-modules ul ._b:before { background-color: #006fb6;  } #dashboard > div .all-modules ul ._s:before { background-color: #682e8c;  } #dashboard > div .all-modules ul .cpl:before { background-color: #f75b35;  } #dashboard > div .all-modules ul .cbm:before { background-color: #00914d;  } #dashboard > div .all-modules ul ._t:before { background-color: #00b477;  } #dashboard > div .all-modules ul .csign:before { background-color: #30328d;  } #dashboard > div .all-modules ul .tsa:before { background-color: #201861;  } #dashboard > div .all-modules ul .legal:before { background-color: #736359;  } #dashboard > div .all-modules ul i { position: absolute; bottom: 4px; left: 4px; width: 28px; height: 2px; background-image: linear-gradient( to right, #ffffff, #ffffff 2px, transparent 2px, transparent 4px, #ffffff 4px, #ffffff 14px, transparent 14px, transparent 16px, #ffffff 16px, #ffffff );  } #dashboard > div .all-modules ul a { position: absolute; z-index: 1; bottom: 0; left: 0; display: block; width: 100%; height: 100%;  } #dashboard { display: none; max-width: 1420px; margin: 0 auto 0 auto; padding: 100px 0 0 10px;  } #dashboard:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #dashboard header { position: relative; display: block; margin: 0 0 50px 0; padding: 0 10px 0 0;  } #dashboard header figure { position: absolute; top: 0; left: 20px; display: none; width: 60px; height: 60px; background-color: #2472f0; border-radius: 50%; overflow: hidden;  } #dashboard header figure img { display: block; width: 100%; height: 100%;  } #dashboard header figure span { display: block; line-height: 60px; text-align: center; color: #ffffff; font-weight: bold; font-size: 18px;  } #dashboard header h2 { position: absolute; top: 0; left: 0; height: 50px; overflow: hidden; font-size: 24px; line-height: 50px; font-weight: bold; color: #343330; white-space: nowrap;  } #dashboard header span { display: inline-block; color: #246cf1;  } #dashboard header p { text-align: center; color: #a6a8a2; font-size: 20px; line-height: 50px;  } #main-events { position: relative; background-color: #e9eef4; min-height: 500px; padding: 100px 0 60px 0;  } #main-events:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #main-events > div { position: relative; max-width: 1230px; margin: 0 auto 40px auto;  } #main-events > div:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #main-events nav { position: relative; display: block; height: 30px; margin: 0 15px 70px 15px;  } #main-events nav h2,#main-events nav h3 { color: #05003a; text-align: center; line-height: 35px; text-transform: uppercase; font-size: 20px; font-weight: bold;  } #main-events nav h2 {  } #main-events nav h3 { display: none;  } #main-events nav span { position: absolute; top: 0; width: 30px; height: 30px; background: url( "../images/gigbook/gigbook.png" ) no-repeat; cursor: pointer;  } #main-events nav .back { left: 0; background-position: -35px -235px;  } #main-events nav .next { right: 0; background-position: -135px -235px;  } #main-events article { position: relative; display: block;  } #main-events article:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #main-events article > div {  } #main-events ul { position: relative; display: block; list-style: none;  } #main-events ul:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #main-events ul li { display: block; float: left; width: 25%; height: 530px; padding: 0 15px 0 15px;  } #main-events ul li > div { padding: 0 0 0 0; background-color: #ffffff; box-shadow: 0 0 15px 0 rgba( 0, 0, 0, 0.3 );  } #main-events ul li > div:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #main-events ul li figure { display: block; width: 100%; height: 0; margin: 0 0 15px 0; padding: 10px 10px 62.4% 0; overflow: hidden;  } #main-events ul li figure img { display: block; width: 100%;  } #main-events ul li p { display: block; height: 20px; margin: 0 0 10px 0; padding: 0 10px 0 20px; overflow: hidden; font-size: 16px; line-height: 20px; color: #05003a; text-transform: uppercase;  } #main-events ul li .location { display: block; margin: 0 0 20px 0; padding: 0 0 0 20px; line-height: 20px; color: #912795;  } #main-events ul li .datetime { position: relative; display: block; height: 77px; margin: 0 0 20px 0; padding: 20px 0 20px 20px; background: linear-gradient( to right, #f4ebf6, #ffffff 20% );  } #main-events ul li .datetime:before,#main-events ul li .datetime:after { position: absolute; left: 0; display: block; width: 100%; height: 1px; content: ""; background: linear-gradient( to right, #d6b1d7, #ffffff 20% );  } #main-events ul li .datetime:before { top: 0;  } #main-events ul li .datetime:after { bottom: 0;  } #main-events ul li .datetime span { display: block; clear: both; color: #05003a;  } #main-events ul li .datetime span:first-child { margin: 0 0 10px 0; text-transform: uppercase; font-size: 15px; line-height: 15px;  } #main-events ul li .datetime span:last-child { text-transform: uppercase; font-size: 12px; line-height: 12px;  } #main-events ul li h3 { display: block; margin: 0 0 20px 0; padding: 0 0 0 20px; line-height: 100%; color: #912795; text-transform: uppercase;  } #main-events ul li .artists { display: block; height: 60px; margin: 0 0 20px 0; padding: 0 0 0 20px;  } #main-events ul li .artists span { display: block; clear: both;  } #main-events ul li .artists a { display: inline-block; color: #05003a; line-height: 20px;  } #main-events ul li footer { position: relative; display: block; height: 50px; background-color: #912795;  } #main-events ul li footer:before { position: absolute; top: -5px; left: 20px; display: block; width: 10px; height: 10px; background-color: #912795; content: ""; transform: rotate( 45deg );  } #main-events ul li footer .interested { position: relative; display: block; float: left; margin: 0 0 0 20px; padding: 0 0 0 25px; line-height: 50px; color: #ffffff; font-weight: bold;  } #main-events ul li footer .interested:before { position: absolute; top: 0; left: 0; display: block; width: 20px; height: 50px; content: ""; background: url( "../images/gigbook/gigbook.png" ) no-repeat -440px -325px;  } #main-events ul li footer .share { position: relative; display: block; float: right; margin: 0 20px 0 0; padding: 0 0 0 25px; line-height: 50px; color: #ffffff; cursor: pointer;  } #main-events ul li footer .share:before { position: absolute; top: 0; left: 0; display: block; width: 20px; height: 50px; content: ""; background: url( "../images/gigbook/gigbook.png" ) no-repeat -540px -325px;  } #main-events .show-all { position: relative; display: block; width: 290px; height: 60px; background-color: #ffffff; margin: 0 auto 0 auto; padding: 0 0 0 40px; clear: both; line-height: 60px; font-size: 18px; text-transform: uppercase; color: #05003a; font-weight: bold; cursor: pointer;  } #main-events .show-all:after { position: absolute; top: 5px; right: 20px; display: block; width: 50px; height: 50px; background: url( "../images/gigbook/gigbook.png" ) no-repeat -125px -225px; content: "";  } #main-gigs { background-color: #e9eef4; min-height: 320px; padding: 100px 0 60px 0; background: url( "../images/gigbook/home-gigs-background.jpg" ) #e9eef4 no-repeat center center / cover;  } #main-gigs:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #main-gigs > div { position: relative; max-width: 1230px; margin: 0 auto 40px auto;  } #main-gigs > div:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #main-gigs nav { position: relative; display: block; height: 30px; margin: 0 15px 70px 15px;  } #main-gigs nav h2 { color: #05003a; text-align: center; line-height: 30px; text-transform: uppercase; font-size: 20px; font-weight: bold;  } #main-gigs nav h3 { display: none; float: left; color: #05003a; line-height: 30px; text-transform: uppercase; font-size: 20px; font-weight: bold;  } #main-gigs nav h4 { display: none; float: right; color: #912c95; line-height: 30px; text-transform: uppercase; font-size: 18x; font-weight: bold;  } #main-gigs nav span { position: absolute; top: 0; width: 30px; height: 30px; background: url( "../images/gigbook/gigbook.png" ) no-repeat; cursor: pointer;  } #main-gigs nav .back { left: 0; background-position: -35px -235px;  } #main-gigs nav .next { right: 0; background-position: -135px -235px;  } #main-gigs article { position: relative; display: block;  } #main-gigs article:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #main-gigs article > div {  } #main-gigs ul { position: relative; display: block; list-style: none;  } #main-gigs ul:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #main-gigs ul li { display: block; float: left; width: 33.33%; padding: 0 15px 30px 15px;  } #main-gigs ul li > div { padding: 0 0 20px 0; background-color: #ffffff; box-shadow: 0 0 15px 0 rgba( 0, 0, 0, 0.3 );  } #main-gigs ul li > div:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #main-gigs ul li figure { display: block; width: 100%; height: 0; padding: 0 0 62.4% 0; overflow: hidden;  } #main-gigs ul li figure img { display: block; width: 100%;  } #main-gigs ul li header { position: relative; display: block; height: 50px; margin: 0 0 0 0;  } #main-gigs ul li header div { position: absolute; top: -40px; left: 50%; width: 60px; height: 60px; margin: 0 0 0 -30px; border: 5px solid #ffffff; overflow: hidden; background-color: #ffffff; box-shadow: 0 0 10px 0 rgba( 0, 0, 0, 0.3 ); transform: rotate( 45deg );  } #main-gigs ul li header div img { position: absolute; top: 50%; left: 50%; display: block; width: 140%; transform: translate( -50%, -50% ) rotate( -45deg );  } #main-gigs ul li header .likes { position: relative; float: left; margin: 0 0 0 20px; padding: 0 0 0 25px; line-height: 50px; color: #333333; font-size: 12px;  } #main-gigs ul li header .likes:before { position: absolute; top: 0; left: 0; display: block; width: 20px; height: 50px; content: ""; background: url( "../images/gigbook/gigbook.png" ) no-repeat -140px -425px;  } #main-gigs ul li header .rate { position: relative; float: right; margin: 0 20px 0 0; padding: 0 0 0 25px; line-height: 50px; color: #333333; font-size: 12px;  } #main-gigs ul li header .rate:before { position: absolute; top: 0; left: 0; display: block; width: 20px; height: 50px; content: ""; background: url( "../images/gigbook/gigbook.png" ) no-repeat -340px -425px;  } #main-gigs ul li p { display: block; height: 40px; padding: 0 20px 0 20px; overflow: hidden; font-size: 16px; line-height: 18px; color: #333333;  } #main-gigs ul li footer { height: 20px; display: block; padding: 0 20px 0 20px;  } #main-gigs ul li footer:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #main-gigs ul li h5 { display: block; float: left; color: #e124e5; font-size: 16px; font-weight: bold; line-height: 20px;  } #main-gigs ul li .invite { position: relative; display: block; float: right; color: #30be00; font-size: 16px; font-weight: bold; line-height: 20px; text-transform: uppercase;  } #main-gigs ul li .invite:before { position: absolute; top: 10px; left: -50px; display: block; width: 40px; height: 1px; background-color: #d9e1e8; content: "";  } #main-gigs .show-all { position: relative; display: block; width: 270px; height: 60px; background-color: #ffffff; margin: 0 auto 0 auto; padding: 0 0 0 40px; clear: both; line-height: 60px; font-size: 18px; text-transform: uppercase; color: #05003a; font-weight: bold; cursor: pointer;  } #main-gigs .show-all:after { position: absolute; top: 5px; right: 20px; display: block; width: 50px; height: 50px; background: url( "../images/gigbook/gigbook.png" ) no-repeat -125px -225px; content: "";  } #main-intro { background-color: #d6dfe7; min-height: 1000px; padding: 0 0 100px 0;  } #main-intro:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #main-intro article { position: relative; display: block; min-height: 70px; padding: 730px 0 0 0; list-style: none;  } #main-intro article > img { position: absolute; left: 50%; top: 420px; display: none; max-width: 480px; transform: translate( -50%, 0 );  } #main-intro ul { position: absolute; top: 50%; left: 50%; display: block; width: 290px; height: 290px; margin: -145px 0 0 -145px; list-style: none;  } #main-intro ul li { position: absolute; border-color: #eaebef #d4dce7 #ccd8e4 #eaebef; border-style: solid; overflow: hidden; background-color: #d6dfe7; transform: rotate( -45deg );  } #main-intro ul li:after { position: absolute; width: 290px; height: 290px; background-color: rgba( 0, 0, 0, 0.5 ); opacity: 0; transition: all 0.25s ease-in-out; content: "";  } #main-intro ul img { position: absolute; top: 50%; left: 50%; display: block; width: 140%; transform: translate( -50%, -50% ) rotate( 45deg );  } #main-intro  ul .vip { width: 290px; height: 290px; border-width: 10px;  } #main-intro ul .pro { width: 220px; height: 220px; margin: -35px 0 0 -35px; border-width: 8px;  } #main-intro ul .junior { width: 140px; height: 140px; border-width: 6px; margin: -75px 0 0 -75px;  } #main-intro ul .diamond { width: 42px; height: 42px; border-width: 0; margin: -124px 0 0 -124px; background-color: #123456; box-shadow: 5px 5px 10px 0 rgba( 0, 0, 0, 0.5 );  } #main-intro ul .diamond:after { display: none;  } #main-intro ul .red { background-color: #ffe3f2; box-shadow: 5px 5px 15px 0px #d6bed6; background: linear-gradient( 135deg, #ffe2f2 49%, #fdd9ef 49%, #ffcae8 ); border-top: 2px solid rgba( 255, 255, 255, 0.5 ); border-left: 2px solid rgba( 255, 255, 255, 0.5 );  } #main-intro ul .blue { background-color: #e1eeff; box-shadow: 5px 5px 15px 0 #bbd4fc; background: linear-gradient( 135deg, #e0edff 49%, #dae9ff 49%, #cce1ff ); border-top: 2px solid rgba( 255, 255, 255, 0.5 ); border-left: 2px solid rgba( 255, 255, 255, 0.5 );  } #main-intro ul .sel { border-color: #ff0000; background-color: #ff0000;  } #main-intro ul span { position: absolute; z-index: 2; top: 50%; left: 50%; font-size: 20px; opacity: 0; color: #ffffff; transition: all 0.25s ease-in-out; transform: translate( -50%, -50% ) rotate( 45deg );  } #main-intro ul .pro span { font-size: 16px;  } #main-intro ul .junior span { font-size: 14px;  } #main-intro ul a { position: absolute; z-index: 2; display: block; width: 290px; height: 290px;  } #main-intro ul li:hover:after,#main-intro ul li:hover span { opacity: 1;  } #main-intro ul .pos-1 { top: 18px; left: -751px;  } #main-intro ul .pos-2 { top: -35px; left: -286px;  } #main-intro ul .pos-3 { top: -139px; left: 126px;  } #main-intro ul .pos-4 { top: 83px; left: 748px;  } #main-intro ul .pos-5 { top: 194px; left: -421px;  } #main-intro ul .pos-6 { top: 140px; left: 40px;  } #main-intro ul .pos-7 { top: 294px; left: 398px;  } #main-intro ul .pos-8 { top: 36px; left: 455px;  } #main-intro ul .pos-9 { top: 376px; left: -501px;  } #main-intro ul .pos-10 { top: 14px; left: -340px;  } #main-intro ul .pos-11 { top: 373px; left: -186px;  } #main-intro ul .pos-12 { top: 321px; left: -38px;  } #main-intro ul .pos-13 { top: -35px; left: 13px;  } #main-intro ul .pos-14 { top: 375px; left: 219px;  } #main-intro ul .pos-15 { top: 219px; left: 378px;  } #main-intro ul .pos-16 { top: 273px; left: 633px;  } #main-intro ul .pos-17 { top: 76px; left: 750px;  } #main-intro ul .pos-18 { top: 27px; left: 999px;  } #main-intro ul .pos-19 { top: 470px; left: -559px;  } #main-intro ul .pos-20 { top: 213px; left: -304px;  } #main-intro ul .pos-21 { top: 525px; left: -303px;  } #main-intro ul .pos-22 { top: 473px; left: 157px;  } #main-intro ul .pos-23 { top: 161px; left: 163px;  } #main-intro ul .pos-24 { top: 380px; left: 373px;  } #main-intro ul .pos-25 { top: 121px; left: 745px;  } #main-intro ul .pos-26 { top: 273px; left: 790px;  } #main-intro h3 { margin: 0 0 0 0; font-size: 120px; color: #d7e0e7; line-height: 100%; text-align: center; font-weight: bold; line-height: 120px; text-shadow: 0 0 15px rgba( 143, 155, 163, 0.4 ); letter-spacing: 20px;  } #main-intro h2 { margin: 0 0 30px 0; text-align: center; text-transform: uppercase; font-size: 46px; line-height: 46px;  } #main-intro h2 span { display: inline-block;  } #main-intro h2 span:first-child { font-weight: bold; color: #93268f;  } #main-intro h2 span:last-child { color: #1b1462;  } #main-intro .main-search { position: relative; display: block; max-width: 700px; margin: 0 auto 0 auto; padding: 0 60px 0 0; height: 62px; border: 1px solid #ffffff; background-color: #ffffff;  } #main-intro .main-search:before { position: absolute; top: 25px; left: 20px; width: 10px; height: 10px; border-right: 3px solid #ecd6eb; border-bottom: 3px solid #ecd6eb; content: ""; box-sizing: border-box; transform: rotate( -45deg );  } #main-intro .main-search input { display: block; width: 100%; height: 60px; padding: 0 10px 0 50px; line-height: 60px; color: #44433f; background-color: transparent;  } #main-intro .main-search span { position: absolute; top: 0; right: 0; display: block; width: 60px; height: 60px; background-color: #93268f; cursor: pointer;  } #main-intro .main-search span:hover { background-color: #a3369f;  } #main-intro .main-search span:after { position: absolute; top: 5px; right: 5px; display: block; width: 50px; height: 50px; content: ""; background: url( "../images/gigbook/gigbook.png" ) no-repeat -625px -325px;  } #main-intro .main-search ol { position: absolute; z-index: 2; top: 61px; left: -1px; display: none; width: calc( 100% + 2px ); list-style: none; background-color: #ffffff; box-shadow: 0 0 0 1px rgba( 127, 127, 127, 0.1 ); overflow: hidden;  } #main-intro .main-search ol li { position: relative; display: block; height: 50px; padding: 10px 0 10px 10px; line-height: 20px; overflow: hidden; color: #333333; cursor: pointer; border-bottom: 1px solid rgba( 127, 127, 127, 0.1 );  } #main-intro .main-search ol li:last-child { border-bottom: 0;  } #main-intro .main-search ol .sel { background-color: #fafafa;  } #main-intro .main-search ol li:hover { background-color: #f0f0f5;  } #main-intro .main-search ol li:before {  } #main-intro .main-search ol figure { position: absolute; top: 5px; left: 5px; width: 40px; height: 40px; overflow: hidden; border-radius: 4px;  } #main-intro .main-search ol img { display: block; width: 100%; height: 100%;  } #main-intro .main-search i { display: block; font-style: normal; font-size: 10px; color: #aaaaaa;  } #main-join { position: relative; min-height: 500px; background: url( "../images/gigbook/home-join-background.jpg" ) #e9eef4 no-repeat center center / cover;  } #main-join:before { position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url( "../images/gigbook/home-diamonds-background.jpg" ) #e9eef4 no-repeat center center / cover; content: ""; opacity: 0.15;  } #main-join:after { position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; clear: both; background: rgba( 255, 255, 255, 0.1 ); content: "";  } #main-join > div { position: absolute; z-index: 2; top: 50%; left: 50%; max-width: 900px; width: 100%; transform: translate( -50%, -50% );  } #main-join p { margin: 0 10px 30px 10px; text-align: center; color: #211960; line-height: 120%; font-size: 22px;  } #main-join p:last-of-type {  } #main-join h2 { position: relative; margin: 0 10px 30px 10px; padding: 30px 0 0 0; text-align: center; color: #86267d; line-height: 120%; font-size: 32px;  } #main-join h2:before { position: absolute; top: 0; left: 50%; width: 200px; height: 1px; margin: 0 0 0 -100px; background-color: #debad6; content: "";  } #main-join > div span { position: relative; display: block; width: 230px; height: 70px; background-color: #a23897; margin: 0 auto 0 auto; padding: 0 0 0 40px; border: 5px solid #ffffff; line-height: 60px; font-size: 18px; text-transform: uppercase; color: #ffffff; font-weight: bold; cursor: pointer;  } #main-join > div span:after { position: absolute; top: 5px; right: 20px; display: block; width: 50px; height: 50px; background: url( "../images/gigbook/gigbook.png" ) no-repeat -125px -125px; content: "";  } #main-join > span { position: absolute; position: absolute; left: 0; bottom: 0; display: none; width: 100%; height: 60px; background-color: #a23897; line-height: 60px; font-size: 18px; text-transform: uppercase; color: #ffffff; font-weight: bold; cursor: pointer; text-align: center;  } #profile-pro-biography { position: relative; background-color: #d6dfe7; padding: 70px 0 0 0; background: #ebf0f6;  } #profile-pro-biography:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #profile-pro-biography > div { max-width: 1200px; margin: 0 auto 0 auto;  } #profile-pro-biography > div:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #profile-pro-biography article { display: block; float: left; width: calc( 100% - 400px );  } #profile-pro-biography article .bio { margin: 0 0 50px 20px; line-height: 150%; color: #2f2b27;  } #profile-pro-biography aside { display: block; float: left; width: 400px;  } #profile-pro-biography h2 { position: relative; display: block; margin: 0 0 50px 0; padding: 0 0 0 20px; color: #16116a; font-weight: bold; font-size: 16px; line-height: 16px; text-transform: uppercase;  } #profile-pro-biography h2:before { position: absolute; top: 4px; left: 0; display: block; width: 8px; height: 8px; background-color: #9e2a9e; content: ""; border-radius: 50%;  } #profile-pro-biography aside ul { display: block; margin: 0 0 0 20px; list-style: none;  } #profile-pro-biography aside ul li { position: relative; display: block; height: 42px; margin: 0 0 10px 0; padding: 0 0 0 20px; background-color: #d9e1e8; border: 1px solid #ecf0f3; line-height: 40px; color: #2c2d27;  } #profile-pro-biography aside ul span { position: absolute; top: 0; right: 60px; line-height: 40px; color: #98289a;  } #profile-pro-biography aside ul figure { position: absolute; top: 9px; right: 10px; width: 30px; height: 22px; overflow: hidden;  } #profile-pro-biography aside ul img { position: absolute; top: 50%; left: 50%; display: block; height: 100%; transform: translate( -50%, -50% );  } #profile-pro-intro { position: relative; background-color: #d6dfe7; padding: 60px 0 100px 0; background: url( "../images/gigbook/profile-vip-background.jpg" ) no-repeat center top / cover;  } #profile-pro-intro .cover { position: relative; margin: 0 20px 0 20px; height: 600px; overflow: hidden; border-top: 10px solid #211962; border-bottom: 10px solid #d0dae8; clip-path: polygon( 0 0, 100% 0%, 80% 100%, 20% 100% );  } #profile-pro-intro .cover img { position: absolute; top: 50%; left: 50%; display: block; width: 100%; transform: translate( -50%, -50% );  } #profile-pro-intro .avatar { position: relative; height: 1px;  } #profile-pro-intro .avatar figure { position: absolute; z-index: 3; left: 50%; top: -210px; display: block; width: 300px; height: 300px; overflow: hidden; border-left: 8px solid #f5f5f7; border-bottom: 8px solid #f5f5f5; border-top: 8px solid #d3dde7; border-right: 8px solid #d3dde7; background-color: #d2dce6; box-shadow: 0 0 0 1px #e4eefa; transform: translate( -50%, 0 ) rotate( 45deg );  } #profile-pro-intro .avatar img { position: absolute; top: 50%; left: 50%; width: 400px; height: 400px; transform: translate( -50%, -50% ) rotate( -45deg );  } #profile-pro-intro .avatar span { position: absolute; z-index: 3; top: 160px; left: 50%; display: block; width: 42px; height: 42px; background-color: #e1eeff; box-shadow: 5px 5px 15px 0 #bbd4fc; background: linear-gradient( 135deg, #e0edff 49%, #dae9ff 49%, #cce1ff ); border-top: 2px solid rgba( 255, 255, 255, 0.5 ); border-left: 2px solid rgba( 255, 255, 255, 0.5 ); transform: translate( -50%, 0 ) rotate( -45deg ); content: "";  } #profile-pro-intro .name { position: relative; display: block; height: 60px;  } #profile-pro-intro .name h1,#profile-pro-intro .name span { position: absolute; top: 0; line-height: 60px; text-transform: uppercase; color: #2e2865; font-size: 22px; font-weight: bold;  } #profile-pro-intro .name h1 { right: calc( 50% + 200px );  } #profile-pro-intro .name span { left: calc( 50% + 200px );  } #profile-pro-intro .name h1:before,#profile-pro-intro .name span:before { display: block; position: absolute; top: 30px; width: 180px; height: 1px; background-color: #b18bb9; content: "";  } #profile-pro-intro .name h1:before { right: -200px;  } #profile-pro-intro .name span:before { left: -200px;  } #profile-pro-intro .stats { position: relative; display: block; margin: 0 0 15px 0; padding: 60px 0 0 0;  } #profile-pro-intro .stats .followers { position: absolute; top: 0px; right: calc( 50% + 300px ); text-transform: uppercase;  } #profile-pro-intro .stats .followers span { display: block; margin: 0 0 6px 0 ; color: #151067; font-weight: bold; font-size: 30px; font-size: 30px; line-height: 100%; text-align: center;  } #profile-pro-intro .stats .followers i { display: block; text-align: center; font-style: normal; line-height: 100%; color: #2e2b25; font-size: 12px;  } #profile-pro-intro .stats .follow { position: absolute; top: 0; left: 50%; width: 500px; height: 50px; background: url( "../images/gigbook/gigbook.png" ) no-repeat 0 -1000px; transform: translate( -50%, 0 );  } #profile-pro-intro .stats .follow span { position: absolute; top: 0; display: block; height: 50px; line-height: 50px; font-weight: bold; text-transform: uppercase; font-size: 18px; cursor: pointer;  } #profile-pro-intro .stats .follow span:before { position: absolute; top: 15px; content: ""; width: 20px; height: 20px; background: url( "../images/gigbook/gigbook.png" ) no-repeat;  } #profile-pro-intro .stats .follow span:first-child { right: calc( 50% + 90px ); padding: 0 30px 0 0; color: #ffffff;  } #profile-pro-intro .stats .follow span:last-child { left: calc( 50% + 90px ); padding: 0 0 0 30px; color: #fccf00;  } #profile-pro-intro .stats .follow span:first-child:before { right: 0; background-position: -340px -140px; opacity: 0.5;  } #profile-pro-intro .stats .follow span:last-child:before { left: 0;  } #profile-pro-intro .stats .follow .exclusive:before { background: url( "../images/gigbook/gigbook.png" ) no-repeat -440px -240px;  } #profile-pro-intro .stats .category-mobile { display: none; margin: 0 0 30px 0; text-align: center; color: #93278f; text-transform: uppercase;  } #profile-pro-intro .stats ul { position: absolute; top: 0px; left: calc( 50% + 270px ); display: block; list-style: none; text-transform: uppercase;  } #profile-pro-intro .stats ul li { display: block; float: left; min-width: 60px; margin: 0 20px 0 0;  } #profile-pro-intro .stats ul li:first-child { display: none;  } #profile-pro-intro .stats ul li:first-child span { color: #1b1464;  } #profile-pro-intro .stats ul li:last-child { margin: 0 0 0 0;  } #profile-pro-intro .stats ul span { display: block; margin: 0 0 6px 0 ; color: #912c95; font-weight: bold; font-size: 28px; line-height: 28px; text-align: center;  } #profile-pro-intro .stats ul i { display: block; text-align: center; font-style: normal; line-height: 12px; color: #2e2b25; font-size: 12px;  } #profile-pro-intro .date-location { position: relative; display: block; height: 30px; margin: 0 0 20px 0;  } #profile-pro-intro .date-location h2 { display: none; padding: 0 10px 0 10px; color: #2e2865; font-size: 22px; font-weight: bold; line-height: 30px;  } #profile-pro-intro .date-location span { position: absolute; display: block; height: 30px; padding: 0 0 0 40px; line-height: 30px; text-transform: uppercase; font-size: 14px; cursor: pointer; color: #2e2b25;  } #profile-pro-intro .date-location .verified:before { position: absolute; top: 0; left: 0; content: ""; width: 30px; height: 30px; background: url( "../images/gigbook/gigbook.png" ) no-repeat -535px -235px;  } #profile-pro-intro .date-location span:first-child { right: calc( 50% + 50px );  } #profile-pro-intro .date-location span:last-child { left: calc( 50% + 50px );  } #profile-pro-intro .date-location span figure { position: absolute; top: 2px; left: 0; width: 26px; height: 26px; border-radius: 50%; overflow: hidden;  } #profile-pro-intro .date-location span img { position: absolute; top: 0; left: 50%; height: 100%; transform: translate( -50%, 0 );  } #profile-pro-intro nav { position: relative; display: block; max-width: 1200px; height: 71px; margin: 0 auto 0 auto; background-color: #f0f5f8; border-bottom: 1px solid #ccacd1; overflow: hidden; clear: both;  } #profile-pro-intro nav i { position: relative; display: block; float: left; margin: 0 0 0 20px; padding: 0 0 0 30px; line-height: 70px; font-style: normal; color: #20185f; cursor: pointer;  } #profile-pro-intro nav i:before { position: absolute; top: 25px; left: 0; display: block; width: 20px; height: 20px; background: url( "../images/gigbook/gigbook.png" ) no-repeat -640px -240px; content: "";  } #profile-pro-intro nav .menu { position: absolute; top: 0; left: 50%; display: block; height: 70px; transform: translate( -50%, 0 );  } #profile-pro-intro nav ul { display: block; height: 70px; list-style: none;  } #profile-pro-intro nav ul li { position: relative; display: block; float: left; height: 70px; width: 140px; text-align: center;  } #profile-pro-intro nav ul span { display: inline-block; line-height: 70px; color: #9facbc; font-size: 16px; text-transform: uppercase; cursor: pointer;  } #profile-pro-intro nav ul span:hover { color: #201861;  } #profile-pro-intro nav ul .sel:after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 2px; background-color: #201861; content: "";  } #profile-pro-intro nav ul .sel span { color: #a22c95;  } #profile-pro-intro nav .join { position: absolute; top: 15px; right: 70px; display: block; height: 40px; line-height: 40px; padding: 0 20px 0 40px; background-color: #9b2a96; color: #fdfeff; text-transform: uppercase; font-weight: bold; cursor: pointer;  } #profile-pro-intro nav .join:before,#profile-pro-intro nav .join:after { position: absolute; left: 20px; top: 19px; width: 12px; height: 2px; background-color: #f232e7; opacity: 0.8; content: "";  } #profile-pro-intro nav .join:after { transform: rotate( 90deg );  } #profile-pro-intro nav img { position: absolute; right: 10px; top: 50%; display: block; transform: translate( 0, -50% ); cursor: pointer;  } #event { position: relative; max-width: 1200px; min-height: 850px; margin: 0 auto 0 auto; padding: 100px 0 50px 0;  } #event:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #event > article { float: left; width: 65%;  } #event > article > figure { position: relative; width: 100%; height: 0; margin: 0 0 30px 0; padding: 0 0 66.6% 0; background: linear-gradient( to bottom, rgba( 28, 21, 99, 1 ), rgba( 28, 21, 99, 0 ) );  } #event > article > figure img { position: absolute; top: 5px; left: 5px; width: calc( 100% - 10px );  } #event > article > h2 { position: relative; margin: 0 0 30px 30px; padding: 0 0 0 10px; text-transform: uppercase; color: #1a1363; font-weight: bold; font-size: 20px; line-height: 20px;  } #event > article > h2:before { position: absolute; top: 7px; left: 0; width: 6px; height: 6px; background-color: #9f2b98; border-radius: 50%; content: "";  } #event > article .content { margin: 0 20px 0 40px; line-height: 150%; color: #332f2c;  } #event > aside { float: right; width: 35%; padding: 30px 10px 30px 10px; background-color: #1b1464;  } #event > aside h2 { margin: 0 0 30px 10px; color: #ffffff; font-weight: bold; font-size: 20px; line-height: 30px;  } #event > aside .date { margin: 0 30px 20px -10px; padding: 0 0 0 30px; line-height: 60px; background-color: #a02194; color: #ffffff; font-size: 16px; font-weight: bold;  } #event > aside label { position: relative; display: block; margin: 0 0 0 10px; padding: 0 0 0 10px; color: #b4b0e3; font-weight: bold; font-size: 12px; line-height: 36px;  } #event > aside label:before { position: absolute; top: 15px; left: 0; width: 6px; height: 6px; background-color: #9f2b98; border-radius: 50%; content: "";  } #event > aside ol { display: block; list-style: none; margin: 0 10px 30px 10px;  } #event > aside ol:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #event > aside ol li { position: relative; display: block; min-height: 36px; margin: 0 0 10px 0; padding: 0 0 0 120px;  } #event > aside ol li:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #event > aside ol li label { position: absolute; top: 0; left: 0; margin: 0;  } #event > aside ol figure { display: block; float: left; width: 36px; height: 36px; margin: 0 10px 0 0; background-color: #bc29ae; border: 2px solid #ffffff;  } #event > aside ol figure img { display: block; width: 100%;  } #event > aside ol li span { float: left; line-height: 36px; color: #ffffff; font-weight: bold;  } #event > aside ul { display: block; list-style: none; margin: 0 10px 30px 20px; padding: 20px 0 0 0;  } #event > aside ul:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #event > aside ul li { position: relative; display: block; min-height: 36px; margin: 0 0 20px 0;  } #event > aside ul figure { position: relative; display: block; float: left; width: 36px; height: 36px; margin: 0 20px 0 0; background-color: #1b1464; border: 2px solid #ffffff; transform: rotate( 45deg ); overflow: hidden;  } #event > aside ul figure img { position: absolute; top: 50%; left: 50%; display: block; width: 60px; height: 60px; margin: -30px 0 0 -30px; transform: rotate( -45deg );  } #event > aside ul li p { display: block; line-height: 20px; color: #ffffff; font-size: 12px;  } #event > aside ul li p:first-of-type { font-weight: bold; font-size: 14px;  } #event > aside hr { display: block; height: 1px; margin: 0 10px 30px 10px; background-color: #322c74; clear: both;  } #event > aside .interested { position: relative; display: block; padding: 0 50px 0 45px; margin: 0 30px 30px 30px; height: 50px; background-color: #6ca12b; border-radius: 10px; cursor: pointer;  } #event > aside .interested span { position: relative; float: left; line-height: 50px; color: #ffffff; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;  } #event > aside .interested span:first-child:after { position: absolute; top: 15px; right: -30px; width: 20px; height: 20px; content: ""; background: url( "../images/gigbook/gigbook.png" ) no-repeat -340px -140px; opacity: 0.5;  } #event > aside .interested span:last-child { float: right;  } #event > aside .interested:after { position: absolute; top: 15px; right: 30px; width: 20px; height: 20px; content: ""; background: url( "../images/gigbook/gigbook.png" ) no-repeat -40px -340px; transform: scale( 0.7 );  } #event > aside .contact { position: relative; display: block; margin: 0 30px 0 30px; height: 50px; line-height: 50px; background-color: #ad25a1; border-radius: 10px; text-align: center; color: #ffffff; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;  } #legal { padding: 90px 20px 50px 20px; margin: 0 auto 0 auto; max-width: 1440px;  } #legal:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #legal header { position: relative; display: block; margin: 0 0 30px 0; padding: 0 0 30px 0; overflow: hidden; border-bottom: 2px dashed #e0e0e0;  } #legal header h2 { position: relative; display: inline-block; margin: 0 0 20px 0; font-weight: bold; color: #052850; font-size: 34px; line-height: 100%;  } #legal header p { color: #052850; font-size: 18px; line-height: 180%; opacity: 0.5;  } #legal article {  } #legal article h3 { margin: 0 0 20px 0; font-weight: bold; color: #052850; font-size: 18px; text-transform: uppercase; line-height: 200%;  } #legal article p { margin: 0 0 30px 0; font-size: 16px; text-align: justify; color: #2b2b4b; line-height: 200%;  } #legal br { display: block; clear: both;  } #legal .dblbr { display: block; clear: both; margin: 0 0 40px 0;  } #legal a { color: #0bbbff; cursor: pointer;  } #legal a:hover { color: #ed1c24;  } #legal article ul { list-style: none; margin: 0 0 30px 0;  } #legal article ul li { position: relative; margin: 0 0 10px 0; padding: 0 0 0 20px; text-align: justify; color: #2b2b4b; line-height: 200%; font-size: 16px;  } #legal article ul li:before { position: absolute; top: 0; left: 0; display: block; content: "•"; line-height: 200%; color: #052850;  } #legal article ul p { margin: 0 0 10px 0;  } #legal i { color: #052850; font-size: 16px; line-height: 16px; opacity: 0.5; font-style: normal;  } #about { padding: 60px 0 50px 0; padding: 50px 0 50px 0;  } #about:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #about > header { position: relative; display: block; margin: 0 0 0 0; overflow: hidden;  } #about > header:before { display: block; width: 100%; height: 100px; clear: both; content: ""; background-color: #18347a;  } #about > header svg { display: block; width: 100%; height: 300px;  } #about > header h2 { position: absolute; top: 100px; left: 0; width: 100%; text-align: center; font-weight: bold; color: #fdebd2; font-size: 34px; line-height: 100%;  } #about section { display: block; margin: 0 auto 0 auto;  } #about section:after { display: block; width: 100%; height: 0; content: ""; clear: both;  } #about section p { max-width: 1420px; margin: 0 auto 30px auto; padding: 0 10px 0 10px; font-size: 18px; text-align: justify; color: #2b2b4b; line-height: 200%;  } #about section ul { display: block; max-width: 1420px; list-style: none; padding: 20px 0 0 0; margin: 0 auto 0 auto;  } #about section ul:after { display: block; width: 100%; height: 0; content: ""; clear: both;  } #about section ul li { display: block; padding: 20px 0 0 0; border-top: 1px solid #f0f0f0;  } #about section ul li:after { display: block; width: 100%; height: 0; content: ""; clear: both;  } #about section ul h3 { margin: 0 0 20px 0; color: #18347a; font-size: 32px; text-transform: uppercase; line-height: 100%; font-weight: 100;  } #about section ul h4 { margin: 0 0 0 0; color: #46484a; font-size: 16px; line-height: 150%;  } #about section ul figure { display: block; width: 50%; padding: 50px 0 50px 0; position: relative; display: block; width: 50%;  } #about section ul img { display: block; width: 200px; height: 200px; opacity: 0.5;  } #about section ul aside { position: relative; display: block; width: 50%; height: 300px;  } #about section ul li:nth-child( odd ) figure { float: left;  } #about section ul li:nth-child( odd ) img { float: left;  } #about section ul li:nth-child( odd ) aside { float: right;  } #about section ul li:nth-child( even ) figure { float: right;  } #about section ul li:nth-child( even ) img { float: right;  } #about section ul li:nth-child( even ) aside { float: left;  } #about section .feature-1 img { transform: rotate( 35deg );  } #about section .feature-2 img { transform: rotate( -15deg );  } #about section .feature-3 img { transform: rotate( -45deg );  } #about section .feature-4 img { transform: rotate( -55deg );  } #about section ul header { position: absolute; top: 50%; left: 0; display: block; width: 100%; transform: translate( 0px, -50% );  } #search aside { position: absolute; top: 0; left: 0; display: block; width: 290px; height: 100%; margin: 0 0 0 0; padding: 0 0 0 0; border-right: 1px solid #e5e5e5; transition: all 0.2s ease-in-out; overflow: hidden; background-color: #ececec;  } #search aside > div { width: 320px; height: 100%; overflow: auto;  } #search aside h2 { position: relative; display: block; width: 290px; height: 61px; margin: 0 0 30px 0; padding: 0 0 0 20px; font-size: 18px; line-height: 60px; color: #333333; text-transform: uppercase; border-bottom: 1px solid #d0d5da;  } #search aside h2 span { position: absolute; top: 5px; right: 10px; display: none; width: 40px; height: 40px; cursor: pointer; transition: all 0.2s ease-in-out;  } #search aside h2 span:before,#search aside h2 span:after { position: absolute; top: 19px; left: 13px; display: block; width: 16px; height: 2px; background-color: #333333; content: "";  } #search aside h2 span:before { transform: rotate( 45deg );  } #search aside h2 span:after { transform: rotate( -45deg );  } #search aside h2 span:hover:before,#search aside h2 span:hover:after { background-color: #ed1c24;  } #search aside fieldset { width: 290px; display: block; margin: 0 0 30px 0; padding: 0 20px 0 20px; overflow: hidden; border-bottom: 1px solid #d0d5da;  } #search aside fieldset:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #search aside fieldset:last-child { margin: 0 0 0 0; border-bottom: 0;  } #search aside header { position: relative; display: block; margin: 0 0 30px 0; padding: 0 0 0 0; font-weight: bold; color: #18347a; text-transform: uppercase; font-size: 14px; line-height: 20px;  } #search aside header span { position: absolute; top: 1px; right: 0; width: 18px; display: block; height: 18px; border: 2px solid #a5b0bf; border-radius: 50%; cursor: pointer; opacity: 0.5;  } #search aside header span:hover { opacity: 1;  } #search aside header span:before { position: absolute; top: 50%; left: 50%; width: 8px; height: 2px; margin: -1px 0 0 -4px; content: ""; background-color: #a5b0bf;  } #search aside header span:after { position: absolute; top: 50%; left: 50%; width: 8px; height: 2px; margin: -1px 0 0 -4px; content: ""; background-color: #a5b0bf; transition: all 0.2s ease-in-out;  } #search aside .min ul { max-height: 0;  } #search aside .min header span:after { transform: rotate( 90deg );  } #search aside ul { display: block; list-style: none; margin: 0 0 0 0; max-height: 2000px; overflow: hidden; transition: all 0.2s ease-in-out;  } #search aside ul li { position: relative; display: block; height: 20px; margin: 0 0 20px 0; padding: 0 0 0 40px; font-weight: bold; color: #7e8795; font-size: 14px; line-height: 20px;  } #search aside ul li:last-child { margin: 0 0 30px 0;  } #search aside ul .cb,#search aside ul .cbs { position: absolute; top: 1px; left: 0; border-color: #a5b0bf;  } #search aside ul .cbs { background-position: -116px -116px;  } #search aside ul label { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  } #search aside .select { margin: 0 0 20px 0;  } #search aside .selbox { position: relative; display: block; height: 40px; margin: 0 30px 30px 0; cursor: pointer; border: 1px solid #e0e5ea; border-radius: 3px;  } #search aside .selbox:before { position: absolute; display: block; top: 0; right: 0; width: 40px; height: 40px; content: ""; background: url( "../images/website/blunavi.png" ) -205px -55px no-repeat; border-left: 1px solid #a0a5aa; opacity: 0.3;  } #search aside .selbox span { position: absolute; top: 0; left: 10px; width: 250px; padding: 0; font-size: 14px; color: #7e8795; line-height: 40px;  } #search aside .selbox ol { position: absolute; z-index: 3; top: 40px; left: -1px; width: 100%; display: none; list-style: none; background-color: #ffffff; border: 1px solid #e0e5ea; overflow: hidden; border-radius: 0 0 3px 3px;  } #search aside .selbox ol li { display: block; padding: 0 0 0 10px; color: #7e8795; line-height: 40px; border-bottom: 1px solid #e0e5ea;  } #search aside .selbox ol li:last-child { border: 0;  } #search aside .range { position: relative; display: block; height: 4px; margin: 0 0 15px 0; background-color: #185ee6;  } #search aside .range span,#search aside .range i { position: absolute; top: -8px; display: block; width: 20px; height: 20px; margin: 0 0 0 0; background-color: #185ee6; border-radius: 50%; box-shadow: 1px 1px 2px 1px rgba( 0, 0, 0, 0.2 ); cursor: pointer;  } #search aside .range i { right: 0;  } #search aside .range span:before { position: absolute; top: 8px; right: 20px; display: block; width: 300px; height: 4px; content: ""; background-color: #d0d0d0;  } #search aside .range i:before { position: absolute; top: 8px; left: 20px; display: block; width: 300px; height: 4px; content: ""; background-color: #d0d0d0;  } #search aside .min-range,#search aside .max-range { float: left; margin: 0 0 30px 0; color: #7e8795; text-transform: uppercase; font-weight: bold; line-height: 20px;  } #search aside .max-range { float: right;  } #search aside .min-range:after,#search aside .max-range:after { display: inline; content: attr( data-currencylabel );  } #search aside sub { padding: 0 0 0 2px; font-size: 10px; vertical-align: super;  } #search > header { position: fixed; z-index: 10; top: 0; left: 290px; display: block; width: calc( 100% - 290px ); height: 61px; padding: 0 0 0 0; background-color: #f0f0f0; border-bottom: 1px solid #e5e5e5;  } #search > header > div { position: absolute; top: 0; left: 0; display: none; width: 61px; height: 60px; cursor: pointer; border-right: 1px solid #e5e5e5;  } #search > header > div:hover { background-color: #ffffff;  } #search > header > div span { position: absolute; top: 29px; left: 25px; display: block; width: 10px; height: 2px; background-color: #333333; opacity: 0.8;  } #search > header > div:hover span { opacity: 1;  } #search > header > div span:before,#search > header > div span:after { position: absolute; top: 0; left: 50%; display: block; height: 2px; background-color: #333333; content: ""; transform: translate( -50%, 0% );  } #search > header > div span:before { width: 18px; margin: -4px 0 0 0;  } #search > header > div span:after { width: 4px; margin: 4px 0 0 0;  } #search > header input { display: block; width: 100%; height: 60px; padding: 0 70px 0 20px; background-color: transparent;  } #search > header input:focus { background-color: #ffffff;  } #search > header > span { position: absolute; top: 0; right: 0; display: block; width: 61px; height: 60px; cursor: pointer; border-left: 1px solid #e5e5e5;  } #search > header > span:hover { background-color: #ffffff;  } #search > header > span:before,#search > header > span:after { position: absolute; top: 29px; left: 20px; display: block; width: 20px; height: 2px; background-color: #ed1c24; content: ""; transform: rotate( 45deg ); transition: all ease-in-out .2s;  } #search > header > span:after { transform: rotate( -45deg );  } #search > header > span:hover:before { transform: rotate( -40deg );  } #search > header > span:hover:after { transform: rotate( 40deg );  } #search > header > span:hover:before,#search > header > span:hover:after { transform-origin: 100% 1px;  } #search > header ol { position: absolute; z-index: 2; top: 61px; left: -1px; display: none; width: calc( 100% + 2px ); list-style: none; background-color: #ffffff; box-shadow: 0 0 0 1px rgba( 127, 127, 127, 0.1 ); overflow: hidden;  } #search > header ol li { position: relative; display: block; height: 50px; padding: 10px 0 10px 10px; line-height: 20px; overflow: hidden; color: #333333; cursor: pointer; border-bottom: 1px solid rgba( 127, 127, 127, 0.1 );  } #search > header ol li:last-child { border-bottom: 0;  } #search > header ol .sel { background-color: #fafafa;  } #search > header ol li:hover { background-color: #f0f0f5;  } #search > header ol li:before {  } #search > header ol figure { position: absolute; top: 5px; left: 5px; width: 40px; height: 40px; overflow: hidden; border-radius: 4px;  } #search > header ol img { display: block; width: 100%; height: 100%;  } #search > header i { display: block; font-style: normal; font-size: 10px; color: #aaaaaa;  } #search section > header { position: relative; display: block; height: 51px; margin: 0 0 10px 0; padding: 0 0 0 20px; text-transform: uppercase; border-bottom: 1px solid #e5e5e5;  } #search section > header h4 { display: block; float: left; line-height: 50px; font-weight: bold; color: #333333;  } #search section > header span { position: absolute; top: 5px; right: 10px; display: block; width: 40px; height: 40px; cursor: pointer; transition: all 0.2s ease-in-out;  } #search section > header span:before,#search section > header span:after { position: absolute; top: 19px; left: 13px; display: block; width: 16px; height: 2px; background-color: #000000; content: "";  } #search section > header span:before { transform: rotate( 45deg );  } #search section > header span:after { transform: rotate( -45deg );  } #search section > header span:hover:before,#search section > header span:hover:after { background-color: #ed1c24;  } #search section ul { display: block; margin: 0 10px 0 10px; list-style-type: none;  } #search section ul:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #search section ul li { display: block; float: left; width: 25%; margin: 0 0 0 0;  } #search section ul li:hover {  } #search section ul li > div { position: relative; margin: 10px; border: 1px solid #f0f0f0; overflow: hidden; border-radius: 5px; background-color: #ffffff; cursor: pointer; transition: all 0.2s ease-in-out; box-shadow: 0 0 0 0 rgba( 0, 0, 0, 0 );  } #search section ul li > div:hover { box-shadow: 0 0 15px 0 rgba( 0, 0, 0, 0.1 );  } #search section ul li figure { position: relative; display: block; padding: 0 0 65% 0; overflow: hidden; background-color: #ffffff;  } #search section ul li img { position: absolute; top: 50%; left: 0; display: block; height: 100%; transform: translate( 0, -50% );  } #search section ul li figure span { position: absolute; top: 20px; left: 0; padding: 0 10px 0 10px; line-height: 30px; color: #ffffff; font-size: 10px; text-transform: uppercase; background-color: rgba( 147, 38, 143, 0.5 );  } #search section ul li .avatar { position: absolute; top: -17px; left: 10px; display: block; width: 34px; height: 34px; overflow: hidden; background-color: #f0f0f0; border-radius: 50%; cursor: pointer; border: 2px solid #ffffff;  } #search section ul li .avatar i { display: block; line-height: 30px; color: #606b8b; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 12px; font-style: normal;  } #search section ul li header { position: relative; height: 110px; padding: 20px 10px 20px 10px;  } #search section ul li h3 { max-height: 50px; margin: 0 0 10px 0; overflow: hidden; line-height: 25px; font-size: 16px; color: #333333;  } #search section ul li time { position: relative; display: block; margin: 0 0 0 0; clear: both; line-height: 12px; font-size: 12px; font-weight: normal; color: rgba( 24, 52, 122, 0.4 );  } #search section ul li footer { position: relative; height: 51px; padding: 0 10px 10px 10px; border-top: 1px dotted #f0f0f0;  } #search section ul li .follow { display: block; float: left; line-height: 30px; margin: 10px 0 0 0; padding: 0 10px 0 10px; font-weight: bold; color: #ffffff; background-color: #93268f; font-size: 12px; text-transform: uppercase; border-radius: 5px;  } #search section ul li .follow span { font-size: 12px; color: #70757a;  } #search section ul li .like,#search section ul li .liked { position: absolute; bottom: 10px; right: 5px; display: block; width: 30px; height: 30px; cursor: pointer;  } #search section ul li .like:after,#search section ul li .liked:after { position: absolute; top: -10px; left: -10px; display: block; width: 50px; height: 50px; content: ""; background: url( "../images/web/web.png" ) no-repeat -1125px -125px; opacity: 0.5;  } #search section ul li .liked:after { background-position: -1225px -125px; opacity: 1;  } #search section ul li .like:before,#search section ul li .liked:before { position: absolute; top: 0; right: 100%; display: block; margin: 0 5px 0 0; content: attr( data-count ); line-height: 30px; color: #888888; font-weight: bold;  } #search section nav { display: block; margin: 0 0 0 0; margin: 0 10px 0 10px; padding: 20px 0 20px 0; overflow: auto; clear: both; border-radius: 0 0 3px 3px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  } #search section nav div { float: left; height: 32px; overflow: hidden; border-radius: 4px; border: 1px solid #e5e5e5;  } #search section nav span,#search section nav i { display: block; float: left; min-width: 31px; height: 30px; padding: 0 10px 0 10px; margin: 0 0 0 0; color: #7b7e9f; line-height: 30px; font-weight: bold; background-color: #ffffff; border-right: 1px solid #e5e5e5; font-style: normal;  } #search section nav span:first-child,#search section nav i:first-child {  } #search section nav span:last-child,#search section nav i:last-child { border-right: 0;  } #search section nav span:hover { background-color: #f5f5f5; cursor: pointer;  } #search section nav i { color: #ed1c24;  } #search section nav h4 { float: right; margin: 0; font-weight: bold; font-size: 14px; line-height: 32px; color: #2b2e4f;  } #search { position: fixed; z-index: 10; top: 0; left: 0; display: none; width: 100%; height: 100%; padding: 60px 0 0 290px; background-color: #f3f5f6;  } #search section { position: relative; padding: 0 0 0 0; height: 100%; overflow: auto;  } #search section .logo-search { position: absolute; top: 50%; left: 50%; display: block; max-width: 600px; width: 60%; margin: 0 0 0 0; opacity: 0.2; transform: translate( -50%, -50% );  } #messages { position: absolute; top: 100px; left: 40px; display: none; width: calc( 100% - 80px ); height: calc( 100% - 140px ); padding: 0 0 0 300px; background: url( "../images/global/message-bg.png" ) no-repeat bottom right / 50% #ffffff ; border-radius: 0 0 0 100px;  } #messages .create { position: absolute; bottom: 0; right: 0; display: block; height: 40px; padding: 0 20px 0 50px; overflow: hidden; line-height: 40px; color: #ffffff; font-size: 12px; background-color: #3278f9; border-radius: 20px 0 0 20px; cursor: pointer;  } #messages .create:hover { background-color: #4288ff;  } #messages .create:before,#messages .create:after { position: absolute; top: 19px; left: 30px; width: 10px; height: 2px; background-color: #ffffff; content: "";  } #messages .create:after { transform: rotate( 90deg );  } #messages .form { position: absolute; top: 0; left: 760px; display: none; width: calc( 100% - 760px ); height: 100%; background-color: #ffffff;  } #messages .form h2 { padding: 20px 0 20px 20px; color: #333333; font-weight: bold; font-size: 16px; line-height: 100%;  } #messages .form fieldset { position: relative; display: block; margin: 0 20px 20px 20px;  } #messages .form fieldset:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #messages .form label { display: block; margin: 0 0 5px 0; line-height: 100%; font-size: 10px; text-transform: uppercase; color: #aaaaaa;  } #messages .form input,#messages .form textarea { display: block; width: 100%; border: 2px solid #e8e8e6; border-radius: 5px;  } #messages .form input { height: 44px; padding: 0 10px 0 10px; line-height: 40px;  } #messages .form textarea { min-height: 150px; resize: vertical; padding: 5px 10px 5px 10px; line-height: 30px;  } #messages .form input:focus,#messages .form textarea:focus { border: 2px solid #d8d8f6;  } #messages .form .maci { display: block; width: 100%; min-height: 44px; border: 2px solid #e8e8e6; border-radius: 5px;  } #messages .form .maci:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #messages .form .maci input { float: left; width: auto; height: 44px; overflow: hidden; clear: none; border: 0; line-height: 44px;  } #messages .form .maci span { position: relative; display: block; float: left; height: 34px; line-height: 34px; margin: 5px 5px 5px 5px; padding: 0 40px 0 15px; background-color: #f0f0f0; border-radius: 5px; color: #666688; cursor: pointer;  } #messages .form .maci .edit-color { background-color: #5b5e7f; color: #ffffff;  } #messages .form .maci span > span { position: absolute; top: 7px; right: 10px; display: block; width: 20px; height: 20px; margin: 0; padding: 0; opacity: 0.6; border-radius: 50%; background-color: transparent; cursor: pointer;  } #messages .form .maci span span:hover { opacity: 1; background-color: #ed1c24;  } #messages .form .maci span span:before,#messages .form .maci span span:after { position: absolute; top: 9px; left: 3px; width: 14px; height: 2px; content: ""; background-color: #2b2e4f;  } #messages .form .maci span span:before { transform: rotate( -45deg );  } #messages .form .maci span span:after { transform: rotate( 45deg );  } #messages .form .maci .edit-color span:before,#messages .form .maci .edit-color span:after { background-color: #ffffff;  } #messages .form .maci span span:hover:before,#messages .form .maci span span:hover:after { background-color: #ffffff;  } #messages .form .maci ol { display: none; z-index: 5; width: 100%; padding: 0 0 0 0; overflow: hidden; list-style-type: none; background-color: #ffffff; border-radius: 0 0 3px 3px; border-top: 0 solid #e0e0e0;  } #messages .form .maci li { display: block; line-height: 40px; width: 100%; padding: 0 0 0 10px; color: #666666; cursor: pointer; border-top: 2px dotted #e8e8e8;  } #messages .form .maci li:first-child {  } #messages .form .maci li:hover { background-color: #f7f6f9;  } #messages .form .maci .sel { color: #2b2e4f; background-color: #f7f6f9;  } #messages .form footer { display: block; min-height: 50px; margin: 0 0 0 20px;  } #messages .form footer:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #messages .form footer .submit { display: block; float: left; min-width: 100px; height: 44px; margin: 3px 20px 0 0; padding: 0 15px 0 15px; line-height: 40px; border: 2px solid #4288ff; text-align: center; font-weight: bold; font-size: 12px; text-transform: uppercase; background-color: #3278f9; color: #ffffff; border-radius: 5px; cursor: pointer;  } #messages .form footer .submit:hover { background-color: #4288ff;  } #messages .form footer .draft { display: block; float: left; min-width: 100px; height: 44px; margin: 3px 0 0 0; padding: 0 15px 0 15px; line-height: 40px; border: 2px solid #e8e8e6; text-align: center; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #666666; border-radius: 5px; cursor: pointer;  } #messages .form footer .draft:hover { border: 2px solid #d8d8f6;  } #messages .form footer .delete { position: relative; display: block; float: right; width: 50px; height: 50px; overflow: hidden; cursor: pointer; opacity: 0.5;  } #messages .form footer .delete:after { position: absolute; top: -25px; left: -25px; display: block; width: 100px; height: 100px; content: ""; background: url( ../images/global/messages.png ) no-repeat -300px -100px;  } #messages .form footer .delete:hover { opacity: 1;  } #messages .form footer .attach { position: relative; display: block; float: left; width: 50px; height: 50px; overflow: hidden; cursor: pointer; opacity: 0.5;  } #messages .form footer .attach:before { position: absolute; top: -25px; left: -25px; display: block; width: 100px; height: 100px; content: ""; background: url( ../images/global/messages.png ) no-repeat -800px -100px;  } #messages .form footer .attach:hover { opacity: 1;  } #messages .form footer .attach input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: 0; cursor: pointer;  } #messages .form footer .disabled { cursor: default; opacity: 0.2;  } #messages .form footer label { float: left; margin: 0; clear: none; line-height: 50px;  } #messages .form .files { display: block; margin: 0 20px 0 20px; list-style: none;  } #messages .form .files li { position: relative; display: block; height: 40px; margin: 0 0 10px 0; padding: 0 40px 0 10px; overflow: hidden; background-color: #f0f0f0; border-radius: 5px;  } #messages .form .files p { position: absolute; z-index: 2; top: 0; left: 0; width: calc( 100% - 40px ); padding: 0 0 0 10px; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  } #messages .form .files div { position: absolute; z-index: 1; top: 0; left: 0; width: calc( 100% - 40px ); heigth: 40px;  } #messages .form .files div div { position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 40px; background-color: #e0d270;  } #messages .form .files span { position: absolute; display: block; top: 0; right: 0; width: 40px; height: 40px; opacity: 0.5; cursor: pointer; background-color: #f94646;  } #messages .form .files span:hover { opacity: 1;  } #messages .form .files span:before,#messages .form .files span:after { position: absolute; top: 8px; left: 19px; display: block; width: 2px; height: 24px; background-color: #ffffff; content: "";  } #messages .form .files span:before { transform: rotate( 45deg );  } #messages .form .files span:after { transform: rotate( -45deg );  } #messages .list { position: absolute; top: 0; left: 300px; display: block; width: 460px; height: 100%; border-right: 1px solid #ecf2ff;  } #messages .list > header { height: 71px; padding: 10px 0 0 50px; border-bottom: 1px solid #ecf2ff;  } #messages .list > header .cb,#messages .list > header .cbs { position: absolute; top: 25px; left: 20px;  } #messages .list > header input { display: block; float: left; width: calc( 100% - 100px ); height: 50px; padding: 0 20px 0 10px; background-color: transparent;  } #messages .list > header .delete,#messages .list > header .deleteforever,#messages .list > header .restore { position: relative; display: block; float: left; width: 50px; height: 50px; overflow: hidden; cursor: pointer; opacity: 0.5;  } #messages .list > header .delete:hover,#messages .list > header .deleteforever:hover,#messages .list > header .restore:hover { opacity: 1;  } #messages .list > header .delete:after,#messages .list > header .deleteforever:after,#messages .list > header .restore:after { position: absolute; top: -25px; left: -25px; display: block; width: 100px; height: 100px; content: "";  } #messages .list > header .delete:after { background: url( ../images/global/messages.png ) no-repeat -300px -100px;  } #messages .list > header .deleteforever:after { background: url( ../images/global/messages.png ) no-repeat -300px -200px;  } #messages .list > header .restore:after { background: url( ../images/global/messages.png ) no-repeat -500px -100px;  } #messages .list ul { display: block; list-style: none;  } #messages .list ul:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #messages .list ul li { padding: 10px 0 0 0; display: block; cursor: pointer;  } #messages .list ul header { position: relative; display: block; height: 50px; padding: 10px 0 0 110px;  } #messages .list ul header .cb,#messages .list ul header .cbs { position: absolute; top: 15px; left: 20px;  } #messages .list ul header figure { position: absolute; top: 5px; left: 55px; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #cbdcfe;  } #messages .list ul h5 { overflow: hidden;  } #messages .list ul h5 span { float: left; margin: 0 0 0 0; line-height: 20px; color: #a8a9a3;  } #messages .list ul h4 { color: #3278f9; font-weight: bold;  } #messages .list ul time { position: absolute; top: 10px; right: 10px; line-height: 20px; font-size: 12px; color: #a8a9a3;  } #messages .list ul p { margin: 0 20px 10px 55px; padding: 0 0 20px 0; color: #a8a9a3; border-bottom: 1px solid #ecf2ff;  } #messages aside { position: absolute; z-index: 8; top: 0; left: 0; display: block; width: 300px; height: 100%; padding: 0 0 0 0; background-color: #3278f9; overflow: hidden; border-radius: 0 0 0 50px;  } #messages:before { position: absolute; z-index: 7; top: -10px; left: 0; display: block; width: 300px; height: 100%; content: ""; background-color: #d2e1fe; border-radius: 0 0 0 50%; transform: rotate( 2deg );  } #messages aside h2 { margin: 0 0 10px 0; padding: 10px 0 0 30px; color: #ffffff; text-transform: uppercase; line-height: 50px;  } #messages aside ul { display: block; list-style: none;  } #messages aside ul li { position: relative; display: block; margin: 0 0 0 10px; padding: 0 0 0 50px; line-height: 50px; color: #ffffff; opacity: 0.5; cursor: pointer; overflow: hidden;  } #messages aside ul li:before { position: absolute; top: -25px; left: -25px; display: block; width: 100px; height: 100px; background: url( ../images/global/messages.png ) no-repeat; content: "";  } #messages aside ul .sel { background-color: #4d8afd; opacity: 1;  } #messages aside ul li:hover { opacity: 1;  } #messages aside ul .inbox:before { background-position: 0 0;  } #messages aside ul .drafts:before { background-position: -100px 0;  } #messages aside ul .sent:before { background-position: -200px 0;  } #messages aside ul .delete:before { background-position: -300px 0;  } #messages aside > div { position: absolute; bottom: 20px; left: 0; width: 100%; overflow: hidden; max-height: 350px; padding: 0 0 50px 0;  } #messages aside h3 { position: relative; padding: 0 0 0 30px; color: #ffffff; text-transform: uppercase; line-height: 50px;  } #messages aside h3:after { float: right; margin: 0 20px 0 0; content: attr( data-label ); font-weight: bold;  } #messages aside > div ol { display: block; width: calc( 100% + 20px ); list-style: none; max-height: 300px; overflow: auto;  } #messages aside > div ol li { position: relative; display: block; margin: 0 0 10px 20px; padding: 10px 0 0 60px; line-height: 50px; color: #ffffff; cursor: pointer;  } #messages aside > div ol figure { position: absolute; top: 5px; left: 10px; width: 40px; height: 40px; border-radius: 50%; background-color: #ffffff;  } #messages aside > div ol i { display: block; line-height: 40px; text-align: center; color: #888888; font-style: normal;  } #messages aside > div ol span { display: block; line-height: 20px; color: #ffffff;  } #messages aside > div ol em { display: block; line-height: 10px; font-size: 10px; font-style: normal; opacity: 0.5;  } #messages aside h4 { padding: 0 0 0 20px; color: #ffffff; line-height: 50px;  } #messages .view { position: absolute; top: 0; left: 760px; display: none; width: calc( 100% - 760px ); height: 100%; background-color: #ffffff;  } #messages .view header { display: block; margin: 0 0 20px 0;  } #messages .view header:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #messages .view header ul { display: block; list-style: none;  } #messages .view header ul:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #messages .view header ul li { display: block; float: left; margin: 0 20px 20px 0;  } #messages .view h2 { margin: 0 0 20px 20px; font-weight: bold;  } #messages .view h2 span { display: block; margin: 0 0 0 0; font-size: 16px; line-height: 30px; color: #466acc;  } #messages .view h2 time { display: block; font-size: 12px; line-height: 100%; color: #888888; text-transform: uppercase;  } #messages .view article { display: block; margin: 0 20px 20px 20px; line-height: 30px; color: #333333;  } #messages .view footer { display: block; margin: 0 20px 0 20px; padding: 20px 0 0 0; border-top: 1px solid #ecf2ff;  } #messages .view footer ul { display: block; height: 44px; list-style: none;  } #messages .view footer ul li { position: relative; display: block; float: left; height: 44px; margin: 0 20px 0 0; padding: 0 15px 0 44px; overflow: hidden; text-align: center; line-height: 40px; color: #466acc; border: 2px solid #466acc; border-radius: 3px; cursor: pointer;  } #messages .view footer ul li:after { position: absolute; display: block; top: -29px; left: -29px; display: block; width: 100%; height: 100px; content: "";  } #messages .view footer ul .reply:after { background: url( ../images/global/messages.png ) no-repeat -600px -200px;  } #messages .view footer ul .forward { opacity: 0.5;  } #messages .view footer ul .forward:after { background: url( ../images/global/messages.png ) no-repeat -700px -200px;  } #messages .view footer ul .forward:hover { opacity: 1;  } @media only screen and ( max-width : 1400px ) { #dashboard > div > article { width:  25%;  } #dashboard > div .c-wallet { width:  25%;  } #dashboard > div .gigs { width:  25%;  } #dashboard > div .gigs > div { border-radius:  0 0 0 0;  } #dashboard > div .affiliates { width:  25%;  } #dashboard > div .affiliates > div { border-radius:  0 0 0 0;  } #dashboard > div .all-modules { float:  none; width:  100%; max-width:  600px; margin:  0 auto 0 auto; clear:  both;  } #dashboard > div .all-modules > div { padding:  20px 0 60px 0; height:  auto; border:  0;  } #dashboard > div .all-modules label { margin:  0 0 20px 0; text-align:  center; font-size:  18px;  } #dashboard > div .all-modules p { max-width:  80%; margin:  0 auto 30px auto; padding:  0 0 0 0; text-align:  center;  } #dashboard > div .all-modules span { left:  50%; bottom:  30px; transform:  translate( -50%, 0 );  } #dashboard > div .all-modules ul { position:  relative; top:  0; right:  0; max-width:  100%; margin:  0 auto 0 auto; transform:  translate( 0, 0 ); text-align:  center;  } #dashboard > div .all-modules ul li { width:  calc( 11.111% - 10px );  } #search section ul li { width:  33.33%;  }  } @media only screen and ( max-width : 1200px ) { #profile-pro-intro .stats ul li { margin:  0 0 0 10px;  } #profile-pro-intro .stats ul i { font-size:  10px;  }  } @media only screen and ( max-width : 1024px ) { #dashboard > div > article { width:  50%;  } #dashboard > div .c-wallet { width:  50%;  } #dashboard > div .gigs { width:  50%;  } #dashboard > div .affiliates { width:  50%;  } #main-events ul li p { padding:  0 10px 0 10px;  } #main-events ul li .location { padding:  0 0 0 10px;  } #main-events ul li .datetime { padding:  20px 0 20px 10px;  } #main-events ul li h3 { padding:  0 0 0 10px;  } #main-events ul li .artists { padding:  0 0 0 10px;  } #main-events ul li footer .interested { margin:  0 0 0 10px; font-size:  12px;  } #main-gigs ul li p { font-size:  14px;  } #main-gigs ul li h5 { font-size:  14px;  } #main-gigs ul li .invite { font-size:  14px;  } #main-gigs ul li .invite:before { display:  none;  } #profile-pro-biography article { float:  none; width:  100%;  } #profile-pro-biography aside { float:  none; width:  100%;  } #profile-pro-biography aside ul { margin:  0 10px 0 10px;  } #profile-pro-intro .cover { margin:  -4px 0 0 0; clip-path:  polygon( 0 0, 100% 0%, 100% calc( 100% - 100px ), 50% 100%, 50% 100%, 0 calc( 100% - 100px ) );  } #profile-pro-intro .avatar figure { width:  240px; height:  240px;  } #profile-pro-intro .avatar img { width:  320px; height:  320px;  } #profile-pro-intro .avatar span { top:  90px;  } #profile-pro-intro .stats .followers { display:  none;  } #profile-pro-intro .stats ul { position:  relative; left:  auto; float:  right; width:  100%; padding:  0 0 20px 0; text-align:  center;  } #profile-pro-intro .stats ul li { display:  inline-block; float:  none;  } #profile-pro-intro .stats ul li:first-child { display:  inline-block;  } #about section ul li { padding:  20px 10px 0 10px;  } #search aside { width:  250px;  } #search aside > div { width:  280px;  } #search aside h2 { width:  250px; padding:  0 0 0 10px; font-size:  16px;  } #search aside fieldset { width:  250px; padding:  0 10px 0 10px;  } #search aside .min-range,#search aside .max-range { font-size:  12px;  } #search > header { left:  250px; width:  calc( 100% - 250px );  } #search section > header h4 { font-size:  12px;  } #search section ul li { width:  50%;  } #search section nav { margin:  0 5px 0 5px; padding:  10px 0 10px 0;  } #search { padding:  60px 0 0 250px;  }  } @media only screen and ( max-width : 768px ) { #all:after { height:  1026px;  } #blacklist h1 { font-size:  22px;  } #blacklist p { font-size:  14px;  } #maintenance img { width:  60px; height:  60px;  } #maintenance h1 { font-size:  22px;  } #maintenance p { font-size:  14px;  } #page-not-found img { width:  60px; height:  60px;  } #page-not-found p { font-size:  13px;  } #header .header-acc { top:  60px; padding:  10px 0 0 0;  } #header .header-acc:after { right:  62px;  } #header .header-acc > div { height:  70px; margin:  0 0 10px 0; padding:  0 0 0 80px;  } #header .header-acc > div figure { left:  10px; width:  60px; height:  60px;  } #header .header-acc > div figure span { line-height:  60px;  } #header .header-acc > div h2 { font-size:  12px;  } #header .header-acc > div > h3 { font-size:  12px;  } #header .header-acc > div > span { font-size:  12px;  } #header .header-acc > div > figure i { font-size:  8px;  } #header .header-acc footer { height:  60px; padding:  10px 10px 10px 10px;  } #header .header-acc h3 { margin:  0 10px 5px 10px;  } #header .header-acc p { margin:  0 10px 10px 10px;  } #header .header-modules { top:  60px; right:  5px;  } #header .header-modules ul:before { right:  20px;  } #header { height:  50px;  } #header .logo { left:  50%; transform:  translate( -50%, 0% );  } #header .logo img { height:  30px;  } #header .mobmenu { display:  block;  } #header nav { display:  none; position:  absolute; top:  50px; left:  0; width:  100%; height:  52px; padding:  0 10px 0 10px; border-top:  1px solid #c6ccd3; border-bottom:  1px solid #c6ccd3; background-color:  rgb( 214, 223, 231 ); text-align:  center;  } #header nav .link { height:  50px; line-height:  50px; display:  inline-block; float:  none; margin:  0 10px 0 10px;  } #header nav .vsep { display:  none;  } #header nav .lang { display:  inline-block; float:  none;  } #header nav .lang > span { line-height:  50px;  } #header nav .lang ul { top:  60px;  } #header nav .notifications { width:  50px; height:  50px;  } #header nav .notifications:before { width:  50px; height:  50px; background:  url( "../images/gigbook/gigbook.png" ) no-repeat -625px -25px;  } #header nav .messages { width:  51px; height:  50px;  } #header nav .messages:before { width:  50px; height:  50px; background:  url( "../images/gigbook/gigbook.png" ) no-repeat -725px -25px;  } #header nav .cwallet { height:  50px;  } #header nav .cwallet > span { line-height:  50px;  } #header nav .cwallet > span:before { top:  16px;  } #header .my { width:  51px; height:  50px;  } #header .my figure { top:  5px; left:  5px;  } #header .my figure span { line-height:  50px;  } #header .my .default:before { transform:  scale( 0.8 );  } #header .mm { right:  5px; width:  51px; height:  50px;  } #header .mm:before { width:  50px; height:  50px; background:  url( "../images/gigbook/gigbook.png" ) no-repeat -525px -25px;  } #footer .bottom { padding:  30px 0 0 0;  } #footer .bottom ul { width:  50%; margin:  0 0 20px 0;  } #footer .bottom .seal { float:  none; max-width:  120px; margin:  0 auto 20px auto; clear:  both;  } #footer .bottom p { text-align:  center; font-size:  12px; line-height:  140%;  } #footer { height:  1026px;  } #footer .top { padding:  30px 0 30px 0;  } #footer .top ul { width:  33.33%;  } #footer .top ul li h3 { font-size:  18px;  } #footer .top ul li a { font-size:  12px;  } #footer .top aside { width:  100%; padding:  30px 0 0 0;  } #footer .top aside img { margin:  0 auto 20px auto;  } #footer .top aside h6 { float:  none; width:  100%; margin:  0 0 20px 0; padding:  0 0 0 0; text-align:  center;  } #footer .top aside p { float:  none; width:  100%; padding:  0 50px 0 50px; text-align:  center;  } #dashboard { padding:  60px 0 0 10px;  } #dashboard header { height:  60px; margin:  0 0 20px 0; padding:  10px 10px 0 90px;  } #dashboard header figure { display:  block;  } #dashboard header h2 { position:  relative; height:  20px; line-height:  20px; font-size:  20px;  } #dashboard header p { text-align:  left; line-height:  30px; font-size:  14px; color:  #636460;  } #main-events { padding:  50px 0 60px 0;  } #main-events nav { margin:  0 15px 30px 15px;  } #main-events nav h2 { display:  none;  } #main-events nav h3 { display:  block;  } #main-events nav span { display:  none;  } #main-events article { height:  530px; overflow:  hidden;  } #main-events article > div { overflow:  auto; height:  550px;  } #main-events ul { width:  1200px;  } #main-events .show-all { position:  absolute; left:  0; bottom:  0; width:  100%; padding:  0; text-align:  center; background-color:  #05003a; color:  #ffffff;  } #main-events .show-all:after { display:  none;  } #main-gigs { padding:  40px 0 0 0;  } #main-gigs > div { margin:  0 auto 0 auto;  } #main-gigs nav { margin:  0 15px 30px 15px;  } #main-gigs nav h2 { display:  none;  } #main-gigs nav h3 { display:  block;  } #main-gigs nav h4 { display:  block;  } #main-gigs nav span { display:  none;  } #main-gigs article { height:  320px; overflow:  hidden;  } #main-gigs article > div { overflow:  auto; height:  350px;  } #main-gigs ul { width:  1800px;  } #main-gigs ul li { width:  300px; height:  320px;  } #main-gigs .show-all { display:  none;  } #main-intro { padding:  0 0 50px 0;  } #main-intro article { margin:  0 0 100px 0;  } #main-intro article > img { display:  block;  } #main-intro ul .pos-1 { top:  285px; left:  45px; width:  140px; height:  140px; border-width:  6px; margin:  -75px 0 0 -75px;  } #main-intro ul .pos-2 { top:  360px; left:  70px; width:  220px; height:  220px; margin:  -35px 0 0 -35px; border-width:  8px;  } #main-intro ul .pos-3 { top:  -70px; left:  0px;  } #main-intro ul .pos-4 { top:  285px; left:  255px; width:  140px; height:  140px; border-width:  6px; margin:  -75px 0 0 -75px;  } #main-intro ul .pos-5 { display:  none;  } #main-intro ul .pos-6 { display:  none;  } #main-intro ul .pos-7 { display:  none;  } #main-intro ul .pos-8 { display:  none;  } #main-intro ul .pos-9 { display:  none;  } #main-intro ul .pos-10 { display:  none;  } #main-intro ul .pos-11 { display:  none;  } #main-intro ul .pos-12 { display:  none;  } #main-intro ul .pos-13 { display:  none;  } #main-intro ul .pos-14 { display:  none;  } #main-intro ul .pos-15 { display:  none;  } #main-intro ul .pos-16 { display:  none;  } #main-intro ul .pos-17 { display:  none;  } #main-intro ul .pos-18 { display:  none;  } #main-intro ul .pos-19 { top:  285px; left:  85px;  } #main-intro ul .pos-20 { display:  none;  } #main-intro ul .pos-21 { top:  285px; left:  405px;  } #main-intro ul .pos-22 { display:  none;  } #main-intro ul .pos-23 { display:  none;  } #main-intro ul .pos-24 { display:  none;  } #main-intro ul .pos-25 { display:  none;  } #main-intro ul .pos-26 { display:  none;  } #main-intro h3 { font-size:  80px; line-height:  80px; line-height:  60px;  } #main-intro h2 { font-size:  36px; line-height:  36px;  } #main-intro .main-search { margin:  0 20px 0 20px;  } #main-join { min-height:  400px;  } #main-join > div { margin:  -20px 0 0 0;  } #main-join p { font-size:  18px;  } #main-join p:last-of-type { font-size:  16px;  } #main-join h2 { font-size:  22px; text-transform:  uppercase; font-weight:  bold;  } #main-join > div span { display:  none;  } #main-join > span { display:  block;  } #profile-pro-biography { padding:  30px 0 0 0;  } #profile-pro-biography h2:before { left:  5px; top:  5px; width:  6px; height:  6px;  } #profile-pro-intro { padding:  50px 0 0 0;  } #profile-pro-intro .cover { height:  500px;  } #profile-pro-intro .cover img { width:  auto; height:  100%;  } #profile-pro-intro .avatar figure { top:  -155px; width:  160px; height:  160px;  } #profile-pro-intro .avatar img { width:  200px; height:  200px;  } #profile-pro-intro .avatar span { top:  0px; width:  30px; height:  30px;  } #profile-pro-intro .name { display:  none;  } #profile-pro-intro .stats .follow { background:  url( "../images/gigbook/profile-follow.png" ) no-repeat center center / contain; width:  400px;  } #profile-pro-intro .stats .follow span { top:  5px; font-size:  16px;  } #profile-pro-intro .stats .follow span:first-child { right:  calc( 50% + 20px );  } #profile-pro-intro .stats .follow span:last-child { left:  calc( 50% + 20px );  } #profile-pro-intro .stats .category-mobile { display:  block;  } #profile-pro-intro .date-location { margin:  0 0 5px 0; text-align:  center;  } #profile-pro-intro .date-location h2 { display:  inline-block;  } #profile-pro-intro .date-location span { position:  relative; display:  inline-block; width:  30px; height:  30px; padding:  0 0 0 0; overflow:  hidden; color:  transparent; vertical-align:  bottom;  } #profile-pro-intro .date-location span:first-child { right:  0;  } #profile-pro-intro .date-location span:last-child { left:  0;  } #profile-pro-intro nav { height:  161px; padding:  90px 0 0 0; border-top:  1px solid #ccacd1; border-bottom:  0; background:  linear-gradient( to bottom, transparent, #ffffff );  } #profile-pro-intro nav i { position:  absolute; top:  15px; color:  transparent; height:  40px; width:  40px; overflow:  hidden;  } #profile-pro-intro nav i:before { top:  -30px; left:  -30px; width:  100px; height:  100px; background-position:  -700px -200px; transform:  scale( 0.4 );  } #profile-pro-intro nav .menu { position:  relative; top:  0; left:  0; display:  block; height:  80px; clear:  both; overflow:  auto; background-color:  #d8e1e8; transform:  translate( 0, 0 );  } #profile-pro-intro nav ul { width:  480px;  } #profile-pro-intro nav ul li { width:  120px;  } #profile-pro-intro nav .join { right:  auto; left:  50%; transform:  translate( -50%, 0 );  } #profile-pro-intro nav img { top:  15px; transform:  translate( 0, 0 );  } #event { padding:  calc( 66.66% + 100px ) 0 50px 0;  } #event > article { float:  none; width:  100%;  } #event > article > figure { position:  absolute; top:  100px; left:  0;  } #event > article > figure img { top:  0; left:  0; width:  100%;  } #event > aside { position:  relative; z-index:  2; float:  none; width:  calc( 100% - 20px ); margin:  -20px 10px 30px 10px;  } #legal header h2 { font-size:  22px;  } #legal header p { font-size:  16px;  } #legal article h3 { font-size:  16px;  } #legal article p { margin:  0 0 20px 0; font-size:  14px;  } #legal article ul { margin:  0 0 20px 0;  } #legal article ul li { font-size:  14px;  } #about > header:before { height:  50px;  } #about > header svg { height:  200px;  } #about > header h2 { top:  50px; font-size:  24px;  } #about section p { font-size:  16px;  } #about section ul h3 { font-size:  28px;  } #about section ul figure { padding:  20px 0 20px 0;  } #about section ul img { width:  150px; height:  150px;  } #search aside { z-index:  8; top:  61px; left:  -300px; height:  calc( 100% - 61px );  } #search aside h2 span { display:  block;  } #search > header { left:  0; width:  100%;  } #search > header > div { display:  block;  } #search > header input { padding:  0 70px 0 80px;  } #search section > header span { display:  none;  } #search section ul li h3 { font-size:  14px;  } #search section nav div { float:  none; height:  auto; border:  0; border-radius:  0; text-align:  center;  } #search section nav span,#search section nav i { display:  inline-block; float:  none; margin:  0 5px 5px 0; border:  1px solid #e5e5e5; border-radius:  4px;  } #search section nav span:last-child,#search section nav i:last-child { border-right:  1px solid #e5e5e5;  } #search section nav h4 { float:  none; clear:  both; text-align:  center;  } #search { padding:  50px 0 0 0;  }  } @media only screen and ( max-width : 480px ) { #all:after { height:  1090px;  } #blacklist h1 { font-size:  18px;  } #blacklist p { font-size:  12px;  } #maintenance h1 { font-size:  18px;  } #maintenance p { font-size:  12px;  } #page-not-found p { font-size:  12px;  } #header nav .cwallet { display:  none;  } #footer { height:  1090px;  } #footer .top aside p { padding:  0 20px 0 20px;  } #dashboard > div > article { width:  100%;  } #dashboard > div > article label { font-size:  18px;  } #dashboard > div > article em { padding:  0;  } #dashboard > div > article em:before { display:  none;  } #dashboard > div .c-wallet { width:  100%;  } #dashboard > div .c-wallet > div { margin:  0 20px 0 20px; padding:  20px 0 0 0;  } #dashboard > div .c-wallet h3 { padding:  30px 0 0 0; font-size:  40px;  } #dashboard > div .c-wallet h4 { top:  123px;  } #dashboard > div .c-wallet figure { left:  auto; bottom:  auto; right:  -20px; top:  -60px;  } #dashboard > div .c-wallet span { display:  none;  } #dashboard > div .followers { width:  50%; margin:  0;  } #dashboard > div .followers > div { height:  160px; margin:  0; background-color:  transparent;  } #dashboard > div .followers label { margin:  0 0 10px 0; text-align:  center;  } #dashboard > div .followers h3 { margin:  0 auto 10px auto; text-align:  center; font-size:  36px;  } #dashboard > div .followers h4 { position:  absolute; bottom:  30px; left:  50%; margin:  0; transform:  translate( -50%, 0 );  } #dashboard > div .followers figure { display:  none;  } #dashboard > div .followers span { display:  none;  } #dashboard > div .following { width:  50%; margin:  0;  } #dashboard > div .following > div { height:  160px; margin:  0; background-color:  transparent;  } #dashboard > div .following label { margin:  0 0 10px 0; text-align:  center;  } #dashboard > div .following h3 { margin:  0 auto 10px auto; text-align:  center; font-size:  36px;  } #dashboard > div .following h4 { position:  absolute; bottom:  30px; left:  50%; margin:  0; transform:  translate( -50%, 0 );  } #dashboard > div .following figure { display:  none;  } #dashboard > div .following span { display:  none;  } #dashboard > div .posts { width:  50%;  } #dashboard > div .posts > div { height:  160px; margin:  0 10px 0 20px;  } #dashboard > div .posts label { margin:  0 0 10px 0; text-align:  center;  } #dashboard > div .posts h3 { margin:  0 auto 10px auto; text-align:  center; font-size:  36px;  } #dashboard > div .posts figure { display:  none;  } #dashboard > div .posts span { display:  none;  } #dashboard > div .posts em { bottom:  10px; right:  20px; display:  block; width:  calc( 100% - 50px ); font-size:  12px;  } #dashboard > div .events { width:  50%;  } #dashboard > div .events > div { margin:  0 20px 0 10px; height:  160px;  } #dashboard > div .events label { margin:  0 0 10px 0; text-align:  center;  } #dashboard > div .events h3 { margin:  0 auto 10px auto; text-align:  center; font-size:  36px;  } #dashboard > div .events figure { display:  none;  } #dashboard > div .events span { display:  none;  } #dashboard > div .events em { bottom:  10px; right:  30px; display:  block; width:  calc( 100% - 50px ); font-size:  12px;  } #dashboard > div .protecteditems > div { height:  160px; padding:  20px 50% 20px 20px; margin:  0; background-color:  #2c76f2;  } #dashboard > div .protecteditems label { position:  absolute; top:  50%; left:  27%; width:  30%; margin:  0; padding:  0; color:  #ffffff; line-height:  120%; transform:  translate( 0, -50% );  } #dashboard > div .protecteditems h3 { margin:  0 0 0 0; color:  #ffffff; font-size:  80px; line-height:  120px;  } #dashboard > div .protecteditems figure { display:  none;  } #dashboard > div .protecteditems span { display:  none;  } #dashboard > div .protecteditems em { bottom:  50%; right:  30px; width:  calc( 50% - 50px ); padding:  0 0 0 0; font-size:  18px; background-color:  #ffffff; color:  #343330; font-weight:  bold; transform:  translate( 0, 50% );  } #dashboard > div .gigs { width:  100%;  } #dashboard > div .gigs > div { border-radius:  0 0 0 50px;  } #dashboard > div .gigs h3 { font-size:  80px; line-height:  80px;  } #dashboard > div .gigs figure { right:  10px; transform:  scale( 0.6 );  } #dashboard > div .gigs em { width:  140px;  } #dashboard > div .affiliates { width:  100%;  } #dashboard > div .affiliates > div { border-radius:  0 0 0 50px;  } #dashboard > div .affiliates h3 { font-size:  80px; line-height:  80px;  } #dashboard > div .affiliates figure { right:  10px; transform:  scale( 0.6 );  } #dashboard > div .affiliates em { width:  140px;  } #dashboard > div .all-modules > div { border:  0; margin:  0; background-color:  #1a1a1a;  } #dashboard > div .all-modules label { color:  #ffffff;  } #dashboard > div .all-modules p { color:  #ffffff;  } #dashboard > div .all-modules span { color:  #ffffff;  } #dashboard > div .all-modules span:before { background:  url( "../images/accounts/accounts.png" ) no-repeat -44px -143px;  } #dashboard > div .all-modules ul { max-width:  340px;  } #dashboard > div .all-modules ul li { width:  calc( 16.66% - 10px ); background-color:  #ffffff;  } #dashboard { padding:  60px 0 0 0;  } #main-intro h3 { font-size:  60px;  } #main-intro h2 { font-size:  26px; line-height:  26px;  } #profile-pro-intro { padding:  50px 0 0 0;  } #profile-pro-intro .cover { height:  400px;  } #profile-pro-intro .stats .follow { width:  100%;  } #legal { padding:  80px 10px 30px 10px;  } #legal header { margin:  0 0 20px 0; padding:  0 0 20px 0;  } #legal header h2 { font-size:  16px;  } #legal header p { font-size:  14px;  } #legal article h3 { margin:  0 0 10px 0; font-size:  14px;  } #legal article p { font-size:  12px;  } #legal article ul li { font-size:  12px;  } #about section ul li { margin:  0 0 30px 0;  } #about section ul h3 { font-size:  20px; text-align:  center;  } #about section ul h4 { font-size:  14px; text-align:  center;  } #about section ul figure { width:  100%;  } #about section ul img { width:  120px; height:  120px; margin:  0 auto 0 auto;  } #about section ul aside { width:  100%; height:  auto;  } #about section ul li:nth-child( odd ) figure { float:  none;  } #about section ul li:nth-child( odd ) img { float:  none;  } #about section ul li:nth-child( odd ) aside { float:  none;  } #about section ul li:nth-child( even ) figure { float:  none;  } #about section ul li:nth-child( even ) img { float:  none;  } #about section ul li:nth-child( even ) aside { float:  none;  } #about section ul header { position:  relative; top:  0; transform:  translate( 0px, 0px );  } #search section ul { margin:  0 5px 0 5px;  } #search section ul li { width:  50%;  } #search section ul li > div { margin:  5px;  } #search section ul li h3 { max-height:  60px; font-size:  12px; line-height:  20px;  } #search section ul li footer { height:  41px;  } #search section ul li .follow { font-size:  10px; margin:  5px 0 0 0; line-height:  30px;  } #search section ul li .like,#search section ul li .liked { bottom:  5px;  }  } @keyframes loading { 0%, 70%, 100% { transform: scale3D( 1, 1, 1 );opacity: 1; } 35% { transform: scale3D( 0, 0, 1 );opacity: 0; }  }