/* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Misc */ /* #Reset & Basics ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; line-height: normal; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #9c9a9a !important; opacity: 1 !important; } ::-moz-placeholder { /* Firefox 19+ */ color: #9c9a9a !important; opacity: 1 !important; } :-ms-input-placeholder { /* IE 10+ */ color: #9c9a9a !important; opacity: 1 !important; } :-moz-placeholder { /* Firefox 18- */ color: #9c9a9a !important; opacity: 1 !important; } table { border-collapse: collapse; border-spacing: 0; width: 100% } body { overflow-x: hidden; background: url(images/bg-footer.png); background-repeat: no-repeat; background-position: bottom center; background-size: 100%; } /* #Basic Styles ================================================== */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: auto; min-height: 100%; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { font-weight: 400 } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit } a { cursor: pointer; } .subheader { color: #777 } p img { margin: 0 } p.lead { font-size: 21px; color: #777 } em { font-style: italic } strong { font-weight: 700 } small { font-size: 80% } blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic } blockquote cite { display: block; font-size: 12px; color: #555 } blockquote cite:before { content: "\2014 \0020" } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555 } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0 } /* #Links ================================================== */ a, a:visited { /*color: #f0703a;*/ text-decoration: none; line-height: inherit; outline: none; -webkit-transition: .2s all ease-in-out; -moz-transition: .2s all ease-in-out; -o-transition: .2s all ease-in-out; transition: .2s all ease-in-out; } /* #Lists ================================================== */ ul, ol { margin-bottom: 0 } ul { list-style: none outside } ol { list-style: decimal } ul.square { list-style: square outside } ul.circle { list-style: circle outside } ul.disc { list-style: disc outside } ul ul, ul ol, ol ol, ol ul { margin: 0; font-size: 90% } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 0 } ul.large li { line-height: 21px } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } img { vertical-align: top; max-width: 100%; height: auto; } fieldset, img { border: 0; outline: none } /* #Misc ================================================== */ .remove-bottom { margin-bottom: 0 } .half-bottom { margin-bottom: 10px } .add-bottom { margin-bottom: 20px } .fl { float: left } .fr { float: right } .fn { float: none } .aligncenter { text-align: center } .gap { height: 20px; clear: both } .hide { display: none } .hidden { display: none } .inviso { display: none } .highlighted { color: #211922; background-color: #ff0 } .pull-left { float: left; } .error {} .noFloat { float: none } .noState:hover { background-color: transparent } .noState:active { color: #221919 } .noBorder { border-width: 0 !important } .noBorderTop { border-top-width: 0 } .noBorderRight { border-right-width: 0 } .noBorderBottom { border-bottom-width: 0 } .noBorderLeft { border-left-width: 0 } .noMargin { margin: 0 !important; } .noMarginTop { margin-top: 0 } .noMarginRight { margin-right: 0 } .noMarginBottom { margin-bottom: 0 } .noMarginLeft { margin-left: 0 } .noBackground { background: none } .noPadding { padding: 0 !important } .invisible { visibility: hidden } .red { color: red } .noscroll { overflow: hidden } .clearfix:before, .clearfix:after { content: ""; display: table; line-height: 0 } .clearfix:after { clear: both } /* You can also use a <br class="clear" /> to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 } .shadow { -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -icab-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) } .innershadow { -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5); -icab-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5); -khtml-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset0px 0 3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5) } /*-- form style ========================*/ input:focus { outline: none } textarea { resize: none; -webkit-appearance: none; box-shadow: none; } input[type="text"], input[type="email"], input[type="phone"], input[type="search"], select, textarea, input[type="password"], input[type="file"] { outline: none; background: #fff; padding: 10px; color: #858585; border: none; font-family: 'Open Sans'; width: 100%; border: none; font-size: 14px; box-shadow: none; border-radius: 0px; -webkit-appearance: none; box-shadow: none; -webkit-box-shadow: none; } input { outline: none; } .borderinput input[type="text"], .borderinput input[type="email"], .borderinput input[type="file"], .borderinput input[type="phone"], .borderinput input[type="search"], .borderinput select, .borderinput textarea, .borderinput input[type="password"] { border: 1px solid #dce4e6; -webkit-transition: .2s all ease-in-out; transition: .2s all ease-in-out; } .borderinput input[type="text"]:focus, .borderinput input[type="email"]:focus, .borderinput input[type="phone"]:focus, .borderinput input[type="search"]:focus, .borderinput select:focus, .borderinput textarea:focus, .borderinput input[type="password"]:focus { border: 1px solid #0b8be6; } .mandatory { color: red; } select { -moz-appearance: none; appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; } .selectfield { position: relative; } .selectfield:after { content: ""; position: absolute; z-index: 0; border: 7px solid transparent; border-top-color: #959595; top: 20px; right: 15px; pointer-events: none; } .selectfield::before { background-color: #fff; content: ""; height: 36px; position: absolute; right: 10px; top: 4px; width: 27px; pointer-events: none; } .genderField li label { display: table; height: 100%; margin: 0; width: 100%; padding: 8px 0px 0; cursor: pointer; } .genderField li label input[type="radio"] { cursor: pointer; } .sign-form .genderField li { display: table-cell; float: none; padding: 0 !important; } .genderField ul { height: 100%; } /*-- grid style ========================*/ .grid_1 { float: left } .grid_2 { float: right } .grid_5, .grid_6 { display: table-cell; vertical-align: top } .grid_12 { width: 100%; display: inline-block; vertical-align: top; } ul.one_half_grid { min-width: 100%; margin: 0 0 -20px -20px; } ul.one_half_grid > li { display: inline-block; margin-right: -4px; padding: 0 0 20px 20px; width: 50%; } ul.one_third_grid { min-width: 100%; margin: 0 0 -40px -40px; } ul.one_third_grid > li { display: inline-block; margin-right: -4px; padding: 0 0 40px 40px; width: 33.33% } ul.one_four_grid { min-width: 100%; margin: 0 0 -25px -25px; } ul.one_four_grid > li { display: inline-block; margin-right: -4px; padding: 0 0 25px 25px; width: 25%; vertical-align: top; } /*--  style ========================*/ body { -webkit-font-smoothing: antialiased; font-size: 14px; font-family: 'Open Sans'; color: #555555; -webkit-text-size-adjust: 100%; font-weight: 400; /*background: #f9f9fa  url(images/bg-footer.png) no-repeat center bottom;*/ padding-top: 65px; } #wrapper { min-height: 100%; position: relative; width: 100% } .fix-container { margin: 0 auto; max-width: 1220px; width: 100%; padding: 0 10px } .fix-container:before, .fix-container:after { content: ""; display: table } .full_row { display: inline-block; width: 100%; vertical-align: top; } .heading { position: relative; text-align: center; margin-bottom: 35px; } .heading h2 { font-size: 30px; color: #212121; position: relative; font-weight: bold; padding-bottom: 10px; margin-bottom: 10px; } .heading h2:after { content: ""; height: 3px; width: 58px; background: #f0703a; margin: auto; left: 0; right: 0; bottom: 0px; position: absolute; } .heading p { font-size: 16px; } a.themeBtn, .themeBtn { border: none; font-family: open sans; cursor: pointer; font-size: 17px; font-weight: 600; padding: 10px 30px; color: #fff; position: relative; overflow: hidden; text-align: center; background: #0b8be6; text-transform: uppercase; display: inline-block; border-radius: 0; vertical-align: middle; } .themeBtn:hover { background: #f0703a; } .themeBtn.orgBtn { background: #df741e; font-size: 20px; color: #fff; padding: 15px 30px; text-transform: none; } .themeBtn.orgBtn:hover { background: #9f3400; } .themeBtn.whiteBtn { background: #fff; font-size: 20px; color: #0b8be6; padding: 15px 30px; text-transform: none; } .themeBtn.whiteBtn:hover { background: #3290df; color: #fff } .themeBtn.gray { background: #a6b1b3; } .themeBtn.gray:hover { background: #009ddc; } .themeBtn.small { font-size: 12px; padding: 0px 10px; text-align: center; border-radius: 0; white-space: nowrap; height: 26px; line-height: 26px; display: inline-block; vertical-align: top; } .themeBtn.midium { font-size: 13px; border-radius: 2px; padding: 0px 20px; height: 32px; line-height: 32px; } a.border_btn, .border_btn { /*background: #fff;*/ font-size: 17px; color: #009ddc; font-weight: 600; padding: 7px 20px; text-transform: uppercase; border: 2px solid #009ddc; display: inline-block; text-align: center; border-radius: 0; } a.border_btn:hover, .border_btn:hover { color: #fff; background: #009ddc; } a.border_btn.white { border-color: #fff; color: #fff; font-weight: 700; } a.border_btn.white:hover { background: #fff; color: #009ddc; } .padding50 { padding: 50px 0; } .padding30 { padding: 30px 0; } .padding20 { padding: 20px 0; } /*-- Header style ========================*/ #header { background-color: #fff; display: inline-block; vertical-align: top; width: 100%; padding: 14px 0; position: relative; z-index: 10001; } .logo { float: left; } body.fixed #header { position: fixed; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding: 10px 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; top: 0px; z-index: 10001; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /*-- nav style ========================*/ .navigation { position: relative; display: inline-block; vertical-align: middle; } .navigation ul li { float: left; font-size: 17px; font-weight: 600; margin-right: 1px; } .navigation ul li a { color: #000; border: 2px solid transparent; padding: 6px 12px; border-radius: 3px; display: block; } .navigation ul li a:hover { border-color: #000; } .navtoggle { display: none; } .inner .logo img { max-width: 135px; } #header .button { font-size: 15px; color: #f0703a; border: 2px solid #f0703a; border-radius: 2px; padding: 7px 20px; display: inline-block; vertical-align: middle; margin-left: 10px; } #header .button:hover { color: #fff; background: #f0703a; } #header .button .icon { display: none; } /*-- body style ========================*/ .blue_strip { background: #009ddc; } .orange_strip { background: #ec5c3e; } .blue_strip { background-color: #0b8be6; } .gray_strip { background: #f9f9f9; } .blue, .blue a { color: #009ddc; } .orange, .orange a { color: #ec5c3e; } .yellow, .yellow a { color: #f1bc28; } .green, .green a { color: #57be3b; } .dark_green, .dark_green a { color: #10a78c; } .parpal, .parpal a { color: #8700dc; } .read_more { background: #a6b1b3; border: none; color: #fff !important; font-size: 12px; font-weight: 600; padding: 5px 15px; text-transform: uppercase; display: inline-block; } .read_more:hover { background: #009ddc; } .table_div { width: 100%; display: table; width: 100%; } /*.line_through{display:inline-block;position:relative} .line_through:before, .line_through:after{content: "";position: absolute;height:1px;border-top: 1px solid #dce4e6;top: 0px; bottom: 0px; margin: auto;width: 100%;} .line_through:before{right: 100%;  margin-right: 15px;} .line_through:after{left:100%;margin-left:15px;}*/ .line_through { display: table; white-space: nowrap; overflow: hidden; margin: 0 auto; } .line_through:before, .line_through:after { border-top: 1px solid #dce4e6; content: ''; display: table-cell; position: relative; top: 19px; margin: auto; width: 45%; } .line_through:before { right: 1.5%; } .line_through:after { left: 1.5%; } .hover_effect { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; border: 1px solid transparent; border-radius: 2px; } .hover_effect:hover { border-color: #009ddc; box-shadow: 0 0 20px 0 rgba(0, 157, 220, 0.7); } /*---footer style -----*/ #footer { background: rgba(249, 249, 250, 0.3); display: inline-block; padding: 30px 0 40px; vertical-align: top; width: 100%; } .f_logo img { max-width: 160px; } #footer .grid_1 .f_logo { margin-bottom: 30px; } #footer .grid_1 .copyright { font-size: 13px; color: #7f7f7f; } #footer .grid_2 { float: right; width: 75%; } #footer .grid_3 { float: left; width: 75%; } #footer .grid_4 { float: left; width: 25%; } #footer .grid_3 li { float: left; width: 50%; } #footer .footer_links li { padding-bottom: 10px; } #footer .footer_links li > a { font-size: 15px; color: #2a2a2a; position: relative; } #footer .footer_links li > a:hover { color: #009ddc; } #footer .footer_links li > a:before { bottom: -5px; content: ""; height: 2px; left: 0; position: absolute; transform: scale(0); width: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 250ms ease 0s; -o-transition: all 250ms ease 0s; transition: all 250ms ease 0s; } #footer .socials_Link { padding-top: 10px; } #footer .socials_Link li { float: left; margin: 5px 10px 0 0; } #footer .socials_Link li i { height: 30px; width: 30px; border-radius: 3px; color: #fff; font-size: 20px; text-align: center; line-height: 30px; display: block; } #footer .socials_Link li i.ion-social-facebook { background: #3b5998; } #footer .socials_Link li i.ion-social-twitter { background: #44ccf6; } #footer .socials_Link li i.ion-social-googleplus { background: #d13f2d; } #footer .socials_Link li i.ion-social-linkedin { background: #0275b6; } #footer .socials_Link li i.ion-social-youtube-outline { background: #ce332d; } #footer .socials_Link li i.ion-social-instagram { background: #c93184; } #footer .socials_Link li i.ion-social-pinterest { background: #bd081b; } #footer .socials_Link li i:hover { background: #ec5c3e; } h3.trigger { display: none; } /* Loaders & Preloaders */ .circularLoader { border-radius: 100%; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); width: 80px; height: 80px; position: relative; } .circular { position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; stroke: #db652d; } @-webkit-keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124; } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124; } } @-webkit-keyframes color { 0% { stroke: #db652d; } 20% { stroke: #db652d; } 25% { stroke: #db652d; } 45% { stroke: #db652d; } 50% { stroke: #db652d; } 70% { stroke: #db652d; } 75% { stroke: #db652d; } 95% { stroke: #db652d; } } @keyframes color { 0% { stroke: #3f88f8; } 20% { stroke: #3f88f8; } 25% { stroke: #dd413b; } 45% { stroke: #dd413b; } 50% { stroke: #f6ae2e; } 70% { stroke: #f6ae2e; } 75% { stroke: #259a5d; } 95% { stroke: #259a5d; } } .LoaderWrap { padding: 20px; width: 100%; border-radius: 3px; display: inline-block; margin: 20px 0 0; } .LoaderWrap .circularLoader { margin: 20px auto; } /* hover css for responsive */ @media only screen and (min-width :1001px) { #footer .footer_links li > a:hover:before { background: #009ddc; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } /* media query ===================================*/ @media only screen and (min-width :1001px) and (max-width :1050px) { ul.one_third_grid { margin: 0 0 -15px -15px; } ul.one_third_grid > li { padding: 0 0 15px 15px; } ul.one_four_grid { margin: 0 0 -15px -15px; } ul.one_four_grid > li { padding: 0 0 15px 15px; } .themeBtn.orgBtn { font-size: 18px; padding: 10px 20px; } #footer { padding: 20px 0; } #footer .socials_Link li { margin-right: 5px; } } @media only screen and (min-width :768px) and (max-width :1000px) { #header .button .icon { display: block; font-size: 20px; line-height: 1; } #header .button { padding: 8px 15px; } #header .button span { display: none; } .navigation { display: inline-block; } .navigation ul li a { padding: 6px 10px; font-size: 14px; } ul.one_third_grid { margin: 0 0 -10px -10px; } ul.one_third_grid > li { padding: 0 0 10px 10px; } ul.one_four_grid { margin: 0 0 -10px -10px; } ul.one_four_grid > li { padding: 0 0 10px 10px; width: 50%; } .themeBtn.orgBtn { font-size: 18px; padding: 10px 20px; } #footer { padding: 15px 0; } #footer .socials_Link li { margin-right: 5px; } #footer .grid_2 { width: 100%; } #footer .grid_1 { width: 100%; text-align: center; padding-top: 20px; } #footer .grid_1 .copyright br { display: none; } #footer .grid_1 .copyright { color: #333; } #footer .grid_1 .f_logo { margin-bottom: 10px; } .footer-nav { display: block !important; } ul.four-cols li { float: left; padding: 0 0 20px 2%; width: 33.3%; } } @media only screen and (max-width :990px) { .navigation { position: absolute; left: 0px; top: 100%; width: 100%; background: #ff9900; padding: 15px 0 0; z-index: 10; } .navigation ul li { width: 100%; border-bottom: 1px solid #fff; } .navigation ul li a { color: #fff; } .navigation ul li a:hover { border-color: transparent; } .navtoggle { position: absolute; left: 0; top: 0; bottom: 0; width: 38px; background: #ff9900; display: block; height: 100%; } .navtoggle .linescaret { background: #fff; height: 2px; margin: 0px auto 0; position: relative; width: 18px; display: block; top: 50%; transform: translatey(-50%); -webkit-transform: translatey(-50%); } .navtoggle .linescaret:before { background: #fff; content: ""; height: 2px; left: 0; position: absolute; top: -6px; width: 18px; } .navtoggle .linescaret:after { background: #fff; content: ""; height: 2px; left: 0; position: absolute; bottom: -6px; width: 18px; } .navigation { display: none; } .logo { margin: 3px 0 0 38px; } } @media only screen and (max-width :767px) { .navigation { position: absolute; left: 0px; top: 100%; width: 100%; background: #ff9900; padding: 15px 0 0; z-index: 10; } .navigation ul li { width: 100%; border-bottom: 1px solid #fff; } .navigation ul li a { color: #fff; } .navigation ul li a:hover { border-color: transparent; } .navtoggle { position: absolute; left: 0; top: 0; bottom: 0; width: 38px; background: #ff9900; display: block; height: 100%; } .navtoggle .linescaret { background: #fff; height: 2px; margin: 0px auto 0; position: relative; width: 18px; display: block; top: 50%; transform: translatey(-50%); -webkit-transform: translatey(-50%); } .navtoggle .linescaret:before { background: #fff; content: ""; height: 2px; left: 0; position: absolute; top: -6px; width: 18px; } .navtoggle .linescaret:after { background: #fff; content: ""; height: 2px; left: 0; position: absolute; bottom: -6px; width: 18px; } .navigation { display: none; } #header, body.fixed #header { position: relative; padding: 8px 0; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) } body.fixed #header { position: fixed; } #header .button .icon { display: block; font-size: 20px; } #header .button { font-size: 0px; padding: 0px 8px; border-width: 1px; } .logo { margin: 3px 0 0 38px; } .logo img { max-width: 105px; height: auto; } .inner .logo img { max-width: 100px; } #header .button .icon { font-size: 18px; } .heading { margin-bottom: 15px; } #footer .grid_2 { width: 100%; } #footer .grid_1 { width: 100%; text-align: center; padding-top: 20px; } #footer .grid_1 .copyright br { display: none; } #footer .grid_1 .copyright { color: #333; } #footer .grid_1 .f_logo { margin-bottom: 10px; } h3.trigger { background: #f0703a; color: #fff; cursor: pointer; display: block; font-size: 14px; font-weight: 600; height: 40px; padding: 10px 10px 10px 15px; position: relative; text-align: left; width: 100%; display: block; } h3.trigger:before { left: 0; top: 0; bottom: 0; width: 5px; content: ""; position: absolute; background: #df741e; color: #fff } h3.trigger:after { content: ""; position: relative; font-family: "Ionicons"; font-size: 16x; color: #fff; top: 0px; float: right; right: 5px; } h3.trigger:after { content: "\f218" } h3.trigger.active:after { content: "\f209" } .footer-nav { display: none; } #footer .grid_3, #footer .grid_4, #footer .grid_3 li { width: 100%; } #footer { padding: 10px 0; } #footer .grid_3 { padding-top: 15px; } } @media only screen and (min-width :480px) and (max-width :767px) { ul.one_half_grid, ul.one_third_grid, ul.one_four_grid { min-width: 100%; margin: 0 0 -10px -10px; text-align: center; } ul.one_four_grid > li, ul.one_third_grid > li { width: 50%; padding: 0 0 10px 10px; text-align: left; } .themeBtn.orgBtn { font-size: 16px; text-align: center; padding: 10px 20px; } } @media only screen and (max-width :479px) { ul.one_half_grid, ul.one_third_grid, ul.one_four_grid { min-width: 100%; margin: 0; } ul.one_half_grid > li, ul.one_third_grid > li, ul.one_four_grid > li { display: inline-block; padding: 0 0 10px 00px; width: 100%; } .themeBtn.orgBtn { font-size: 16px; padding: 10px 0; width: 100%; text-align: center; } } /**inner page styles*/ .search-top { background: #f4f6f7; border: solid 1px #e1e1e1; border-radius: 2px; float: left; width: 280px; height: 38px; margin-left: 32px; position: relative; } .search-top form input[type="text"] { background: none; border: none; color: #777; font-size: 15px; line-height: 1.5; padding: 7px 10px; width: calc(100% - 42px); vertical-align: top; } .search-top form input[type="submit"] { background: url(images/magni.png) no-repeat center; border: none; width: 38px; height: 36px; cursor: pointer; position: absolute; top: 0; } .profile-banner { min-height: 630px; position: relative; background-color: #00242d; } .profile-banner .grid-1 { float: left; } .profile-banner .grid-2 { float: right; } .profile-banner .name { display: table; text-align: left; color: #fff; font-size: 115px; font-weight: 300; margin-top: 198px; line-height: 0.65; text-transform: uppercase; } .profile-banner .name .side-lable { background: #ec5c3e url(images/lable.png) no-repeat 0 center; color: #fff; font-size: 18px; font-weight: 700; text-transform: uppercase; padding: 0 14px 0 24px; vertical-align: top; } .profile-banner .type { color: #fff; font-size: 22px; text-transform: uppercase; font-weight: 800; line-height: 1; margin: 25px 0; } .user--card-act-name { /* min-height: 53px;*/ } .following-counts { background: rgba(255, 255, 255, 0.15); border-radius: 1px; display: inline-block; padding: 15px 0; } .following-counts li { border-left: solid 1px rgba(255, 255, 255, 0.15); padding: 0 18px; display: inline-block; color: #fff; font-size: 33px; text-align: center; font-weight: 600; line-height: 1; } .following-counts li span { display: block; font-weight: 400; font-size: 14px; } .following-counts li:first-child { border-left: none; } .button-grp { margin-top: 198px; } .button-grp a { display: block; margin-bottom: 15px; } a.btn-border { border: solid 1px #009ddc; color: #009ddc; font-size: 17px; } .main-body {} .about { display: table; width: 100%; } .about .grid-1 { float: left; } .about .grid-2 { float: right; } .about-artist { float: left; position: relative; } .about-artist .pic-holder { border: solid 5px #fff; border-radius: 2px; width: 195px; float: left; height: 195px; margin-right: 15px; } .about-artist .pic-holder img { max-width: 100%; width: auto; } .about-artist .info-wrap { float: left; margin-top: 55px; } .info-wrap .name { margin-bottom: 10px; } .info-wrap .name span { color: #282828; font-size: 18px; font-weight: 600; text-transform: uppercase; } .info-wrap .name a { color: #758092; font-size: 15px; } .info-wrap .name p { color: #3b3b3b; font-size: 13px; } .info-wrap ul li { color: #2b2b2b; font-size: 15px; width: 48%; display: inline-block; margin: 3px 0; } .info-wrap ul li {} .info-wrap ul li a { color: #3575bd; font-size: 15px; text-decoration: underline; } .info-wrap ul li span.icn { width: 30px; display: inline-block; } .about .grp-btn { margin-top: 25px; } .about .grp-btn a { display: block; margin-bottom: 10px; } .about .grp-btn a.link-txt { text-align: right; } a.link-txt { color: #ec5c3e; font-size: 16px; font-weight: 600; } a.link-txt:hover { color: #009ddc; } .short-nav { background: #fff; border-radius: 2px; margin-bottom: 20px; box-shadow: 0 2px 2px rgba(6, 33, 63, 0.13); } .short-nav { text-align: center; } .short-nav li { display: inline-block; margin: 15px 10px; position: relative; } .short-nav li a { display: block; color: #758092; font-size: 17px; font-weight: 600; padding: 0 10px; } .short-nav li:after, .short-nav li.active:after { height: 4px; width: 100%; background: #f0703a; display: block; position: absolute; bottom: -15px; content: ""; transform: scale(0); -webkit-transform: scale(0); transition: all 250ms ease 0s; -webkit-transition: all 250ms ease 0s; } .short-nav li:hover:after, .short-nav li.active:after { transform: scale(1); -webkit-transform: scale(1); } .profile-wrapper {} .profile-wrapper .grid-1 { float: left; width: 40%; } .profile-wrapper .grid-2 { float: right; width: 58%; } .profile-wrapper .panel { display: table; width: 100%; min-width: 460px; box-shadow: 1px 1px 2px rgba(136, 136, 136, 0.20); border-radius: 2px; background: #fff; margin-bottom: 20px; } .profile-wrapper .panel .panel-head { color: #282828; font-size: 18px; font-weight: 600; text-transform: uppercase; padding: 15px; line-height: 1; } .profile-wrapper .panel .pullright { float: right; } .profile-wrapper .panel a.refresh { background: url(images/refresh.png) no-repeat center; height: 20px; width: 20px; display: inline-block; } .follow-list { width: 100%; } .follow-list .item { float: left; width: 33%; border-left: solid 1px #ededed; margin: 10px 0; padding: 10px 0; } .follow-list .item:first-child { border-left: none; } .follow-list .follow-wrap { text-align: center; padding: 0 14px; } a.close { background: url(images/close-icn.png) no-repeat center; /*width: 7px; height: 7px;*/ display: block; float: right; width: 35px; height: 35px; background-color: #ffffff; padding: 10px; border-radius: 50%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); cursor: pointer; } .follow-list .follow-wrap .avatar, .avatar { width: 95px; height: 95px; border-radius: 50%; display: block; overflow: hidden; margin: 0 auto; } .follow-list .follow-wrap .avatar img, .avatar img { width: auto; max-width: 100%; } .follow-list .follow-wrap .name { color: #494949; font-size: 16px; font-weight: 600; } .follow-list .follow-wrap .created { font-size: 12px; } .follow-list .follow-wrap .created strong { font-size: 13px; } .follow-list .follow-wrap .desc { margin: 10px 0 0 0; } .panel-footer { background: #f9f9f9; text-align: center; padding: 20px 10px; display: table; width: 100%; } a.view { color: #0b8be6; font-size: 16px; font-weight: 600; text-decoration: underline; } a.view:hover { color: #f0703a; } .artist-list {} .artist-list > ul > li { display: table; width: 100%; position: relative; padding: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .artist-list > ul > li:nth-child(2n) { background: #f7f7f7; } .artist-list > ul > li a.close { position: absolute; top: 10px; right: 15px; } .artist-list > ul > li .avatar { width: 52px; height: 52px; margin: 0 15px 0 0; float: left; } .artist-list > ul > li .name a { color: #0b8be6; font-size: 16px; font-weight: 600; } .artist-list > ul > li .name a:hover { color: #f0703a; } .artist-list > ul > li .name span { background: #efefef; color: #929292; font-weight: 400; font-size: 12px; padding: 2px 4px; } .abt-art { margin: 5px 0; } .abt-art li { color: #363636; font-size: 12px; display: inline-block; margin-right: 15px; border-left: solid 1px #e4e0e1; padding-left: 15px; } .abt-art li.follower-count { color: #6f6f6f; font-size: 14px; } .abt-art li:first-child { border: none; padding-left: 0; } .abt-art li span.icn { display: inline-block; margin-right: 5px; } .btn-wrap a { text-align: center; display: table; margin: 0 auto; } .right-content { width: 695px; } .detail-box { overflow: hidden; } .detail-box h3 { color: #2b2b2b; font-size: 23px; border-bottom: solid 1px #e4e4e4; padding-bottom: 8px; margin-bottom: 20px; } .detail-box p { margin-bottom: 20px; } ul.per-detail { margin-bottom: 20px; } ul.per-detail li { color: #555555; font-size: 15px; margin: 10px 0; } ul.per-detail li span.caption { font-weight: 600; position: relative; display: inline-block; width: 24%; vertical-align: top; } ul.per-detail li span.caption:after { content: ":"; right: 0; position: absolute; margin-right: 24px; } ul.per-detail li span.desc { vertical-align: top; display: inline-block; width: 64%; } ul.per-detail li span.desc a { color: #0b8be6; } ul.per-detail li span.desc a:hover { color: #f0703a; } .reviews {} .review-count { margin: 0 0 0 0; display: inline-block; float: right; } .reviews .review-count { margin: 0 0 20px 25px; } .review-count li { margin-right: 10px; display: inline-block; line-height: 1; vertical-align: top; } .postLikeComment { border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; padding: 5px 0; } .review-count li span.icn { vertical-align: middle; display: inline-block; margin-right: 2px; } .review-count li.fav { color: #d86b54; } .review-count li.cmtn { color: #90aedd; } .prev-comments { display: inline-block; float: right; text-align: right; vertical-align: middle; } .prev-comments a { color: #0b8be6; } .prev-comments a:hover { color: #f0703a; } .reviews-list li { display: table; width: 100%; padding: 10px 25px 10px 25px; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .reviews-list li:nth-child(2n+1) { background: #fff; } .twitter-share-button { background-color: #1b95e0; border-radius: 2px; color: #ffffff; } .reviews-list li:last-child { margin-bottom: 0; border-bottom: none; } .reviews-list li .avatar { margin-right: 15px; display: inline-block; float: left; } .reviews-list li .desc { margin: 0; width: auto; margin-left: 50px; } .avatar-wrap { display: table; width: 100%; } .avatar-wrap h3 { font-size: 16px; } .avatar-wrap .avatar { border-radius: 50%; display: block; overflow: hidden; margin: 0 auto; float: left; height: 35px; margin-right: 15px; width: 35px; } .avatar-wrap .name a { color: #0b8be6; font-size: 16px; } .avatar-wrap .name a:hover { color: #f0703a; } .avatar-wrap .time { color: #a1a1a1; font-size: 12px; margin-bottom: 10px; } .avatar-wrap .avatar.size_60 { width: 60px; height: 60px; } .avatar-wrap .avatar.size_35 { width: 35px; height: 35px; } .reviews-list li .desc .txt { font-size: 14px; padding-bottom: 0; padding-top: 10px; color: #565554; line-height: 1.6; } .comment-form { padding: 0 25px 20px 25px; } .comment-form form input[type="text"] { border: 1px solid rgba(0, 0, 0, 0.07); color: #777; font-size: 14px; line-height: 1.5; padding: 5px 10px; vertical-align: top; } .timeline-nav { margin-bottom: 20px; } .timeline-nav li { display: inline-block; } .timeline-nav li a { color: #545e6d; font-size: 16px; display: block; padding: 0 15px; transition: all .2s ease-in-out; } .timeline-nav li a:hover { transform: scale(1.05); } .timeline-nav li.active a { font-weight: 600; } .timeline-nav li:first-child a { padding-left: 0; margin-left: 0; } .post { padding: 25px; } .post .desc { display: table; width: 100%; margin: 20px 0; } .post .desc p { font-size: 14px; } .post .reviews-list li { padding: 0; padding-bottom: 20px; } .post .comment-form { padding: 0; } .action-link { display: inline-block; vertical-align: middle; } .action-link li { display: inline-block; position: relative; } .action-link li::before { background-color: #0b8be6; border-radius: 50%; content: ""; height: 4px; position: absolute; right: 100%; top: 50%; width: 4px; margin-top: -2px; } .action-link li:first-child::before { display: none; } .action-link li a { color: #0b8be6; margin: 0 10px; font-size: 14px; } .action-link li a:hover { color: #f0703a; } .action-link li:last-child a { margin-right: 0; } .media-wrapper { display: block; text-align: center; margin-bottom: 20px; } .media-wrapper img { max-width: 100%; } .photos-list {} .photos-list ul { margin-left: -25px; } .photos-list li { float: left; width: 215px; height: 215px; overflow: hidden; border-radius: 2px; position: relative; margin: 0 0px 20px 25px; } .listing-mediaBox li .pic-overlay { position: absolute; z-index: 10; top: 0; bottom: 0; right: 0; left: 0; background: rgba(255, 148, 62, 0.80); opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .listing-mediaBox li:hover .pic-overlay { opacity: 1; display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .listing-mediaBox li .pic img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .listing-mediaBox li:hover .pic img {} .listing-mediaBox li a.expand { background: #fff; border-radius: 50%; color: #f0703a; display: block; font-size: 39px; font-weight: 300; height: 36px; line-height: 36px; text-align: center; vertical-align: top; width: 36px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .audio_play { background: rgba(0, 0, 0, 0.8); border-radius: 50%; color: #f0703a; display: block; font-size: 41px; font-weight: 300; height: 80px; left: 50%; line-height: 80px; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); vertical-align: top; width: 80px; cursor: pointer; margin-left: 2px; } .audio_play i { display: inline-block; line-height: 1; margin: 0 0 0 2px; } .song-title { bottom: 0; color: #2f2f30; display: block; font-size: 13px; left: 0; overflow: hidden; padding: 0 10px 4px; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .photos-list li .txt { position: absolute; bottom: 0; padding: 10px; color: #fff; text-overflow: ellipsis; width: 215px; overflow: hidden; } .photos-list li .txt a { text-decoration: underline; color: #fff; } .breadcrumbs { padding: 20px 0; } .breadcrumbs li { display: inline-block; margin-right: 10px; vertical-align: top; } .breadcrumbs li.active { background: #f0703a; padding: 2px 4px; color: #fff; border-radius: 2px; font-weight: 600; } .breadcrumbs li a { position: relative; color: #515151; font-size: 14px; } .breadcrumbs li a:after { background: url(images/look-forward.png) no-repeat 0 0; width: 8px; height: 10px; display: inline-block; margin-left: 10px; content: ""; } .tbl-panel { position: relative; } .filterBar { -webkit-transition-all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .togalBtn { background-color: #ff9900; color: #ffffff; display: none; height: 36px; position: absolute; right: 10px; text-align: center; top: 7px; vertical-align: middle; width: 36px; } .togalBtn i { cursor: pointer; display: block; font-size: 25px; line-height: 34px; padding: 2px; } .tbl-panel .grid-1 { float: left; width: 25%; } .tbl-panel .grid-2 { float: right; width: 73%; } .white-panel { background: #fff; border-radius: 2px; } .divider { border-bottom: solid 1px rgba(0, 0, 0, 0.1); height: 1px; margin: 15px 0; } .panel-search {} .panel-search input[type="text"] { border: solid 1px #e1e1e1; background: #f4f6f7; color: #858585; font-size: 14px; padding: 10px; } .box { padding: 20px; } .box-heading { color: #8d8d8d; font-size: 15px; text-transform: uppercase; line-height: 1; font-weight: 600; } .panel-listing {} .panel-listing ul li { color: #151515; font-size: 14px; margin: 10px 0; } .panel-listing ul li:last-child { margin-bottom: 0; } .panel-listing ul li a { color: #151515; } .panel-listing ul li a span.icn { background-color: #0b8be6; border-radius: 50%; display: inline-block; height: 30px; margin-right: 10px; vertical-align: middle; width: 30px; text-align: center; line-height: 30px; } .panel-listing ul li a span.icn svg path { fill: #fff; } .panel-listing ul li a .icn svg { display: block; position: relative; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; } .panel-listing ul li a:hover, .panel-listing ul li.active a { color: #f0703a; } .panel-listing ul li.active a { font-weight: 600; } .panel-listing ul li a:hover span.icn, .panel-listing ul li.active a span.icn { background-color: #f0703a; } .panel-listing ul li.active label, .panel-listing ul li label:hover { color: #0b8be6; } .panel-listing ul li.active label { font-weight: 600; } .panel-listing ul li label input { margin-right: 10px; } .title-bar { display: table; width: 100%; background: #fff; padding: 15px 20px; margin-bottom: 20px; } .pullleft { float: left; } .pullright { float: right; } .sort { position: relative; } a.toggle-link { position: relative; color: #515151; font-size: 13px; padding-right: 15px; display: inline-block; } a.toggle-link:before { content: ""; position: absolute; right: 0; top: 8px; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #9ea6b2 transparent transparent transparent; } .search-result-listing {} ul.three-cols {} ul.three-cols { margin-left: -2%; } ul.three-cols li { float: left; margin: 0 0 20px 2%; width: 31.3333%; } ul.four-cols { margin-left: -2%; } ul.four-cols li { float: left; padding: 0 0 20px 2%; width: 25%; } .search-result-listing .item { position: relative; display: inline-block; vertical-align: top; width: 100%; } .infoBox .friends { background: rgba(255, 255, 255, 0.88); color: #000; font-size: 14px; font-weight: 600; padding: 0 0px 0 5px; position: absolute; top: 5px; right: 5px; z-index: 10; line-height: 25px; } .edit_btn { background-color: #0b8be6; color: #ffffff; display: block; font-size: 18px; height: 26px; left: 5px; line-height: 26px; position: absolute; text-align: center; top: 5px; width: 26px; opacity: 0; } .page-info:hover .edit_btn { opacity: 1; } .edit_btn:hover { background-color: #f0703a; } .infoBox .friends a { background: #0b8be6; color: #fff; display: inline-block; font-size: 25px; font-weight: 600; height: 26px; line-height: 1; text-align: center; vertical-align: top; width: 26px; margin-right: -1px; } .infoBox .friends a:hover { background: #f0703a; } .search-result-listing .item .coverBg, .coverBg { background: url("images/cover-color-bg.jpg") no-repeat center center / cover; ; border-radius: 2px 2px 0 0; overflow: hidden; margin: 1px; position: relative; } .hover_effect:hover .coverBg { background: url("images/cover-color-bg.jpg") no-repeat center center / cover; } .coverBg::after { background-color: rgba(0, 0, 0, 0.3); content: ""; height: 870px; position: absolute; top: 0; width: 100%; z-index: 1; } .hover_effect:hover .coverBg:after { display: none; } .hover_effect:hover .middle h4 a { color: #f0703a; } .search-result-listing .item .coverBg img { width: 100%; height: 100%; } .search-result-listing .item .coverBg, .infoBox .coverBg { height: 187px; } .search-result-listing .item .middle, .infoBox .middle { text-align: center; position: relative; padding-top: 10px; background: #fff; } .border-box { border: 1px solid #dce4e6; border-radius: 2px 2px 0 0; background-color: #fff; position: relative; } .search-result-listing .item .middle .imgbox, .infoBox .imgbox { border: 4px solid #fff; border-radius: 2px; margin: auto; left: 0; right: 0; top: 0px; height: 60px; width: 60px; position: absolute; background: url(images/defult_img.jpg) no-repeat center bottom; } .search-result-listing .item .middle .imgbox img, .infoBox .imgbox img { width: 100%; height: 100%; } .search-result-listing .item .middle h4, .infoBox .middle h4 { color: #212121; font-size: 18px; font-weight: bold; position: relative; } .search-result-listing .item .middle h4.lable:after, .infoBox .middle h4.lable:after { position: absolute; top: 8px; content: ""; background: url(images/lble.png) no-repeat 0 0; width: 16px; height: 13px; display: inline-block; margin-left: 8px; } .search-result-listing .item .middle .info, .infoBox .middle .info { color: #929292; font-size: 13px; display: block; padding-bottom: 5px; } .search-result-listing .item .middle .height_div, .infoBox .middle .height_div { text-align: center; min-height: 135px; } .search-result-listing .item .middle address, .infoBox .middle address { color: #363636; font-size: 14px; position: relative; padding: 0 5px 15px 5px; } .search-result-listing .item .middle address i, .infoBox .middle address i { font-size: 16px; margin-right: 5px; color: #3e3e3e; } .search-result-listing .item .border_top, .border_top { border-top: 1px solid #dce4e6; padding: 10px; display: inline-block; width: 100%; vertical-align: top; } .search-result-listing .item .middle .border_top .grid_1, .infoBox .middle .border_top .grid_1 { padding: 5px 0 0 5px; } .search-result-listing .item .req_quote, .infoBox .req_quote { display: block; font-size: 16px; font-weight: 600; color: #0b8be6; padding: 10px 0; position: relative; z-index: 3; text-align: center; background-color: #fff; border: 1px solid #dce4e6; border-top: none; } .search-result-listing .item .req_quote:hover, .infoBox .req_quote:hover { color: #fff; border-color: #009ddc; } .search-result-listing .item .req_quote:after, .infoBox .req_quote:after { content: "»"; font-size: 23px; padding-left: 5px; font-weight: normal; line-height: 18px; } .search-result-listing .item .req_quote:before, .infoBox .req_quote:before { background: #009ddc; height: 0px; width: 100%; -webkit-transition: height 0.5s; transition: height 0.5s; content: ""; position: absolute; left: 0px; bottom: 0px; z-index: -1; } .search-result-listing .item .req_quote:hover:before, .infoBox .req_quote:hover:before { height: 100%; width: 100%; } .infoBox .coverBg .imgbox { background: #f3f8fb url("images/defult_img.jpg") no-repeat scroll center center; } .infoBox .middle .imgbox img { width: 100%; height: 100%; } .infoBox .middle h4 a { color: #212121; display: block; font-size: 18px; font-weight: bold; overflow: hidden; padding: 0 10px; position: relative; text-overflow: ellipsis; white-space: nowrap; } .infoBox .middle h4 a:hover { color: #f0703a; } .infoBox .middle h4.featured a::after { background-image: url("images/featured-icon.png"); background-position: center top; background-repeat: no-repeat; content: ""; display: inline-block; height: 20px; vertical-align: middle; width: 30px; } .infoBox .middle .info { color: #929292; display: block; font-size: 13px; overflow: hidden; padding: 0 10px 5px; text-overflow: ellipsis; white-space: nowrap; } .infoBox .middle .height_div { text-align: center; min-height: 135px; } .infoBox .middle address { color: #363636; font-size: 14px; overflow: hidden; padding: 0 5px 15px; position: relative; text-overflow: ellipsis; white-space: nowrap; } .infoBox .middle address i { font-size: 16px; margin-right: 5px; color: #3e3e3e; } form.related-search { padding: 20px; border: none; background: none; text-align: center; } form.related-search h3 { color: #212121; font-size: 22px; font-weight: 600; text-align: center; padding-bottom: 15px; } form.related-search input[type="text"] { border: solid 1px #e1e1e1; background: #f4f6f7; color: #858585; font-size: 14px; padding: 10px; margin-right: -4px; display: inline-block; width: 368px; vertical-align: top; border-radius: 2px 0px 0px 2px; height: 42px; } form.related-search input[type="submit"] { border-radius: 0px 2px 2px 0px; padding: 8px 30px; height: 42px; -webkit-appearance: none; } .cta { background: #0b8be6; border-radius: 2px; display: table; width: 100%; padding: 20px; vertical-align: top; margin-bottom: 20px; } .cta h3 { vertical-align: top; display: table-cell; color: #fff; font-size: 26px; font-weight: 600; width: 64%; } .cta h3 span { display: block; color: #fff; font-size: 14px; } .cta a { text-align: right; float: right; } .md-perspective, .md-perspective body { height: 100%; overflow: hidden; } .md-perspective body { background: #222; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } .md-modal { position: fixed; top: 50%; left: 50%; width: 50%; max-width: 840px; min-width: 320px; height: auto; z-index: 10005; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .md-show { visibility: visible; } .md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; background: rgba(0, 0, 0, 0.7); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show ~ .md-overlay { opacity: 1; visibility: visible; } .md-close { background-color: rgb(34, 34, 34); cursor: pointer; height: 25px; padding: 8px; position: absolute; right: 10px; top: 10px; width: 25px; z-index: 1; } .md-close:hover { background-color: #f0703a; } .md-close svg { width: 10px; height: 10px; display: block; } .md-close svg:hover { opacity: 1; } .md-close svg polygon { fill: #ffffff; } /* Content styles */ .md-content { background: #fff; position: relative; border-radius: 2px; margin: 0 auto; } .md-content button { /* 	display: block; */ margin: 0 auto; font-size: 0.8em; } /* Individual modal styles with animations/transitions */ /* Effect 1: Fade in and scale up */ .md-effect-1 .md-content { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-1 .md-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .custom-content { background: #fff; border-radius: 3px; } .profile-pic-slider { position: relative; } .profile-pic-slider .slick-arrow { position: absolute; top: 50%; margin-top: -29px; height: 58px; width: 34px; background: url(images/buttons.png) no-repeat 0 0; border: none; text-indent: -9999px; z-index: 1; cursor: pointer; opacity: 0.35; } .profile-pic-slider .slick-arrow:hover { opacity: 1; } .profile-pic-slider .slick-arrow.slick-next { right: 5px; background-position: right top; } .profile-pic-slider .slick-arrow.slick-prev { left: 5px; background-position: 0 0; } .more-from { display: table; width: 100%; } .more-from .grid-1 { float: left; width: 70%; } .more-from .grid-2 { float: right; width: 30%; padding-left: 26px; } .more-pics h3 { color: #626262; font-size: 16px; font-weight: 600; margin-bottom: 10px; } .more-pics ul { background: #e7e7e7; border-radius: 3px; display: table; width: 100%; padding-left: 10px; } .more-pics ul li { margin: 10px 10px 0px 0; max-width: 90px; max-height: 90px; float: left; border-radius: 2px; } .sign-up { background: url(images/bg-sign-up.jpg); position: relative; min-height: 620px; background-size: cover; } .sign-up-left { display: table-cell; width: 400px; position: relative; z-index: 1; vertical-align: middle; } .slogan { position: relative; color: #fff; font-size: 56px; font-weight: 800; } .slogan span { display: block; color: #fff; font-size: 30px; font-weight: 400; } .other-links { margin-top: 60px; } .other-links h3 { color: #fff; font-size: 22px; font-weight: 600; margin-bottom: 20px; } .other-links a { min-width: 310px; display: table; border-radius: 2px; color: #fff; font-size: 18px; padding: 10px 0; margin-top: 15px; } .other-links a:hover { opacity: 0.8; } .other-links a span.icn { display: inline-block; width: 55px; text-align: center; border-right: solid 1px rgba(255, 255, 255, 0.2); margin-right: 25px; } .other-links a.fb-login { background: #3b5699; } .other-links a.gp-login { background: #da4a38; } .other-links a svg { width: 20px; height: 20px; display: inline-block; } .other-links a svg path { fill: #fff; } .sign-form { float: right; width: 482px; position: relative; z-index: 1; border-radius: 2px; /*background: rgba(255, 255, 255, 0.9);*/ padding: 25px; } .sign-form h3 { color: #212121; margin-bottom: 10px; font-size: 26px; text-align: center; } .sign-form p { font-weight: 300; text-align: center; margin-bottom: 10px; } .sign-form ul { display: table; width: 100%; } .sign-form ul li { float: left; width: 50%; } .sign-form ul li:nth-child(2n) { padding-left: 10px; } .sign-form .field-set { margin-bottom: 10px; } .sign-form input[type="text"], .sign-form textarea { background: #fff; border: 1px solid rgb(225, 225, 225); color: rgb(119, 119, 119); font-size: 14px; line-height: 1.5; padding: 10px 10px; vertical-align: top; } .sign-form input[type="file"] { border: 1px solid #e1e1e1; font-size: 12px; height: auto; padding: 8px 10px; line-height: 25px; } .sign-form input[type="submit"], .sign-form input[type="reset"] { background: #009ddc; border: none; color: #fff; font-size: 16px; line-height: 1.5; padding: 10px 10px; vertical-align: top; font-weight: 600; text-align: center; cursor: pointer; display: block; border-radius: 2px; width: 100%; } .sign-form input[type="submit"]:hover, .sign-form input[type="reset"]:hover { background: #f0703a; } .sign-form label { display: block; color: #5a5a5a; font-size: 15px; font-weight: 600; margin-bottom: 5px; } .sign-form input[type="text"].dd { width: 56px; margin-right: 5px; } .sign-form input[type="text"].mm { width: 59px; margin-right: 5px; } .sign-form input[type="text"].yyyy { width: 78px; } .sign-form .agree { color: #5a5a5a; font-size: 15px; font-weight: 300; text-align: left; margin-bottom: 20px; } .sign-form .agree a { color: #009ccb; text-decoration: underline; } .sign-form .captcha { display: inline-block; margin-right: 15px; position: relative; top: 0; right: 0; } .sign-form .re-captcha { display: inline-block; margin-top: 10px; vertical-align: top; } /***/ #body {} .whiteBg { background-color: #fff; } /*---- contact us page---*/ .location { display: inline-block; width: 100%; border-top: 1px solid #ddd; position: relative; } .location .address { background: #009ddc; color: #fff; padding: 20px; width: 400px; position: absolute; margin-left: -200px; left: 50%; top: 0px; box-shadow: 0 2px 5px #666; } .location .address p { padding: 0 0 10px 25px; position: relative; font-size: 20px; line-height: normal; } .location .address p a { color: #fff; } .location .address p .icon { font-size: 24px; position: absolute; left: 0px; top: 0px; } .location iframe { width: 100%; height: 400px; vertical-align: top; } .white_background { /*	background: #fff;*/ } input.captcha_code { padding-right: 139px !important; } div.captcha { position: absolute; right: 8px; top: 8px; white-space: nowrap; } div.captcha .captcha-img { float: left; } div.captcha .refsh-btn { color: #333333; display: inline-block; float: right; font-size: 24px; padding: 0px 0 0 10px; } .captcha i.ion-loop { color: #009ddc; display: block; font-size: 27px; line-height: 1; } .content { padding: 25px 0; display: inline-block; vertical-align: top; width: 100%; } .login_wrapper { width: 100%; max-width: 500px; /*	border: 1px solid #d3d9db;*/ border-radius: 3px; margin: 70px auto; position: relative; background: rgba(255, 255, 255, 0.9); z-index: 3; } .login_wrapper .loggin_form { border-spacing: 0 20px; table-layout: fixed; border-collapse: separate; } .login_wrapper .loggin_form td { vertical-align: top; } /* .login_wrapper:after, .login_wrapper:before { background: url(images/login_bg.png) no-repeat 0 0; position: absolute; top: 0px; bottom: 0px; margin: auto; content: ""; width: 453px; height: 358px; z-index: -1; } .login_wrapper:before { right: 105%; } .login_wrapper:after { left: 105%; } */ .login_wrapper .head_sect { padding: 30px 30px 10px 30px; } .login_wrapper .head_sect h2 { color: #212121; font-size: 26px; margin-bottom: 10px; text-align: center; } .login_wrapper .head_sect h3 { font-weight: 300; margin-bottom: 10px; text-align: center; } .fwd_pwd { color: #f89839; text-align: right; float: right; } .fwd_pwd:hover { color: #009ddc; } .remember { padding-bottom: 10px; } .login_wrapper .themeBtn { width: 100%; max-width: 454px; } .login_wrapper .or { position: relative; font-size: 18px; color: #5c5c5c; text-align: center; position: relative; z-index: 3; width: 50px; vertical-align: middle !important; } .login_wrapper .or:after { width: 1px; background: #e4e4e4; height: 100%; margin: auto; left: 0px; right: 0px; content: ""; position: absolute; top: 0px; z-index: -1; bottom: 0px; } .login_wrapper .or span { /*	background: #f7f7f7;*/ padding: 0 5px; } .fb_login { background: #26599a; border-radius: 3px; color: #fff; font-size: 16px; padding: 0 20px; text-align: center; width: 100%; height: 55px; display: block; line-height: 53px; text-transform: uppercase; } .fb_login i { font-size: 25px; float: left; line-height: 55px; } .fb_login:hover { background: #009ddc; } .login_wrapper .bottom { background: #fff; border-radius: 0 0 10px 10px; color: #5c5c5c; font-size: 16px; text-align: center; padding: 25px 0; border-top: 1px solid #d3d9db; } .login_wrapper .bottom a { color: #009ddc; } .login_wrapper .bottom a:hover { color: #f89839; } .radio_button li { padding-bottom: 5px; display: inline-block; padding-right: 5px; margin-top: 5px; margin-right: -5px; width: 25%; } .left_panal { float: left; width: 24%; } .right_panal { width: 74%; float: right; } /* cms page=================*/ .cmsContainer, .content { width: 100%; padding: 35px 0; display: inline-block; vertical-align: top; } .cmsContainer { padding: 0 } .cmsContainer h2 { font-size: 24px; color: #3e3e3e; padding: 0 0 15px 0; font-weight: 700; } .cmsContainer h3 { font-size: 20px; color: #3e3e3e; padding: 0 0 15px 0; font-weight: 700; } .cmsContainer h4 { font-size: 18px; color: #3e3e3e; padding: 0 0 15px 0; font-weight: 600; } .cmsContainer h5 { font-size: 15px; color: #3e3e3e; padding: 0 0 15px 0; font-weight: 600; } .cmsContainer h6 { font-size: 14px; color: #3e3e3e; padding: 0 0 10px 0; font-weight: 400; } .cmsContainer p { padding: 0 0 15px 0; line-height: 1.5; font-size: 15px; font-weight: 400; } .cmsContainer p a, .cmsContainer ul li a, .cmsContainer ol li a { color: #009ddc; } .cmsContainer p a:hover, .cmsContainer ul li a:hover, .cmsContainer ol li a:hover { color: #f0703a; } .cmsContainer p strong { font-size: 15px; font-weight: 600; } .cmsContainer p strong a { font-weight: 700; text-decoration: underline; } .cmsContainer ul { margin: 0 0 15px 0; padding: 0; width: 100%; } .cmsContainer ul li ul { margin: 15px 0 0 0; padding: 0; width: 100%; } .cmsContainer ul li { list-style: none; position: relative; padding: 0 0 7px 15px; font-size: 15px; } .cmsContainer ul li:before { content: ""; width: 6px; height: 6px; border-radius: 30px; background: #009ddc; left: 0px; top: 8px; position: absolute; } .cmsContainer ul li strong { font-weight: 700; } .cmsContainer ol { margin: 0 0 15px 0; padding: 0; display: inline-block; width: 100%; } .cmsContainer ol li { list-style: decimal inside; margin: 0; font-weight: 400; position: relative; padding: 0 0 7px 15px; font-size: 18px; } .cmsContainer img { max-width: 100%; } ol.nested-list { counter-reset: item; } ol.nested-list li { font-size: 14px; display: block; line-height: 1.5; } ol.nested-list li::before { content: counters(item, ".", decimal) ". "; counter-increment: item; padding-right: 10px; } ol.nested-list li li { margin-top: 0.75rem; } ol.nested-list h5 { font-weight: bold; line-height: 2.5; } /*---- about us page---*/ .cmsContainer .table_div { padding: 30px 0; table-layout: fixed; border-top: 1px solid #eaeaea; } .cmsContainer .table_div:last-child { padding-bottom: 0px; } .cmsContainer .table_div .grid_5, .cmsContainer .table_div .grid_6 { text-align: left; vertical-align: middle; } .cmsContainer .table_div .grid_5 { padding-right: 30px; } .cmsContainer .table_div.right_dir { direction: rtl; } .cmsContainer .table_div.right_dir .grid_5 { padding-left: 30px; padding-right: 0; } .cmsContainer .table_div .grid_6 img { border-radius: 3px; } .cmsContainer .table_div .grid_6 p { padding-bottom: 0px; } .four_colms { margin: 0 0 -20px -20px; min-width: 100%; } .four_colms li { width: 25%; display: inline-block; margin-right: -4px; padding: 0 0 20px 20px; vertical-align: top; } .four_colms li .team_info { background: #009ddc; padding: 10px; } .four_colms li .team_info h3 { font-size: 19px; color: #fff; font-weight: 600; } .four_colms li .team_info p { color: #fff; font-size: 15px; } .our_team .grid_12 { border: 1px solid transparent; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; overflow: hidden; } .our_team .grid_12:hover { border-color: #009ddc; box-shadow: 0 0px 10px 0 rgba(15, 211, 236, 0.7) } .our_team .imgbox img { -moz-transition: -moz-transform 0.5s ease-in; -webkit-transition: -webkit-transform 0.5s ease-in; -o-transition: -o-transform 0.5s ease-in; transition: 0.5s ease-in; } .our_team .imgbox { overflow: hidden; } .our_team .imgbox:hover img { -moz-transform: scale(1.08); } /*-- faq  page   style --*/ .categories_menu { padding: 0px; overflow: hidden; background: #fff; border: 1px solid #f0f0f0; border-radius: 4px; } .categories_menu > h3 { background: #f0703a; padding: 10px 15px; color: #fff; font-size: 22px; font-weight: 600; } .categories_menu .responsivetabs { display: inline-block; width: 100%; vertical-align: top; padding: 0px; margin: 0px; } .categories_menu .responsivetabs li { vertical-align: middle; text-align: left; padding: 0px 0px 0 0; margin: 0px; border-bottom: 1px solid #f0f0f0 } .categories_menu .responsivetabs li:before { display: none; } .categories_menu .responsivetabs li a { color: #666; font-size: 18px; display: block; padding: 10px 15px; } .categories_menu .responsivetabs li a:hover, .categories_menu .responsivetabs li a.selected { background: #009ddc; color: #fff; } .tabs_wrapper { border-radius: 5px; border: 1px solid #edecec; } .tabs_wrapper .accordion h4 { border-top: 1px solid #edecec; padding: 15px 15px 15px 45px; position: relative; font-size: 20px; cursor: pointer; } .tabs_wrapper .accordion h4:before { content: "\f218"; font-family: "Ionicons"; font-size: 20px; color: #009ddc; left: 15px; top: 15px; position: absolute; font-weight: normal; } .tabs_wrapper .accordion h4.active:before { content: "\f209"; } .tabs_wrapper .accordion h4:first-child { border-top: none; } .tabs_wrapper .accordion h4.active { background: #fafafa; } .tabs_wrapper .accordion .ans p { padding: 0 15px 15px 45px; } .accordion { background: #fff; } /*----press---*/ .list_grid { background: #f5f5f5; border: 1px solid #eee; border-radius: 3px; margin-bottom: 15px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .list_grid:last-child { margin-bottom: 0px; } .list_grid h3 { font-size: 22px; font-weight: 600; max-width: 80%; display: inline-block; } .list_grid h3 a { color: #009ddc; } .list_grid h3 a:hover { color: #f89839; } .list_grid .top { padding: 10px 20px; position: relative; } .list_grid .top .post_date { float: right; padding-top: 5px; } .list_grid .post_dec { background: #fff; padding: 20px; border-top: 1px solid #eee; } .list_grid .post_dec p { line-height: 25px; padding-bottom: 10px; } .list_grid .post_dec p .readmore { color: #fff; font-weight: 600; background: #009ddc; padding: 3px 15px; margin-left: 5px; border-radius: 3px; } .list_grid .post_dec p .readmore:hover { background: #f89839; } .list_grid .post_dec .border_box a { color: #666; background: #eee; border-radius: 3px; padding: 7px 20px; display: inline-block; vertical-align: top; } .list_grid .post_dec .border_box a:hover { background: #009ddc; border-color: #009ddc; color: #fff; } /*----Testimonals psge style ----*/ .testimonial-form { background: #fff; display: table; width: 100%; padding-top: 15px; } .review_block { margin-bottom: 30px; background-color: #fff; border: 1px solid #f0f0f0; border-radius: 5px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.05); } .review_block:last-child { margin-bottom: 0px; } .review_block .light_gray_strip { position: relative; padding: 25px; } .review_block .light_gray_strip:before { background: url(images/small_quote.png) no-repeat center center #fff; height: 40px; width: 40px; border: 1px solid #d6d6d6; border-radius: 100%; content: ""; position: absolute; top: -10px; left: -10px; } /*.review_block .light_gray_strip:after { border: 11px solid transparent; border-top-color: #f7f7f7; border-left-color: #f7f7f7; position: absolute; content: ""; left: 40px; top: 100%; }*/ .review_block .light_gray_strip p { font-size: 16px; font-style: italic; line-height: 25px; } .review_block .tstmnl-usr { padding: 0 0 20px 25px; } .review_block .tstmnl-usr h3 { color: #222; font-size: 18px; font-weight: 600; } .form table.post_review tr td { padding: 0; } .review_block .tstmnl-usr p { font-size: 16px; } .review_block .tstmnl-usr span { display: block; font-style: italic; color: #999; font-size: 15px; } .whiteBox.post_review { padding: 0px; } .post_review table { border-spacing: 20px; border-collapse: separate; } .post_review .themeBtn { width: 100%; } .post_review textarea { min-height: 120px; } /*.post_review .refsh-btn{font-size:30px; color:#009ddc; margin:2px 0 0 5px; display:inline-block;}*/ .more { font-size: 17px; font-weight: bold; color: #009ddc; white-space: nowrap; } .more:hover { color: #f0703a; } .left_section { float: left; width: 67%; } .whiteBox { background: #ffffff; border: 1px solid #f0f0f0; border-radius: 3px; padding: 30px; } .right_section { float: right; width: 31%; } /*---pagination page style -----*/ .pagination { display: inline-block; width: 100%; vertical-align: top; } .pagination ul, .cmsContainer .pagination ul { padding: 0; text-align: center; margin-bottom: 0px; } .pagination ul li, .cmsContainer .pagination ul li { font-size: 12px; font-weight: 600; padding: 0px; display: inline-block; } .pagination ul li a, .cmsContainer .pagination ul li a { color: #fff; display: inline-block; vertical-align: top; margin: 0 2px; border-radius: 100%; width: 30px; height: 30px; line-height: 30px; background: #21a8d3; } .pagination ul li a:hover, .pagination ul li.selected a, .cmsContainer .pagination ul li a:hover, .pagination ul li a.active { background: #df842e; } .pagination ul li:before { display: none; } /*---Bolg page  style ===========*/ .content { padding: 25px 0; display: inline-block; vertical-align: top; width: 100%; } .col_left { float: left; width: 70%; } .col_left .post { background: #fff; border: 1px solid #eaeaea; border-radius: 5px; margin-bottom: 20px; padding: 20px; position: relative; } .content .col_left .post:last-child { margin-bottom: 0px; } .content .col_left .top { display: inline-block; width: 100%; vertical-align: top; } .content .col_left .post_imges { margin: 20px 0; } .content .col_left .title { color: #3f3e3e; font-size: 22px; padding-bottom: 5px; line-height: 1.2; } .content .col_left .title a { color: #3f3e3e; } .content .col_left .title a:hover { color: #009ddc; } .content .col_left .date { border-radius: 2px; float: left; font-size: 23px; font-weight: bold; line-height: 30px; overflow: hidden; text-align: center; padding-top: 5px; background: #009ddc; /* width: 55px; */ color: #FFF; margin-right: 10px; } .date p { padding: 0px; } .content .col_left .date span { display: block; font-size: 14px; font-weight: 600; padding: 4px 12px; text-transform: uppercase; background: #f0703a; color: #fff; } .content .col_left .cmnt_area { padding-left: 70px; } .content .col_left .entry { padding-bottom: 10px; font-size: 14px; } .content .col_left .entry, .content .col_left .entry p { line-height: 25px; } .content .col_left .entry a { color: #009bcd; font-weight: 600; } .content .col_left .entry a:hover { color: #000; } .content .col_left .cmt-box { color: #4d5257; font-size: 14px; } .content .col_left .cmt-box li:first-child { border-left: medium none; padding-left: 0; } .content .col_left .cmt-box li { border-left: 1px solid #dddddd; float: left; font-size: 14px; margin-right: 10px; padding-left: 10px; color: #9e9898; font-size: 13px; } .content .col_left .cmt-box li .icon { color: #9e9898; padding-right: 7px; font-size: 15px; } .content .col_left .cmt-box a { color: #9e9898; font-size: 13px; } .content .col_left .cmt-box a:hover { color: #009ddc; } .content .col_left .cmt-box span { background: #eaeaea; border-radius: 3px; display: inline-block; font-size: 13px; margin-left: 10px; padding: 2px 7px; position: relative; } .content .col_left .cmt-box span:before { border-bottom: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid #eaeaea; border-top: 6px solid rgba(0, 0, 0, 0); content: ""; left: -6px; position: absolute; top: 5px; z-index: 1; } .content .col_left .post_midlSectn { position: relative; } .content .col_left .post_midlSectn p { font-size: 15px; line-height: 24px; padding-bottom: 10px; text-align: justify; } .col_left .link { font-size: 17px; font-weight: 600; } .col_left .link:hover { color: #21a8d3; } .sharewrap { clear: left; display: block; padding: 15px 0 0 0; width: 100%; } .content .col_right { float: right; width: 30%; padding: 0 0 0 20px; } .col_right .v-btn.blue { background: #0b8be6; color: #fff; width: 100%; } .openToggle:before { color: #000; content: ""; font-family: "Ionicons"; font-size: 20px } .sectnTop.active .openToggle:before { content: "" } .sectnTop .openToggle { background: #ffb503; border-radius: 50%; float: right; height: 30px; line-height: 30px; margin: 0; text-align: center; width: 30px; display: none } .content .col_right .round_sectn { margin-top: 20px; } .round_sectn > .sectnTop::after { bottom: 0; color: #ffffff; content: ""; cursor: pointer; font-family: "Ionicons"; font-size: 20px; height: 46px; line-height: 46px; position: absolute; right: 13px; top: 0; width: 16px; display: none; } .content .col_right .round_sectn:last-child { margin-bottom: 0px; } .round_sectn > .sectnTop h4 { color: #fff; font-size: 22px; padding: 0 40px 0 0; } .round_sectn > .sectnTop { background: #f0703a; border-radius: 3px 3px 0 0; padding: 10px 18px; width: 100%; position: relative; } .sectnMiddle { display: block; background: #fff; } .blog_lnks, .post-links { border: 1px solid #e1e1e1; border-top: none } .blog_lnks li a:hover .countxt { background: #009ddc; color: #fff; border-color: #009ddc } .blog_lnks li a:hover { color: #009ddc } .post-links > li { border-bottom: 1px solid #e7e7e7; padding: 10px 15px } .post-links > li > a { color: #505050; display: block; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .comnt_date { margin: 5px 0 0 } .comnt_date > li { display: inline-block; width: 46% } .comnt_date li a { color: #505050; font-size: 12px } .comnt_date span { padding: 0 4px 0 0 } .comnt_date span i { font-size: 14px; line-height: 14px } .post-links > li > a:hover, .comnt_date li a:hover { color: #009ddc } .col_right .searchform { position: relative; } .no_result { background-color: #ffffff; padding: 20px; text-align: center; } .no_result_text h5 { font-size: 18px; font-weight: 600; padding: 10px 0 5px; } .searchform .siteForm { position: relative; } .col_right .searchform input[type="text"] { padding-right: 40px; } .col_right .searchform input[type="submit"] { background: url("images/search.png") no-repeat scroll 0 0; border: none; cursor: pointer; font-size: 0; height: 30px; position: absolute; right: 8px; top: 13px; width: 25px; padding: 0; } .col_right .searchform input[type="submit"]:hover { background: url("images/search.png") no-repeat scroll 0 0; } .blog_lnks li a:hover .countxt { background: #009ddc; color: #fff; border-color: #009ddc } .post_review .headBox > h3 { color: #fff; } .blog_lnks li a:hover { color: #009ddc } .blog_lnks > li { border-bottom: 1px solid #e7e7e7; padding: 10px 15px; position: relative; } .blog_lnks > li > a { color: #505050; display: block; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sub_cat { padding: 0 0 0 20px; } .sub_cat a { color: #505050; } .sub_cat > li { list-style-type: disc; padding: 4px 0; } .comnt_date { margin: 5px 0 0 } .comnt_date > li { display: inline-block; width: 46% } .comnt_date li a { color: #505050; font-size: 12px } .comnt_date span { padding: 0 4px 0 0 } .comnt_date span i { font-size: 14px; line-height: 14px } .comnt_date li a:hover { text-decoration: underline } .blog_lnks li a .countxt { border: 1px solid #ddd; border-radius: 12px; color: #23282d; display: inline-block; font-size: 12px; height: 20px; line-height: 19px; padding: 0 10px; position: absolute; right: 10px; top: 14px; background: #fff; } .col_right .themeBtn { width: 100%; padding: 15px 0; margin-top: 20px; vertical-align: top; } .content .col_left .post_imges .slider_nav img { border: 1px solid #eee; border-radius: 2px; padding: 5px; width: 97%; } .content .col_left .post_imges .slick-current img { border-color: #009ddc; } .post_imges .slick-prev, .post_imges .slick-next { font-family: "Ionicons"; font-size: 0px; position: relative; background: none; border: none; position: absolute; top: 50%; display: inline-block; z-index: 444; width: 30px; height: 30px; display: block; cursor: pointer; } .post_imges .slick-prev:before, .post_imges .slick-next:before { font-family: "Ionicons"; color: #fff; border-radius: 100%; width: 30px; height: 30px; background: #21a8d3; font-size: 15px; line-height: 30px; display: block; position: absolute; cursor: pointer; top: 0px; left: 0px; right: 0px; } .post_imges .slick-prev:hover:before, .post_imges .slick-next:hover:before { background: #f0703a; } .post_imges .slick-prev { left: 10px; } .post_imges .slick-next { right: 10px; } .slick-prev:focus, .slick-next:focus { outline: none; } .post_imges .slick-prev:before { content: "\f124"; } .post_imges .slick-next:before { content: "\f125"; } .post_imges .slider_nav { margin-top: 20px; } .post_imges .slider_nav .slick-prev, .post_imges .slider_nav .slick-next { top: 50%; margin-top: -15px; } .post_imges .slider_nav .slick-next { right: 17px; } .slick-slide:focus { outline: none; } /*---blog details page style -----*/ .comment-section { background: #fff; border: 1px solid #eaeaea; border-radius: 5px; margin-bottom: 20px; padding: 20px; position: relative; } .comment-section .comnt { border-bottom: 1px dashed #ccc; padding: 10px 0; margin-bottom: 10px; } .comment-section .comnt:last-child { border-bottom: 0px; } .comment-section > h2 { color: #414042; font-size: 22px; font-weight: 600; padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin-bottom: 10px; } .comment-section .imgbox { background: #fafafa; border: 1px solid #e1e1e1; border-radius: 50%; /*display: table;*/ float: left; height: 48px; text-align: center; width: 48px; overflow: hidden; } .comment-section .imgbox:before { display: none; } .comment-section .imgbox img { vertical-align: middle; min-width: 100%; min-height: 100%; } .comnt-txt { padding: 0 0 0 60px } .comnt-txt > h3 { color: #333; font-size: 18px; font-weight: 600; } .publsh_date { padding-bottom: 8px } .publsh_date > li { color: #a6a6a6; display: inline-block; font-size: 13px; margin: 0 10px 0 0; vertical-align: middle; line-height: 15px; } .publsh_date > li span i { font-size: 15px; line-height: 15px; margin-right: 6px; vertical-align: top } .publsh_date span { line-height: 1.1; } .comnt-txt > p { color: #505050; font-size: 16px; line-height: 24px; padding: 0 0 5px } .add-review { background: #fff; border: 1px solid #eaeaea; border-radius: 3px; margin-top: 10px; padding: 15px; } .add-review h2 { color: #505050; font-size: 22px; padding: 0 0 10px 5px; font-weight: 600; } .add-review .themeBtn { float: right; } .reviewTbl { padding: 0 10px } .reviewTbl td { padding: 0 0 10px 10px; width: 50%; position: relative; vertical-align: top; } .reviewTbl td:first-child { padding-left: 0 } .reviewTbl td textarea { height: auto; } .search_div { border-radius: 7px; border: 1px solid #edecec; background: #fff; } .search_div li { border-bottom: 1px solid #edecec; padding: 20px; display: inline-block; vertical-align: top; width: 100%; } /*.search_div .head_sect{color: #009ddc;display: inline-block; vertical-align: top; width: 100%; margin-bottom: 15px;}*/ .search_div h3 { font-size: 25px; font-weight: 600; } .search_div h3 a { color: #009ddc; } .search_div h3 a:hover { color: #f89839; } .search_div .themeBtn { float: right; } .search_div .grid_1 { max-width: 80%; } .search_div li p { font-size: 17px; line-height: 25px; padding-bottom: 15px; } .search_div .location_div { position: relative; padding-left: 20px; font-size: 18px; float: left; font-weight: 600; } .search_div .location_div:after { content: "\f456"; font-family: "Ionicons"; color: #f89839; position: absolute; left: 0px; font-weight: normal; } .info_form { border-spacing: 20px; border-collapse: separate; table-layout: fixed; } .share_job { text-align: center; border: 1px solid #f4f4f4; padding: 20px; display: inline-block; vertical-align: top; width: 100%; margin-bottom: 20px; border-radius: 5px; } .cmsContainer .share_job h4 { padding-bottom: 0px; } .cmsContainer .share_job ul { text-align: center; margin: 0px; } .cmsContainer .share_job ul li { display: inline-block; padding: 0px 5px; } .cmsContainer .share_job ul li::before { display: none; } /*---popup section=============================*/ .whoops { max-width: 100%; margin: 0 auto; padding: 30px; background: #fff; } .whoops h3 { font-size: 86px; color: #009ddc; font-weight: 700; line-height: 80px; letter-spacing: -6px; } .whoops .left-grid { padding-top: 60px; } .error-img { text-align: center; } .whoops h4 { font-size: 36px; font-weight: 600; line-height: 1; } .whoops img { max-width: 100%; height: auto; } .whoops p { color: #151515; font-size: 13px; font-weight: 500; padding: 35px 0; } .whoops .theme-btn { padding: 10px 20px; font-size: 14px; font-family: 'proxima_novabold'; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } .bg-dark { background: url(images/bg-sign-up.jpg) no-repeat center top; /*min-height: 653px;*/ position: relative; min-height: 620px; } /* .bg-dark:after { background: url(images/bckg_dots_2x2.gif) repeat 0 0; background: rgba(0,0,0,0.68); bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; } */ /*Chat css*/ .live-chat { background-color: #009ddc; bottom: 50px; padding: 5px; position: fixed; right: 10px; width: 75px; border-radius: 50px; z-index: 9999; } .chat-lbl { color: #ffffff; display: block; font-size: 16px; font-weight: 700; line-height: 1; text-align: center; } .chat-status { color: #ffffff; font-size: 12px; font-weight: 700; padding: 4px 0 10px; text-align: center; } .status-icon { background: #ddd; border-radius: 50%; display: block; height: 8px; margin: 10px auto 10px; padding: ; width: 8px; position: relative; } .status-icon::before { border: 1px solid #ffffff; border-radius: 50%; content: ""; height: 18px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 18px; } .chat-icon { background-color: #ffffff; border-radius: 50%; display: table; height: 66px; margin: 0 auto 10px; width: 66px; } .chat-icon .icon.ion-chatbubbles { color: #009ddc; display: table-cell; font-size: 40px; text-align: center; vertical-align: middle; } .on .status-icon { background-color: #30ff00; } /*Background-color*/ .turquoiseBg { background-color: #3cdbe5 } .lightgreenBg { background-color: #c0e161 } .yellowBg { background-color: #ffdd00 } .lightredBg { background-color: #ff6564 } .blueBg { background-color: #0b8be6 } .darkorngBg { background-color: #f0703a } .coverBg .imgbox { border-radius: 50%; height: 124px; margin: 40px auto 0; position: relative; width: 124px; overflow: hidden; border: 6px solid #fff; } .imgbox > img { height: 100%; max-width: 100%; width: 100%; } /*Inerr page*/ .pageHead { background: rgba(0, 0, 0, 0) linear-gradient(135deg, #00c8c8 0%, #009ddc 100%) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -webkit-linear-gradient(135deg, #00c8c8 0%, #009ddc 100%) repeat scroll 0 0; padding: 15px; margin: 0 0 0 0; border: 1px solid #f0f0f0; } .pageHead .heading { margin: 0; } .pageHead .heading h2 { margin: 0; padding: 0; color: #fff; } .pageHead .heading h2:after { display: none; } /*Error Page*/ /* .mid-container { max-width: 1050px; } */ .radio-option { display: table-cell; vertical-align: middle; width: 50%; text-align: center; position: relative; } .genderField { background-color: #ffffff; border: 1px solid #d3d9db; border-radius: 2px; display: table; height: 44px; width: 100%; } .radio-option > input[type="radio"] ~ .radioLbl { display: inline-block; } /* .radio-option > input[type="radio"]:checked ~ .radioLbl:before { background-color:#009ddc; position:absolute; content:""; width:100%; height:100%; left:0; top:0; }*/ .radio-option.active { background-color: #009ddc; color: #fff; } .radio-option.active label { color: #fff; } .radio-option.active .gender-icon { color: #fff; } .radio-option > input[type="radio"] { margin: 0; opacity: 0; padding: 0; } .gender-icon { color: #999999; display: inline-block; font-size: 22px; padding: 0; position: relative; vertical-align: top; width: 19px; } .gender-icon::before { content: "\f2a1"; font-family: ionicons; font-size: 17px; left: 0; position: absolute; top: 2px; width: 30px; } .sign-form .genderField li:last-child .gender-icon::before { content: "\f278"; } /* radio and checkbox */ .checkbox, .radio { display: inline-block; position: relative; vertical-align: middle; padding: 0 0 0 25px; color: #a0a0a0; } .checkbox input, .radio input { top: 0; left: 0; margin: 0 !important; z-index: 1; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; top: 1px; } .radio.disabled, .checkbox.disabled { cursor: not-allowed; } .disabled-input { background-color: #80808030 !important; pointer-events: none; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="text"][disabled], input[type="password"][disabled] { cursor: not-allowed; } .inline.radio, .inline.checkbox { padding-right: 20px; } .checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; position: absolute; content: ""; } .checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #ccc; background: #fff; } .checkbox.disabled, .radio.disabled { opacity: 0.6; filter: alpha(opacity=60); } .checkbox input { width: 17px; height: 17px; } .checkbox input:checked + .input-helper:before { -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .checkbox input:checked + .input-helper:after { -webkit-transform: scale(1) rotate(-50deg); -ms-transform: scale(1) rotate(-50deg); -o-transform: scale(1) rotate(-50deg); transform: scale(1) rotate(-50deg); opacity: 1; filter: alpha(opacity=100); } .checkbox .input-helper:before { top: 1px; width: 17px; height: 17px; } .checkbox .input-helper:after { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0) rotate(80deg); -ms-transform: scale(0) rotate(80deg); -o-transform: scale(0) rotate(80deg); transform: scale(0) rotate(80deg); width: 14px; height: 6px; border-bottom: 2px solid #009ddc; border-left: 2px solid #009ddc; border-bottom-left-radius: 2px; left: -1px; top: 5px; } .radio input { width: 19px; height: 19px; } .radio input:checked + .input-helper:after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .radio .input-helper:before { top: -1px; width: 19px; height: 19px; border-radius: 50%; } .radio .input-helper:after { width: 11px; height: 11px; background: #f95e2e; border-radius: 50%; top: 4px; left: 5px; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } /************************************************************/ /* .midl-align { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }*/ /*.sign-up .fix-container { min-height: 640px; }*/ .headBox { background: #f0703a url("images/share-icon-bg.png") no-repeat scroll 0 0 content-box border-box; border-bottom: 4px solid #df842e; border-radius: 3px 3px 0 0; height: 140px; padding: 10px 20px; width: 100%; } .post_review h3 { font-size: 18px; color: #fff; font-weight: 600; text-transform: uppercase; } .headBox > p { color: #ffffff; max-width: 240px; } .mid-container { max-width: 1050px; display: table; width: 100%; margin: 40px auto; } .loginForm ul li { width: 100%; } .loginForm ul li:nth-child(2n) { padding-left: 0; } .remember > span { display: inline-block; } /*FAQ*/ .type_qustn::before { content: "\f10a"; display: inline-block; font-family: ionicons; padding: 0 10px 0 0; vertical-align: middle; font-size: 16px } .questn-list { padding: 0 0 0 20px } .answer-in p:last-child { padding: 0; } .titleQ.active::before { content: "\f104" } .type_qustn.active::before { content: "\f104" } .titleQ::before { content: "\f10a"; font-family: ionicons; font-size: 18px; left: 0; padding: 0 10px 0 0; position: absolute; top: 0 } .answer { background: #f3f3f3; border-radius: 3px; margin: 15px 0 20px; padding: 15px } .answer-in {} .titleQ { color: #505050 !important; cursor: pointer; font-size: 16px !important; margin: 15px 0; padding: 0 0 0 20px !important; position: relative; font-weight: 600 !important; } .type_qustn { background: #f0703a; color: #fff !important; cursor: pointer; font-size: 18px !important; line-height: normal !important; margin-bottom: 5px; padding: 10px 15px 10px !important; position: relative } /*FAQ*/ .dropBox { background-color: #ffffff; box-shadow: 0 0 1px #d0d0d0; position: absolute; left: 0; top: 100%; z-index: 99; display: none; margin-top: 8px; } .dropBox ul li { border-bottom: 1px solid #ddd; padding: 5px 10px; } .dropBox ul li a { color: #009ddc; display: inline-block; padding: 2px 0; } .dropBox ul li a:hover { color: #f0703a; } .icon_mark { padding: 0 5px 0 0; } .allready-frnd { display: block; font-size: 17px; } #loader { background-color: #ffffff; height: auto; margin: 0 auto; width: 86px; padding: 10px; } .loader-img { position: relative; text-align: center; /* top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); */ } /*Detail page*/ .userDetail { margin: 40px 0 0 0; } .profile-detail { margin: 0 auto; max-width: 600px; text-align: center; } .detail_banner { position: relative; } .featured-strip { position: absolute; left: 0; top: 0; z-index: 2; } .changecover-pic { background-color: #000000; border: 4px solid #c0e161; border-radius: 50%; height: 48px; position: absolute; right: 10px; text-align: center; top: 10px; width: 48px; } .changecover-pic:hover { background-color: #0b8be6; border-color: #0b8be6; } .changecover-pic > a { color: #ffffff; display: block; font-size: 30px; line-height: 1; padding: 4px 0 0 0; } .changecover-pic a i { display: block; line-height: 1; } .drop-icon { color: #000000; cursor: pointer; display: block; text-align: center; width: 24px; } .delete-icon { color: #000000; cursor: pointer; font-size: 20px; position: absolute; right: 0; top: 0; z-index: 11; display: none; } .listing-mediaBox > li .mediaBox:hover .delete-icon { display: block; } .delete-icon i { display: block; line-height: 1; } .drop-option { background-color: #ffffff; box-shadow: 0 0 2px #cccccc; position: absolute; right: 0; top: 100%; display: none; } .listing-option a { color: #222222; display: block; font-size: 13px; padding: 6px 15px; white-space: nowrap; } .listing-option a:hover { background-color: #0b8be6; color: #fff; } .more-option { float: right; position: relative; } .bgBlock { background-color: rgba(0, 73, 91, 0.3); min-height: 447px; margin: 0 auto; max-width: 570px; padding: 50px 0 0; } .profile-bgImg { background-image: url("images/bg-defalut.png"); } .userDetail { margin: -45px -22px 0; } .crcle-pic { background-image: url("images/no-profile-img.png"); background-position: center center; background-repeat: no-repeat; border: 11px solid rgba(255, 255, 255, 0.3); border-radius: 50%; height: 204px; margin: 0 auto; position: relative; width: 204px; } .profile-img { margin-bottom: 10px; } .crcle-pic img { border-radius: 50%; } .profile-id { color: #ffffff; font-size: 22px; font-weight: 700; text-transform: uppercase; } .profile-id > span { color: #c0e161; font-size: 15px; font-weight: normal; text-transform: none; padding-left: 5px; } .profile-work { color: #c0e161; font-size: 14px; font-weight: 600; max-height: 47px; overflow: hidden; padding: 0 10px; } a.request-quoteBtn { background-color: #ffffff; border-radius: 40px; color: #0b8be6; display: inline-block; font-size: 15px; font-weight: 700; padding: 8px 20px; text-transform: uppercase; margin-top: 10px; } .request-quoteBtn > span { background-color: #0b8be6; border-radius: 50%; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 600; height: 25px; text-align: center; vertical-align: middle; width: 25px; } .request-quoteBtn:hover { background-color: #0b8be6; color: #fff; } .request-quoteBtn:hover span { background-color: #fff; color: #0b8be6; } .info-icon { background-color: #0d0d0d; border: 5px solid #c0e161; border-radius: 50px; display: block; height: 86px; width: 86px; } .info-list > li .info-icon:hover { background-color: #0b8be6; border-color: #0b8be6; } .info-icon > img { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .tool-tip-cap { background-color: #ffffff; border-radius: 2px; color: #2b2b2b; font-size: 13px; left: 50%; opacity: 0; padding: 4px 10px; position: absolute; top: 60px; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; white-space: nowrap; z-index: 99; } .tool-tip-cap:hover { opacity: 1; top: 100%; } .tool-tip-cap:before { position: absolute; content: ""; border: 8px solid transparent; border-bottom: 8px solid #fff; left: 50%; bottom: 100%; margin-left: -8px; } .info-list > li .info-icon:hover ~ .tool-tip-cap { opacity: 1; top: 100%; } .info-list { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .info-list > li { /* align-items: center; -webkit-align-items:center; display: flex; display:-webkit-flex; flex: 1 1 0; -webkit-flex: 1 1 0; flex-direction: column; -webkit-flex-direction: column;*/ position: relative; } .blockRequest { display: inline-block; padding-right: 10px; } .otherDetails { display: table; width: 100%; padding-top: 50px } .otherDetails .grid { display: table-cell; vertical-align: top } .counters { display: flex; display: -webkit-flex } .countBox span { color: #fff; display: block; padding: 2px 15px; text-align: center } .countBox { background-color: #0b8be6; display: inline-block; margin: 0 10px 0 0 } .countBox span.countNum { font-size: 25px; font-weight: 600; padding: 6px } .box-caption { background-color: #2086dc; font-size: 14px } .btns-list > li { display: inline-block; vertical-align: middle; padding: 0 0 10px 10px } .themeBtn.bnr-whiteBtn { background-color: #fff; color: #0b8be6; font-size: 15px; padding: 6px 15px; vertical-align: middle } .themeBtn.bnr-whiteBtn:hover { background-color: #0b8be6; color: #fff } .btn-icon i { line-height: 1; display: block; } .btn-icon { display: inline-block; vertical-align: sub; padding-right: 5px; font-size: 25px; } .otherDetails .grid:last-child { text-align: right } .textBtn { color: #fff; display: inline-block; font-size: 12px; font-weight: 600; text-decoration: underline; cursor: pointer; } .textBtn:hover { text-decoration: none; color: #0b8be6 } .report-user { margin: 10px 0; text-align: right; display: inline-block } .search-form { position: relative } .search-form > input[type="text"] { background: #f4f6f7; border: 1px solid #e1e1e1; border-radius: 2px; height: 38px; padding-right: 32px } .search-form > input[type="submit"] { background: url(images/magni.png) no-repeat center center; border: none; cursor: pointer; height: 38px; width: 38px; position: absolute; top: 0; right: 0 } .searchBox { box-shadow: 1px 1px 1px rgba(6, 33, 63, 0.13); padding: 20px; background-color: #fff; margin-bottom: 10px; } .page-banner { position: relative } .page-bnr-img > img { width: 100% } .page-bnr-img a > img { width: 100% } .page-main-info h2 { color: #212121; display: block; font-size: 16px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .page-main-info h2 a { color: #212121; } .page-main-info > span a { color: #555555; } .page-main-info h2 a:hover, .page-main-info > span a:hover { color: #f0703a; } .page-block { display: table; width: 100%; padding: 15px } .page-block .grid { display: table-cell; vertical-align: middle } .panel.pages { padding: 15px 20px } .page-block .grid:last-child { text-align: right } .page-info { background-color: #fff; border: 1px solid #dce4e6; transition: all .2s linear 0; -webkit-transition: all .2s linear 0 } /* .page-info:hover { border-color:#009ccb; box-shadow:0 0 6px 0 rgba(0, 157, 220, 0.7); -webkit-box-shadow:0 0 6px 0 rgba(0, 157, 220, 0.7) } */ .pages-listBox { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 0 -10px } .pages-listBox .page-box { /*display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;*/ padding: 10px; flex: 1 30%; width: 33.33%; float: left; max-width: 406px; margin: 0 auto; } .pages-listBox.twoBox .page-box { flex: 1 46%; -webkit-flex: 1 46%; width: 50%; max-width: 450px; } .topPadd { padding: 30px 0 0 } .profile-wrapper .panel.pages .panel-head { padding: 0 } .profile-wrapper .panel.pages .refresh { vertical-align: sub; margin-left: 20px } .panel-head .view { text-transform: capitalize } .menuTogal { background-color: #f90; color: #fff; display: none; font-size: 28px; height: 36px; margin: 15px auto; width: 36px; cursor: pointer } /*Listing box .box-listing{display:block;background-image:url(images/border-img.jpg);background-repeat:repeat-y;background-position:center} .box-listing .listBox{display:inline-block;margin-top:30px;width:50%;margin-left:-2px;margin-right:-2px;vertical-align:top;position:relative} .listBox .panel{display:block;max-width:94%;margin:0;position:relative} .profile--info{width:60%} .box-listing .listBox.right-post{margin:0} .box-listing .listBox.right-post .panel{float:right} .listBox .panel:before,.listBox .panel::after{position:absolute;content:"";border:7px solid transparent;border-left:7px solid #fff;left:100%;top:40px;z-index:9} .listBox .panel::after{border-left:8px solid #dbdee2;top:41px;z-index:1} .box-listing .listBox::after{background-color:#0b8be6;border:7px solid #fff;border-radius:50%;box-shadow:1px 1px 2px rgba(136,136,136,0.2);content:"";height:9px;left:100%;margin:0 0 0 -13px;position:absolute;top:35px;width:9px} .box-listing .listBox.right-post:after{left:auto;right:100%;margin:-8px -11px 0 0} .box-listing .listBox.right-post .panel:before,.box-listing .listBox.right-post .panel:after{border:7px solid transparent;border-right:7px solid #fff;left:auto;right:100%;top:32px} .box-listing .listBox.right-post .panel:after{border-left:8px solid transparent;border-right:8px solid #dbdee2;top:33px;z-index:1} **/ /*Artist list page*/ /*Listing box*/ .box-listing { display: block; background-image: url(images/border-img.jpg); background-repeat: repeat-y; background-position: center; overflow: hidden; } .box-listing .listBox { display: inline-block; margin-top: 30px; width: 50%; margin-left: -2px; margin-right: -2px; vertical-align: top; position: relative } .listBox .panel { display: block; max-width: 94%; margin: 0; position: relative } .profile--info { width: 60% } .box-listing .listBox.right-post { margin: 0 } /* .box-listing .listBox.right-post .panel{float:right} */ .listBox .panel:before, .listBox .panel::after { position: absolute; content: ""; border: 7px solid transparent; border-left: 7px solid #fff; left: 100%; top: 40px; z-index: 9 } .listBox .right-post:before, .listBox .right-post::after, .listBox .left-post:before, .listBox .left-post::after { position: absolute; content: ""; border: 7px solid transparent; border-left: 7px solid #fff; left: 100%; top: 40px; z-index: 9 } .listBox .panel::after { border-left: 8px solid #dbdee2; top: 41px; z-index: 1 } .box-listing .right-post::after, .box-listing .left-post::after { background-color: #0b8be6; border: 7px solid #fff; border-radius: 50%; box-shadow: 1px 1px 2px rgba(136, 136, 136, 0.2); content: ""; height: 9px; left: 100%; margin: 0 0 0 -13px; position: absolute; top: 35px; width: 9px } .box-listing .listBox.right-post:after { left: -53px; right: 100%; margin: -8px -11px 0 0 } .box-listing .listBox.right-post .panel:before, .box-listing .listBox.right-post .panel:after { border: 7px solid transparent; border-right: 7px solid #fff; left: auto; right: 100%; top: 32px } .box-listing .listBox.right-post .panel:after { border-left: 8px solid transparent; border-right: 8px solid #dbdee2; top: 33px; z-index: 1 } #isotop.box-listing .listBox:first-child { margin: 30px 0 0; } .designation { color: #a1a1a1; font-size: 12px; } .artist-info .count-num { color: #0b8be6; font-size: 16px; padding: 0 10px 0 0; } .artist-box { background-color: #ffffff; box-shadow: 1px 1px 1px #dfdfdf; -webkit-box-shadow: 1px 1px 1px #dfdfdf; padding: 15px; margin-bottom: 30px; } .artist-box .grid { display: table-cell; vertical-align: middle; } .artist-box .grid:last-child { text-align: right; } .artist-info { display: table; width: 100%; } .table-searchForm td { padding: 0 0 15px 15px; } .table-searchForm td:first-child { padding-left: 0px; } .create-page-btn { text-align: center; padding: 10px 0; } .create-page-btn .themeBtn { background-color: #f0703a; padding-right: 60px; } .plus-icon { background-color: #ee7303; height: 100%; position: absolute; top: 0; width: 40px; right: 0; line-height: 51px; } .plus-icon i { font-size: 28px; } .mid-cta .cta { margin: 8px 0; } .cta.orange { background-color: #f0703a; } .orange .themeBtn.whiteBtn { color: #f0703a; } .orange .themeBtn.whiteBtn:hover { color: #fff; background-color: #df741e; } .create-page-btn .themeBtn:hover { background-color: #0b8be6; } .create-page-btn .themeBtn:hover .plus-icon { background-color: #2b88d6; } /*Page profile detail*/ .shareMedia { display: block; padding: 2px 0; } .listing-mediaBox { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin: 0 -15px 20px; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .mediaBox .pic { height: 100px; width: 100%; } .mediaBox .pic > img { display: block; height: 100%; object-fit: cover; width: 100%; } .listing-mediaBox > li { width: 174px; margin: 0 15px 15px; } .listing-mediaBox > li .mediaBox { background-color: #ffffff; position: relative; height: 100%; padding: 10px; border-radius: 4px; box-shadow: 1px 1px 2px rgba(136, 136, 136, 0.2); -webkit-box-shadow: 1px 1px 2px rgba(136, 136, 136, 0.2); } .md-content .media-wrapper { margin: 0; } .listing-mediaBox > li .mediaBox.grayBox { background-color: #d1dbe5; text-align: center; min-height: 120px; } .mediaBox.grayBox .txtBtn { color: #212121; font-size: 17px; font-weight: 700; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .mediaBox.grayBox .txtBtn:hover { color: #f0703a; } .email { /*color: #0b8be6;*/ font-size: 12px; } .avatar-wrap .follower--info .name { color: #212121; font-size: 18px; font-weight: 600; } .followers-listing .listBox { background-color: #ffffff; -webkit-box-shadow: 1px 1px 2px rgba(136, 136, 136, 0.2); box-shadow: 1px 1px 2px rgba(136, 136, 136, 0.2); padding: 10px; } .followers-listing { display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin: 0 -10px 20px; flex-wrap: wrap; } .followers-listing > li { flex: 1 1 25%; padding: 10px; float: left; width: 25%; } .postform textarea { background-color: #f4f6f7; border: 1px solid #e1e1e1; display: block; resize: none; } #isotop .listBox .panel { margin-bottom: 30px; } #isotop.box-listing .listBox { margin: 0; } .listBox.no-after-before::after, .listBox.no-after-before .panel::before, .listBox.no-after-before .panel::after { display: none; } .post td { padding-top: 10px; } .post td:last-child { text-align: right; } .post tr:first-child td { padding-top: 0; } .artist-detail span i { display: inline-block; line-height: 1; vertical-align: middle; } .sub-artist-bottom { margin-bottom: -15px; } /*Site map*/ .sitemap .grid { background-color: #fff; border: 1px solid #dce4e6; padding: 15px 20px; margin-bottom: 25px } .sitemap-list > li { display: inline-block; padding: 4px 0; width: 24%; vertical-align: top } .sitemap .grid > h3 { color: #212121; font-size: 22px; font-weight: 600 } .sitemap-list a { color: #2a2a2a; font-size: 15px; position: relative } .sitemap-list a::before { bottom: -5px; content: ""; height: 2px; left: 0; position: absolute; transform: scale(0); -webkit-transform: scale(0); transition: all 250ms ease 0; -webkit-transition: all 250ms ease 0; width: 100% } .sitemap-list a:hover::before { background: #009ddc; transform: scale(1); -webkit-transform: scale(1) } .sitemap-list a:hover { color: #009ddc } /*Sign up process*/ .signup-process { min-height: 480px; } .stepBtn { text-align: center; } .signup-process > h2 { color: #212121; font-size: 22px; font-weight: 700; text-align: center; margin-bottom: 20px; } .or { display: inline-block; vertical-align: middle; position: relative; width: 180px; margin-top: -50px; } .or > span { color: #282828; isplay: block; font-size: 17px; font-weight: 700; } /*.or > span::before {background-color: #d0d6d9;content: "";height: 1px;left:0;position: absolute;top: 50%;width:42%;margin-top:2px;} .or > span::after {background-color: #d0d6d9;content: "";height: 1px;right:0;position: absolute;top: 50%;margin-top:2px; width:42%;} */ .signup-process .crcle { background-color: #ffffff; border-radius: 50%; box-shadow: 0 2px 3px rgba(206, 206, 206, 0.35); -webkit-box-shadow: 0 2px 3px rgba(206, 206, 206, 0.35); display: block; height: 194px; padding: 8px; width: 194px; margin: 0 auto 20px; position: relative; } .small-crcl { background-color: #0b8be6; border-radius: 50%; height: 53px; left: 50%; position: absolute; top: -12px; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 53px; display: none; } .small-crcl img { position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50% } .signup-process .crcle-in { border: 8px solid transparent; border-radius: 50%; display: block; height: 179px; width: 179px; cursor: pointer; } .signup-process .crcle-in { border: 8px solid transparent; border-radius: 50%; display: block; height: 179px; width: 179px; cursor: pointer; } .signup-process .crcle-in:hover { border-color: #0b8be6; } .signup-process .option.active .crcle-in { border-color: #0b8be6; } .option.active .small-crcl { display: block; } .option-list { text-align: center; padding: 20px 0 40px; } .signup-process .option { text-align: center; display: inline-block; vertical-align: middle; } .crcle-icon { height: 100%; position: relative; } .crcle-icon > img { display: block; left: 50%; position: relative; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .option > h3 { font-size: 20px; } .signup-process .box-heading { padding-bottom: 30px; text-align: center } .box-heading > h2 { background-color: #fd0; border: 1px solid #ddc000; border-radius: 2px; color: #282828; display: inline-block; font-size: 20px; padding: 8px 20px; text-transform: capitalize; position: relative } .box-heading > h2:after, .box-heading > h2:before { position: absolute; top: 100%; left: 50%; content: ""; border: 14px solid transparent; border-top: 14px solid #fd0; margin-left: -7px } .box-heading > h2:before { border-top-color: #ddc000; margin-top: 1px } .typebox { border-radius: 3px; text-align: center; overflow: hidden; position: relative } .ylow-crcle-tick { background-color: #ffe200; border-radius: 50%; height: 39px; position: absolute; right: -5px; top: -5px; width: 39px; z-index: 99; padding: 10px; display: none } .ylow-crcle-tick i { color: #002f3d; display: block } .mid_typebox { border: 3px solid #c0e161; height: 133px; background-color: #fff } .typebox.active .mid_typebox { background-color: #0b8be6; border-color: #0b8be6 } .typebox.active .ylow-crcle-tick { display: block } .typebox h3 { color: #212121; font-size: 16px; font-weight: 700; text-transform: uppercase } .typebox.active h3 { color: #fff } .listing-grid { margin: 0 -5px 20px } .listing-grid .box-grid { float: left; width: 25%; padding: 5px } .iconBox { height: 86px; margin-bottom: 10px; padding: 15px; position: relative; z-index: 9 } .iconBox::after { background-color: #c0e161; border-radius: 50%; bottom: 0; content: ""; height: 258px; left: 50%; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 258px; z-index: -1 } .typebox.active .iconBox::after { background-color: #002f3d } .box-grid .white-Box { background-color: #fff; border: medium none; border-radius: 3px; box-shadow: 1px 1px 0 rgba(136, 136, 136, 0.3); -webkit-box-shadow: 1px 1px 0 rgba(136, 136, 136, 0.3); padding: 15px 10px } .listing-grid.whiteBox-listing { margin: 0 -10px 25px } .listing-grid.whiteBox-listing .box-grid { padding: 10px } .white-Box.check-box > span { color: #758092; font-size: 18px; font-weight: 600 } .white-Box.check-box > input[type="text"] { background: #f4f6f7; border: 1px solid #e1e1e1; border-radius: 2px } .box-grid.feeBox .white-Box { padding: 7px 10px } .listing-grid.midcell .box-grid { display: inline-block; float: none; text-align: left } .listing-grid.midcell { text-align: center } .themeBtn.primary.varient span { display: block; font-size: 13px; text-transform: capitalize; font-weight: 400 } .final-step { margin: 20px auto; text-align: center; max-width: 530px; background-color: #fff; box-shadow: 1px 1px 0 rgba(136, 136, 136, 0.3); -webkit-box-shadow: 1px 1px 0 rgba(136, 136, 136, 0.3) } .final-step h2 { color: #282828; font-size: 22px; font-weight: 600; padding: 10px 0 } .top-section > p { font-size: 16px } .top-section { border-bottom: 1px solid #f1f1f1; padding: 40px } .bottom-section { background-color: #f7f7f7; border-top: 1px solid #fff; display: table; padding: 30px; width: 100% } .bottom-section .grid { display: table-cell; text-align: left; width: 50% } .bottom-section .grid:last-child { text-align: right; } .themeBtn.primary.varient { font-size: 18px; border-radius: 3px; border: 1px solid #0b8be6; } .themeBtn.primary.varient:hover { border-color: #f0703a; } .themeBtn.primary.varient.orange-btn { background-color: #f0703a; border-color: #f0703a; } .themeBtn.primary.varient.orange-btn:hover { background-color: #fff; color: #f0703a; border-color: #f0703a; } .profile-pic { height: 260px; width: 100%; background: rgba(0, 0, 0, 0) url(images/profileBg.png) no-repeat scroll center center; border-radius: 4px; padding: 80px 0 0; } .imgfgr { height: 100% } .imgfgr .crcle-pic { border: 5px solid rgba(255, 255, 255, 0.8); top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); height: 150px; width: 150px } .profile-detail-section { margin-bottom: 40px; width: 100%; display: table; height: 100%; } .imgfgr img { height: 100% } .change-pic-icon { background-color: #f2f3f4; border: 4px solid #fff; border-radius: 50%; height: 40px; position: absolute; right: 0; text-align: center; top: 0; width: 40px; z-index: 9; cursor: pointer } .change-pic-icon i { color: #0b8be6; display: block; font-size: 15px; line-height: 30px; } .change-pic-icon:hover { background-color: #f0703a } .change-pic-icon:hover i { color: #fff } .border-title { color: #282828; font-size: 20px; font-weight: 600; padding-bottom: 5px; position: relative; margin-left: 10px; margin-bottom: 5px } .border-title::after { background-color: #282828; content: ""; height: 2px; left: 0; position: absolute; top: 100%; width: 138px } .profileform > input[tpye="text"], .profileform > textarea { color: #758092; font-size: 13px; font-weight: 600; opacity: 1; background-color: transparent } .profileform > textarea { height: 100%; display: block; min-height: 120px } .contact-number { box-shadow: 1px 1px 0 rgba(136, 136, 136, 0.3); -webkit-box-shadow: 1px 1px 0 rgba(136, 136, 136, 0.3); background-color: #fff; margin: 30px 0 0; padding: 10px } .profile-detail-section .left-grid { display: table-cell; width: 315px; vertical-align: top } .profile-detail-section .right-grid { display: table-cell; padding-left: 40px; height: 100% } .profile-text { background-color: #fff; padding: 20px; border-radius: 4px; height: 100%; box-shadow: 1px 1px 0 rgba(136, 136, 136, 0.3); -webkit-box-shadow: 1px 1px 0 rgba(136, 136, 136, 0.3); display: table; width: 100% } .sign-form .agree label { font-weight: 400; } .about-img { background-color: #ffffff; border: 1px solid #dddddd; float: right; margin: 0 0 10px 15px; max-width: 420px; padding: 5px; } blockquote.special-text { border-left: 5px solid #222; font-style: normal; font-weight: 600; margin: 0 0 10px; padding: 0 0 0 10px; } /*Dialog box*/ .dialog_box { /* left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);*/ } .contact-detail > li.avlbl { color: #ff9900; font-size: 16px; } .dialog_overlay { background-color: rgba(75, 168, 246, 0.9); bottom: 0; left: 0; position: fixed; right: 0; top: 0; } .dialog_box_wrap.active { opacity: 1; z-index: 99999; } .dialog_box_wrap { bottom: 0; left: 0; opacity: 0; /* position: fixed;*/ right: 0; top: 0; z-index: -1; transition: all 0.2s ease-in-out 0s; -wewbkit-transition: all 0.2s ease-in-out 0s; } .dialog_box_wrap.active .dialog_box_content { /* transform: scale(1); -webkit-transform: scale(1); margin: 0 auto;*/ } .dialog_box_content { border-radius: 5px; /* max-width: 500px; min-width: 500px;*/ background-color: #fff; /*position: relative;*/ /*transform: scale(0.5); -webkit-transform: scale(0.5); transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;*/ } #deactivateform .dialog_box_content { /* min-width: 400px*/ } .action_Btn { margin: 0; position: absolute; right: -6px; top: -6px; z-index: 99; } .seachBar { background-color: #f4f6f7; border: 1px solid #e1e1e1; float: left; width: 480px; margin-top: 1px; margin-left: 30px; border-radius: 2px; } .seachBar form input[type="text"], .seachBar form select { background-color: transparent; border: none; color: #777777; font-size: 15px; line-height: 100%; padding: 0px 10px; vertical-align: top; height: 38px; } .seachBar form select { height: 26px; } .seachBar .selectfield::before { background-color: #f4f6f7; height: 32px; top: 0; } .seachBar .selectfield::after { border: none; content: "\f123"; font-family: ionicons; font-size: 12px; height: 10px; width: 10px; top: 7px; } .seachBar form input.search--btn { background: url("images/magni.png") no-repeat scroll center center; border: none; cursor: pointer; height: 38px; width: 38px; float: right; } .siteForm input[type="text"]:focus, .siteForm select:focus { box-shadow: none } .search--form--tbl td { padding: 0 10px 0 0; } .search--form--tbl td:last-child { border-left: 1px solid #e1e1e1; padding-right: 0; width: 40px; } .search--form--tbl .selectfield { border-right: 1px solid #e1e1e1; margin: 6px 0; min-width: 90px; } .siteForm input[type="submit"]:focus { box-shadow: none; } .seachBar form input.search--btn { font-size: 16px; } .searchTogl { border: 2px solid #f0703a; border-radius: 2px; float: left; height: 40px; text-align: center; width: 40px; overflow: hidden; display: none; } .searchTogl a { display: block; padding: 10px; } .searchTogl:hover { border-color: #222; } /**User profile page**/ .box_heading { color: #212121; font-size: 17px; font-weight: 700; padding-bottom: 10px; } .profile-banner.user-profile { min-height: inherit; padding: 30px 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAE0lEQVQImWNgQAeaxv+pL8DAAABctgbI+waF3QAAAABJRU5ErkJggg=='); } .user-profile .crcle-pic { height: 196px; width: 196px; } .user-profile .profile-detail { margin: 0 auto; max-width: 900px; text-align: center; } .user-profile .bgBlock { min-height: inherit; max-width: 100%; padding: 0; background-color: rgba(0, 73, 91, 0.5); } .count-Box span { color: #ffffff; display: inline-block; padding: 2px 15px; text-align: center; } .count-Box span.countNum { font-size: 25px; font-weight: 600; padding: 0 0 10px; display: block; line-height: 1; } .count-Box .box-caption { font-size: 14px; background-color: #003744; } .count-Box { background-color: #00242d; padding: 20px; } .user-detail .grid { display: table-cell; vertical-align: middle; } .user-detail .themeBtn.bnr-whiteBtn { background-color: #00242d; color: #fff; display: block; font-size: 15px; padding: 6px 15px; } .user-detail .themeBtn.bnr-whiteBtn:hover { background-color: #0b8be6; } .user-detail .img--block { border-right: 1px solid #00242d; padding: 20px 30px; width: 240px; } .user-detail .user_info { padding: 20px 30px; border-right: 1px solid #00242d; } .info_boxes .count_box { display: table-cell; vertical-align: top; } .info_boxes .count_box { display: table-cell; vertical-align: top; padding: 0 1px 0 0; } .info_boxes .count_box .actionbtn { margin-top: 1px; } .user-detail { display: table; width: 100%; } .user-detail .profile-id { text-align: left; } .info_boxes { display: table; margin: 15px 0 0; width: 100%; } .user-detail .toolTip { width: 46px; } .toltip-img > img { max-width: 20px; } .toltip-cap { background-color: #ffffff; border-radius: 2px; color: #2b2b2b; font-size: 13px; right: 100%; opacity: 0; padding: 4px 10px; position: absolute; top: 50%; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; white-space: nowrap; z-index: 99; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .icon--box:hover .toltip-cap { opacity: 1; } .icon--box { align-items: center; -webkit-box-align: center; border-bottom: 1px solid #00242d; cursor: pointer; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; justify-content: center; -webkit-box-pack: center; padding: 14px 0; position: relative; } .no-flexbox .icon--box { justify-content: flex-start; -webkit-box-pack: flex-start; } .toltip-img { margin: 0 auto; } .icon--box:last-child { border-bottom: none; } .toltip-cap::before { border: 8px solid transparent; border-left-color: #fff; bottom: 100%; content: ""; left: 100%; margin-top: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .infolist { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 240px; } .link-text { color: #0b8be6; font-weight: 600; } .link-text:hover { color: #f0703a; text-decoration: none; } @media screen and (max-width:1050px) { #header .button span { display: none; } #header .button .icon { display: block; } } @media screen and (max-width:767px) { .dialog_box { /*top: 0;*/ position: relative; height: 100%; /*left: 0; right: 0; transform: none;*/ /*-webkit-transform: none;*/ /*height: 100%;*/ /*overflow: hidden; overflow-y: auto;*/ } .popup { /* overflow: auto;*/ } .seachBar { left: 10px; margin-left: 0; margin-top: 0; position: absolute; right: 10px; top: 100%; z-index: 10; width: auto; display: none; } .seachBar .siteForm td { display: table-cell; } .searchTogl { border: 1px solid #f0703a; height: 28px; width: 35px; } .searchTogl a { padding: 5px; } .user-detail .grid { display: block; } .user-detail .img--block { border-right: none; border-bottom: 1px solid #00242d; margin: 0 auto; width: auto; } .user-detail .toolTip { width: auto; } .toltip-cap { display: inline-block; margin: 20px 0 0; opacity: 1; position: relative; right: 0; top: 0; transform: none; -webkit-transform: none; } .toltip-cap::before { border: 8px solid transparent; border-left-color: transparent; border-bottom-color: #fff; bottom: 100%; left: 50%; position: absolute; top: auto; transform: none; -webkit-transform: none; margin-left: -8px; } .icon--box { border: 1px solid #00242d; cursor: pointer; display: inline-block; padding: 14px 0; position: relative; width: 200px; margin: 5px; } .icon--box:last-child { border-bottom: 1px solid #00242d; } .user-detail .profile-id { text-align: center; } .info_boxes .count_box { display: inline-block; padding: 0 0 3px; width: 210px; } .infolist { display: inline-block; height: auto; } } @media only screen and (min-width : 1050px) and (max-width : 1150px) { .seachBar { width: 380px; } } /**Artist detail page updates **/ .detail-section .white-box { background-color: #ffffff; border-radius: 3px; box-shadow: 1px 1px 2px rgba(136, 136, 136, 0.2); padding: 25px; } .grids { display: table; margin: 0; width: 100%; } .grids .grid { display: table-cell; padding: 0 20px; width: 50%; } .grids .grid:first-child { padding-left: 0 } .grids .grid:last-child { padding-right: 0 } .detail ul.per-detail li span.caption { width: 46%; } .detail ul.per-detail li span.desc { width: 52%; font-size: 14px; } .detail > h3 { color: #2b2b2b; font-size: 22px; font-weight: 600; padding-bottom: 15px; } .detail.abouttxt > h3 { padding-bottom: 25px; } .detail .per-detail { margin: 0; } .detail-section .detail { min-height: 220px; position: relative; } .corner { position: absolute; right: 0; top: 0; } .corner:after { border: 35px solid #0b8be6; border-left-color: transparent; border-bottom-color: transparent; content: ""; position: absolute; right: -18px; top: -18px; } .corner > img { left: 8px; position: relative; top: -9px; z-index: 99; } .detail-section { padding: 10px 0 0; } .attachment-btn a { border-left: 1px solid #e1e1e1; color: #222222; display: block; font-size: 20px; padding: 3px 15px; } .attachment-btn a:hover { color: #0b8be6; } .attachment-btn > li { display: inline-block; vertical-align: middle; } .attachment-btn { border: 1px solid #e1e1e1; display: inline-block; vertical-align: bottom; } .post td .themeBtn.midium { float: right; } .attachment-btn > li:first-child a { border: none; } .popup .sign-form { float: none; padding: 0; width: auto; } .dialog_box_content { padding: 20px; text-align: center; } .dialog_box_content > h3 { font-size: 20px; font-weight: 600; padding-bottom: 20px; } #ConfirmBoxNo.themeBtn { background-color: #f0703a; } #ConfirmBoxNo.themeBtn:hover { background-color: #cf741e; } .post-detail { margin: 0 auto; max-width: 680px; } /** user account ***/ .useraccount { display: inline-block; position: relative; vertical-align: middle; margin-top: 4px; margin-left: 10px } .userinfo::after { content: "\f35f"; font-family: ionicons; font-size: 22px; margin: -13px 0 0; position: absolute; right: 0; top: 50% } .userinfo { color: #000; display: block; font-size: 17px; font-weight: 600; margin: -1px 0 0; padding: 0 20px 0 0; position: relative } .userinfo .pic { background: #fff none repeat scroll 0 0; border-radius: 50px; display: inline-block; height: 35px; margin: 0 10px 0 0; overflow: hidden; vertical-align: middle; width: 35px; box-shadow: 0 0 2px #c0c0c0; } .useraccount .wrapOpen { min-width: 170px; position: absolute; right: 10px; top: 54px; box-shadow: 0 1px 2px #ddd; -webkit-box-shadow: 0 1px 2px #ddd; display: none; animation: 0.3s ease-out 0s normal none 1 running dropdownOpen; -webkit-animation: 0.3s ease-out 0s normal none 1 running dropdownOpen; width: 100%; z-index: 999; background-color: #fff; border-radius: 4px } .wrapOpen::before { border-bottom: 8px solid #f90; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); content: ""; right: 10px; position: absolute; top: -10px } .useraccount .wrapList::before { background: #f90; border-radius: 5px 5px 0 0; content: ""; height: 3px; left: 6px; position: absolute; right: 6px; top: -3px; z-index: 0 } .downwrd_link li a { color: #666; display: block; font-size: 14px; padding: 6px 10px } .downwrd_link li a:hover { background-color: #0b8be6; color: #fff } .useraccount.active .userinfo { color: #f90 } .useraccount.active .wrapOpen { display: block; } .wrapphoto { border: 1px solid #000000; width: 100px; position: relative; } .wrapphoto .delete { background-color: #000000; border-radius: 50%; color: #ffffff; display: none; font-size: 16px; height: 22px; position: absolute; right: -5px; text-align: center; top: -5px; width: 22px; -webkit-transition: .2s all ease-in-out; transition: .2s all ease-in-out; z-index: 1; } .wrapphoto:hover .delete { display: block } .delete i { display: block; line-height: 20px; padding: 0 0 0 1px; } .panel-search select { border: 1px solid #e1e1e1; } .no_result_text a { color: #0b8be6; text-decoration: underline; } .no_result_text a:hover { text-decoration: none; color: #222; } .audioWrapper { background-color: #ffffff; border-radius: 4px; display: block; height: 100%; padding: 10px 0; position: relative; } .audioWrapper .pic > img { display: block; width: 100%; } .info-block { padding-bottom: 55px } .icn > img { text-align: center; vertical-align: middle; } .fb_iframe_widget { vertical-align: top; } .fb_iframe_widget span { vertical-align: top !important; } .shareMedia { padding: 9px 10px 4px !important; } /**8 june 2016**/ .requirement-detail { max-height: 500px; overflow-y: auto; } .comment-form textarea { border-bottom: 1px solid rgba(0, 0, 0, 0.07); height: 40px; overflow-y: hidden; } .popup_fb_btn { background-color: #4966b6; border-radius: 2px; color: #ffffff; display: inline-block; font-size: 12px; padding: 2px 6px; } .fb-share-button { display: inline-block; vertical-align: top; } .popup_fb_btn i { font-size: 14px; line-height: 1; } .request-responseBtns { background-color: #ffffff; box-shadow: 0 0 2px #cccccc; left: 0; position: absolute; text-align: left; top: 39px; display: none; width: 100%; } .request-responseBtns a { color: #222222; display: inline-block; padding: 3px 10px; } .request-responseBtns a:hover { color: #0b8be6; } #friendRequest { position: relative; display: block; } .iframe__container { overflow: hidden; position: relative; } .iframe__container:before { content: ""; position: relative; display: block; padding-bottom: 56%; } .iframe__container .youtube-wrap { height: 100%; width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .popup_tw_btn { background-color: #1b95e0; border-radius: 3px; box-sizing: border-box; color: #fff; cursor: pointer; font-weight: 500; height: 20px; padding: 1px 8px 1px 6px; position: relative; } .fl > a { color: #0b8be6; } .profile-banner::after { background-color: rgba(0, 0, 0, 0.4); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999; } .detail_banner { z-index: 10000; } .shareMedia.themeBtn.bnr-whiteBtn { background-color: #ffffff; } .report-user a.textBtn:hover { color: #ffffff; } .aligncenter button { background-color: #222222; border: medium none; border-radius: 2px; color: #ffffff; cursor: pointer; margin: 5px; padding: 5px 10px; } .reviews-list { background-color: #f9f9f9; padding: 0px; } .logothumb > img { border: 1px solid; display: block; max-width: 130px; } .blog_lnks .sub_cat li a .countxt { border: medium none; display: inline-block; position: relative; top: 0; vertical-align: middle; right: 0; } .md-content .media-wrapper { max-height: 400px; overflow-x: hidden; overflow-y: auto; } .unread { background: #fff } .read { background: #f0f0f0 } .read a { color: #0b8be6; } .reviews-list:empty { padding: 0; } /****Event*****/ #btnCepMarginTop { cursor: pointer; margin-top: 25%; } #btnCep { cursor: pointer; } .error-border { border: 1px solid red !important; } .crcle--icon { border: 2px solid #0b8be6; border-radius: 50%; color: #0b8be6; font-size: 16px; height: 34px; line-height: 28px; text-align: center; width: 34px; display: inline-block; vertical-align: middle; margin-right: 12px; } .month-year, .address--event { display: inline-block; vertical-align: middle; } .top-block .title { color: #212121; font-size: 20px; padding-bottom: 5px; font-weight: 700; } .top-block { padding: 12px 20px; border-bottom: 1px solid #dce4e6; } .middle-block { padding: 0 20px; background-color: #f0f3f5; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .post-time { display: inline-block; padding: 12px 40px 12px 0; vertical-align: middle; border-right: 1px solid #dce4e6; margin-right: 20px; } .event-loction { display: inline-block; vertical-align: middle; } .month { font-size: 14px; font-weight: 600; } .year { font-size: 13px; } .month-year span { display: block; color: #212121; line-height: 1.1; } .address--event > h2 { color: #363636; font-size: 14px; font-weight: 700; line-height: 1; } .address--event > p { color: #363636; font-size: 13px; } .footer-block { padding: 12px 20px; border-top: 1px solid #dce4e6; } .tag-list li { background-color: #57be3b; border-radius: 3px; color: #ffffff; display: inline-block; font-weight: 600; margin-right: 5px; padding: 4px 10px; vertical-align: middle; } .tag-list li { background-color: #57be3b; border-radius: 3px; color: #ffffff; display: inline-block; font-weight: 600; margin: 0 5px 5px 0; padding: 4px 10px; vertical-align: middle; } .tag.orangebg { background-color: #ee684d; } .event-row { background-color: #ffffff; border: 1px solid #dce4e6; margin-bottom: 20px; } .event-row .left-colm { float: left; width: 80%; } .event-row .right-colm { border-left: 1px solid #dce4e6; float: left; width: 20%; } .price-detail { padding: 20px; text-align: center; } .curncy-icon { display: block; } .price-lbl { color: #565656; display: block; font-size: 15px; padding: 2px 0; } .prc-vl { color: #494949; font-size: 24px; font-weight: 700; letter-spacing: -1px; line-height: 1; } .prc-vl span { font-weight: 400; line-height: 1; } .price-range { margin-bottom: 5px; } .price-detail .themeBtn { padding: 6px 18px; margin: 5px auto; display: table; } .read-more { color: #0b8be6; font-size: 18px; font-weight: 700; position: relative; white-space: nowrap; } .read-more::after { content: "»"; font-size: 23px; font-weight: normal; line-height: 18px; padding-left: 5px; position: relative; } .read-more:hover { color: #222; } .top-block > p { display: block; max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .joining-date { font-size: 17px; } .full-width_li { float: none !important; margin: 12px 0 15px 2% !important; width: auto !important; float: none !important; } /*#editor*/ .editor-cms a, .editor-cms a:visited { line-height: normal; color: #333; text-decoration: underline; outline: 0; color: #f0703a; font-size: 14px; font-weight: 600; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .editor-cms a:hover, .editor-cms a:focus, .editor-cms:hover { -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; text-decoration: none; } .editor-cms img.scale-with-grid { max-width: 100%; height: auto; } .editor-cms {} .editor-cms h1, .editor-cms h2, .editor-cms h3, .editor-cms h4, .editor-cms h5, .editor-cms h6 { margin: 0 0 .8em; font-weight: 400; line-height: 1.3em; } .editor-cms h5, .editor-cms h6 { margin-bottom: 8px } .editor-cms h1 { font-size: 36px; margin-bottom: 16px } .editor-cms h2 { font-size: 30px; margin-bottom: 14px } .editor-cms h3 { font-size: 28px; margin-bottom: 10px } .editor-cms h4 { font-size: 24px; margin-bottom: 9px } .editor-cms h5 { font-size: 18px } .editor-cms h6 { font-size: 14px } .editor-cms p {} .editor-cms ul, .editor-cms ol { margin: 10px; } .editor-cms ul li { font-size: 15px; margin: 5px 0; padding: 3px 15px; position: relative; } .editor-cms ul li:before { background: #6b6a6a; border-radius: 100%; content: ""; display: block; height: 7px; left: 0px; position: absolute; top: 10px; width: 7px; } .editor-cms table { border: solid 1px #dedddd; border-collapse: collapse; width: 100%; } .editor-cms table th { text-transform: uppercase; background: #f1f0f0; font-size: 14px; color: #545353; font-weight: 600; padding: 15px 20px; border: solid 1px #dedddd; } .editor-cms table td { vertical-align: top; font-size: 14px; color: #545353; font-weight: 400; padding: 15px 20px; border: solid 1px #dedddd; } .editor-cms { color: #999999; } .editor-cms ul { margin: 10px 0; color: #999999; } .editor-cms h4 { text-transform: uppercase; } .editor-cms ol { list-style: decimal; } .editor-cms ol li { position: relative; padding: 0 0 15px 0; color: inherit; margin: 0 0 0 15px; } .editor-cms ol li a { color: inherit; } .editor-cms a:active, .editor-cms a:focus, .editor-cms a:hover, .editor-cms a:link, .editor-cms a:visited { outline: 0; } .editor-cms .alignleft, .editor-cms .floatleft { float: left; text-align: left } .editor-cms .alignright, .editor-cms .floatright { float: right; text-align: right } .editor-cms .aligncenter { text-align: center; margin: 0 auto; } .editor-cms .align-right { text-align: right } .editor-cms .align-left { text-align: left } .editor-cms .align-center { text-align: center } .alignnone, img.alignnone { /* not sure about this one */ } .editor-cms p img { margin: 0; } .editor-cms p.lead { font-size: 21px; color: #777; } .editor-cms em { font-style: italic; } .editor-cms small { font-size: 80%; } .editor-cms strong, .editor-cms th, .editor-cms thead td { font-weight: 700 } .editor-cms blockquote, .editor-cms blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } .editor-cms blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } .editor-cms blockquote cite { display: block; font-size: 12px; color: #555; } .editor-cms blockquote cite:before { content: "\2014 \0020"; } .editor-cms blockquote cite a, .editor-cms blockquote cite a:visited, .editor-cms blockquote cite a:visited { color: #555; } .editor-cms hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /*#editor end*/ .clear-section { color: #0b8be6; display: inline-block; font-size: 13px; vertical-align: top; line-height: 1; } .clear-section:hover { color: #222; } /* enscroll start*/ .filter-scrollbars { overflow: auto; width: 280px; height: 300px; padding: 0 5px; } #scrollbar1 { /* overflow: auto;*/ width: 280px; /* height: 300px;*/ padding: 0 5px; } .scrollbars { /*   overflow: auto;*/ width: 280px; /*    height: 300px;*/ padding: 0 5px; } .pop-up-scrollbars { overflow: auto; width: 100%; height: 300px; padding: 0 5px; } .track3 { width: 10px; background: rgba(0, 0, 0, 0); margin-right: 2px; border-radius: 10px; -webkit-transition: background 250ms linear; transition: background 250ms linear; } .track3:hover, .track3.dragging { background: #d9d9d9; /* Browsers without rgba support */ background: rgba(0, 0, 0, 0.15); } .handle3 { width: 7px; right: 0; background: #999; background: #4BA8F6; border-radius: 7px; -webkit-transition: width 250ms; transition: width 250ms; } .track3:hover .handle3, .track3.dragging .handle3 { width: 10px; } /*Section space*/ .section-space { padding: 25px 0; } /*Ripple effect*/ [ripple] { z-index: 1; position: relative; overflow: hidden; display: inline-block; } [ripple] .ripple { position: absolute; background: #FFFFFF; width: 12px; height: 12px; border-radius: 100%; -webkit-animation: ripple 1.6s; animation: ripple 1.6s; } @-webkit-keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.2; } 100% { -webkit-transform: scale(40); transform: scale(40); opacity: 0; } } @keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.2; } 100% { -webkit-transform: scale(40); transform: scale(40); opacity: 0; } } /*enscroll end*/ @font-face { font-family: "Ionicons"; src: url("fonts/ionicons.eot?v=2.0.0"); src: url("fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("fonts/ionicons.woff?v=2.0.0") format("woff"), url("fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg"); font-weight: normal; font-style: normal; } /*==============autocomplete ui==================*/ #myAutocomplete { width: 100%; } .ui-autocomplete-multiselect.ui-state-default { display: block; background: #fff; border: 1px solid #ededed; border-radius: 3px; padding: 3px 10px; padding-bottom: 0px; overflow: hidden; cursor: text; width: 100% !important; } .ui-autocomplete-multiselect .ui-autocomplete-multiselect-item .ui-icon { float: right; cursor: pointer; } .ui-autocomplete-multiselect .ui-autocomplete-multiselect-item { display: inline-block; border: 1px solid #ccc; border-radius: 4px; padding: 1px 3px; margin-right: 2px; margin-bottom: 3px; color: #333; background-color: #f6f6f6; } .ui-autocomplete-multiselect input { display: inline-block; border: none; outline: none; height: auto; margin: 2px; overflow: visible; margin-bottom: 5px; text-align: left; } .ui-autocomplete-multiselect.ui-state-active { outline: none; border: 1px solid #7ea4c7; -moz-box-shadow: 0 0 5px rgba(50, 150, 255, 0.5); -webkit-box-shadow: 0 0 5px rgba(50, 150, 255, 0.5); -khtml-box-shadow: 0 0 5px rgba(50, 150, 255, 0.5); box-shadow: 0 0 5px rgba(50, 150, 255, 0.5); } .ui-autocomplete { border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; max-height: 200px; overflow-y: auto; background: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); width: 200px !important; z-index: 999; } #myAutocomplete:focus { box-shadow: none; -webkit-box-shadow: none; } .ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); } .ui-icon-close { background-position: -80px -128px; } .ui-icon { height: 16px; width: 16px; } .ui-icon { background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; } .ui-helper-hidden-accessible { color: #0b8be6; display: block; font-style: italic; padding-bottom: 5px; } .ui-menu .ui-menu-item { margin: 0; padding: 5px; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.02); } /*tabs*/ ul.resp-tabs-list, p { margin: 0; padding: 0 0 10px; } .resp-tabs-list li { font-weight: 600; font-size: 13px; display: inline-block; padding: 13px 15px; margin: 0 4px 0 0; list-style: none; cursor: pointer; float: left; min-width: 150px; text-align: center; } .resp-tabs-container { padding: 0px; background-color: #fff; clear: left; } h2.resp-accordion { cursor: pointer; padding: 5px; display: none; } .resp-tab-content { display: none; padding: 15px; } .resp-tab-active { border: 1px solid #eaeaea; border-bottom: none; margin-bottom: -1px !important; padding: 12px 14px 14px 14px; border-top: 4px solid #0b8be6; border-bottom: 0px #fff solid !important; } .resp-tab-active { border-bottom: none; background-color: #fff; } .resp-content-active, .resp-accordion-active { display: block; } .resp-tab-content { border-top: 1px solid #eaeaea; } h2.resp-accordion { font-size: 13px; border: 1px solid; border-color: #0b8be6 #0b8be6 #fff; border-top: 1px solid #0b8be6; margin: 0px; padding: 10px 15px; } h2.resp-tab-active { border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important; } h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; } /*-----------Vertical tabs-----------*/ .resp-vtabs ul.resp-tabs-list { float: left; width: 30%; } .resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0 0 4px; cursor: pointer; float: none; } .resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none; } .resp-vtabs .resp-tab-content { border: none; word-wrap: break-word; } .resp-vtabs li.resp-tab-active { position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; border-top: 1px solid; border: 1px solid #5AB1D0 !important; border-left: 4px solid #5AB1D0 !important; margin-bottom: 4px !important; border-right: 1px #FFF solid !important; } .resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #fff; } h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #fff; } /*-----------Accordion styles-----------*/ h2.resp-tab-active { background: #DBDBDB; /* !important;*/ } .resp-easy-accordion h2.resp-accordion { display: block; } .resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; } .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1; /* !important;*/ } .resp-jfit { width: 100%; margin: 0px; } .resp-tab-content-active { display: block; } h2.resp-accordion:first-child { border-top: 1px solid #0b8be6; } /*form style*/ /* forms css */ .form__caption { color: #3c3c3c; display: inline-block; font-size: 15px; font-weight: 700; padding-bottom: 10px; } .form__title { color: #4d9de0; font-size: 19px; /* font-weight: 700;*/ line-height: 100%; padding-bottom: 10px; } .form__horizontal label.checkbox { font-size: 15px; color: #737373; font-weight: 700; } .form__horizontal table tr td { padding: 25px 0 0 25px; vertical-align: bottom; /* width:50%;*/ } .form__horizontal table tr td:first-child { padding-left: 0px; } .form__vertical table tr td { width: 100%; padding: 25px 0px 0px 0px; } select::-ms-expand { display: none; } .form input[type="text"], .form input[type="password"], .form input[type="email"], .form input[type="tel"], .form select { width: 100%; background: #fff; border: 1px solid #ededed; height: 40px; /*	line-height:40px;*/ line-height: normal; vertical-align: middle; font-size: 14px; /*color:#9c9a9a;*/ color: #474646; padding: 0px; margin: 0 0 0 0; border-radius: 5px; outline: none; padding-left: 10px; position: relative; -webkit-appearance: none; -moz-appearance: none; } .form input[type="number"] { width: 100%; background: #fff; border: 1px solid #ededed; height: 40px; line-height: 40px; vertical-align: middle; font-size: 14px; color: #9c9a9a; padding: 0px; margin: 0 0 0 0; border-radius: 3px; outline: none; padding-left: 10px; position: relative; -webkit-appearance: none; -moz-appearance: none; } .form input[type="text"]:focus, .form input[type="password"]:focus, .form input[type="email"]:focus, .form input[type="tel"]:focus, .form select:focus { border-radius: 3px; box-shadow: 0px 0px 5px rgba(7, 158, 204, 0.3); border: 1px solid #0b8be6; -webkit-appearance: none; } .form select { background: #fff url(images/selectarrow.png); background-repeat: no-repeat; background-position: right center; padding-left: 10px; /* line-height:100%; */ } .select_wrap { position: relative; } .form input[type="file"] { width: 100%; background: #fff; border: 1px solid #ededed; vertical-align: middle; font-size: 14px; color: #9c9a9a; padding: 0px; margin: 0 0 0 0; border-radius: 3px; outline: none; padding: 10px; position: relative; -webkit-appearance: none; -moz-appearance: none; } .form input[type="submit"] { border: none; cursor: pointer; } .form--heading { color: #0b8be6; font-size: 24px; font-weight: 600; line-height: 30px; padding-bottom: 20px; } .form tr td .form-subtable tr td { display: table-cell; vertical-align: middle; position: relative; } .form tr td .form-subtable tr td:first-child, .form tr td .form-subtable tr td:last-child { width: 45%; } .form tr td .form-subtable tr td:nth-child(2) { text-align: center; width: 10%; } .form--notes { display: block; font-size: 12px; padding-top: 5px; } input[type="text"].calendar { background: url(images/small-calendar.png); background-position: center right; background-repeat: no-repeat; cursor: pointer; } input, select, textarea { font-family: inherit; outline: medium none; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; background: #fff; } .form textarea:focus { border-color: #1897ef; /*-webkit-box-shadow: inset 0 1px 1px #dedbdb, 0 0 10px #6fbaee; -moz-box-shadow: inset 0 1px 1px #dedbdb, 0 0 10px #6fbaee; box-shadow: inset 0 1px 1px #dedbdb, 0 0 10px #6fbaee;*/ } .field_label { color: #3a3a3a; font-size: 14px; } .caption-wraper { padding-bottom: 5px; } .form .field-set label span.mandatory, .form .field-set label span.spn_must_field { color: red; display: inline-block; margin-left: 0px; } .form-subtable img { opacity: 0.5; position: absolute; right: 0; top: 0; width: 20px; cursor: pointer; } .form textarea { resize: vertical; width: 100%; background: #fff; border: 1px solid #ededed; min-height: 150px; /*line-height: 24px;*/ line-height: normal; vertical-align: middle; font-size: 14px; /* color:#9c9a9a; */ color: #474646; margin: 0 0 0 0; border-radius: 3px; outline: none; padding-left: 10px; padding-top: 10px; position: relative; -webkit-appearance: none; -moz-appearance: none; background: #fff; } .mandatory { color: #ef2e25; font-size: 16px; line-height: 1; } input, select, textarea { outline: none; } input[type="radio"], input[type="checkbox"] { margin: 0; } .initial_final_search_container { display: flex; justify-content: space-between; }  #initial_final_search { width: 48%; } .form .field-set { display: block; margin-bottom: 1em; } .field-set { display: block; } .form.form--vertical .field-set .caption-wraper, .form.form--vertical .field-set .field-wraper { display: block; } .field-set .field_cover { position: relative; } .form .button, .form .img-uploader .upload-label, .img-uploader .form .upload-label { border-radius: 3.375em; height: 2.7em; line-height: 2.7em; } .form table tr td { padding-bottom: 20px; } .form a { color: #0b8be6; } /* .form a:hover { color: #f0703a; } */ .form.formvertical table tr td { display: block; } .form table tr td { padding: 0px 0px 15px 15px; } .form input[type="submit"] { background: #f0703a; border: medium none; border-radius: 5px; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; line-height: 100%; padding: 12px 25px; text-transform: uppercase; text-align: center; vertical-align: middle; z-index: 10; -webkit-appearance: none; } /*move to top*/ .move-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 10px; right: 10px; z-index: 10; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(255, 148, 62, 0.8) url(images/move-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .move-top.move-top-is-visible, .move-top.move-top-fade-out, .no-touch .move-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .move-top.move-top-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .move-top.move-top-fade-out { opacity: .5; } #postMediaFrm.form textarea { min-height: 20px !important; } .body { background: #f9f9fa; min-height: 729px; } .ui-autocomplete li.ui-menu-item a { cursor: pointer; } .title-head span.spn_must_field { color: red; } #frmQuotes .v-btn.v-border { background: #f0703a; border: medium none; color: #ffffff; } #frmQuotes .v-btn:hover { background: #2f2f30; } .v-header { background-color: rgba(255, 255, 255, 1); display: inline-block; left: 0; padding: 14px 0; position: relative; top: 0; vertical-align: top; width: 100%; z-index: 7777; position: fixed; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); } /*.v-header.sticky { left: 0; position: fixed; top: 0; vertical-align: top; width: 100%; z-index: 7777; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); }*/ .v-logo { float: left; } .v-logo img { max-width: 135px; } .v-search-top { border-radius: 2px; display: inline-block; /* height: 30px; */ margin-right: 32px; position: relative; vertical-align: middle; width: 240px; overflow: hidden; } .v-search-top form input[type="text"] { background-color: #eceeef; border: medium none; color: #777; font-size: 15px; line-height: 1.5; padding: 3px 10px 3px 32px; vertical-align: top; -webkit-appearance: none; border: 1px solid #E1E1E1; } .v-search-top form input[type="submit"] { background: rgba(0, 0, 0, 0) url(images/magni.png) no-repeat center center; border: medium none; cursor: pointer; height: 30px; left: -4px; position: absolute; top: 0; width: 38px; } .v-grid_2 { float: right; } .v-navigation { display: inline-block; padding-left: 20px; padding-top: 3px; position: relative; vertical-align: middle; } .v-subnavigation { display: inline-block; margin-left: 10px; vertical-align: middle; } .v-navigation ul li { float: left; margin-right: 1px; } body.toggled-left .v-navigation { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); z-index: 9999; } .v-navigation ul li a { font-size: 14px; font-weight: 400; color: #2f2f30; display: block; padding: 6px 12px; } .v-navigation ul li a.active, .v-navigation ul li a:hover { color: #f0703a; } .v-subnavigation span { color: #9da6a9; font-size: 14px; } .v-subnavigation a { color: #2f2f30; font-size: 14px; } .v-subnavigation a:hover, .v-subnavigation a.active { color: #f0703a; } body.toggled-left .leftoverlay { display: block; } .leftoverlay { animation: 500ms ease 0s normal none 1 running fade; -webkit-animation: 500ms ease 0s normal none 1 running fade; background-color: rgba(0, 0, 0, 0.5); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0px; z-index: 4; } .hamburger--htx { background-color: rgba(0, 0, 0, 0); } .hamburger { -moz-appearance: none; border: medium none; box-shadow: none; cursor: pointer; display: block; font-size: 0; height: 40px; margin: 0; overflow: hidden; padding: 0; position: absolute; text-indent: -9999px; transition: background 0.3s ease 0s; -webkit-transition: background 0.3s ease 0s; width: 40px; } .hamburger--htx span:before { -webkit-transition-property: top, transform; transition-property: top, transform; } .hamburger--htx span:after, .hamburger--htx span:before { transition-delay: 0.3s, 0s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; -webkit-transition-duration: 0.3s, 0.3s; } .hamburger span:before { top: -10px; } .hamburger--htx span:after { -webkit-transition-property: bottom, transform; transition-property: bottom, transform; } .hamburger--htx span:after, .hamburger--htx span:before { transition-delay: 0.3s, 0s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; -webkit-transition-duration: 0.3s, 0.3s; } .hamburger span:after { bottom: -10px; } .hamburger--htx span { transition: background 0s ease 0.3s; -webkit-transition: background 0s ease 0.3s; } /*.hamburger--htx.is-active span:after, .hamburger--htx.is-active span:before { transition-delay: 0s, 0.3s; -webkit-transition-delay: 0s, 0.3s; } .hamburger--htx.is-active span:before { top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); }*/ .hamburger--htx span:before { transition-property: top, transform; -webkit-transition-property: top, transform; } .hamburger--htx span:after, .hamburger--htx span:before { transition-delay: 0.3s, 0s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; -webkit-transition-duration: 0.3s, 0.3s; } .hamburger span:after, .hamburger span:before { background-color: #3c3c3c; content: ""; display: block; height: 4px; left: 0; position: absolute; width: 100%; } /*.hamburger--htx.is-active span:after, .hamburger--htx.is-active span:before { transition-delay: 0s, 0.3s; -webkit-transition-delay: 0s, 0.3s; } .hamburger--htx.is-active span:after { bottom: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }*/ .hamburger--htx span:after { transition-property: bottom, transform; -webkit-transition-property: bottom, transform; } .hamburger--htx span:after, .hamburger--htx span:before { transition-delay: 0.3s, 0s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; -webkit-transition-duration: 0.3s, 0.3s; } /*.hamburger--htx.is-active span { background: rgba(0, 0, 0, 0); }*/ .hamburger--htx span { transition: background 0s ease 0.3s; -webkit-transition: background 0s ease 0.3s; } .hamburger span { background: #3c3c3c; display: block; height: 5px; left: 5px; position: absolute; right: 5px; top: 20px; } .hamburger { display: none; } .searchtoggle { display: none; } .v-user { display: none; } .v-cover { height: 298px; background-position: center center; background-size: cover; } .v-icon.mark-fav { display: inline-block; height: 17px; width: 16px; } .v-dis-like .mark-fav svg, .v-like .mark-fav svg { fill: #fff; } .v-btn.v-btnicn.v-dis-like { background: #999; } .v-btn.v-btnicn.v-like { background: #f0703a; } .panel__left .panel__fixed .panel__fixed-inner.stick { width: 267px; } .panel__fixed .panel__fixed-inner.stick { /*height: 100%;*/ } .panel__fixed .panel__fixed-inner.stick { position: fixed; width: 267px; z-index: 1; } .v-section { border-bottom: 1px solid #ebebe7; padding-bottom: 10px; } .v-userPanel { background: rgba(255, 255, 255, 0.99); /* border-radius: 5px; */ display: table; margin-top: 0px; padding: 20px 0; position: relative; width: 100%; } .v-userpanelleft { float: left; width: 60%; } .v-userpanelright { float: right; text-align: right; width: 40%; } .userpic { border: 3px solid #fff; border-radius: 172px; display: inline-block; height: 172px; overflow: hidden; position: absolute; text-align: center; top: -30px; vertical-align: middle; width: 172px; background: #fff; } .v-usershortinfo { display: inline-block; vertical-align: middle; padding-left: 292px; } .userpic>img { width: 100%; } .v-username { color: #3c3c3c; display: block; font-size: 24px; line-height: 30px; vertical-align: middle; } .v-username>a { color: #333; } .v-rated { display: inline-block; /* padding-left: 20px; */ margin-bottom: 10px; vertical-align: middle; } .v-userskills, .v-userplace { color: #9e9898; font-size: 14px; } .v-userskills { min-height: 40px; } .body.v-profile { position: relative; top: -70px; } .v-rated>span { color: #9e9898; font-size: 13px; padding-left: 10px; } .v-btn { font-size: 14px; line-height: 100%; display: inline-block; vertical-align: middle; text-align: center; text-transform: uppercase; border: solid 1px transparent; } .v-btn.v-border { border-width: 1px; border-style: solid; background: #fff; border-color: #ebebe7; color: #bbbab9; } .btn-group .v-btn { border-radius: 5px; margin-right: 5px; min-width: 160px; padding: 12px 30px; margin-bottom: 5px; } .btn-group .v-btn:last-child { margin-right: 0px; } .v-btn.blue, .v-btn.blue:hover { background: #0b8be6; color: #fff; } .v-btn.blue.active { background: #2f2f30; } .v-btn.black { background: #000; color: #fff; } .v-btn.black:hover { background: #505050; } .v-btn.v-btnicn { background: #f0703a; min-width: 1%; padding: 11px 14px; } .v-icon.v-like { display: inline-block; line-height: 100%; vertical-align: middle; } .v-btn:hover, .v-btn.v-btnicn:hover { background: #2f2f30; color: #fff; } .v-btn.v-border:hover { border-color: #2f2f30; } .v-btn.small { font-size: 12px; line-height: 100%; display: inline-block; vertical-align: middle; text-align: center; min-width: 1%; padding: 8px 15px; } .v-tacgs li { /* background: #0b8be6; */ border: 1px solid #ddd; border-radius: 3px; color: #888; display: inline-block; font-size: 12px; line-height: 18px; letter-spacing: 0.01em; padding: 3px 6px; margin-top: 4px; margin-right: 4px; } .panel { float: left; width: 75%; } .panel__left { display: inline-block; float: left; width: 30%; } .panel__right { display: inline-block; float: right; width: 70%; } .v-blocktitle { color: #2f2f30; font-weight: 600; line-height: 100%; padding-bottom: 5px; font-size: 13px; } .v-padd { padding: 30px 0; } .panel__right { padding: 0 20px; } .v-bio li { border-top: 1px solid #e2e4e5; color: #2f2f30; display: block; font-size: 13px; padding: 10px 0; } .v-bio { margin-top: 20px; } .v-bio li .v-icon { color: #0b8be6; display: inline-block; font-size: 16px; height: 24px; vertical-align: middle; width: 24px; float: left; } .v-bio li .v-icon svg { height: 100%; width: 100%; } .v-bio li .v-icon svg path { fill: #2f2f30; } .v-bio li a:hover .v-icon.link-fb svg path { fill: #4e71a8; } .v-bio li a:hover .v-icon.link-tw svg path { fill: #1cb7eb; } .v-bio li .v-icon { display: inline-block; height: 24px; vertical-align: middle; width: 24px; color: #0b8be6; } .v-bio li .v-icon.link-fb, .v-bio li .v-icon.link-tw, .v-bio li .v-icon.link-pin { float: none; } .v-bio li a:hover .v-icon.link-pin svg path { fill: #cd2129; } /*.v-readabout{margin:20px auto;}*/ .v-readabout>a { background: #f0703a; border-radius: 5px; color: #fff; display: block; font-size: 14px; text-align: center; text-transform: uppercase; padding: 20px 30px; } .v-readabout>a:hover { background: #2f2f30; } .v-blocktitle>a { color: #909192; float: right; } .v-blocktitle>a:hover { color: #2f2f30; } .v-padd.gap { padding: 90px 0; } .v-panels { display: table; width: 100%; table-layout: fixed; } .v-medialist>li { float: left; padding-left: 10px; width: 25%; } .v-medialist { margin-left: -10px; } .v-media { border: 1px solid #eaeaea; border-radius: 5px; overflow: hidden; position: relative; } .v-medialist { margin-left: -10px; margin-top: 15px; } .v-mediablock { border-bottom: 1px solid #e2e4e5; display: table; padding-bottom: 20px; width: 100%; padding-top: 20px; } .v-media img { height: 100%; width: 100%; } .v-medialist li a:hover .v-media img { opacity: 0.5; } .v-media>i { left: 50%; opacity: 0.5; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .v-medialist li a:hover .v-media i { opacity: 1; } .v-block.v-mediablock.v-audio { table-layout: fixed; } /*Photo Gallery[*/ .v-photoList { display: flex; } .v-photoList li a { display: flex; align-items: center; height: 50px; border-radius: 4px; overflow: hidden; border: 1px solid #eaeaea; } @media only screen and (max-width:767px) { .v-photoList li a { height: 30px; } } .v-photoList li a .v-media { border: 0px; } /*Photo Gallery]*/ .v-audio .v-medialist li { width: 100%; padding-left: 0; } .v-audio .v-medialist { margin-left: 0px; } .v-audio .v-medialist li { border-bottom: 1px solid #e2e4e5; padding: 10px 0; width: 100%; } .v-audio .v-medialist li:last-child { border-bottom: none; } .v-audio .v-media { display: inline-block; height: 50px; width: 50px; } .v-audio .media-title { display: inline-block; padding-left: 10px; vertical-align: top; max-width: calc(100% - 60px); } #event-title { font-size: 18px; line-height: 22px; } .media-title-link h1:hover { cursor: pointer; color: #0b8be6; } .media-title-link h1 { font-size: 22px; display: block; color: #565554; transition: 300ms ease; text-align: center; } .media-title-link { margin-left: 0px !important; } .event-media { margin-top: 10px !important; height: 200px !important; } .media-title h3 { color: #2f2f30; font-size: 13px; word-break: break-all; overflow-wrap: break-word; word-wrap: break-word; } .media-title p { color: #909192; font-size: 13px; } .v-block.v-mediablock.v-audio { border-bottom: none; padding-bottom: 0; } .v-rightsidebar { float: right; width: 25%; } .v-countlabels a h3 { color: #0b8be6; font-size: 24px; } .v-countlabels a p { color: #2f2f30; font-size: 15px; } .v-countlabels { display: inline-block; vertical-align: middle; } .v-countlabels { padding-left: 20px; } .v-count .v-countlabels:first-child { padding-left: 0px; } .v-countlabels.v-pages a h3 { color: #f0703a; } .v-countlabels.v-followers a h3 { color: #000; } .v-count { border-bottom: 1px solid #e2e4e5; padding-bottom: 20px; } .v-readabout { margin-top: 20px; } .v-events .v-medialist li { border-bottom: 1px solid #e2e4e5; padding: 10px 0; width: 100%; } .v-events .v-medialist li:last-child { border-bottom: none; padding-bottom: 0; } .v-events .v-media { float: left; height: 50px; width: 50px; } .v-events .media-title { display: block; padding-left: 60px; vertical-align: top; } .v-events .v-medialist { margin-left: 0; display: table; width: 100%; } .v-events .v-medialist li:first-child { padding-top: 0px; } .media-title p span { padding-right: 10px; } .media-title p span .v-icon { padding-right: 5px; } .v-venue span { color: #919293; display: inline-block; font-size: 13px; /* vertical-align: middle; */ } .v-venue i { color: #919293; display: inline-block; font-size: 13px; vertical-align: top; padding-right: 5px; } .v-reviews .v-medialist li { border-bottom: 1px solid #e2e4e5; padding: 10px 0; width: 100%; } .v-reviews .v-medialist li:last-child { border-bottom: none; padding-bottom: 0; } .v-reviews .v-media { display: inline-block; height: 50px; width: 50px; border-radius: 50px; } .v-reviews .media-title { display: inline-block; padding-left: 10px; vertical-align: top; } .v-reviews .v-medialist { margin-left: 0; display: table; width: 100%; } .v-reviews .v-medialist li:first-child { padding-top: 0px; } .v-postedreview p { color: #565554; line-height: 24px; font-size: 13px; } .reviewsrating { padding-top: 5px; } .v-calender { padding-top: 15px; } .v-mediablock.v-schedule { border-bottom: 0 none; padding-bottom: 0; } .v-postmsg { background: #fff none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 5px; /* -webkit-box-shadow: 4px 0 48px rgba(0,0,0,.08); */ /* box-shadow: 4px 0 48px rgba(0,0,0,.08); */ margin-bottom: 15px; overflow: hidden; } .v-avatar { border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 50px; display: inline-block; height: 50px; overflow: hidden; vertical-align: middle; width: 50px; } .v-postcomment { padding: 15px 25px; position: relative; } .v-posttitle h3 { border-bottom: 1px solid #e2e4e5; color: #2f2f30; font-size: 13px; font-weight: 700; padding: 15px 25px; } .v-leavecomment { display: inline-block; vertical-align: middle; width: 88%; } .v-leavecomment input[type="text"] { font-size: 13px; padding-right: 20%; } .v-leavecomment>input[type="submit"] { position: absolute; right: 25px; top: 50%; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); background: #0b8be6; color: #fff; border-radius: 2px; padding: 6px 10px; display: inline-block; font-size: 13px; line-height: 100%; text-align: center; vertical-align: middle; border: none; z-index: 10; cursor: pointer; -webkit-appearance: none; } .v-leavecomment>input[type="submit"]:hover { background: #2f2f30; } .image-upload>input { display: none; } .image-upload img { width: 16px; cursor: pointer; } .image-upload { position: absolute; right: 95px; top: 50%; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); z-index: 9; } .v-commentTop { padding: 15px 25px; } .v-commentinfo { display: inline-block; padding-left: 10px; vertical-align: middle; } .v-commentinfo>h3 { color: #3c3c3c; font-size: 13px; } .v-commentinfo>h3 a { color: #3c3c3c; } .v-commentinfo>p { color: #9e9898; font-size: 13px; } .v-commentinfo p i { color: #9e9898; padding-right: 5px; } .v-comment-right>a { color: #b6b9bc; font-size: 34px; } .v-comment-right { float: right; position: relative; text-align: right; width: 50%; } .v-commentLeft { float: left; width: 50%; } .v-commentTop { display: table; width: 100%; } .v-comment>p { color: #565554; font-size: 14px; line-height: 1.6; padding: 0; } .v-comment { padding: 0 25px; /* word-break: break-all; */ text-align: justify; } .v-commentactions { background: #f9f9fa; border-top: 1px solid rgba(0, 0, 0, 0.02); padding: 12px 25px; margin-top: 10px; } .v-commentcount, .v-commentlike { display: inline-block; vertical-align: middle; } .v-commentlike>span, .v-commentcount span { color: #909192; font-size: 13px; } .v-commentactions .v-icon { color: #b6b9bc; display: inline-block; vertical-align: middle; } .v-commentcount, .v-commentlike { display: inline-block; padding-right: 10px; vertical-align: middle; cursor: pointer; } .v-commentlike.active .v-icon { color: #f0703a; } .v-commentcount.active .v-icon { color: #0b8be6; } .v-postimg { /* border-radius: 10px;*/ margin: 10px 25px; overflow: hidden; } .v-usercomment .image-upload { right: 25px; } /*#footer { background:#f9f9fa; }*/ .v-commentreply { background: #f9f9fa; border-bottom: 1px solid rgba(0, 0, 0, 0.02); border-top: 1px solid rgba(0, 0, 0, 0.02); padding-bottom: 15px; } .v-reply .v-commentactions { background: #fff; } .v-commentreply .v-comment-right>a { color: #909192; font-size: 13px; } .v-comment-right>a:last-child { padding-left: 20px; position: relative; } .v-comment-right>a:last-child::before { content: "."; font-size: 20px; left: 7px; line-height: 1; position: absolute; top: -6px; } .v-mob { display: none; } .v-togglesidebar:before, .v-toggleinfo:before { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.8); opacity: 0; visibility: hidden; pointer-events: none; content: ""; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .v-togglesidebar.active::before, .v-toggleinfo.active:before { opacity: 1; visibility: visible; pointer-events: auto; } body.toggled-left .leftoverlay { display: block; } .v-msgactions { background: #fff; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); padding: 10px 20px; position: absolute; right: 0; min-width: 180px; text-align: left; top: 35px; display: none; z-index: 4; } .v-msgactions:before { border-bottom: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; position: absolute; right: 5px; top: -7px; z-index: 2; } .v-msgactions:after { border-bottom: 7px solid rgba(0, 0, 0, 0.4); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; position: absolute; right: 5px; top: -7px; z-index: 1; } .v-msgactions ul li a { color: #9e9898; font-size: 13px; } #event-borderbox { padding: 20px; } .v-borderbox { background: #fff; border: 1px solid #ebebe7; border-radius: 5px; /* box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05); */ display: table; width: 100%; overflow: hidden; } .v-jobdescription { width: 70%; } .v-sociallinks li { display: block; float: left; padding: 10px 0 10px 5px; } .v-sociallinks li:first-child { padding-left: 0px; } .v-sociallinks li .v-icon svg path { fill: #2f2f30; } .v-sociallinks li .v-icon svg { height: 100%; width: 100%; } .v-sociallinks li .v-icon { color: #0b8be6; display: inline-block; height: 24px; vertical-align: middle; width: 24px; } .v-sociallinks li a:hover .v-icon.link-tw svg path { fill: #1cb7eb; } .v-sociallinks li a:hover .v-icon.link-fb svg path { fill: #4e71a8; } .v-sociallinks li a:hover .v-icon.link-pin svg path { fill: #bd081c; } .v-sociallinks { display: table; width: 100%; } .v-descriptiontop { padding: 20px 30px; display: table; width: 100%; } .v-rightblock>h3 { color: #0b8be6; font-size: 24px; line-height: 30px; } .v-leftblock { display: inline-block; margin: 0 -2px; vertical-align: top; width: 70%; } .v-rightblock { display: inline-block; margin: 0 -2px; text-align: right; vertical-align: top; width: 30%; } .v-descriptiontop .v-leftblock>h3 { color: #2f2f30; font-size: 24px; line-height: 30px; } .v-descriptiontop .v-leftblock p { color: #9e9898; font-size: 13px; } .v-descriptionmid { padding: 20px 30px; } .v-descriptionmid h3 { color: #2f2f30; font-size: 24px; line-height: 30px; } .v-descriptionmid>p { color: #565554; font-size: 13px; line-height: 24px; padding-top: 10px; } .v-btn.black { background: #000; color: #fff; } .v-btn.orange { background: #f0703a; color: #fff; } .v-btn { border-radius: 5px; /* min-width: 160px; */ padding: 12px 25px; } .v-btn.orange:hover { background: #2f2f30; } .v-descriptionmid .v-btn { margin-top: 20px; } .v-jobtype { border-bottom: 1px solid #ebebe7; border-top: 1px solid #ebebe7; padding: 20px 30px; } .v-listleft { display: block; float: left; } .v-listright { display: block; padding-left: 30px; } .v-listleft .v-icon i { color: #0b8be6; font-size: 25px; line-height: 100%; } .v-listright>h3 { color: #3c3c3c; font-size: 13px; } .v-listright>p { color: #989898; font-size: 13px; padding-top: 5px; } .v-listbox { display: inline-block; vertical-align: top; margin: 0 -4px 0 0; width: 33.3%; } .v-jobdescription { width: 74%; display: inline-block; margin: 0 -4px 0 0; vertical-align: top; padding-bottom: 20px; } .v-hostdetails>h3 { color: #2f2f30; font-size: 24px; padding-bottom: 10px; padding-top: 20px; } .v-hostdetails .v-listbox { border-top: 1px solid #e2e4e5; padding: 11px 0; width: 100%; } .v-hostdetails { display: inline-block; padding-left: 20px; width: 25%; } .v-map { border-radius: 10px; overflow: hidden; width: 100%; margin-top: 20px; } .v-hostdetails .v-listleft .v-icon i { font-size: 15px; line-height: 100%; } .v-hostdetails .v-listright { display: block; padding-left: 20px; } .v-title { color: #2f2f30; font-size: 24px; line-height: 30px; } #cover-demo-image { max-width: 100%; } .v-listdetail>h3 { color: #2f2f30; font-size: 18px; line-height: 30px; } .v-listdetail>h3 a { color: #2f2f30; } #event-text { display: flex; color: #565554; line-height: 1.45; font-size: 14px; margin-top: -10px; } .event-venue { justify-content: center; } #event-location { margin-top: 7px; display: flex; justify-content: start; } #datetime-hour { margin-left: 10px; } #event-edit-button { margin-left: auto; } .event-datetime { justify-content: flex-start; } .event-venue, .event-datetime { display: flex; font-size: 13px; } .c-postedon, .v-venue { color: #9e9898; display: inline-block; font-size: 13px; padding-right: 10px; } .c-postedon i, .v-venue i { color: #0b8be6; display: inline-block; padding-right: 4px; } .v-listdetail>p { color: #565554; font-size: 13px; line-height: 20px; padding-top: 10px; } .v-listdetail .v-tacgs { padding-top: 15px; } .v-listdetail { display: table-cell; width: 70%; padding: 30px; vertical-align: middle; position: relative; } .v-value { display: table-cell; vertical-align: middle; padding: 30px; text-align: center; width: 30%; position: relative; } .v-value:before { border-left: 1px solid #eaeaea; bottom: 40px; content: ""; left: 0; position: absolute; top: 40px; } .v-listings .v-title { padding-bottom: 20px; } .v-value>h3 { color: #0b8be6; font-size: 18px; padding-bottom: 20px; } .v-value>p { color: #9e9898; font-size: 18px; line-height: 20px; } .v-listitem { padding-top: 10px; } .btn-loadmore { padding: 20px 0 0; text-align: center; } .v-btn.gray { background: #f1f4f4; color: #3c3c3c; font-size: 24px; } .v-btn.gray:hover { color: #fff; background: #2f2f30; } /*Manage Jobs*/ .v-usermedia { background: #fff; border: 1px solid #eaeaea; border-radius: 56px; float: left; height: 56px; overflow: hidden; width: 56px; } .v-usertext { display: block; padding-top: 10px; padding-left: 66px; } .v-usertext p { font-size: 14px; } .v-usertext h3 { color: #3c3c3c; line-height: inherit; } .v-userlogged { display: table; padding-bottom: 15px; width: 100%; } .v-managemenu li { border-top: 1px solid #eceded; } .v-managemenu li a { color: #2f2f30; display: block; font-size: 14px; padding: 15px 0; } .v-managemenu li a:hover, .v-managemenu li a.active { color: #0b8be6; } .v-managemenu li a i { color: #0b8be6; float: left; font-size: 15px; line-height: 100%; padding-top: 2px; } .v-managemenu span { display: block; padding-left: 20px; vertical-align: top; } .v-managemenubar { display: inline-block; vertical-align: top; width: 20%; transition: 0.1s linear 0.5s; -webkit-transition: 0.1s linear 0.5s; } .v-jobswrap { display: inline-block; margin: 0 0 0 -4px; padding-left: 20px; width: 79%; } .v-filter { background: #fff url(images/arrow.png); background-repeat: no-repeat; background-position: 90% center; border: 1px solid #eceded; border-radius: 3px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05); float: right; overflow: hidden; width: 124px; position: relative; cursor: pointer; } .v-jobstop { display: table; width: 100%; } .v-jobstop.v-jobrfq, .v-jobstop { display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width:567px) { .v-jobstop-block { display: block; } .v-jobstop-block .v-jobtopright { margin-top: 10px; float: none; } } .v-jobstop.v-jobrfq .v-title, .v-jobstop .v-title { padding-bottom: 0; } .v-jobstop .v-title { display: inline-block; } .v-filter select { padding: 5px; -webkit-appearance: none; background: none; border: none; } .v-filter:before { border-left: 1px solid #eceded; bottom: 0; content: ""; position: absolute; right: 25%; top: 0; z-index: 9; } .v-filter-block { width: auto; border: 0px; box-shadow: none; background: none; } .v-filter-block.v-filter:before { border: 0px; } .v-filter.v-filter-block select { background: #fff url(images/selectarrow.png); background-repeat: no-repeat; background-position: right center; padding-left: 10px; border: 1px solid #ededed; } @media only screen and (max-width:567px) { .v-jobstop-block { display: block; } .v-jobstop-block .v-filter-block { margin-top: 10px; float: none; } } .v-listings.small { margin-top: 20px; } .v-listings.small .v-listdetail, .v-listings.small .v-value { padding: 20px; } .v-sidemenu h3 { background: #f0703a; border-radius: 3px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05); color: #fff; cursor: pointer; font-size: 14px; font-weight: 600; line-height: 24px; margin-bottom: 20px; overflow: hidden; padding: 5px 10px; position: relative; width: 100%; } .v-sidemenu h3:before { border-left: 1px solid #f6852c; bottom: 0; content: ""; position: absolute; right: 50px; top: 0; z-index: 9; } .v-sidemenu h3:after { border-right: 2px solid #fff; border-top: 2px solid #fff; content: ""; height: 6px; margin: -3px 0 0; position: absolute; right: 20px; top: 15px; transform: rotate(135deg); transition: all 0.4s ease-in-out 0s; -webkit-transform: rotate(135deg); -webkit-transition: all 0.4s ease-in-out 0s; width: 6px; } .v-sidemenu h3.active { margin-bottom: 0px; } .v-sidemenu h3.active:after { top: 20px; transform: rotate(-45deg); transition: all 0.4s ease-in-out 0s; -webkit-transform: rotate(-45deg); -webkit-transition: all 0.4s ease-in-out 0s; } .pagination.v-page ul li a { background: none; font-size: 14px; color: #bfbfc0; border-radius: 5px; width: 25px; height: 25px; line-height: 25px; } .pagination.v-page ul li a:hover, .pagination.v-page ul li a.active { background: #0b8be6; color: #fff; } .pagination.v-page ul li:first-child a, .pagination.v-page ul li:last-child a { font-size: 18px; } .pagination.v-page ul li:first-child a:hover, .pagination.v-page ul li:last-child a:hover { background: #bbbbbd; } .pagination.v-page ul { float: right; } .pagination.v-page { margin-top: 20px; } .v-link { color: #3b3b3b; font-size: 15px; font-weight: 600; } .rfq-inline form { display: flex; justify-content: center; } .rfq-inline .rfq-input { position: relative; } .rfq-inline .rfq-input:last-child { margin-left: 10px; } .rfq-inline .form select { flex: 0 0 50%; } @media only screen and (max-width:567px) { .rfq-inline .rfq-input:last-child { margin-left: 0; margin-top: 10px; } .rfq-inline form { display: block; } } .rfqform { position: relative; } .rfqform .form input[type="text"] { background-color: #eceeef; border: medium none; color: #777; font-size: 15px; line-height: 1.5; padding: 3px 30px 3px 10px; vertical-align: top; border: 1px solid #e1e1e1; } .rfqform .form input[type="submit"] { padding: 0px; background: url("images/magni.png"); border: medium none; cursor: pointer; height: 30px; left: auto; position: absolute; top: 0; width: 38px; background-repeat: no-repeat; background-position: center right; right: 10px; top: 50%; transform: translate(0px, -50%); } .rfqform .form input[type="submit"]:hover { background: rgba(0, 0, 0, 0) url("images/magni.png"); background-repeat: no-repeat; background-position: right center; } /*tables*/ .table { border-collapse: collapse; border-spacing: 0; width: 100%; } .table th { background-color: #f8f8f8; color: #393939; font-weight: 500; } .table td, .table th { border-bottom: 1px solid #e5e8ec; color: #747373; padding: 12px 15px; text-align: left; vertical-align: middle; } .table tr:last-child td, .table tr:last-child th { border-bottom-width: 0; } .table th { color: #393939; font-weight: 700; } .caption--td { display: none; } .table .v-commentinfo>h3 { color: #747373; font-size: 14px; } .table .v-commentinfo>h3:hover, .table .v-commentinfo>a:hover { color: #0b8be6; font-size: 14px; } .tbl-action i { display: block; font-size: 25px; margin: 0 auto; color: #393939; } .tbl-action { border-radius: 50%; height: 40px; text-align: center; width: 40px; vertical-align: middle; } .tbl-action:hover i { color: #0b8be6; } .tbl-action:focus i { color: #0b8be6; } .tableBox { background: #fff; border-top: 1px solid #e5e8ec; border-bottom: none; } .tableBox { margin-top: 30px; } .table tr:hover { background: #e8e8e8 none repeat scroll 0 0; box-shadow: 0 24px 24px -12px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 24px 24px -12px rgba(0, 0, 0, 0.08); } .table tr:hover { background: #fbfbfc; } /* .table tr:first-child:hover { background:#fff; box-shadow:none; } */ /*user card*/ .user--card-content { background: #fff; padding: 25px 0 0 0; text-align: center; } .user-card-image { display: block; } .user--card { text-align: center; position: relative; } .user--card-act-name a { font-size: 14px; line-height: 24px; padding-bottom: 5px; font-weight: 600; color: #303030; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .user--card--rating .v-rated>span { color: #9e9898; display: inline-block; font-size: 13px; padding-left: 0; padding-top: 0; } .listing--users { padding: 0 20px; } .ellipsis, .user--card--aditionalinfo p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .user--card--rating .v-rated { display: inline-block; padding-left: 0; vertical-align: middle; } .user--card--aditionalinfo { padding-top: 10px; } .user--card-image { display: block; position: relative; width: 100%; } .user--card-image>img { display: block; width: 100%; /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */ } .user--card { padding-bottom: 15px; } .user--card-inner { border: 1px solid #eaeaea; /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */ text-align: center; /* padding: 15px; padding-top: 30px; */ padding-bottom: 15px; } .user--card--button { padding-top: 10px; } .user--card-image:after { line-height: 260px } .user--card:hover .user--card-image:after, .user--card-image:focus, .user--card-image:hover { opacity: 1; } .visible-buttons .vendor-card__image::after { line-height: 260px; } .user--card-image:after { /* background-color: rgba(61, 70, 77, 0.75); */ bottom: 0; color: #fff; content: "View Profile"; font-size: 18px; left: 0; line-height: 250px; opacity: 0; position: absolute; right: 0; text-align: center; text-shadow: 0 0 10px rgba(255, 255, 255, 0.5); top: 0; transition: .3s cubic-bezier(.175, .885, .32, 1.275); -webkit-transition: .3s cubic-bezier(.175, .885, .32, 1.275); } .user--card--button .v-btn { padding: 8px 16px; } .filter-trigger { display: none; } .user--card-favourite-button-container, .user--card-save-button-container { cursor: pointer; padding: 7px; position: absolute; top: 0; z-index: 9; } .user--card-save-button-container { left: 0; } .user--card-favourite-button-container { left: 40px; } .user--card--savebutton, .user--card--favouritebutton { padding: 7px; } .user--card--favouritebutton, .user--card--savebutton { background-color: #999; border-radius: 999px; display: flex; height: 26px; justify-content: center; transition: all 250ms ease-out 0s; -webkit-transition: all 250ms ease-out 0s; width: 26px; } .user--card--savebutton svg { height: 12px; pointer-events: none; width: 12px; } .user--card--favouritebutton svg { height: 12px; pointer-events: none; width: 12px; } .user--card--favouritebutton svg, .user--card--savebutton svg { fill: #fff; } .user--card--favouritebutton.active svg, .user--card--savebutton.active svg { fill: #fff; } .user--card--favouritebutton.active, .user--card--savebutton.active { background-color: #f0703a; } .user--card-featured { background: #009ddc; border-radius: 50px; bottom: -15px; color: #fff; display: inline-block; font-size: 13px; font-weight: 700; left: 50%; letter-spacing: 2px; line-height: 100%; padding: 7px 14px; position: absolute; text-transform: uppercase; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); z-index: 10; } .user--card-followed .user--card-featured { white-space: nowrap; background: #f0703a; } .user--card-followed .user--card-image:after { content: attr(data-label); } /*For Two Action where can visbile any one or two[*/ .user-card-actions { position: absolute; top: 0; left: 0; display: flex; } .user-card-actions .user--card-favourite-button-container, .user-card-actions .user--card-save-button-container { position: relative; left: 0; } /*For Two Action where can visbile any one or two]*/ .header-notifier { display: inline-block; vertical-align: middle; } .notifier i span { font-size: 24px; color: #000; } .notifier.favorites i span { font-size: 23px; } .notifier { margin-right: 10px; position: relative; } #notifier_count { background: #f0703a; border: 2px solid #fff; border-radius: 10px; color: #fff; display: inline-block; font-size: 9px; font-weight: 700; height: 20px; line-height: 15px; position: absolute; right: -8px; text-align: center; top: -3px; vertical-align: middle; width: 20px; } .notifier i span.inactive { color: #aaa; } .descktop--hide { display: none; } .msg--box { margin: 0 auto; max-width: 600px; padding: 50px 0; text-align: center; } .msg--box .box-shadow { padding: 50px; } .msg--box-msg h2 { color: #333; font-size: 30px; font-weight: 600; line-height: 1.2; padding-bottom: 15px; } .msg--box-thumb { margin-bottom: 30px; } .web_url { display: block; overflow-wrap: break-word; padding-left: 24px; } #postMediaFrm.form table tr td { padding: 15px 0 0; vertical-align: top; } #postMediaFrm.form table tr:first-child td { padding-top: 0; } #postMediaFrm.form .text_align_right { text-align: right; } .list--audiopreview .uploaded-video { padding-top: 0px; position: static; } .hide_tr { display: none; } /*5/03/2018*/ .user--card-premium { position: absolute; top: 0; padding: 3px 10px; background: #f0703a; color: #fff; font-weight: 600; font-size: 13px; left: 0; } .user--card .user--card-premium { padding: 3px 20px; font-size: 12px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); border-radius: 3px; text-transform: uppercase; letter-spacing: 2px; } .fixed-demo-btn { line-height: 1.8; position: fixed; right: -100px; top: 300px; z-index: 10; background: #f0703a; border-radius: 2px 2px 0px 0px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: block; height: 50px; width: 228px; color: #fff; font-size: 1.2em; font-weight: 600; text-align: center; } .fixed-demo-btn #btn-demo { color: #fff; display: block; } /* Discuss project  */ .modal { position: fixed; top: 50%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 990; display: none; overflow: auto; max-height: calc(100% - 50px); } .modal .modal-body { height: 100%; /*margin: 20px;*/ } .modal-body .popup { overflow-y: unset; } .modal-overlay { background-color: rgba(0, 0, 0, 0.85); display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 980; } .modal.modal-is-visible { display: block; z-index: 1010; } .modal-overlay.modal-is-visible { display: block; z-index: 1009; } /* Custom Popup */ .popup { padding: 50px; } .popup.-bg { position: relative; padding-bottom: 50px; background: #fff url(images/bg-dot.png) repeat 0 0; } .popup.-bg:after { position: absolute; bottom: 0; left: 0; right: 0; height: 131px; width: 100%; content: ""; background: url(images/floating-layer.png) no-repeat center bottom; } .popup.-bg:before { position: absolute; top: 0; left: 0; right: 0; height: 131px; width: 100%; content: ""; background: rgb(255, 255, 255); background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1); } .popup-content { position: relative; z-index: 1; } .popup__crossed { position: absolute; z-index: 1; position: absolute; top: 10px; right: 10px; padding: 0px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 20px; height: 20px; text-align: center; line-height: 18px; } .popup__crossed:before { position: absolute; top: 0; left: 50%; width: 2px; height: 22px; margin: 0 0 0 -1px; background: #000; content: ""; } .popup__crossed:after { position: absolute; left: 0px; top: 50%; width: 22px; height: 2px; margin: -0px 0 0 0; background: #000; content: ""; } .popup__btn { position: relative; display: inline-block; vertical-align: middle; margin-bottom: 0; font-weight: normal; text-align: center; touch-action: manipulation; cursor: pointer; white-space: normal; padding: 10px 20px; font-size: 1.1em; line-height: 1.42857; border-radius: 2px; text-decoration: none; background-image: none; border: solid 1px transparent; color: #fff; background: none; } .popup__logo { margin-bottom: 30px; text-align: center; } .popup__logo img { display: inline-block; max-width: 150px; } .started-wrapper { display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; margin-bottom: 50px; } .started-box { position: relative; flex: 1; max-width: 350px; padding: 0 50px; text-align: center; } .started-box:first-child:after { position: absolute; top: 50%; right: 0; width: 1px; height: 190px; margin-top: -95px; background: #d9dade; content: ""; } .started-box .graphic { margin-bottom: 30px; } .started-box .graphic img { display: inline-block; } .started-box p { font-size: 0.9em; line-height: 1.5; opacity: 0.7; } .started-box .popup__btn { min-width: 200px; } .started-box .btn--primary { background: #f0703a; border: none; color: #fff; } .started-box .btn--secondary { background: #0b8be6; border: none; } .view-packages__btn { padding: 10px; padding-right: 35px; font-size: 16px; font-weight: 400; text-decoration: none; background: url(images/arrow-black.png) no-repeat right center; color: #000; } .premium-badge { display: inline-block; width: 22px; margin-left: 10px; } .premium-badge img { vertical-align: middle; } @media only screen and (max-width:767px) { .popup { /* overflow-y: scroll;*/ } .started-wrapper { flex-direction: column; } .started-box:first-child { margin-bottom: 30px; } .started-box:first-child:after { display: none; } } div#contentarea { height: 900px; } .rotator-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; gap: 1rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; padding: 1rem 0; } .actions { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; vertical-align: top; white-space: nowrap; margin: 0; color: rgba(0, 0, 0, 0.67); gap: 10px } .actions-link { display: block; background: none; padding: 5px; width: 30px; height: 30px; line-height: 1.4; color: currentColor; font-size: 0.7rem !important; border-radius: 50%; background: rgba(var(--brand-color-alpha), 0.1); color: var(--brand-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .actions-link.icn-highlighted { border: none; color: var(--brand-color); background: #f0f0f0 } .actions-link.icn-highlighted:hover { background: var(--brand-color); color: var(--brand-color-inverse) } .actions-link .svg { width: 14px; height: 14px } .actions-link.is-active, .actions-link:hover, .actions-link:active { text-decoration: none !important; background: var(--brand-color); color: var(--brand-color-inverse); border-color: var(--brand-color) } .actions-large-link { width: 2.5rem; height: 2.5rem; line-height: 2 }.v-event-head { text-align: center; margin-bottom: 25px } .v-eventlist { display: inline-block; vertical-align: middle; width: 70%; margin: 0 -4px 0 0; } .v-eventlist .v-media { border-radius: 57px; display: inline-block; height: 57px; width: 57px; float: left; } .media-title-link h1:hover { cursor: pointer; color: #0b8be6; } .media-title-link h1 { font-size: 22px; display: block; color: #565554; transition: 300ms ease; text-align: center; } .media-title-link { margin-left: 0px !important; } .event-media { margin-top: 10px !important; height: 200px !important; } .v-eventlist .media-title { display: block; padding-left: 67px; padding-top: 10px; } .v-eventlist .media-title h3 { color: #333; font-size: 24px; line-height: 30px; } .v-allevents { display: inline-block; text-align: right; vertical-align: middle; width: 30%; } .v-eventdetaillist>li { display: inline-block; /* margin: 0 -4px 0 0; */ padding-left: 30px; padding-right: 30px; /* padding-top: 30px; */ vertical-align: top; width: 19%; position: relative; } .v-eventdetaillist>li:before { border-left: 1px solid #ececee; content: ""; height: 50px; left: 0; position: absolute; } .v-eventdetaillist>li:first-child:before { display: none; } .v-eventdetaillist .v-listbox { margin: 0; width: 100%; } .v-eventdetaillist { margin-left: -30px; margin-right: -30px; } .v-eventdetails { background: #f8f8f8; padding: 15px 0; } .v-rightsidebar { display: inline-block; float: left; margin: 0 -4px 0 0; padding-right: 25px; vertical-align: top; width: 25%; } .v-eventpanel { background: #fff; border: 1px solid #e0e0e0; border-radius: 5px; display: inline-block; vertical-align: top; width: 75%; overflow: hidden; float: right; } .eventGallery { position: relative; } .eventGallery .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .eventGallery .slick-arrow.slick-prev { left: -60px; } .eventGallery .slick-arrow.slick-next { right: -60px; } @media(max-width:768px) { .eventGallery .slick-arrow.slick-next { right: -60px; } } .eventgalley-slider { border: 1px solid #f0f0f0; border-radius: 5px; margin: 15px; } .eventgalley-thumbslider { margin: 0 auto; width: 300px; max-width: 300px; left: calc(50% - 150px); } .eventgalley-thumbslider { max-width: 100%; margin: 0px auto; cursor: pointer; position: absolute !important; bottom: 20px; /*left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);*/ } .gallery-thumb>.slick-slide img { display: block; height: 100%; width: auto; } .gallery-img>img { cursor: pointer; } #myPages .user--card--button { display: inline-block; } #myPages .listing--users { padding: 30px 0; } .gallery-thumb { border-radius: 3px; height: 57px; overflow: hidden; width: 57px; padding: 0 10px; } .gallery-thumb img { border: 1px solid #eaeaea; border-radius: 3px; } .eventgalley-thumbslider .gallery-thumb { width: 100%; height: 100%; } .event-description { border-bottom: 1px solid #eaeaea; padding: 0 15px 15px; white-space: pre-wrap; } .event-description>p { color: #565554; font-size: 13px; line-height: 20px; } .postForm input[type="submit"] { background: #0b8be6; border: medium none; border-radius: 5px; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; line-height: 100%; padding: 10px 20px; text-align: center; vertical-align: middle; z-index: 10; } .postForm textarea { border: 1px solid #eaeaea; border-radius: 3px; /* box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); */ min-height: 106px; } .postForm table tr td { display: block; /* padding: 10px 0 0; */ } .postForm { background: #f9f9fa; padding: 15px; } .postForm label { display: inline-block; font-weight: 700; padding-bottom: 10px; } .postForm table tr td:last-child { text-align: right; } .v-eventcomment .v-commentLeft { float: none; padding-bottom: 10px; width: 100%; } .v-eventcomment { padding: 20px 0; } .eventcomments .v-eventcomment:nth-child(2n) { background: #f9f9fa; } .eventcomments .v-icon { color: #0099cc; } .mob-actions { display: none; } .v-userevent .v-usershortinfo { display: block; padding-left: 120px; vertical-align: middle; } .v-userevent .userpic { float: left; height: 105px; overflow: hidden; position: relative; text-align: center; top: auto; vertical-align: middle; width: 106px; } .v-userevent { display: table; width: 100%; } .v-userevent .v-userpanelleft { display: table; float: none; width: 100%; } .v-userevent .btn-group .v-btn { min-width: 1%; padding: 12px 12px; } .v-userevent .v-btn.v-btnicn { padding: 10px 14px; } .v-userevent .btn-group { padding-top: 10px; } .v-userevent .v-block { padding-bottom: 20px; padding-top: 20px; } .eventdetaillist>h2 { display: none; } .v-eventcomment .v-comment { padding: 0 30px; } .btn--arrow { position: absolute; top: 50%; padding: 10px; background: rgba(7, 158, 204, 0.7); transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); z-index: 2; } .btn--arrow { font-size: 30px; color: #fff; cursor: pointer; } .btn--arrow:hover { background: rgba(7, 158, 204, 1); } .btn--next { right: -1px; border-radius: 3px 0 0 3px; } .btn--prev { left: -1px; border-radius: 0 3px 3px 0; } .eventgalley-thumbslider .slick-current .gallery-thumb img { border: 1px solid rgb(7, 158, 204); } .v-events.large .v-media { float: left; height: 75px; width: 75px; } .v-events.large .media-title { display: block; margin-left: 85px; padding-left: 0; } .v-events.large .media-title h3 { font-weight: 600; padding-right: 30px; } .event-detail { color: #565554; font-size: 13px; line-height: 20px; padding-left: 85px; padding-top: 5px; } .v-jobtopright { float: right; } .v-jobtopright .v-btn { display: inline-block; font-size: 16px; line-height: 100%; text-align: center; vertical-align: middle; border-radius: 5px; min-width: 1%; padding: 10px 20px; } .v-events.large .v-medialist li { border-bottom: medium none; padding: 20px 0 0; width: 100%; position: relative; } #event-borderbox { padding: 20px; } .v-events.large .v-borderbox { display: table; padding: 20px; width: 100%; } .v-events.large .v-borderbox .v-media { float: left; height: 100%; width: 45%; margin-right: 15px; } .v-events.large .v-borderbox .media-title { margin-left: 170px; } .v-events.large .v-borderbox { padding-left: 170px; } /*====Messages*====*/ .v-sidewrap { display: inline-block; padding: 10px; width: 79%; } .menu { position: relative; top: 0px; left: 0px; right: 0px; width: 100%; height: 50px; background: #0b8be6; z-index: 100; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .back { position: absolute; width: 90px; height: 50px; top: 0px; left: 0px; color: #fff; line-height: 50px; font-size: 30px; padding-left: 10px; cursor: pointer; } .back img { position: absolute; top: 5px; left: 30px; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.98); border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; margin-left: 15px; } .back:active { background: rgba(255, 255, 255, 0.2); } .name { position: absolute; top: 3px; left: 110px; font-family: 'Lato'; font-size: 25px; font-weight: 300; color: rgba(255, 255, 255, 0.98); cursor: default; } .last { position: absolute; top: 30px; left: 110px; font-family: 'Lato'; font-size: 11px; font-weight: 400; color: rgba(255, 255, 255, 0.6); cursor: default; } .other .msg time:before, .other .msg time { color: #fff; } /* M E S S A G E S */ .chat { list-style: none; background: none; margin: 0; padding: 30px 20px; margin-bottom: 10px; background: #fff; } .chat li { padding: 20px 20px 0px 20px; overflow: hidden; display: block; } .chat .avatar { width: 40px; height: 40px; position: relative; display: block; z-index: 2; margin: 0px 0px 0px 0px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; } .chat .avatar img { width: 100%; height: 100%; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; background-color: rgba(255, 255, 255, 0.9); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .chat .day { position: relative; display: block; text-align: center; color: #c0c0c0; margin: 10px auto; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .chat .day span { display: inline-block; position: relative; z-index: 2; background: #fff; padding: 10px; } .day:after { border-bottom: 1px solid #c0c0c0; position: absolute; left: 0; right: 0; top: 50%; content: ""; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 1; } .other .msg { order: 1; margin-left: 50px; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.05); background: #0b8be6; } .self { justify-content: flex-end; align-items: flex-end; } .self .msg { order: 1; margin-right: 50px; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.05); } .self .avatar { order: 2; float: right; } .msg { background: white; min-width: 50px; padding: 10px; border-radius: 2px; background: #fbfbfb; } .msg p { font-size: 0.8rem; margin: 0; padding-bottom: 0; color: #777; } .other .msg p { color: #fff; } .msgchat { background: #fff; width: 65%; display: inline-block; margin-left: 10px; } .msg a { color: #f0703a; text-decoration: underline; float: right; margin-top: -20px; } .other .msg a { color: #fff; } .msg img { position: relative; display: block; width: 100%; border-radius: 5px; box-shadow: 0px 0px 3px #eee; transition: all .4s cubic-bezier(0.565, -0.260, 0.255, 1.410); cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .chat-users { display: block; position: relative; vertical-align: top; width: 100%; } /* .chat-users:after { position:absolute; content:""; height:50px; background:#fff; left:0px; right:0px; } */ .chat-users.chat li.active { background: #fff; } .chat-users.chat { margin: 0 -4px 0 0; padding: 0; } .chat-users.chat li { display: block; padding: 0 20px 0 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1) } .user-selection { display: block; padding: 20px 0; width: 100%; } .chat-users.chat li .msg { padding: 0 0 0 50px; background: none; } .chat-users.chat li .msg { display: block; max-width: 100%; overflow: hidden; padding-left: 10px; text-overflow: unset; white-space: normal; } .chat li.other .avatar { float: left; } .chat-users.chat li.active .msg p, .chat-users.chat li.active h2, .chat-users.chat li.active .msg time { color: #777; } .chat-users.chat li h2 { padding-left: 50px; font-weight: 600; font-size: 16px; } .chat-users.chat li .msg p { display: block; overflow: hidden; /* text-overflow: ellipsis; white-space: nowrap; */ width: 100%; } .chat-users.chat .avatar { float: left; } .box-gray>h2 { color: #393939; font-size: 24px; } @media screen and (max-width: 800px) { .msg img { width: 300px; } } @media screen and (max-width: 550px) { .msg img { width: 200px; } } .chat-users.chat time { font-size: 0.7rem; color: #777; margin-top: 3px; display: block; text-align: left; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; float: right; } .chat-users.chat time:before { content: "\f402"; color: #777; font-family: "Ionicons"; display: inline-block; margin-right: 4px; } .chat-users.chat li.active .msg time:before { color: #777; } .chat-users.chat li .msg time:before { color: #777; } @-webikt-keyframes pulse { from { opacity: 0; } to { opacity: 0.5; } } ::-webkit-scrollbar { min-width: 12px; width: 12px; max-width: 12px; min-height: 12px; height: 12px; max-height: 12px; background: #e5e5e5; box-shadow: inset 0px 50px 0px rgba(82, 179, 217, 0.9), inset 0px -52px 0px #fafafa; } ::-webkit-scrollbar-thumb { background: #bbb; border: none; border-radius: 100px; border: solid 3px #e5e5e5; box-shadow: inset 0px 0px 3px #999; } ::-webkit-scrollbar-thumb:hover { background: #b0b0b0; box-shadow: inset 0px 0px 3px #888; } ::-webkit-scrollbar-thumb:active { background: #aaa; box-shadow: inset 0px 0px 3px #7f7f7f; } ::-webkit-scrollbar-button { display: block; height: 26px; } .scrollbox.event-type, .scrollbox.languages, .scrollbox.artist-type { overflow: auto; width: 100% !important; height: 250px; padding: 0 5px; } .track { width: 10px; background-clip: padding-box; background: #fff; border-style: solid; border-color: transparent; border-width: 0; border-left-width: 1px; -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1); background: #f2f2f2; /* No RGBA support */ } .track.dragging, .track:hover { background: #f2f2f2; /* No RGBA support */ -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1); } .track:active { background: #f2f2f2; /* No RGBA support */ background: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14), inset -1px -1px 0 rgba(0, 0, 0, 0.07); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14), inset -1px -1px 0 rgba(0, 0, 0, 0.07); } .handle { width: 10px; background-clip: padding-box; background: #0b8be6; -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); } .handle:hover { background: #0b8be6; -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25); opacity: 0.5; } .dragging .handle, .handle:active { background: gray; /* No RGBA support */ background: rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35); } /* T Y P E */ input.textarea { bottom: 0px; left: 0px; right: 0px; width: 100%; height: 50px; z-index: 99; background: #fafafa; border: none; outline: none; padding-left: 0px; padding-right: 55px; color: #666; font-weight: 400; border-bottom: 2px solid #ccc; } input.textarea:focus { border-bottom: 2px solid #0b8be6; } .chat-message { position: relative; } .chat-message .v-btn { border: none; min-width: auto; cursor: pointer; text-transform: capitalize; position: absolute; right: 0; } /*signup*/ .form-wrap.form-fullwidth { background: #fff; border: 1px solid #ececed; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); overflow: hidden; display: table; margin: 50px auto; width: 100%; border-radius: 5px; } .form-side-left, .form-side-right { display: table-cell; vertical-align: top; position: relative; } .form-side-left { display: table-cell; padding: 45px; vertical-align: top; width: 70%; } .form-side-right { position: relative; width: 30%; } .form-side-right::before { background: rgba(0, 0, 0, 0.3); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .form-user .form input[type="submit"] { background: #0b8be6; } .form input[type="submit"]:hover { background: #2f2f30; } .form-title { color: #333; font-size: 18px; padding-bottom: 10px; } .form-title .v-btn { margin: 0 10px; } .form-title span { color: #0b8be6; } .form .field-set input[type="checkbox"] { float: left; margin-top: 3px; } .form .field-set label span { display: block; margin-left: 23px; color: #9c9a9a; } .form-user a.text-link { color: #0b8be6; } .form .field-set label span a { font-weight: 600; color: #9c9a9a; } .text-link { font-weight: 600; color: #f0703a; } .form .field-set label span a:hover, .text-link:hover { color: #2f2f30; } .social-connect { bottom: 45px; margin: 0 auto; position: absolute; text-align: center; width: 100%; z-index: 2; } .social-connect .v-btn { border-style: solid; border-width: 1px; color: #fff; min-width: 245px; padding: 8px 30px; margin-top: 10px; } .social-connect .v-btn span { font-weight: 600; } .fb-btn { background: #3b5699; border-color: #3b5699; } .g-btn { background: #da4a38; border-color: #da4a38; } .align-right { text-align: right; } .form-user .form-title span { color: #f0703a; } .page-heading--big { color: #3a3a3a; font-size: 30px; font-weight: 300; padding: 85px 0; position: relative; } .page-heading--big span { font-size: 38px; } .page-heading--big span b { font-weight: 700; } .signup-choice::before { color: #000; content: attr(data-name); font-size: 256px; font-weight: 700; left: 50%; opacity: 0.05; position: absolute; top: 0; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); z-index: 0; } .user-type { background: #fff none repeat scroll 0 0; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); display: table; margin-top: 30px; padding: 0 20px; width: 100%; } .user-content { display: inline-block; float: right; padding-top: 40px; vertical-align: middle; width: 60%; padding-left: 20px; } .user-typ--img { display: inline-block; margin-right: -4px; margin-top: -30px; vertical-align: middle; width: 40%; } .user-content>h3 { color: #000; font-size: 16px; font-weight: 700; line-height: 24px; padding-bottom: 20px; } .user-content>p { color: #000; font-size: 14px; padding-bottom: 20px; line-height: 20px; } .separator { padding: 25px 0; position: relative; text-align: center; } .separator>span { background: #fff; border: 1px solid #e8e8e8; border-radius: 30px; color: #999999; font-weight: 700; height: 30px; padding: 10px; width: 30px; } .separator::after { background: #999; content: ""; height: 1px; left: 0; opacity: 0.3; position: absolute; right: 0; top: 50%; z-index: 1; } .separator>span { background: #fff; border: 1px solid #e8e8e8; border-radius: 30px; color: #999999; font-weight: 700; height: 30px; padding: 10px; position: relative; width: 30px; z-index: 2; } .user-login .form-title { color: #3a3a3a; font-size: 38px; line-height: 40px; padding-bottom: 20px; text-transform: none; font-weight: 300; } .user-login .form-title span { color: #3a3a3a; font-weight: 700; } .user-login .form-side-left { width: 100%; } .user-login .form-side-right { width: 100%; background: #000; } .user-login .social-connect { bottom: auto; position: relative; } .option-login { display: table; text-align: center; width: 100%; } .form-note { padding-top: 30px; } .form-note .link-text { text-decoration: none; } .slider-login { width: 100%; } .user-login .form-side-right:before { display: none; } .slide-img { max-width: 100%; position: relative; } .slide-img:after { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+49&0+0,0.65+64 */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 49%, rgba(0, 0, 0, 0.8) 64%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 49%, rgba(0, 0, 0, 0.8) 64%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 49%, rgba(0, 0, 0, 0.8) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); /* IE6-9 */ position: absolute; bottom: 0; left: 0; right: 0; content: ""; height: 300px; } .box-shadow { box-shadow: 2px 0 24px rgba(0, 0, 0, 0.1); overflow: hidden; background: #fff; border-radius: 5px; } .slider-login .slick-dots { bottom: 30px; font-size: 0; left: 30px; position: absolute; } .slider-login .slick-dots li { float: left; padding-right: 10px; } .slider-login .slick-dots li.slick-active button { background: #f0703a; } .slider-login .slick-dots li button { background: #fff; font-size: 0px; border: none; padding: 1px 15px; cursor: pointer; } .user-login .form-side-right { display: block; } .slider-caption { padding: 30px; position: absolute; top: 90%; transform: translate(0px, -90%); -webkit-transform: translate(0px, -90%); z-index: 3; } .slider-caption>h2 { color: #fff; font-size: 24px; line-height: 100%; padding-bottom: 15px; font-weight: 600; } .slider-caption p { color: #fff; font-size: 14px; line-height: 100%; line-height: 22px; } .padd-45 { padding: 45px; } .v-title--full { width: 100%; padding-bottom: 30px; } .box-head { background: #f4f4f6; padding: 20px; } .box-head h2 { color: #2f2f30; font-weight: 700; line-height: 20px; padding-bottom: 5px; font-size: 20px; } .box-head>p { color: #a0a0a0; font-size: 14px; } h2.box-title { padding-bottom: 0px; } .edit-profile { margin-top: 20px; } .edit-list { display: flex; flex-wrap: nowrap; padding: 20px; } .edit-object-section { flex: 0 1 auto; } .edit-media { padding-right: 1rem; width: 60px; } .edit-list { border-top: 1px solid #ededed; position: relative; } .edit-object-section .v-btnsmall { color: #f0703a; position: absolute; right: 20px; top: 20px; } .v-btnsmall { padding: 6px 15px; font-size: 14px; min-width: 1%; } .edit-main-section>p { padding-right: 100px; padding-top: 5px; color: #a0a0a0; } .edit-main-section h2 { color: #3a3a3a; font-weight: 600; display: inline-block; font-size: 16px; } .v-managemenubar .panel__fixed .panel__fixed-inner.stick { width: 247px; transition: 0.1s linear 0.5s; -webkit-transition: 0.1s linear 0.5s; } .dashbozrd-forms { padding: 20px; } .note { color: #0b8be6; font-size: 12px; font-style: italic; padding-top: 5px; } a.icon-remove { background: #f0703a; color: #fff; font-size: 18px; padding: 5px 10px; position: absolute; right: 0; top: 0; } a.icon-remove:hover { background: #0b8be6; color: #fff; } code { background-color: #f7f9fa; border: 1px solid #c5cacc; padding: 0.125rem 0.3125rem 0.0625rem; } .form-instructions { padding: 20px; } .form-instructions>p { padding-top: 10px; line-height: 24px; } .caution { color: #0b8be6; font-style: italic; } .uploaded-video { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .uploaded-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .caution span { font-weight: 700; } .custom-chadio-container { display: flex; flex-flow: column nowrap; margin: 1rem 0 1rem; } .custom-chadio-container label { color: #a0a0a0; font-size: 14px; font-weight: 400; } .custom-chadio-container input[type="checkbox"], .custom-chadio-container input[type="radio"] { left: -9999px; position: absolute; } label>[type="checkbox"], label>[type="radio"] { margin-right: 0.75rem; } .custom-chadio-container input[type="radio"]+i { border-radius: 50%; } .custom-chadio-container i { background-color: #fff; border: 1px solid #3d464d; bottom: 1px; display: inline-flex; flex-shrink: 0; height: 18px; margin-right: 0.65em; position: relative; vertical-align: middle; width: 18px; } .custom-chadio-container input[type="radio"]:checked+i:before { background-color: #2690ff; border-radius: 50%; content: ""; left: 50%; padding: 0.325rem; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .custom-chadio-container>label { padding: 5px 0; } /*Accordion*/ .accordion-head { display: table; width: 100%; cursor: pointer; position: relative; } .accordion-head:before { border-bottom: 1px solid #666; border-left: 1px solid #666; content: ""; height: 6px; position: absolute; right: 15px; top: 15px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 6px; } .title-head { display: table; font-weight: 600; padding: 0 0 10px; width: 100%; } .accordioncontent { padding: 20px; border: 1px solid #ddd; border-top: none; } .pricing .custom-chadio-container>label { padding: 0px; } .pricing input[type="text"] { margin-top: 10px; } .accordion-head h2 { border: 1px solid #ddd; color: #3a3a3a; font-size: 14px; font-weight: 600; padding: 10px; } .form .accordion { margin-bottom: 10px; } .accordion-head.current:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .pricing { border-top: 1px solid #ddd; padding: 10px 0; } .pricing:first-child { border-top: none; } .rfqdetail { width: 100%; } .rfqdetail .v-jobdescription { display: block; margin: 0; width: 100%; padding-bottom: 0; } .rfqdetail .v-descriptiontop { padding: 20px; } .rfqdetail .v-listbox { padding-top: 15px; } .message-form { /* padding: 20px 20px 5px 20px; */ margin: 20px auto; } .box-gray { background: #f9f9fa; padding: 10px 20px; } .box-gray h3 { font-size: 18px; font-weight: 600; color: #393939; } .rfqdetail .box-heading { color: #393939; font-size: 24px; } .rfqdetail { margin-top: 30px; width: 100%; } .list { margin-left: -20px; margin-top: -20px; } .list>li { float: left; padding-left: 20px; padding-top: 20px; width: 25%; } .list-box { overflow: hidden; position: relative; height: 184px; } .list--photopreview .list-box { overflow: visible; height: auto; } .list--photopreview .action-list-box { position: absolute; bottom: 0; left: 0; right: 0; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.011642156862745057) 100%); padding: 15px 0 0 0; } .list--photopreview .list-box-action-trash { position: absolute; top: 5px; right: 5px; width: 25px; background: rgba(255, 255, 255, 0.8); height: 25px; text-align: center; border-radius: 50%; } .list--photopreview .list-box-action-trash i { font-size: 0.8rem; } .list--photopreview .action-list-box a { font-size: 0.8rem; } .list--photopreview .action-list-box a i { font-size: 1.5rem; margin-right: 5px; } .list--photopreview .action-list-box .list-box-action-setimg { color: #fff; padding: 10px; display: flex; padding-top: 0; align-items: center; } .list-container { display: table; width: 100%; } .list-action { background: rgba(255, 255, 255, 0.9); border-radius: 5px; display: inline-block; height: 30px; line-height: 30px; position: absolute; left: 10px; text-align: center; top: 10px; width: 30px; } .list-action i { font-size: 20px; } .list--videopreview .uploaded-video { padding-bottom: 76.25%; } .captchapic { display: inline-block; float: left; vertical-align: middle; } .reloadlink { display: inline-block; float: left; margin: 10px 0 0 10px; position: relative; vertical-align: middle; } .reloadlink img { width: 25px; } .field-wraper { display: table; width: 100%; } .table-user--info .v-commentinfo { display: block; padding-left: 60px; padding-top: 15px; } .table-user--info a { color: #747373; } .table-user--info a:hover { color: #0b8be6; } /*Invite Artist*/ .inviteArtist { display: table; padding: 20px; width: 100%; } .form-user .form-title span a { color: #0b8be6; } .form-user .form-title span a:hover { color: #f0703a; } .invited-artist .userpic { display: block; margin: 0 auto; position: relative; top: auto; } .invited-artist .v-userpanelleft { float: none; width: 100%; } .invited-artist .v-usershortinfo { display: block; padding-left: 0; text-align: center; } .invited-artist .v-rated { display: block; padding: 10px 0 10px 0; } .inviteArtist .dashbozrd-forms { padding: 20px 0; } .v-btn.v-cancelbtn { padding: 11px 30px; } .applied-by { display: table; padding-bottom: 10px; width: 100%; } .reviewsrating.small { display: inline-block; padding-right: 10px; padding-top: 5px; vertical-align: middle; } .v-value .v-btn { margin-bottom: 10px; white-space: nowrap; } .morecontent span { display: none; } .morelink { display: block; } .applied-by .v-avatar { float: left; height: 50px; width: 50px; } .applied-by .v-commentinfo { display: block; margin-left: 55px; } /*User ratings*/ .user-ratings .v-mediablock { padding: 0px; } .user-ratings .v-blocktitle { padding: 15px; border-bottom: 1px solid #e2e4e5; } .user-ratings .v-medialist { margin-top: 0px; } .user-ratings .v-reviews .v-medialist li { padding: 15px; } .gigname { color: #2f2f30; font-size: 13px; font-weight: 600; line-height: 100%; padding-bottom: 5px; padding-top: 10px; line-height: 20px; } .user-ratings .reviewsrating { float: right; } /*Follow Pages*/ .v-follow .v-block { padding: 15px; } .v-block>p { color: #a0a0a0; font-size: 13px; padding-bottom: 0; } .v-block>p:not(:last-child) { padding-bottom: 10px; } .v-follow--people .list { margin-left: 0px; margin-top: 0px; } .v-follow--people .list>li { float: none; padding: 0px; border-top: 1px solid #eaeaea; width: 100%; } .v-follow--list { padding: 15px; } .v-follow--list .v-commentinfo { display: block; padding-left: 60px; } .v-follow--list .v-avatar { float: left; } .v-follow--list .v-btn { min-width: 1%; } .v-follow--list .v-btn { font-size: 13px; line-height: 20px; min-width: 1%; padding: 6px 15px; } .table-user--info .v-avatar { float: left; } .box-inner { padding: 15px; } .widgets-heading { color: #8d8d8d; font-size: 14px; font-weight: 600; margin: 0 0 10px 0; } .search-custom { position: relative; } .search-custom .form input[type="text"] { padding-right: 40px; } .search-custom .form input[type="submit"] { background: rgba(0, 0, 0, 0) url("images/magni.png"); background-repeat: no-repeat; background-position: right center; border: medium none; cursor: pointer; height: 30px; left: auto; right: 10px; position: absolute; top: 5px; width: 38px; padding: 0; } .listing--vertical li { display: block; margin: 10px 0; } .box-heading .link-text { float: right; color: #0b8be6; } .widgets-heading .link-text { float: right; color: #0b8be6; } .range-slider { padding-top: 20px; display: block; } .artist-type--choice { display: inline-block; margin-left: 10px; } .artist-type--img { background: #0b8be6; border-radius: 50%; display: inline-block; height: 40px; line-height: 50px; padding: 10px; vertical-align: middle; width: 40px; } .artist-type ul li a { color: #a0a0a0; } .artist-type ul li.active a, .artist-type ul li:hover a { color: #f0703a; } .artist-type ul li.active .artist-type--img, .artist-type ul li:hover .artist-type--img { background: #f0703a; } .right_panel_head { border-bottom: 1px solid #eaeaea; margin-bottom: 20px; padding: 20px; position: relative; } .right_panel_head .v-title { padding-bottom: 0; } .right_panel_head_right { float: right; text-align: right; } .sort-by li { display: inline-block; } .sort-by li select { padding: 5px 10px; } .sort-by li.sort { padding-right: 10px; } .sort-by li select { border: 1px solid #eaeaea; min-width: 200px; padding: 0px 10px; line-height: normal; } #page-view .v-bio { margin-top: 0px; } #page-view .v-bio li:first-child { padding-top: 0px; border-top: 0px; } .posted-jobs .v-medialist>li { padding-left: 10px; width: 100%; } .posted-jobs .v-medialist li:first-child { padding-top: 0; } .posted-jobs .v-medialist li { border-bottom: 1px solid #e2e4e5; padding: 10px 0 10px 10px; width: 100%; } /*Dashboard*/ .dashboard--panel { padding-top: 30px; } .panel-stat { background: #fff; color: #2f2f30; margin-bottom: 20px; overflow: hidden; padding: 25px 20px; position: relative; border-radius: 5px; background: #fff; box-shadow: 4px 0 48px rgba(0, 0, 0, .08); -webkit-box-shadow: 4px 0 48px rgba(0, 0, 0, .08); /* border-color: #eceded #eceded rgba(0, 0, 0, 0.17); */ /* border-width:1px; */ /* border-style:solid; */ } .panel-stat .stat-icon { font-size: 30px; position: absolute; right: 20px; top: 0px; z-index: 1; } .stat-icon i { font-size: 100px; color: #ececed; } .panel-stat h2 { font-size: 16px; font-weight: 600; line-height: 1.3; padding-bottom: 10px; color: #000; position: relative; z-index: 2; } .panel-stat h5 { font-size: 14px; font-weight: 400; line-height: 1; color: #9e9898; padding-bottom: 20px; position: relative; z-index: 2; } /*.dashboard--panel-items { text-align: center; }*/ .dashboard--panel-items .panel-stat h5 { font-size: 40px; } .panel-stat.box-green { background: #8bc34a; border-color: #8bc34a; box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .panel-stat.box-blue { background: #00bcd4; border-color: #00bcd4; box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .panel-stat.box-black { background: #212121; box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .panel-stat.box-orange { background: #ffa726; border-color: #ffa726; box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .dashboard--panel-items .panel-stat { border-width: 1px; border-style: solid; } .dashboard--panel-items .panel-stat h2, .dashboard--panel-items .panel-stat h5 { color: #fff; } .dashboard--panel-items .v-btn.small { color: #fff; border-color: #fff; } .dashboard--panel-items .v-btn.small:hover { border-color: #2f2f30; } .dashboard--panel-items .stat-icon i { color: #fff; } .dashboard--panel-tabs .resp-tab-content { display: none; padding: 15px 0 0; } .search-result .v-listings { padding: 0 20px 20px 20px; } #requirements-list .v-listitem .v-borderbox { display: table; /* padding-top: 10px; */ width: 100%; } .v-listings .v-listitem:first-child { padding-top: 0; } .no-touch .move-top:hover { background-color: #f0703a; opacity: 1; } @media only screen and (min-width: 768px) { .toggle--drop { position: absolute; right: 5px; top: 5px; } div#eventPolls ul { display: contents; } #eventPolls ul li { display: inline-block; vertical-align: middle; border: none; margin-right: 10px; padding: 0; width: auto; } } @media only screen and (max-width: 767px) { .toggle--drop { position: absolute; right: 5px; top: -5px; } #eventPolls ul li { vertical-align: middle; border: none; margin-right: 10px; padding: 0; padding-bottom: 5px; width: auto; } } .toggle--drop i { color: #000000; font-size: 40px; } .toggle--drop-list { background: #fff none repeat scroll 0 0; border-radius: 3px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); display: none; padding: 5px 10px; position: absolute; right: 0; width: 100px; } .toggle--drop-list:before { border-bottom: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; position: absolute; right: 5px; top: -7px; z-index: 2; } .review-submit { padding-bottom: 20px; } .review-submit h3 { font-size: 20px; padding-bottom: 25px; color: #222; } .review-submit h4 { font-weight: 600; } .review-submit h4 a { color: #0b8be6; } .toggle--drop-list:after { border-bottom: 7px solid rgba(0, 0, 0, 0.4); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; position: absolute; right: 5px; top: -7px; z-index: 1; } .v-events.large .v-medialist li .toggle--drop-list ul li { padding: 5px; } .v-events.large .v-medialist li .toggle--drop-list ul li:first-child { padding-bottom: 0px; border-top: none; } .toggle--drop-list li a { color: #333; font-size: 13px; line-height: 1; } .toggle--drop-list li a:hover { color: #0b8be6; } /*CMS Pages*/ .cms-head { position: relative; } .cms-head { background: #0b8be6; } .header-content { padding: 20px 0; } .header-content h2 { color: #fff; font-size: 18px; line-height: 1.5; } .header-content h1 { color: #fff; font-size: 32px; font-weight: 700; line-height: 1.5; } .contact--form h3 { color: #000; font-size: 24px; padding-bottom: 30px; } .form--contact { padding: 30px; } .cmsContainer p { font-size: 15px; font-weight: 400; line-height: 1.5; padding: 0 0 15px; } .cmsContainer h3 { color: #3e3e3e; font-size: 20px; font-weight: 700; padding: 0 0 15px; } .cmsContainer ul { margin: 0 0 15px; padding: 0; width: 100%; } .cmsContainer ol { display: inline-block; margin: 0 0 15px; padding: 0; width: 100%; } .cmsContainer ol li { font-size: 18px; font-weight: 400; list-style: inside none decimal; margin: 0; padding: 0 0 7px 15px; position: relative; } .cmsContainer ul li:before { background: #0b8be6; border-radius: 30px; content: ""; height: 6px; left: 0; position: absolute; top: 8px; width: 6px; } .cmsContainer ul li { font-size: 15px; list-style: outside none none; padding: 0 0 7px 15px; position: relative; } /*category-listing*/ .artist--category-box { display: table-cell; vertical-align: top; } .artist--category { display: table; width: 100%; } .artist--category-desc { background: #fff; padding: 5% 7%; vertical-align: middle; width: 40%; } .artist--category-grid li { float: left; width: 33.3%; } .artist--category-type { overflow: hidden; width: 100%; position: relative; } .artist--category-media { overflow: hidden; background: #000; } .artist--category-media img { height: auto; width: 100%; transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s; } .artist--category-type:hover img { transform: scale(1.5) rotateZ(-5deg); -moz-transform: scale(1.5) rotateZ(-5deg); -webkit-transform: scale(1.5) rotateZ(-5deg); -o-transform: scale(1.5) rotateZ(-5deg); filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ opacity: 0.5; } .artist--category-content { position: absolute; } .artist--category-content:before { background: rgba(0, 0, 0, 0.8); bottom: 0px; left: 0px; opacity: 0.6; position: absolute; right: 0px; top: 0px; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; } .artist--category-type .artist--category-content:before { left: 10px; top: 10px; right: 10px; bottom: 10px; } .artist--category-type .artist--category-content:after { border: 1px solid transparent; content: ""; right: -10px; bottom: -10px; left: -10px; position: absolute; top: -10px; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; z-index: 1; } .artist--category-type:hover .artist--category-content:after { border-color: rgba(255, 255, 255, 0.5); right: 0px; bottom: 0px; left: 0px; top: 0px; } .artist--category-content h3 { color: #fff; font-size: 22px; opacity: 1; text-align: center; } .artist--category-content { background: rgba(0, 0, 0, 0.5); bottom: 10px; opacity: 0; transition: .5s ease; left: 10px; position: absolute; right: 10px; top: 10px; z-index: 2; } .artist--category-content h3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .artist--category-type:hover .artist--category-content { opacity: 1; } .category-listing .artist--category-grid li { width: 25%; } .review-submit { padding-bottom: 20px; } .review-submit h3 { font-size: 20px; padding-bottom: 25px; color: #222; } .review-submit h4 { font-weight: 600; } .review-submit h4 a { color: #0b8be6; } .rtng-str { display: inline-block; padding-right: 10px; vertical-align: middle; cursor: pointer; } .rating_strip { background: url(/images/rating_strip.png); height: 19px; left: 0; position: absolute; top: 0; width: 103px; } .rating_box { display: inline-block; height: 19px; position: relative; width: 103px; } .rating_box .layergrey { background-color: #eaeaea; height: 19px; left: 0; position: absolute; top: 0; width: 103px; } .rating_box .layeryellow { background-color: #f7a500; height: 19px; left: 0; position: absolute; top: 0; } .artist_fee_content .caption { display: block; font-weight: 600; } .artist_fees_detail { margin-left: -15px; padding: 0 25px; } .artist_fee_detail { float: left; padding-left: 15px; width: 33.3%; } .artist_fee_content { background: #f1f1f1; border-radius: 3px; padding: 15px; } .caption_artist_fee { display: block; font-size: 14px; font-weight: 600; padding: 15px 25px; } /*search results*/ .sort-results ul li { display: inline-block; } .sort-results ul li a { background: #0099dc; color: #fff; display: block; padding: 5px 15px; font-weight: 600; border: 1px solid #0099dc; } .sort-resultstoggle { display: none; } .searched--results .listing--users { padding: 0px; } .results--container { border: 1px solid #eaeaea; padding: 20px; background: #fff; } .sort-results ul li.active a { background: #fff; border: 1px solid #eaeaea; color: #0099dc; border-bottom: none; } li.no-record { width: 100%; } .load--more { background: #fff; border-radius: 3px; color: #000; cursor: pointer; display: table; font-size: 18px; font-weight: 600; padding: 15px; text-align: center; width: 100%; } .v-postimg>img { width: 100%; } .back_to_posts { color: #000; display: block; font-weight: 600; padding-bottom: 10px; } .back_to_posts i { padding-right: 5px; } .imageupload { display: table; width: 100%; } .main_photo_event { display: block; margin-top: 10px; } .list-action i { color: #0b8be6; } #gigs_list.posted-jobs .v-medialist li { padding: 10px 0 10px 0px; } #gigs_list.posted-jobs .v-medialist { margin-left: 0px; } #gigs_list.v-mediablock { border-bottom: none; } /*Subscription Plans*/ .subscription-plans { padding: 20px; margin-top: 20px; } .suscription--package { margin-top: -20px; margin-left: -20px; } .suscription--package li { width: 50%; padding: 20px 0 0 20px; float: left; } .subcribe--plan h3 { font-size: 20px; color: #000; padding: 10px; line-height: 1; border: 1px solid #ebebeb; border-radius: 3px 3px 0 0; padding-right: 66px; } .subcribe--plan { position: relative; } .validity { position: absolute; right: 10px; text-align: 0; padding: 20px 10px; background: #f0703a; top: 0; color: #fff; font-weight: 600; font-size: 15px; text-align: center; font-size: 30px; line-height: 1; } .validity span { display: block; font-size: 16px; } .package--feature p { padding-right: 66px; } .package--feature { padding: 20px 10px; border: 1px solid #ebebeb; border-top: none; } .opt--package { padding: 20px 10px; border: 1px solid #ebebeb; border-top: none; border-radius: 0 0 3px 3px; } .package--feature { color: #666; font-size: 14px; } .package--feature span { width: 40px; height: 40px; display: inline-block; text-align: center; background: #f0703a; line-height: 40px; border-radius: 50%; font-weight: 600; color: #fff; } .validity::after { position: absolute; right: 0; left: 0; text-align: 100%; border-left: 28px solid transparent; border-right: 28px solid transparent; border-top: 20px solid #f0703a; content: ""; top: 100%; } .blue .validity, .blue .package--feature span { background: #0b8be6; } .blue .validity::after { border-top: 20px solid #0b8be6; } .subcribe--plan .radio { vertical-align: middle; color: #000; font-size: 30px; font-weight: 600; } .subcribe--plan .input-helper, .subcribe--plan .radio input[type="radio"] { top: 13px; position: absolute; left: 0; } .cart-box { background: #fff; } .cart-tbl { background: #fff; width: 100%; border: solid 1px #eee; border-collapse: collapse; } .cart-tbl { border: solid 1px #eee; } .cart-tbl th { text-align: left; border: solid 1px #eee; font-size: 14px; text-transform: uppercase; padding: 25px 20px; color: #000; font-weight: 700; } .cart-tbl td { padding: 10px 20px; vertical-align: top; border: solid 1px #eee; } a.actions { width: 30px; height: 30px; /* border-radius: 100%; */ background: #0b8be6; display: inline-block; margin: 2px auto; text-align: center; padding-top: 5px; vertical-align: top; } .total-bottom { border: solid 1px #eee; border-top: none; padding: 15px 20px; } .total-side { text-align: right; float: right; } .cart-box .total-side .heading { padding: 20px 0; border-bottom: 1px solid #ddd; margin: 0; font-size: 16px; font-weight: normal; text-align: right; } .steps-links ul { display: table; width: 100%; } .gap { height: 20px; clear: both; } .btn-row { display: inline-block; margin-bottom: 10px; } a.actions:hover { background: #000; } .btn-row a:last-child { margin-right: 0; } .btn-row a:first-child { margin-left: 0; } .btn-row a { margin: 0 5px; } .cart-tbl .product-name { color: #000; font-size: 16px; } .cart-tbl .product-name a { color: #0b8be6; } .subscription-table { margin-top: 20px; } .cart-tbl .sub-total { color: #000; font-size: 17px; font-weight: 600; } .cart-tbl .price { color: #f0703a; font-size: 17px; font-weight: 600; } .steps-links ul li { display: table-cell; width: 20%; vertical-align: top; text-align: center; border-left: solid 1px #eee; background: #fff; } .steps-links { margin-top: 20px; } .steps-links ul li.active { border: none; background-color: #444444; } .steps-links ul li.active a { border-color: #fff; color: #fff; } .steps-links ul li a { padding: 15px 0; display: block; } .steps-links ul li span.tick { display: none; background: url(images/retina/tick-red.svg) no-repeat 3px 4px; vertical-align: bottom; width: 18px; height: 18px; background-size: 60% auto; border: solid 2px #ff3a59; border-radius: 100%; } .steps-links ul li a span.s-no { margin-right: 4px; color: #0b8be6; text-align: center; line-height: 1.3; vertical-align: top; font-size: 11px; border: solid 2px #0b8be6; border-radius: 100%; width: 18px; height: 18px; display: inline-block; text-transform: uppercase; } .steps-links ul li.active span.s-no, .steps-links ul li.active span.s-name, .steps-links ul li.active span.side-txt { color: #fff; border-color: #fff; } .steps-links ul li a span.s-name { vertical-align: top; color: #0b8be6; font-size: 14px; text-transform: uppercase; } .cart-footer.box-shadow { margin-top: 20px; } .total-money { background: #fff; padding: 20px; width: 100%; display: inline-block; } .amount-desc { width: 500px; float: right; margin: 0 0 20px 0; } .amount-desc li { padding: 15px 0; border-bottom: 1px solid #ddd; font-size: 1.2em; } .amount-desc li.total { color: #0b8be6; } .amount-desc li .figure { float: right; } .cart-footer .continue { clear: right; float: right; text-align: right; } .payment-table { padding: 20px; margin-top: 20px; } .summary-card { background: #f7f8f9; border: 1px solid #ededed; padding: 15px; color: #727272; font-size: 14px; margin-top: 20px; float: none; width: 100%; display: inline-block; } .sc-left { float: left; } .price-red { float: right; background: #0b8be6; padding: 8px 15px; margin-left: 30px; font-size: 15px; color: #fff; } .summary-card { color: #727272; font-size: 14px; } .relative_div { position: relative; } .heading-bar .h4 { display: inline-block; } /* .checkout-page-data { padding: 20px 0 0 0; } */ #paymenttab { margin-top: 20px; margin-bottom: 20px; display: table; width: 100%; } #paymenttab .resp-tabs-list li { color: #777777; display: block; font-size: 14px; font-weight: 400; position: relative; border: 1px solid #e8e9ea; margin: 5px 0; width: 100%; float: none; } #paymenttab ul.resp-tabs-list { /* height: 400px; */ overflow-y: auto; } #paymenttab .resp-tabs-list li a { display: block; color: #545353; white-space: nowrap; } #paymenttab .resp-tabs-list li.resp-tab-active a { color: #0b8be6; } #paymenttab .resp-tabs-list li i { margin-right: 10px; /* display: inline-block; */ display: none; } #tabs-container { padding: 0px; display: table-cell; vertical-align: top; padding-left: 50px; width: 65%; background-color: #fff; } #paymenttab .resp-tabs-container.subscriber-cart .resp-tab-content { background-color: #fff; border: 1px solid #e8e9ea; padding: 20px; display: block; } .payment_tabs { display: table-cell; padding-right: 80px; width: 700px; } #paymenttab .resp-tabs-list li.resp-tab-active { color: #0b8be6; font-weight: 600; border: solid 2px #0b8be6 !important; border-bottom: solid 2px #ff3a59; } #paymenttab .form table tr td { padding: 0px; } .plan--features li { font-size: 14px; font-weight: 600; color: #000; float: left; width: auto; padding-left: 20px; padding-bottom: 10px; padding-right: 30px; } .plan--features li:before { position: absolute; margin-left: -1.3em; font-weight: bold; margin-top: -5px; } .plan--features li:before { content: "\2713"; color: #0b8be6; font-size: 20px; } .plan--features li.cross:before { content: "\2717"; color: crimson; } .suscription--package { display: table; width: 100%; } .opt--package button { border: none; cursor: pointer; float: right; } /*Messages*/ .wrap--normal { max-width: 700px; margin: 50px auto; } .-align-center { text-align: center !important; } .form-cover { padding: 30px 30px 10px; width: 100%; } .block--empty { padding: 30px; } .icon--loader { margin: 0 auto 20px; display: block; } .block--empty { padding: 30px; } .block--empty .block__img { display: block; margin: 0 auto 30px; } .block--empty h1 { padding: 0 0 20px 0; font-size: 4em; } .block--empty h2 { padding: 0 0 10px 0; font-size: 2.2em; } .block--empty h6 { font-weight: 300; padding-bottom: 20px; } .block--empty h6 small { font-size: 100%; } .block--empty .error__img { width: 449px; display: block; margin: 20px auto 0; } .form-cover--even { background: #fff; padding: 30px; border-top: 1px solid #eaeaea; } .v-tacgs span, .v-tacgs h2 { display: inline-block; } #eventPolls { margin-top: 5px; } #eventPolls label, .eventPolls label { position: relative; z-index: 1; display: inline-block; vertical-align: middle; padding: 5px 10px; border: 1px solid rgba(7, 158, 204, 0.3); border-radius: 3px; max-width: 400px; } #eventPolls label i, .eventPolls label i { display: inline-block; vertical-align: middle; padding: 0 8px 0 0; line-height: 1; } input.tag-label { border: none; padding: 7px 15px; } #eventPolls label:after, .eventPolls label:after { position: absolute; top: 0; bottom: 0; left: 0; z-index: -1; display: block; background-color: rgba(7, 158, 204, 0.15); min-width: inherit; content: ""; } /* #eventPolls label span, .eventPolls label span{position: relative;} */ .toggled-sidebar { overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; } @media (min-width: 1200px) { .container { max-width: 1300px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .span-row { margin-left: -10px; margin-right: -10px; } .span--center { float: none !important; margin-left: auto !important; margin-right: auto !important; } .span-xs-1, .span-sm-1, .span-md-1, .span-lg-1, .span-xs-2, .span-sm-2, .span-md-2, .span-lg-2, .span-xs-3, .span-sm-3, .span-md-3, .span-lg-3, .span-xs-4, .span-sm-4, .span-md-4, .span-lg-4, .span-xs-5, .span-sm-5, .span-md-5, .span-lg-5, .span-xs-6, .span-sm-6, .span-md-6, .span-lg-6, .span-xs-7, .span-sm-7, .span-md-7, .span-lg-7, .span-xs-8, .span-sm-8, .span-md-8, .span-lg-8, .span-xs-9, .span-sm-9, .span-md-9, .span-lg-9, .span-xs-10, .span-sm-10, .span-md-10, .span-lg-10, .span-xs-11, .span-sm-11, .span-md-11, .span-lg-11, .span-xs-12, .span-sm-12, .span-md-12, .span-lg-12 { min-height: 1px; padding-left: 10px; padding-right: 10px; } .span-xs-1, .span-xs-2, .span-xs-3, .span-xs-4, .span-xs-5, .span-xs-6, .span-xs-7, .span-xs-8, .span-xs-9, .span-xs-10, .span-xs-11, .span-xs-12 { float: left; } .span-xs-12 { width: 100%; } .span-xs-11 { width: 91.66666667%; } .span-xs-10 { width: 83.33333333%; } .span-xs-9 { width: 75%; } .span-xs-8 { width: 66.66666667%; } .span-xs-7 { width: 58.33333333%; } .span-xs-6 { width: 50%; } .span-xs-5 { width: 41.66666667%; } .span-xs-4 { width: 33.33333333%; } .span-xs-3 { width: 25%; } .span-xs-2 { width: 16.66666667%; } .span-xs-1 { width: 8.33333333%; } .span-xs-pull-12 { right: 100%; } .span-xs-pull-11 { right: 91.66666667%; } .span-xs-pull-10 { right: 83.33333333%; } .span-xs-pull-9 { right: 75%; } .span-xs-pull-8 { right: 66.66666667%; } .span-xs-pull-7 { right: 58.33333333%; } .span-xs-pull-6 { right: 50%; } .span-xs-pull-5 { right: 41.66666667%; } .span-xs-pull-4 { right: 33.33333333%; } .span-xs-pull-3 { right: 25%; } .span-xs-pull-2 { right: 16.66666667%; } .span-xs-pull-1 { right: 8.33333333%; } .span-xs-pull-0 { right: auto; } .span-xs-push-12 { left: 100%; } .span-xs-push-11 { left: 91.66666667%; } .span-xs-push-10 { left: 83.33333333%; } .span-xs-push-9 { left: 75%; } .span-xs-push-8 { left: 66.66666667%; } .span-xs-push-7 { left: 58.33333333%; } .span-xs-push-6 { left: 50%; } .span-xs-push-5 { left: 41.66666667%; } .span-xs-push-4 { left: 33.33333333%; } .span-xs-push-3 { left: 25%; } .span-xs-push-2 { left: 16.66666667%; } .span-xs-push-1 { left: 8.33333333%; } .span-xs-push-0 { left: auto; } .span-xs-offset-12 { margin-left: 100%; } .span-xs-offset-11 { margin-left: 91.66666667%; } .span-xs-offset-10 { margin-left: 83.33333333%; } .span-xs-offset-9 { margin-left: 75%; } .span-xs-offset-8 { margin-left: 66.66666667%; } .span-xs-offset-7 { margin-left: 58.33333333%; } .span-xs-offset-6 { margin-left: 50%; } .span-xs-offset-5 { margin-left: 41.66666667%; } .span-xs-offset-4 { margin-left: 33.33333333%; } .span-xs-offset-3 { margin-left: 25%; } .span-xs-offset-2 { margin-left: 16.66666667%; } .span-xs-offset-1 { margin-left: 8.33333333%; } .span-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .span-sm-1, .span-sm-2, .span-sm-3, .span-sm-4, .span-sm-5, .span-sm-6, .span-sm-7, .span-sm-8, .span-sm-9, .span-sm-10, .span-sm-11, .span-sm-12 { float: left; } .span-sm-12 { width: 100%; } .span-sm-11 { width: 91.66666667%; } .span-sm-10 { width: 83.33333333%; } .span-sm-9 { width: 75%; } .span-sm-8 { width: 66.66666667%; } .span-sm-7 { width: 58.33333333%; } .span-sm-6 { width: 50%; } .span-sm-5 { width: 41.66666667%; } .span-sm-4 { width: 33.33333333%; } .span-sm-3 { width: 25%; } .span-sm-2 { width: 16.66666667%; } .span-sm-1 { width: 8.33333333%; } .span-sm-pull-12 { right: 100%; } .span-sm-pull-11 { right: 91.66666667%; } .span-sm-pull-10 { right: 83.33333333%; } .span-sm-pull-9 { right: 75%; } .span-sm-pull-8 { right: 66.66666667%; } .span-sm-pull-7 { right: 58.33333333%; } .span-sm-pull-6 { right: 50%; } .span-sm-pull-5 { right: 41.66666667%; } .span-sm-pull-4 { right: 33.33333333%; } .span-sm-pull-3 { right: 25%; } .span-sm-pull-2 { right: 16.66666667%; } .span-sm-pull-1 { right: 8.33333333%; } .span-sm-pull-0 { right: auto; } .span-sm-push-12 { left: 100%; } .span-sm-push-11 { left: 91.66666667%; } .span-sm-push-10 { left: 83.33333333%; } .span-sm-push-9 { left: 75%; } .span-sm-push-8 { left: 66.66666667%; } .span-sm-push-7 { left: 58.33333333%; } .span-sm-push-6 { left: 50%; } .span-sm-push-5 { left: 41.66666667%; } .span-sm-push-4 { left: 33.33333333%; } .span-sm-push-3 { left: 25%; } .span-sm-push-2 { left: 16.66666667%; } .span-sm-push-1 { left: 8.33333333%; } .span-sm-push-0 { left: auto; } .span-sm-offset-12 { margin-left: 100%; } .span-sm-offset-11 { margin-left: 91.66666667%; } .span-sm-offset-10 { margin-left: 83.33333333%; } .span-sm-offset-9 { margin-left: 75%; } .span-sm-offset-8 { margin-left: 66.66666667%; } .span-sm-offset-7 { margin-left: 58.33333333%; } .span-sm-offset-6 { margin-left: 50%; } .span-sm-offset-5 { margin-left: 41.66666667%; } .span-sm-offset-4 { margin-left: 33.33333333%; } .span-sm-offset-3 { margin-left: 25%; } .span-sm-offset-2 { margin-left: 16.66666667%; } .span-sm-offset-1 { margin-left: 8.33333333%; } .span-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .span-md-1, .span-md-2, .span-md-3, .span-md-4, .span-md-5, .span-md-6, .span-md-7, .span-md-8, .span-md-9, .span-md-10, .span-md-11, .span-md-12 { float: left; } .span-md-12 { width: 100%; } .span-md-11 { width: 91.66666667%; } .span-md-10 { width: 83.33333333%; } .span-md-9 { width: 75%; } .span-md-8 { width: 66.66666667%; } .span-md-7 { width: 58.33333333%; } .span-md-6 { width: 50%; } .span-md-5 { width: 41.66666667%; } .span-md-4 { width: 33.33333333%; } .span-md-3 { width: 25%; } .span-md-2 { width: 16.66666667%; } .span-md-1 { width: 8.33333333%; } .span-md-pull-12 { right: 100%; } .span-md-pull-11 { right: 91.66666667%; } .span-md-pull-10 { right: 83.33333333%; } .span-md-pull-9 { right: 75%; } .span-md-pull-8 { right: 66.66666667%; } .span-md-pull-7 { right: 58.33333333%; } .span-md-pull-6 { right: 50%; } .span-md-pull-5 { right: 41.66666667%; } .span-md-pull-4 { right: 33.33333333%; } .span-md-pull-3 { right: 25%; } .span-md-pull-2 { right: 16.66666667%; } .span-md-pull-1 { right: 8.33333333%; } .span-md-pull-0 { right: auto; } .span-md-push-12 { left: 100%; } .span-md-push-11 { left: 91.66666667%; } .span-md-push-10 { left: 83.33333333%; } .span-md-push-9 { left: 75%; } .span-md-push-8 { left: 66.66666667%; } .span-md-push-7 { left: 58.33333333%; } .span-md-push-6 { left: 50%; } .span-md-push-5 { left: 41.66666667%; } .span-md-push-4 { left: 33.33333333%; } .span-md-push-3 { left: 25%; } .span-md-push-2 { left: 16.66666667%; } .span-md-push-1 { left: 8.33333333%; } .span-md-push-0 { left: auto; } .span-md-offset-12 { margin-left: 100%; } .span-md-offset-11 { margin-left: 91.66666667%; } .span-md-offset-10 { margin-left: 83.33333333%; } .span-md-offset-9 { margin-left: 75%; } .span-md-offset-8 { margin-left: 66.66666667%; } .span-md-offset-7 { margin-left: 58.33333333%; } .span-md-offset-6 { margin-left: 50%; } .span-md-offset-5 { margin-left: 41.66666667%; } .span-md-offset-4 { margin-left: 33.33333333%; } .span-md-offset-3 { margin-left: 25%; } .span-md-offset-2 { margin-left: 16.66666667%; } .span-md-offset-1 { margin-left: 8.33333333%; } .span-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .span-lg-1, .span-lg-2, .span-lg-3, .span-lg-4, .span-lg-5, .span-lg-6, .span-lg-7, .span-lg-8, .span-lg-9, .span-lg-10, .span-lg-11, .span-lg-12 { float: left; } .span-lg-12 { width: 100%; } .span-lg-11 { width: 91.66666667%; } .span-lg-10 { width: 83.33333333%; } .span-lg-9 { width: 75%; } .span-lg-8 { width: 66.66666667%; } .span-lg-7 { width: 58.33333333%; } .span-lg-6 { width: 50%; } .span-lg-5 { width: 41.66666667%; } .span-lg-4 { width: 33.33333333%; } .span-lg-3 { width: 25%; } .span-lg-2 { width: 16.66666667%; } .span-lg-1 { width: 8.33333333%; } .span-lg-pull-12 { right: 100%; } .span-lg-pull-11 { right: 91.66666667%; } .span-lg-pull-10 { right: 83.33333333%; } .span-lg-pull-9 { right: 75%; } .span-lg-pull-8 { right: 66.66666667%; } .span-lg-pull-7 { right: 58.33333333%; } .span-lg-pull-6 { right: 50%; } .span-lg-pull-5 { right: 41.66666667%; } .span-lg-pull-4 { right: 33.33333333%; } .span-lg-pull-3 { right: 25%; } .span-lg-pull-2 { right: 16.66666667%; } .span-lg-pull-1 { right: 8.33333333%; } .span-lg-pull-0 { right: auto; } .span-lg-push-12 { left: 100%; } .span-lg-push-11 { left: 91.66666667%; } .span-lg-push-10 { left: 83.33333333%; } .span-lg-push-9 { left: 75%; } .span-lg-push-8 { left: 66.66666667%; } .span-lg-push-7 { left: 58.33333333%; } .span-lg-push-6 { left: 50%; } .span-lg-push-5 { left: 41.66666667%; } .span-lg-push-4 { left: 33.33333333%; } .span-lg-push-3 { left: 25%; } .span-lg-push-2 { left: 16.66666667%; } .span-lg-push-1 { left: 8.33333333%; } .span-lg-push-0 { left: auto; } .span-lg-offset-12 { margin-left: 100%; } .span-lg-offset-11 { margin-left: 91.66666667%; } .span-lg-offset-10 { margin-left: 83.33333333%; } .span-lg-offset-9 { margin-left: 75%; } .span-lg-offset-8 { margin-left: 66.66666667%; } .span-lg-offset-7 { margin-left: 58.33333333%; } .span-lg-offset-6 { margin-left: 50%; } .span-lg-offset-5 { margin-left: 41.66666667%; } .span-lg-offset-4 { margin-left: 33.33333333%; } .span-lg-offset-3 { margin-left: 25%; } .span-lg-offset-2 { margin-left: 16.66666667%; } .span-lg-offset-1 { margin-left: 8.33333333%; } .span-lg-offset-0 { margin-left: 0%; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .span-row:before, .span-row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .span-row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; spanor: transparent; text-shadow: none; background-spanor: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @media only screen and (min-width : 1024px) and (max-width : 1440px) { .body { min-height: 100%; } .Entryfrm__Form { margin: 0 auto; } .mainForm { padding: 20px; } .mainForm .form--heading { margin-bottom: 5px; } .selection-background { padding: 25px 0; } .selection-wrap .sub--detail { width: 55%; } .selection-wrap .main__grid { margin: 30px 0 0 auto; } .slide-img { position: relative; min-height: 593px; } .slide-img:after { bottom: 0; content: ""; height: 200px; left: 0; position: absolute; right: 0; } .move-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } .whoops .left-grid { text-align: center; } } @media only screen and (min-width : 768px) and (max-width : 1200px) { .body { min-height: 100%; } body { padding-top: 56px; } .move-top { right: 20px; bottom: 20px; display: none; } #footer .socials_Link li i { font-size: 16px; height: 26px; line-height: 27px; width: 28px; } .Entryfrm__Form.Frmodd { width: 85% } .user-login .form-side-right { padding: 0px; } .slick-slide img { width: 100%; } .list-box { height: 150px; } .table-box { display: block; overflow-y: auto; } .table { width: 100%; } .v-userpanelleft { width: 55%; } .v-userpanelright { width: 45%; } .v-leavecomment { width: 80%; } #cart-button_2 { margin-left: 10px; } .padd-45 { padding: 25px; } /*Homepage*/ .home--slider .fix-container { left: 10px; margin: 0; } .home--slider-captions h2 { font-size: 35px; } .home--slider-captions p { font-size: 18px; padding-top: 20px; } .home--slider-captions a { font-size: 16px; margin-top: 10px; padding: 12px 30px; } .home--slider .slick-dots { left: auto; margin: 0; bottom: 10px; right: 10px; } .header-content h1 { font-size: 40px; } .header-content h2 { font-size: 16px; } .artist--category-content h3 { font-size: 18px; } .btn-group .v-btn { margin-bottom: 10px; margin-left: 0; } .user--card-image:after { display: none; } .section--featured:before { left: 50%; } .v-jobswrap { width: 100%; } .v-managemenubar { width: 100%; } .v-sidemenu h3 { display: block } } @media only screen and (min-width : 768px) and (max-width : 992px) { .body { min-height: 100%; } .section--featured:before { left: 50%; font-size: 116px; line-height: 1; } .table-box { display: block; overflow-x: auto; } .table { width: 100%; white-space: nowrap; } .v-search-top { border: none; border-radius: 0px; margin-right: 0px; width: 100%; position: absolute; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); top: 100%; padding: 20px; background: #fff; height: 68px; display: none; } .v-header { padding: 10px 0px; } .v-search-top form { border-radius: 3px; overflow: hidden; position: relative; } .v-search-top form input[type="text"] { position: relative; } .v-navigation { display: block; padding-left: 0; padding-top: 0; position: absolute; top: 100%; width: 100%; background: #fff; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); ; } .v-navigation ul li { float: none; margin-right: 1px; width: 100%; } .v-postimg>img { width: 100%; } .v-navigation { background: #fff; bottom: 0; left: 0; margin: 0px 0 0; opacity: 0; overflow: hidden; position: fixed; top: 0; transform: translate3d(-297px, 0px, 0px); -webkit-transform: translate3d(-297px, 0px, 0px); transition: all 300ms ease 0s; width: 280px; z-index: 110; } .hamburger { display: inline-block; } .v-logo img { max-width: 140px; padding-left: 30px; } .v-logo { padding-left: 15px; position: relative; top: 3px; } .hamburger--htx { left: 7px; top: 5px; z-index: 999; } .searchtoggle { display: inline-block; } .searchtoggle { cursor: pointer; display: inline-block; height: 30px; position: absolute; right: 60px; width: 30px; top: 12px; } .searchtoggle svg { height: 100%; } .searchtoggle svg path { fill: #3c3c3c; } .v-subnavigation { background: #fff; border-radius: 5px; margin-left: 0; padding: 10px; position: absolute; right: 10px; top: 120%; width: 108px; } .v-subnavigation a:first-child { padding-top: 0px; } .v-subnavigation a { font-size: 14px; display: block; width: 100%; font-size: 13px; padding-top: 10px; } .v-subnavigation span { display: none; } .v-subnavigation:before { border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; position: absolute; right: 5px; top: -10px; z-index: 2; } .v-subnavigation:after { border-bottom: 10px solid rgba(0, 0, 0, 0.2); border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; position: absolute; right: 5px; top: -10px; z-index: 1; } .v-subnavigation { display: none; } .v-user { border-radius: 35px; display: inline-block; height: 35px; overflow: hidden; vertical-align: middle; width: 35px; } .v-userPanel { background: rgba(255, 255, 255, 0.95); border: 1px solid #ebebe7; margin-top: 10px; position: relative; text-align: center; } .userpic { height: 110px; margin-bottom: 30px; position: relative; text-align: center; top: 30px; width: 110px; } .v-usershortinfo { display: block; padding-left: 0; } .v-userpanelleft { float: none; width: 100%; } .v-userpanelright { float: none; padding-top: 10px; text-align: center; width: 100%; } .v-usershortinfo { display: block; padding-left: 0; padding-top: 15px; } .btn-group .v-btn { border-radius: 2px; font-size: 13px; min-width: 1%; padding: 12px 15px; } .v-btn.v-btnicn { padding: 8px 11px; } .v-rated { padding-bottom: 10px; padding-left: 0; padding-top: 10px; display: block; } .panel__fixed { max-height: 100%; overflow-y: auto; padding-right: 0px; } .panel__left { background: #fff; bottom: 0; display: block; float: none; padding: 30px 10px; position: fixed; top: 0; transform: translate3d(-360px, 0px, 0px); -webkit-transform: translate3d(-360px, 0px, 0px); transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; width: 350px; z-index: 99999; transition: all 300ms ease 0s; } body.toggled-leftpanel .panel__left { opacity: 1; transform: translate3d(-10px, 0px, 0px); -webkit-transform: translate3d(-10px, 0px, 0px); } .v-rightsidebar { position: fixed; width: 360px; background: #fff; right: -360px; height: 100%; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; opcity: 0; top: 0; z-index: 9991; padding: 30px 10px; } body.toggled-sidebar .v-rightsidebar { opacity: 1; right: 0; } .v-postmsg { margin-bottom: 10px; } .panel__right { display: block; float: none; width: 100%; padding: 0px; } .panel { float: none; width: 100%; } .v-avatar { display: block; float: left; height: 40px; width: 40px; } .v-commentinfo { display: block; margin-left: 50px; padding-left: 0; } .table-user--info .v-commentinfo { display: block; padding-left: 10px; padding-top: 5px; } .v-leavecomment { width: 86%; } .v-usercomment .image-upload { left: 25px; right: auto; top: 54%; } .v-usercomment .v-avatar { display: none; } .v-leavecomment input[type="text"] { padding-right: 25px; padding-left: 25px; } .v-comment-right .v-icon { position: relative; top: -12px; } .v-usercomment .v-leavecomment { width: 100%; } .v-postcomment .v-leavecomment { width: 86%; } .v-postcomment .image-upload { left: 25px; right: auto; top: 54%; } .v-postcomment .v-avatar { display: none; } .v-postcomment input[type="text"] { padding-right: 25px; padding-left: 25px; } .v-postcomment .v-comment-right .v-icon { position: relative; top: -12px; } .v-postcomment .v-usercomment .v-leavecomment { width: 100%; } .v-extra .btn-group .v-btn { padding: 5px 10px; } .v-mob.v-extra { position: absolute; right: 20px; top: 20px; } .v-mob { display: block; } body.toggled-leftpanel .leftoverlay { display: block; } body.toggled-sidebar .leftoverlay { display: block; } .media-title-link h1:hover { cursor: pointer; color: #0b8be6; } .media-title-link h1 { font-size: 22px; display: block; color: #565554; transition: 300ms ease; text-align: center; } .media-title-link { margin-left: 0px !important; } .event-media { margin-bottom: 10px !important; height: 100% !important; width: 100% !important; } .v-events .media-title { display: block; margin-left: 50px; padding-left: 0; } .v-events .v-media { display: block; float: left; height: 40px; width: 40px; } .v-reviews .v-media { border-radius: 50px; height: 40px; width: 40px; } .v-bio li .v-icon { float: left; } .v-audio .media-title { display: block; margin-left: 50px; padding-left: 0; } .v-audio .v-media { display: block; float: left; height: 40px; width: 40px; } .v-readabout>a { font-size: 12px; padding: 10px; text-align: center; } .v-bio li .v-icon.link-fb, .v-bio li .v-icon.link-tw { float: none; } /*Job Deatil*/ .v-hostdetails { padding-left: 0px; width: 100%; } .v-jobdescription { width: 100%; } h3.v-mob { display: block; } .v-jobswrap { width: 100%; } .v-managemenubar { width: 100%; } .v-value>h3 { font-size: 20px; } .v-value>p { font-size: 16px; } .v-btn.v-border { line-height: 11px; } .v-usertext p { color: #9e9898; font-size: 11px; } .v-eventpanel { display: block; width: 100%; } .eventgalley-slider { margin: 15px; } .event-description { padding: 0 15px 15px; } .postForm { padding: 15px; } .eventcomments .v-comment { padding: 0 15px; } .eventgalley-thumbslider { bottom: auto; left: auto; top: -10px; max-width: 115px; position: relative !important; -webkit-position: relative !important; transform: none; } .gallery-thumb { height: 37px; width: 37px; } .v-event-head { text-align: center; margin-bottom: 25px } .v-eventdetaillist>li { border-top: 1px solid #ececee; display: block; margin: 0; padding: 10px 0; position: relative; vertical-align: top; width: 100%; } .v-eventdetaillist { margin-left: 0; margin-top: 0; } .v-eventdetaillist>li:first-child { border-top: none; } .v-eventdetaillist>li:before { border-left: none; } .mob-actions { display: block; padding: 10px 0; } .mob-actions .v-btn.v-border { float: right; } .eventdetaillist { background: #fff none repeat scroll 0 0; bottom: 0; display: block; float: none; padding: 30px 10px; position: fixed; top: 0; transform: translate3d(-260px, 0px, 0px); -webkit-transform: translate3d(-260px, 0px, 0px); transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; width: 250px; z-index: 99999; overflow: auto; } body.toggled-leftpanel .eventdetaillist { opacity: 1; transform: translate3d(-10px, 0px, 0px); -webkit-transform: translate3d(-10px, 0px, 0px); } .v-userevent .v-usershortinfo { display: block; padding-left: 0; text-align: center; } .v-userevent .userpic { display: block; float: none; height: 75px; margin: 0 auto; text-align: center; width: 76px; } .v-userevent .v-block { padding-bottom: 20px; padding-top: 20px; } .eventdetaillist>h2 { color: #333; font-size: 18px; font-weight: 600; padding-bottom: 10px; display: block; } .v-userevent .btn-group .v-btn { padding: 8px 23px; } .v-userevent .btn-group .v-border { padding: 7px 23px; } .event-detail { display: table; width: 100%; padding-left: 0px; } .v-events.large .v-media { height: 55px; width: 55px; } .v-events.large .media-title { display: block; margin-left: 65px; padding-left: 0; } .v-jobtopright .v-btn { font-size: 14px; padding: 8px 10px; } .selected--category { display: none; } .Entryfrm__Form { display: block; position: static; } .Entryfrm__Form:before { background: none; } .sidebar { width: 100%; display: block; position: static; } .inner__sidebar { padding: 20px; text-align: center; } .sidebar.form__sidebar { margin-bottom: 20px; margin-top: 20px; } .frm_other--connection { margin-top: 0; } .mainForm { display: block; padding: 20px; width: 100%; } .boxtabs li .or { display: none; } .form .form--heading { font-size: 18px; line-height: 25px; } .mainForm .table td { width: 100%; display: block; padding-left: 0; } .option_bar { position: static; } /*Sign up*/ /*signup*/ .form-side-left, .form-side-right { display: block; position: relative; vertical-align: top; width: 100%; } .form-side-right { padding: 20px; width: 100%; } .form-side-right { border-top: 1px solid #ededed; padding: 20px; width: 100%; } .social-connect { bottom: auto; position: relative; } .form-wrap.form-fullwidth { display: block; margin: 10px auto; } .form-side-right::before { background: #fff; } .g-btn:hover, .fb-btn:hover { border-color: #000; } .social-connect .v-btn { margin-top: 0px; } .user-content { display: block; float: none; padding-left: 0; padding-top: 20px; text-align: center; vertical-align: middle; width: 100%; padding-bottom: 20px; } .user-typ--img { display: block; margin-right: 0; margin-top: 0; text-align: center; vertical-align: middle; width: 100%; } .page-heading--big { padding: 25px 0; } .signup-choice::before { font-size: 176px; top: -20px; } .signup-choice { margin: 0 auto; max-width: 880px; } .list-box { height: 136px; width: 100%; } .list>li { width: 33.3%; } #event-borderbox { padding: 20px; } .v-events.large .v-borderbox { display: block; } .v-rated>span { display: block; } .right_panel_head_right { float: none; text-align: left; padding-top: 20px; } .sort-by li.sort { padding-right: 0; } .sort-by li.sort { padding-right: 0; } .sort-by li { display: block; } .right_panel_head_right .v-btn { float: right; display: block; } .right_panel_head_right .form { float: left; } .filters { background: #fff; bottom: 0; left: 0; margin: 0px 0 0; opacity: 0; overflow: hidden; position: fixed; top: 0; transform: translate3d(-297px, 0px, 0px); -webkit-transform: translate3d(-297px, 0px, 0px); transition: all 300ms ease 0s; width: 280px; z-index: 110; } body.toggled-leftpanel .filters { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); z-index: 9999; overflow-y: auto; } .widgets-heading .link-text { padding-right: 20px; } .user--card-image:after { line-height: 350px; } .filters { padding: 10px; } /*Homepage*/ .home--slider .fix-container { left: 10px; margin: 0; } .home--slider-captions h2 { font-size: 35px; } .home--slider-captions p { font-size: 18px; padding-top: 20px; } .home--slider-captions a { font-size: 16px; margin-top: 10px; padding: 12px 30px; } .home--slider .slick-dots { left: auto; margin: 0; bottom: 10px; right: 10px; } /*homepage*/ .artist--category { display: block; } .artist--category-box { display: block; } .artist--category-desc { width: 100%; } .featured--artists-desc { float: none; padding-bottom: 40px; padding-top: 0; width: 100%; } .featured--artists-list { width: 100%; } .section--featured { background-position: left 90%; padding: 60px 0 350px; } .signup-choice:before { top: 120px; } #notifier_count { display: none; } .v-subnavigation span.notified_text { display: block; font-size: 13px; width: 100%; color: #333; } .col_left { float: none; width: 100%; } .content .col_right { float: none; padding: 0; width: 100%; } .round_sectn>.sectnTop:after { display: block; } .round_sectn>.sectnTop { border-radius: 3px; position: relative; } .content .col_right { float: none; padding: 0 0 10px; width: 100%; } .sectnMiddle { display: none; } .round_sectn>.sectnTop.active:after { content: "\f209"; } .v-padd.gap { padding: 10px 0; } .suscription--package li { width: 100%; padding: 20px 0 0 0; float: none; } .suscription--package { margin-left: 0; } .plan--features li { width: 50%; padding-right: 0px; } .validity { padding: 5px 10px; } .form-title { font-size: 18px; } } @media(min-width:767px) { #facebox .content { /*   width: 100%; table-layout: fixed;*/ } .sectionbody .table { /*table-layout: fixed;*/ } } .sectopn-overflow { /* display: block; white-space: nowrap;*/ overflow: auto; }@media only screen and (max-width : 767px) { .body { min-height: 100%; } body { padding-top: 55px; } .body { min-height: 1%; } .v-search-top { border: none; border-radius: 0px; margin-right: 0px; width: 100%; position: absolute; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); top: 100%; padding: 20px; background: #fff; height: 68px; display: none; } .v-header { padding: 10px 0px; } .v-search-top form { border-radius: 3px; overflow: hidden; position: relative; } .v-search-top form input[type="text"] { position: relative; } .v-navigation { display: block; padding-left: 0; padding-top: 0; position: absolute; top: 100%; width: 100%; background: #fff; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); ; } .v-navigation ul li { float: none; margin-right: 1px; width: 100%; } .v-navigation { background: #fff; bottom: 0; left: 0; margin: 0px 0 0; opacity: 0; overflow: hidden; position: fixed; top: 0; transform: translate3d(-297px, 0px, 0px); -webkit-transform: translate3d(-297px, 0px, 0px); transition: all 300ms ease 0s; width: 280px; z-index: 110; } .hamburger { display: inline-block; } .v-logo img { max-width: 140px; padding-left: 30px; } .v-logo { padding-left: 15px; position: relative; top: 3px; } .hamburger--htx { left: 7px; top: 5px; z-index: 999; } .searchtoggle { display: inline-block; } .searchtoggle { cursor: pointer; display: inline-block; height: 30px; position: absolute; right: 60px; width: 30px; top: 12px; } .searchtoggle svg { height: 100%; } .searchtoggle svg path { fill: #3c3c3c; } .v-subnavigation { background: #fff; border-radius: 5px; margin-left: 0; padding: 10px; position: absolute; right: 10px; top: 120%; width: 108px; border: 1px solid #eaeaea; } .v-subnavigation a:first-child { padding-top: 0px; } .v-subnavigation a { font-size: 14px; display: block; width: 100%; font-size: 13px; padding-top: 10px; } .v-subnavigation span { display: none; } .v-subnavigation:before { border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; position: absolute; right: 5px; top: -10px; z-index: 2; } .v-subnavigation:after { border-bottom: 10px solid rgba(0, 0, 0, 0.2); border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; position: absolute; right: 5px; top: -10px; z-index: 1; } .v-subnavigation { display: none; } .v-user { border-radius: 35px; display: inline-block; height: 35px; overflow: hidden; vertical-align: middle; width: 35px; } .v-userPanel { background: rgba(255, 255, 255, 0.95); border: 1px solid #ebebe7; margin-top: 10px; position: relative; text-align: center; padding: 20px; } .userpic { height: 110px; margin-bottom: 30px; position: relative; text-align: center; top: 30px; width: 110px; } .v-usershortinfo { display: block; padding-left: 0; } .v-userpanelleft { float: none; width: 100%; } .v-userpanelright { float: none; padding-top: 10px; text-align: center; width: 100%; } .v-usershortinfo { display: block; padding-left: 0; padding-top: 15px; } .btn-group .v-btn { border-radius: 2px; font-size: 13px; min-width: 1%; padding: 12px 15px; } .v-btn.v-btnicn { padding: 9px 11px; } .v-rated { padding-bottom: 10px; padding-left: 0; padding-top: 10px; } .panel__fixed { max-height: 100%; overflow-y: auto; padding-right: 20px; } .panel__left { background: #fff; bottom: 0; display: block; float: none; padding: 30px 10px; position: fixed; top: 0; transform: translate3d(-280px, 0px, 0px); -webkit-transform: translate3d(-280px, 0px, 0px); transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; width: 270px; z-index: 99999; transition: all 300ms ease 0s; } body.toggled-leftpanel .panel__left { opacity: 1; transform: translate3d(-10px, 0px, 0px); -webkit-transform: translate3d(-10px, 0px, 0px); } .v-rightsidebar { position: fixed; width: 295px; background: #fff; right: -295px; height: 100%; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; opacity: 0; top: 0; z-index: 9991; padding: 10px; } body.toggled-sidebar .v-rightsidebar { opacity: 1; right: 0; } .v-postmsg { margin-bottom: 10px; } .panel__right { display: block; float: none; width: 100%; padding: 0px; } .panel { float: none; width: 100%; } .v-avatar { display: block; float: left; height: 40px; width: 40px; } .v-commentLeft { width: 60%; } .v-comment-right { width: 40%; } .v-commentinfo { display: block; margin-left: 45px; padding-left: 0; } .v-leavecomment { width: 86%; } .v-usercomment .image-upload { left: 25px; right: auto; top: 54%; } .v-usercomment .v-avatar { display: none; } .v-leavecomment input[type="text"] { padding-right: 25px; padding-left: 25px; } .v-comment-right .v-icon { position: relative; top: -12px; } .v-usercomment .v-leavecomment { width: 100%; } .v-postcomment .v-leavecomment { width: 86%; } .v-postcomment .image-upload { left: 25px; right: auto; top: 54%; } .v-postcomment .v-avatar { display: none; } .v-postcomment input[type="text"] { padding-right: 25px; padding-left: 25px; } .v-postcomment .v-comment-right .v-icon { position: relative; top: -12px; } .v-postcomment .v-usercomment .v-leavecomment { width: 100%; } .v-extra .btn-group .v-btn { padding: 5px 10px; } .v-mob.v-extra { position: absolute; right: 20px; top: 20px; } .v-mob { display: block; } body.toggled-leftpanel .leftoverlay { display: block; } body.toggled-sidebar .leftoverlay { display: block; } .media-title-link h1:hover { cursor: pointer; color: #0b8be6; } .media-title-link h1 { font-size: 22px; display: block; color: #565554; transition: 300ms ease; text-align: center; } .media-title-link { margin-left: 0px !important; } .v-events .media-title { display: block; margin-left: 50px; padding-left: 0; } .event-media { margin-bottom: 10px !important; height: 100% !important; width: 100% !important; } .v-events .media-title { display: block; margin-left: 50px; padding-left: 0; } .v-events .v-media { display: block; float: left; height: 40px; width: 40px; } .v-reviews .v-media { border-radius: 50px; height: 40px; width: 40px; } .v-bio li .v-icon { float: left; } .v-audio .media-title { display: block; margin-left: 50px; padding-left: 0; } .v-audio .v-media { display: block; float: left; height: 40px; width: 40px; } .v-readabout>a { font-size: 12px; padding: 10px; text-align: center; } .v-bio li .v-icon.link-fb, .v-bio li .v-icon.link-tw { float: none; } /*Job Deatil*/ .v-hostdetails { padding-left: 0px; width: 100%; } .v-jobdescription { width: 100%; } .v-listdetail { display: block; padding: 20px; width: 100%; } .v-value { border-top: 1px solid #eaeaea; display: block; padding: 30px 20px; width: 100%; } .v-descriptionmid { padding: 20px; } .v-jobtype { padding: 20px; } .v-jobtype .v-listbox:first-child { padding-top: 0; } .v-title { color: #2f2f30; font-size: 18px; line-height: 24px; padding-bottom: 10px; } .v-listings .v-title { padding-bottom: 10px; padding-top: 20px; } .v-tacgs li { font-size: 12px; } .v-leftblock { display: block; margin: 0; vertical-align: top; width: 100%; } .v-rightblock { display: block; margin: 0; text-align: left; vertical-align: top; width: 100%; } .v-descriptiontop .v-leftblock>h3 { font-size: 18px; line-height: 24px; } .v-rightblock>h3 { font-size: 18px; line-height: 24px; } .v-descriptiontop { padding: 10px 20px; } .v-value>h3 { font-size: 18px; padding-bottom: 10px; } .v-value>p { font-size: 14px; line-height: 100%; } .v-btn { border-radius: 2px; min-width: 1%; padding: 10px 20px; } .v-btnsmall { font-size: 14px; min-width: 1%; padding: 6px 15px; } /*Manage Jobs*/ .v-jobswrap { display: block; margin: 0; padding-left: 0; width: 100%; } .v-managemenubar { display: block; vertical-align: top; width: 100%; padding: 10px 0; } .v-managemenu { background: #fff; margin-bottom: 20px; /*  max-height:160px; */ overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; } .v-managemenu li a { padding: 15px; } .pagination.v-page ul { float: none; } .v-eventpanel { display: block; width: 100%; } .eventgalley-slider { margin: 15px; } .event-description { padding: 0 15px 15px; } .postForm { padding: 15px; } .eventcomments .v-comment { padding: 0 15px; } .eventgalley-thumbslider { bottom: auto; left: auto; top: -10px; max-width: 115px; position: relative !important; -webkit-position: relative !important; transform: none; } .gallery-thumb { height: 37px; width: 37px; } .v-eventlist { display: block; margin: 0; width: 100%; } .v-eventlist .v-media { border-radius: 87px; display: block; float: none; height: 87px; margin: 0 auto; width: 87px; } .v-eventlist .media-title { display: block; padding-left: 0; padding-top: 11px; text-align: center; } .v-event-head { text-align: center; margin-bottom: 25px } .v-eventdetaillist>li { border-top: 1px solid #ececee; display: block; margin: 0; padding: 10px 0; position: relative; vertical-align: top; width: 100%; } .v-eventdetaillist { margin-left: 0; margin-top: 0; margin-right: 0; } .v-eventdetaillist>li:first-child { border-top: none; } .v-eventdetaillist>li:before { border-left: none; } .v-eventdetails { padding: 10px 0; } .v-allevents { padding-top: 10px; text-align: center; width: 100%; } .v-eventlist .media-title h3 { color: #333; font-size: 24px; line-height: 30px; } .mob-actions { display: block; padding: 10px 0; } .mob-actions .v-btn.v-border { float: right; } .eventdetaillist { background: #fff none repeat scroll 0 0; bottom: 0; display: block; float: none; padding: 10px; position: fixed; top: 0; transform: translate3d(-260px, 0px, 0px); -webkit-transform: translate3d(-260px, 0px, 0px); transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; width: 250px; z-index: 99999; overflow: auto; } body.toggled-leftpanel .eventdetaillist { opacity: 1; transform: translate3d(-10px, 0px, 0px); -webkit-transform: translate3d(-10px, 0px, 0px); } .v-userevent .v-usershortinfo { display: block; padding-left: 0; text-align: center; } .v-userevent .userpic { display: block; float: none; height: 75px; margin: 0 auto; text-align: center; width: 76px; } .v-userevent .v-block { padding-bottom: 20px; padding-top: 20px; } .eventdetaillist>h2 { color: #333; font-size: 18px; font-weight: 600; padding-bottom: 10px; display: block; } #event-borderbox { padding: 20px; } .event-detail, .v-events.large .v-borderbox .event-detail { display: table; width: 100%; padding-left: 0px; } #eventPolls .v-medialist li { display: block; border: none; margin-right: 10px; float: none; } .v-medialist #pollul { display: contents; } .v-events.large .v-medialist li { padding: 10px 0 0; } .v-events.large .v-media, .v-events.large .v-borderbox .v-media { height: 55px; width: 55px; } .v-events.large .media-title, .v-events.large .v-borderbox .media-title { display: block; margin-left: 65px; padding-left: 0; } .v-jobtopright .v-btn { font-size: 14px; padding: 8px 10px; } .featherlight .featherlight-content { min-width: 1%; max-width: 90%; } .section-space { padding: 0; } /*Sign up and login*/ .selected--category { display: none; } .Entryfrm__Form { display: block; position: static; } .Entryfrm__Form.Frmodd { width: 100% } .mainForm .form--heading { font-size: 20px; line-height: 25px; } .Entryfrm__Form:before { background: none; } .sidebar { width: 100%; display: block; position: static; } .inner__sidebar { padding: 20px; text-align: center; } .sidebar.form__sidebar { margin-bottom: 20px; margin-top: 20px; } .mainForm { display: block; padding: 20px; width: 100%; } .boxtabs li .or { display: none; } .form .form--heading { font-size: 18px; line-height: 25px; } .mainForm .table td { width: 100%; display: block; padding-left: 0; } .option_bar { position: static; } .mainForm.login .form__sidebar { padding: 20px; } .frm_other--connection { margin-top: 0; } .mainForm.login .frm_other--connection a.gp-color { margin-top: 10px } .mainForm.login .or { margin-bottom: 0px; } .mainForm.login .form { padding: 0px 20px; } .mainForm label.checkbox { font-size: 14px; } a.inline-link { font-size: 12px; } .mainForm.login .option_bar { margin-top: 25px; } .mainForm.login .option_bar a { margin-top: 20px; } .mainForm.login .form--heading { margin-bottom: 0; } .mainForm.login p { font-size: 14px; } .mainForm.login .frm_other--connection a.fb-color, .mainForm.login .frm_other--connection a.tw-color, .mainForm.login .frm_other--connection a.gp-color { width: 100%; min-width: auto } .frm_other--connection a.fb-color, .frm_other--connection a.tw-color, .frm_other--connection a.gp-color { font-size: 15px; } .mainForm .table td { padding-right: 0; text-align: left; } .mainForm.login .table td:last-child { text-align: inherit; } .mainForm.login .form input[type="submit"] { width: auto; float: right; } /*Signup category*/ .selection-background { background-image: none; } .selection-wrap .sub--detail { width: 100%; } .selection-wrap .main__grid { margin: 35px 0 0 auto; } .selection-wrap .grid { width: 100%; margin: 10px 0; } .selection-wrap .grid .Category__head { font-size: 19px; } .selection-wrap .grid .category__image { width: 80px; } /*signup*/ .form-side-left, .form-side-right { display: block; position: relative; vertical-align: top; } .form-side-right { border-top: 1px solid #ededed; padding: 20px; width: 100%; } .form-side-left { padding: 20px; width: 100%; } .social-connect { bottom: auto; position: relative; } .align-right { text-align: left; } .form-wrap.form-fullwidth { display: block; margin: 10px auto; } .form-side-right::before { background: #fff; } .g-btn:hover, .fb-btn:hover { border-color: #000; } .social-connect .v-btn:first-child { margin-top: 0px; } .user-content { display: block; float: none; padding-left: 0; padding-top: 20px; text-align: center; vertical-align: middle; width: 100%; padding-bottom: 20px; } .user-typ--img { display: block; margin-right: 0; margin-top: 0; text-align: center; vertical-align: middle; width: 100%; } .page-heading--big { padding: 25px 0; } .signup-choice::before { font-size: 176px; top: -20px; } .user-login .form-side-right { padding: 0px; } .slick-slide img { width: 100%; } .slider-caption>h2 { font-size: 17px; } .slider-caption { top: 80%; transform: translate(0px, -90%); -webkit-transform: translate(0px, -90%); } .page-heading--big span { font-size: 28px; } .page-heading--big { padding: 25px 0 0 0; font-size: 22px; } .padd-45 { padding: 15px; } .edit-main-section>p { padding-right: 0; } .edit-list { display: block; } .edit-media { float: none; margin: 0 auto; padding-bottom: 10px; padding-right: 0; text-align: center; } .edit-object-section { text-align: center; } .edit-main-section>p { padding-right: 0; } .edit-object-section .v-btnsmall { margin-top: 10px; position: relative; right: auto; top: auto; } .v-managemenubar .panel__fixed { padding-right: 0px; } /*table css*/ .table-box { display: block; overflow-x: auto; } .table { width: 100%; white-space: nowrap; } .list-box { height: 176px; width: 100%; } .list>li { width: 50%; } .edit-profile { margin-top: 10px; } .inviteArtist .form-title { font-size: 20px; line-height: 20px; text-align: center; } .applied-by { padding-bottom: 20px; } .user-ratings .reviewsrating { float: none; } .v-follow--list .v-avatar { border-radius: 50%; display: block; float: none; height: 80px; margin: 0 auto; width: 80px; margin: 0 auto 15px; } .v-follow--list .v-commentinfo { display: block; margin-left: 0; padding-left: 0; text-align: center; } .v-follow--list .v-btn { display: table; margin: 15px auto 0; } .table-user--info .v-commentinfo { display: block; padding-left: 5px; padding-top: 5px; } .right_panel_head_right { float: none; text-align: left; padding-top: 20px; } .sort-by li.sort { padding-right: 0; } .sort-by li.sort { padding-right: 0; } .sort-by li { display: block; } .right_panel_head_right .v-btn { float: right; padding: 13px 20px; border-radius: 3px; } .right_panel_head_right .form { float: left; } .sort-by li select { min-width: inherit; } .filters { background: #fff; bottom: 0; left: 0; margin: 0px 0 0; opacity: 0; overflow: hidden; position: fixed; top: 0; transform: translate3d(-297px, 0px, 0px); -webkit-transform: translate3d(-297px, 0px, 0px); transition: all 300ms ease 0s; width: 280px; z-index: 110; } body.toggled-leftpanel .filters { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); z-index: 9999; overflow-y: auto; } .widgets-heading .link-text { padding-right: 20px; } .filter-trigger { display: inline-block; } .listing--users { padding: 0 10px; } .right_panel_head { margin-bottom: 10px; padding: 10px; } .user--card-image:after { display: none; } .filters { padding: 10px; } .dashbozrd-forms { padding: 10px; } .form-instructions { padding: 10px; } .accordion-head h2 { padding: 10px 30px 10px 10px; } /*tabs*/ ul.resp-tabs-list { display: none; } h2.resp-accordion { display: block; } .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; } .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: 100px; clear: none; } .resp-accordion-closed { display: none; } .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1; } h2.resp-accordion { background: #079ecc none repeat scroll 0 0 !important; border-top: 1px solid #079ecc; color: #fff; } .search-result .v-listings { padding: 0 10px; } /*Homepage*/ .home--slider .fix-container { left: 10px; margin: 0; } .home--slider-captions h2 { font-size: 20px; } .home--slider-captions p { font-size: 14px; padding-top: 15px; } .home--slider-captions a { font-size: 14px; margin-top: 10px; padding: 8px 20px; } .home--slider .slick-dots { left: auto; margin: 0; bottom: 10px; right: 10px; } /*Homepage*/ .main--search .form--heading { font-size: 18px; font-weight: 600; line-height: 1.5; } .artist--category { display: block; } .artist--category-box { display: block; } .artist--category-desc { padding: 8%; width: 100%; } .featured--artists-desc { float: none; padding-bottom: 40px; padding-top: 0; width: 100%; } .artist--category-grid li { width: 50%; } .artist--category-content h3 { font-size: 14px; font-weight: 600; } .featured--artists-list { width: 100%; padding: 0 3%; } .user--card--button .v-btn { padding: 12px 20px; font-size: 14px; } .featured--artists-list .user--card { padding: 5px; } .section--featured { background-position: left 98%; padding-top: 30px; } .title-wrap .v-btn { margin-top: 20px; } .f_logo { margin-top: 30px; } #footer .footer_links li>a { font-size: 13px; } .copyright { font-size: 13px; } .copyright br { display: none; } #footer { padding: 30px 0; } .signup-choice:before { font-size: 76px; top: 150px; } .section--signup .title-wrap { padding-bottom: 0; } .section--featured:before { font-size: 75px; left: 50%; line-height: 1; top: 60px; } .title-wrap>p { line-height: 1.8; } .section--title { font-size: 30px; font-weight: 700; } .category-listing .artist--category-grid li { width: 50%; } .header-content h1 { font-size: 30px; } .header-content h2 { font-size: 14px; } .artist_fee_detail { padding-top: 12px; width: 100%; padding-left: 10px; } .caption_artist_fee { padding: 10px; } .artist_fees_detail { margin-left: -10px; padding: 0 10px; } .sort-resultstoggle { display: block; font-size: 15px; font-weight: 600; padding: 10px 20px; border: 1px solid #eaeaea; background: #fff; position: relative; cursor: pointer; margin-bottom: 10px; } .sort-results ul li { display: block; margin-bottom: 5px; } .sort-results ul li.active a { border-bottom: 1px solid #eaeaea; } .sort-resultstoggle:before { border-right: 3px solid #444; border-top: 3px solid #444; content: ""; height: 6px; position: absolute; right: 10px; top: 50%; transform: translate(0, -50%) rotate(135deg); transition: all 0.4s ease-in-out 0s; -webkit-transform: translate(0, -50%) rotate(135deg); -webkit-transition: all 0.4s ease-in-out 0s; transform-origin: center center 0; width: 6px; } .sort-resultstoggle { padding: 10px; } .sort-resultstoggle.active:before { transform: translate(0, -50%) rotate(-45deg); } .sort-results>ul { /* display: none; */ } .sort-results>ul>li { display: inline-block; vertical-align: middle; } .results--container { padding: 10px; } .whoops .left-grid { text-align: center; } .whoops h3 { font-size: 55px; letter-spacing: -3px; line-height: 60px; } .whoops h4 { font-size: 20px; } #notifier_count { display: none; } .v-subnavigation span.notified_text { display: block; font-size: 13px; width: 100%; color: #333; } .msg--box-thumb { margin: 0 auto 30px; max-width: 50%; text-align: center; } .msg--box { padding: 10px 0; } .msg--box .box-shadow { padding: 30px; } .list>li { width: 50%; } .list .list-box img { width: 100%; } .content .col_right, .content .col_left { float: none; padding: 0; width: 100%; } .content .col_left .title { font-size: 18px; } .content .col_left .date { font-size: 16px; margin-bottom: 5px; margin-right: 10px; width: 42px; } .content .col_left .cmnt_area { padding-left: 0; } .content .col_left .cmt-box li { border: medium none; padding-left: 5px; margin-right: 5px; } .round_sectn>.sectnTop h4 { font-size: 16px; font-weight: 600; } .round_sectn>.sectnTop:after { display: block; } .round_sectn>.sectnTop { border-radius: 3px; position: relative; } .blog_lnks>li>a { font-size: 14px; } .content .col_right { float: none; padding: 0 0 10px; width: 100%; } .searchform .form .field-set { display: block; margin-bottom: 10px; } .content .col_right .round_sectn { margin-top: 10px; } .content { padding: 10px 0; } .left_section { float: none; width: 100%; } .right_section { float: none; width: 100%; } .left_section .pagination.v-page { margin-bottom: 20px; } .headBox { background-position: bottom; background-size: 90%; } .sectnMiddle { display: none; } .round_sectn>.sectnTop.active:after { content: "\f209"; } .content .col_left .post_imges { margin: 10px 0; } .user--card-image:after { display: none; } .v-padd.gap { padding: 10px 0; } .v-cover { height: 150px !important; } .v-icon.mark-fav { display: inline-block; height: 20px; width: 20px; } #postMediaFrm.form table tr td { display: block; } #postMediaFrm.form input[type="submit"] { width: 100%; } #postMediaFrm.form .attachment-btn { display: block; } #postMediaFrm.form .attachment-btn>li { width: 32%; } #postMediaFrm.form .attachment-btn a { display: block; text-align: center; } /*subscription*/ .cart-tbl td { display: block; border-bottom: none; padding: 5px 10px; border: none; } .cart-tbl td:nth-child(2) { border: none; display: block; } .cart-tbl thead { display: none; } .cart-tbl tr td { border-top: solid 1px #eee; } .btn-row a.v-btn { display: block; margin: 10px 0; width: 100%; } .btn-row { display: block; margin-bottom: 10px; } .cart-box .total-side .heading { text-align: right; } .total-side { float: none; } #paymenttab { display: block; } #paymenttab .resp-tabs-container { display: block; padding-left: 0; width: 100%; } .payment_tabs { padding-right: 0; width: 100%; display: block !important; } .payment-table-cell .form input[type="submit"] { padding: 10px 20px; } .suscription--package li { width: 100%; padding: 20px 0 0 0; float: none; } .suscription--package { margin-left: 0; } .plan--features li { width: 100%; } .validity { padding: 5px 10px; } } } @media only screen and (min-width :240px) and (max-width : 360px) { .form input[type="submit"] { width: 100%; } .v-cancelbtn { width: 100%; margin-top: 10px; } .list>li { width: 100%; } .list-box { height: auto; } .right_panel_head_right .v-btn { margin-bottom: 20px; width: 100%; position: relative; top: auto; right: auto; } .content .col_left .cmt-box li { border: medium none; padding-left: 5px; } .content .col_left .cmt-box { display: inline-block; width: 100%; } } @media only screen and (max-width : 576px) { .v-jobtype .v-listbox { display: block; margin: 0; padding-top: 20px; width: 100%; } }@charset "UTF-8";/*! Ionicons, v2.0.0 Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ https://twitter.com/benjsperry  https://twitter.com/ionicframework MIT License: https://github.com/driftyco/ionicons Android-style icons originally built by Google’s Material Design Icons: https://github.com/google/material-design-icons used under CC BY http://creativecommons.org/licenses/by/4.0/ Modified icons to fit ionicon’s grid from original. */@font-face{font-family:"Ionicons";src:url("fonts/ionicons.eot?v=2.0.0");src:url("fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"),url("fonts/ionicons.ttf?v=2.0.0") format("truetype"),url("fonts/ionicons.woff?v=2.0.0") format("woff"),url("fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");font-weight:normal;font-style:normal}.ion,.ionicons,.ion-alert:before,.ion-alert-circled:before,.ion-android-add:before,.ion-android-add-circle:before,.ion-android-alarm-clock:before,.ion-android-alert:before,.ion-android-apps:before,.ion-android-archive:before,.ion-android-arrow-back:before,.ion-android-arrow-down:before,.ion-android-arrow-dropdown:before,.ion-android-arrow-dropdown-circle:before,.ion-android-arrow-dropleft:before,.ion-android-arrow-dropleft-circle:before,.ion-android-arrow-dropright:before,.ion-android-arrow-dropright-circle:before,.ion-android-arrow-dropup:before,.ion-android-arrow-dropup-circle:before,.ion-android-arrow-forward:before,.ion-android-arrow-up:before,.ion-android-attach:before,.ion-android-bar:before,.ion-android-bicycle:before,.ion-android-boat:before,.ion-android-bookmark:before,.ion-android-bulb:before,.ion-android-bus:before,.ion-android-calendar:before,.ion-android-call:before,.ion-android-camera:before,.ion-android-cancel:before,.ion-android-car:before,.ion-android-cart:before,.ion-android-chat:before,.ion-android-checkbox:before,.ion-android-checkbox-blank:before,.ion-android-checkbox-outline:before,.ion-android-checkbox-outline-blank:before,.ion-android-checkmark-circle:before,.ion-android-clipboard:before,.ion-android-close:before,.ion-android-cloud:before,.ion-android-cloud-circle:before,.ion-android-cloud-done:before,.ion-android-cloud-outline:before,.ion-android-color-palette:before,.ion-android-compass:before,.ion-android-contact:before,.ion-android-contacts:before,.ion-android-contract:before,.ion-android-create:before,.ion-android-delete:before,.ion-android-desktop:before,.ion-android-document:before,.ion-android-done:before,.ion-android-done-all:before,.ion-android-download:before,.ion-android-drafts:before,.ion-android-exit:before,.ion-android-expand:before,.ion-android-favorite:before,.ion-android-favorite-outline:before,.ion-android-film:before,.ion-android-folder:before,.ion-android-folder-open:before,.ion-android-funnel:before,.ion-android-globe:before,.ion-android-hand:before,.ion-android-hangout:before,.ion-android-happy:before,.ion-android-home:before,.ion-android-image:before,.ion-android-laptop:before,.ion-android-list:before,.ion-android-locate:before,.ion-android-lock:before,.ion-android-mail:before,.ion-android-map:before,.ion-android-menu:before,.ion-android-microphone:before,.ion-android-microphone-off:before,.ion-android-more-horizontal:before,.ion-android-more-vertical:before,.ion-android-navigate:before,.ion-android-notifications:before,.ion-android-notifications-none:before,.ion-android-notifications-off:before,.ion-android-open:before,.ion-android-options:before,.ion-android-people:before,.ion-android-person:before,.ion-android-person-add:before,.ion-android-phone-landscape:before,.ion-android-phone-portrait:before,.ion-android-pin:before,.ion-android-plane:before,.ion-android-playstore:before,.ion-android-print:before,.ion-android-radio-button-off:before,.ion-android-radio-button-on:before,.ion-android-refresh:before,.ion-android-remove:before,.ion-android-remove-circle:before,.ion-android-restaurant:before,.ion-android-sad:before,.ion-android-search:before,.ion-android-send:before,.ion-android-settings:before,.ion-android-share:before,.ion-android-share-alt:before,.ion-android-star:before,.ion-android-star-half:before,.ion-android-star-outline:before,.ion-android-stopwatch:before,.ion-android-subway:before,.ion-android-sunny:before,.ion-android-sync:before,.ion-android-textsms:before,.ion-android-time:before,.ion-android-train:before,.ion-android-unlock:before,.ion-android-upload:before,.ion-android-volume-down:before,.ion-android-volume-mute:before,.ion-android-volume-off:before,.ion-android-volume-up:before,.ion-android-walk:before,.ion-android-warning:before,.ion-android-watch:before,.ion-android-wifi:before,.ion-aperture:before,.ion-archive:before,.ion-arrow-down-a:before,.ion-arrow-down-b:before,.ion-arrow-down-c:before,.ion-arrow-expand:before,.ion-arrow-graph-down-left:before,.ion-arrow-graph-down-right:before,.ion-arrow-graph-up-left:before,.ion-arrow-graph-up-right:before,.ion-arrow-left-a:before,.ion-arrow-left-b:before,.ion-arrow-left-c:before,.ion-arrow-move:before,.ion-arrow-resize:before,.ion-arrow-return-left:before,.ion-arrow-return-right:before,.ion-arrow-right-a:before,.ion-arrow-right-b:before,.ion-arrow-right-c:before,.ion-arrow-shrink:before,.ion-arrow-swap:before,.ion-arrow-up-a:before,.ion-arrow-up-b:before,.ion-arrow-up-c:before,.ion-asterisk:before,.ion-at:before,.ion-backspace:before,.ion-backspace-outline:before,.ion-bag:before,.ion-battery-charging:before,.ion-battery-empty:before,.ion-battery-full:before,.ion-battery-half:before,.ion-battery-low:before,.ion-beaker:before,.ion-beer:before,.ion-bluetooth:before,.ion-bonfire:before,.ion-bookmark:before,.ion-bowtie:before,.ion-briefcase:before,.ion-bug:before,.ion-calculator:before,.ion-calendar:before,.ion-camera:before,.ion-card:before,.ion-cash:before,.ion-chatbox:before,.ion-chatbox-working:before,.ion-chatboxes:before,.ion-chatbubble:before,.ion-chatbubble-working:before,.ion-chatbubbles:before,.ion-checkmark:before,.ion-checkmark-circled:before,.ion-checkmark-round:before,.ion-chevron-down:before,.ion-chevron-left:before,.ion-chevron-right:before,.ion-chevron-up:before,.ion-clipboard:before,.ion-clock:before,.ion-close:before,.ion-close-circled:before,.ion-close-round:before,.ion-closed-captioning:before,.ion-cloud:before,.ion-code:before,.ion-code-download:before,.ion-code-working:before,.ion-coffee:before,.ion-compass:before,.ion-compose:before,.ion-connection-bars:before,.ion-contrast:before,.ion-crop:before,.ion-cube:before,.ion-disc:before,.ion-document:before,.ion-document-text:before,.ion-drag:before,.ion-earth:before,.ion-easel:before,.ion-edit:before,.ion-egg:before,.ion-eject:before,.ion-email:before,.ion-email-unread:before,.ion-erlenmeyer-flask:before,.ion-erlenmeyer-flask-bubbles:before,.ion-eye:before,.ion-eye-disabled:before,.ion-female:before,.ion-filing:before,.ion-film-marker:before,.ion-fireball:before,.ion-flag:before,.ion-flame:before,.ion-flash:before,.ion-flash-off:before,.ion-folder:before,.ion-fork:before,.ion-fork-repo:before,.ion-forward:before,.ion-funnel:before,.ion-gear-a:before,.ion-gear-b:before,.ion-grid:before,.ion-hammer:before,.ion-happy:before,.ion-happy-outline:before,.ion-headphone:before,.ion-heart:before,.ion-heart-broken:before,.ion-help:before,.ion-help-buoy:before,.ion-help-circled:before,.ion-home:before,.ion-icecream:before,.ion-image:before,.ion-images:before,.ion-information:before,.ion-information-circled:before,.ion-ionic:before,.ion-ios-alarm:before,.ion-ios-alarm-outline:before,.ion-ios-albums:before,.ion-ios-albums-outline:before,.ion-ios-americanfootball:before,.ion-ios-americanfootball-outline:before,.ion-ios-analytics:before,.ion-ios-analytics-outline:before,.ion-ios-arrow-back:before,.ion-ios-arrow-down:before,.ion-ios-arrow-forward:before,.ion-ios-arrow-left:before,.ion-ios-arrow-right:before,.ion-ios-arrow-thin-down:before,.ion-ios-arrow-thin-left:before,.ion-ios-arrow-thin-right:before,.ion-ios-arrow-thin-up:before,.ion-ios-arrow-up:before,.ion-ios-at:before,.ion-ios-at-outline:before,.ion-ios-barcode:before,.ion-ios-barcode-outline:before,.ion-ios-baseball:before,.ion-ios-baseball-outline:before,.ion-ios-basketball:before,.ion-ios-basketball-outline:before,.ion-ios-bell:before,.ion-ios-bell-outline:before,.ion-ios-body:before,.ion-ios-body-outline:before,.ion-ios-bolt:before,.ion-ios-bolt-outline:before,.ion-ios-book:before,.ion-ios-book-outline:before,.ion-ios-bookmarks:before,.ion-ios-bookmarks-outline:before,.ion-ios-box:before,.ion-ios-box-outline:before,.ion-ios-briefcase:before,.ion-ios-briefcase-outline:before,.ion-ios-browsers:before,.ion-ios-browsers-outline:before,.ion-ios-calculator:before,.ion-ios-calculator-outline:before,.ion-ios-calendar:before,.ion-ios-calendar-outline:before,.ion-ios-camera:before,.ion-ios-camera-outline:before,.ion-ios-cart:before,.ion-ios-cart-outline:before,.ion-ios-chatboxes:before,.ion-ios-chatboxes-outline:before,.ion-ios-chatbubble:before,.ion-ios-chatbubble-outline:before,.ion-ios-checkmark:before,.ion-ios-checkmark-empty:before,.ion-ios-checkmark-outline:before,.ion-ios-circle-filled:before,.ion-ios-circle-outline:before,.ion-ios-clock:before,.ion-ios-clock-outline:before,.ion-ios-close:before,.ion-ios-close-empty:before,.ion-ios-close-outline:before,.ion-ios-cloud:before,.ion-ios-cloud-download:before,.ion-ios-cloud-download-outline:before,.ion-ios-cloud-outline:before,.ion-ios-cloud-upload:before,.ion-ios-cloud-upload-outline:before,.ion-ios-cloudy:before,.ion-ios-cloudy-night:before,.ion-ios-cloudy-night-outline:before,.ion-ios-cloudy-outline:before,.ion-ios-cog:before,.ion-ios-cog-outline:before,.ion-ios-color-filter:before,.ion-ios-color-filter-outline:before,.ion-ios-color-wand:before,.ion-ios-color-wand-outline:before,.ion-ios-compose:before,.ion-ios-compose-outline:before,.ion-ios-contact:before,.ion-ios-contact-outline:before,.ion-ios-copy:before,.ion-ios-copy-outline:before,.ion-ios-crop:before,.ion-ios-crop-strong:before,.ion-ios-download:before,.ion-ios-download-outline:before,.ion-ios-drag:before,.ion-ios-email:before,.ion-ios-email-outline:before,.ion-ios-eye:before,.ion-ios-eye-outline:before,.ion-ios-fastforward:before,.ion-ios-fastforward-outline:before,.ion-ios-filing:before,.ion-ios-filing-outline:before,.ion-ios-film:before,.ion-ios-film-outline:before,.ion-ios-flag:before,.ion-ios-flag-outline:before,.ion-ios-flame:before,.ion-ios-flame-outline:before,.ion-ios-flask:before,.ion-ios-flask-outline:before,.ion-ios-flower:before,.ion-ios-flower-outline:before,.ion-ios-folder:before,.ion-ios-folder-outline:before,.ion-ios-football:before,.ion-ios-football-outline:before,.ion-ios-game-controller-a:before,.ion-ios-game-controller-a-outline:before,.ion-ios-game-controller-b:before,.ion-ios-game-controller-b-outline:before,.ion-ios-gear:before,.ion-ios-gear-outline:before,.ion-ios-glasses:before,.ion-ios-glasses-outline:before,.ion-ios-grid-view:before,.ion-ios-grid-view-outline:before,.ion-ios-heart:before,.ion-ios-heart-outline:before,.ion-ios-help:before,.ion-ios-help-empty:before,.ion-ios-help-outline:before,.ion-ios-home:before,.ion-ios-home-outline:before,.ion-ios-infinite:before,.ion-ios-infinite-outline:before,.ion-ios-information:before,.ion-ios-information-empty:before,.ion-ios-information-outline:before,.ion-ios-ionic-outline:before,.ion-ios-keypad:before,.ion-ios-keypad-outline:before,.ion-ios-lightbulb:before,.ion-ios-lightbulb-outline:before,.ion-ios-list:before,.ion-ios-list-outline:before,.ion-ios-location:before,.ion-ios-location-outline:before,.ion-ios-locked:before,.ion-ios-locked-outline:before,.ion-ios-loop:before,.ion-ios-loop-strong:before,.ion-ios-medical:before,.ion-ios-medical-outline:before,.ion-ios-medkit:before,.ion-ios-medkit-outline:before,.ion-ios-mic:before,.ion-ios-mic-off:before,.ion-ios-mic-outline:before,.ion-ios-minus:before,.ion-ios-minus-empty:before,.ion-ios-minus-outline:before,.ion-ios-monitor:before,.ion-ios-monitor-outline:before,.ion-ios-moon:before,.ion-ios-moon-outline:before,.ion-ios-more:before,.ion-ios-more-outline:before,.ion-ios-musical-note:before,.ion-ios-musical-notes:before,.ion-ios-navigate:before,.ion-ios-navigate-outline:before,.ion-ios-nutrition:before,.ion-ios-nutrition-outline:before,.ion-ios-paper:before,.ion-ios-paper-outline:before,.ion-ios-paperplane:before,.ion-ios-paperplane-outline:before,.ion-ios-partlysunny:before,.ion-ios-partlysunny-outline:before,.ion-ios-pause:before,.ion-ios-pause-outline:before,.ion-ios-paw:before,.ion-ios-paw-outline:before,.ion-ios-people:before,.ion-ios-people-outline:before,.ion-ios-person:before,.ion-ios-person-outline:before,.ion-ios-personadd:before,.ion-ios-personadd-outline:before,.ion-ios-photos:before,.ion-ios-photos-outline:before,.ion-ios-pie:before,.ion-ios-pie-outline:before,.ion-ios-pint:before,.ion-ios-pint-outline:before,.ion-ios-play:before,.ion-ios-play-outline:before,.ion-ios-plus:before,.ion-ios-plus-empty:before,.ion-ios-plus-outline:before,.ion-ios-pricetag:before,.ion-ios-pricetag-outline:before,.ion-ios-pricetags:before,.ion-ios-pricetags-outline:before,.ion-ios-printer:before,.ion-ios-printer-outline:before,.ion-ios-pulse:before,.ion-ios-pulse-strong:before,.ion-ios-rainy:before,.ion-ios-rainy-outline:before,.ion-ios-recording:before,.ion-ios-recording-outline:before,.ion-ios-redo:before,.ion-ios-redo-outline:before,.ion-ios-refresh:before,.ion-ios-refresh-empty:before,.ion-ios-refresh-outline:before,.ion-ios-reload:before,.ion-ios-reverse-camera:before,.ion-ios-reverse-camera-outline:before,.ion-ios-rewind:before,.ion-ios-rewind-outline:before,.ion-ios-rose:before,.ion-ios-rose-outline:before,.ion-ios-search:before,.ion-ios-search-strong:before,.ion-ios-settings:before,.ion-ios-settings-strong:before,.ion-ios-shuffle:before,.ion-ios-shuffle-strong:before,.ion-ios-skipbackward:before,.ion-ios-skipbackward-outline:before,.ion-ios-skipforward:before,.ion-ios-skipforward-outline:before,.ion-ios-snowy:before,.ion-ios-speedometer:before,.ion-ios-speedometer-outline:before,.ion-ios-star:before,.ion-ios-star-half:before,.ion-ios-star-outline:before,.ion-ios-stopwatch:before,.ion-ios-stopwatch-outline:before,.ion-ios-sunny:before,.ion-ios-sunny-outline:before,.ion-ios-telephone:before,.ion-ios-telephone-outline:before,.ion-ios-tennisball:before,.ion-ios-tennisball-outline:before,.ion-ios-thunderstorm:before,.ion-ios-thunderstorm-outline:before,.ion-ios-time:before,.ion-ios-time-outline:before,.ion-ios-timer:before,.ion-ios-timer-outline:before,.ion-ios-toggle:before,.ion-ios-toggle-outline:before,.ion-ios-trash:before,.ion-ios-trash-outline:before,.ion-ios-undo:before,.ion-ios-undo-outline:before,.ion-ios-unlocked:before,.ion-ios-unlocked-outline:before,.ion-ios-upload:before,.ion-ios-upload-outline:before,.ion-ios-videocam:before,.ion-ios-videocam-outline:before,.ion-ios-volume-high:before,.ion-ios-volume-low:before,.ion-ios-wineglass:before,.ion-ios-wineglass-outline:before,.ion-ios-world:before,.ion-ios-world-outline:before,.ion-ipad:before,.ion-iphone:before,.ion-ipod:before,.ion-jet:before,.ion-key:before,.ion-knife:before,.ion-laptop:before,.ion-leaf:before,.ion-levels:before,.ion-lightbulb:before,.ion-link:before,.ion-load-a:before,.ion-load-b:before,.ion-load-c:before,.ion-load-d:before,.ion-location:before,.ion-lock-combination:before,.ion-locked:before,.ion-log-in:before,.ion-log-out:before,.ion-loop:before,.ion-magnet:before,.ion-male:before,.ion-man:before,.ion-map:before,.ion-medkit:before,.ion-merge:before,.ion-mic-a:before,.ion-mic-b:before,.ion-mic-c:before,.ion-minus:before,.ion-minus-circled:before,.ion-minus-round:before,.ion-model-s:before,.ion-monitor:before,.ion-more:before,.ion-mouse:before,.ion-music-note:before,.ion-navicon:before,.ion-navicon-round:before,.ion-navigate:before,.ion-network:before,.ion-no-smoking:before,.ion-nuclear:before,.ion-outlet:before,.ion-paintbrush:before,.ion-paintbucket:before,.ion-paper-airplane:before,.ion-paperclip:before,.ion-pause:before,.ion-person:before,.ion-person-add:before,.ion-person-stalker:before,.ion-pie-graph:before,.ion-pin:before,.ion-pinpoint:before,.ion-pizza:before,.ion-plane:before,.ion-planet:before,.ion-play:before,.ion-playstation:before,.ion-plus:before,.ion-plus-circled:before,.ion-plus-round:before,.ion-podium:before,.ion-pound:before,.ion-power:before,.ion-pricetag:before,.ion-pricetags:before,.ion-printer:before,.ion-pull-request:before,.ion-qr-scanner:before,.ion-quote:before,.ion-radio-waves:before,.ion-record:before,.ion-refresh:before,.ion-reply:before,.ion-reply-all:before,.ion-ribbon-a:before,.ion-ribbon-b:before,.ion-sad:before,.ion-sad-outline:before,.ion-scissors:before,.ion-search:before,.ion-settings:before,.ion-share:before,.ion-shuffle:before,.ion-skip-backward:before,.ion-skip-forward:before,.ion-social-android:before,.ion-social-android-outline:before,.ion-social-angular:before,.ion-social-angular-outline:before,.ion-social-apple:before,.ion-social-apple-outline:before,.ion-social-bitcoin:before,.ion-social-bitcoin-outline:before,.ion-social-buffer:before,.ion-social-buffer-outline:before,.ion-social-chrome:before,.ion-social-chrome-outline:before,.ion-social-codepen:before,.ion-social-codepen-outline:before,.ion-social-css3:before,.ion-social-css3-outline:before,.ion-social-designernews:before,.ion-social-designernews-outline:before,.ion-social-dribbble:before,.ion-social-dribbble-outline:before,.ion-social-dropbox:before,.ion-social-dropbox-outline:before,.ion-social-euro:before,.ion-social-euro-outline:before,.ion-social-facebook:before,.ion-social-facebook-outline:before,.ion-social-foursquare:before,.ion-social-foursquare-outline:before,.ion-social-freebsd-devil:before,.ion-social-github:before,.ion-social-github-outline:before,.ion-social-google:before,.ion-social-google-outline:before,.ion-social-googleplus:before,.ion-social-googleplus-outline:before,.ion-social-hackernews:before,.ion-social-hackernews-outline:before,.ion-social-html5:before,.ion-social-html5-outline:before,.ion-social-instagram:before,.ion-social-instagram-outline:before,.ion-social-javascript:before,.ion-social-javascript-outline:before,.ion-social-linkedin:before,.ion-social-linkedin-outline:before,.ion-social-markdown:before,.ion-social-nodejs:before,.ion-social-octocat:before,.ion-social-pinterest:before,.ion-social-pinterest-outline:before,.ion-social-python:before,.ion-social-reddit:before,.ion-social-reddit-outline:before,.ion-social-rss:before,.ion-social-rss-outline:before,.ion-social-sass:before,.ion-social-skype:before,.ion-social-skype-outline:before,.ion-social-snapchat:before,.ion-social-snapchat-outline:before,.ion-social-tumblr:before,.ion-social-tumblr-outline:before,.ion-social-tux:before,.ion-social-twitch:before,.ion-social-twitch-outline:before,.ion-social-twitter:before,.ion-social-twitter-outline:before,.ion-social-usd:before,.ion-social-usd-outline:before,.ion-social-vimeo:before,.ion-social-vimeo-outline:before,.ion-social-whatsapp:before,.ion-social-whatsapp-outline:before,.ion-social-windows:before,.ion-social-windows-outline:before,.ion-social-wordpress:before,.ion-social-wordpress-outline:before,.ion-social-yahoo:before,.ion-social-yahoo-outline:before,.ion-social-yen:before,.ion-social-yen-outline:before,.ion-social-youtube:before,.ion-social-youtube-outline:before,.ion-soup-can:before,.ion-soup-can-outline:before,.ion-speakerphone:before,.ion-speedometer:before,.ion-spoon:before,.ion-star:before,.ion-stats-bars:before,.ion-steam:before,.ion-stop:before,.ion-thermometer:before,.ion-thumbsdown:before,.ion-thumbsup:before,.ion-toggle:before,.ion-toggle-filled:before,.ion-transgender:before,.ion-trash-a:before,.ion-trash-b:before,.ion-trophy:before,.ion-tshirt:before,.ion-tshirt-outline:before,.ion-umbrella:before,.ion-university:before,.ion-unlocked:before,.ion-upload:before,.ion-usb:before,.ion-videocamera:before,.ion-volume-high:before,.ion-volume-low:before,.ion-volume-medium:before,.ion-volume-mute:before,.ion-wand:before,.ion-waterdrop:before,.ion-wifi:before,.ion-wineglass:before,.ion-woman:before,.ion-wrench:before,.ion-xbox:before{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-alert:before{content:"\f101"}.ion-alert-circled:before{content:"\f100"}.ion-android-add:before{content:"\f2c7"}.ion-android-add-circle:before{content:"\f359"}.ion-android-alarm-clock:before{content:"\f35a"}.ion-android-alert:before{content:"\f35b"}.ion-android-apps:before{content:"\f35c"}.ion-android-archive:before{content:"\f2c9"}.ion-android-arrow-back:before{content:"\f2ca"}.ion-android-arrow-down:before{content:"\f35d"}.ion-android-arrow-dropdown:before{content:"\f35f"}.ion-android-arrow-dropdown-circle:before{content:"\f35e"}.ion-android-arrow-dropleft:before{content:"\f361"}.ion-android-arrow-dropleft-circle:before{content:"\f360"}.ion-android-arrow-dropright:before{content:"\f363"}.ion-android-arrow-dropright-circle:before{content:"\f362"}.ion-android-arrow-dropup:before{content:"\f365"}.ion-android-arrow-dropup-circle:before{content:"\f364"}.ion-android-arrow-forward:before{content:"\f30f"}.ion-android-arrow-up:before{content:"\f366"}.ion-android-attach:before{content:"\f367"}.ion-android-bar:before{content:"\f368"}.ion-android-bicycle:before{content:"\f369"}.ion-android-boat:before{content:"\f36a"}.ion-android-bookmark:before{content:"\f36b"}.ion-android-bulb:before{content:"\f36c"}.ion-android-bus:before{content:"\f36d"}.ion-android-calendar:before{content:"\f2d1"}.ion-android-call:before{content:"\f2d2"}.ion-android-camera:before{content:"\f2d3"}.ion-android-cancel:before{content:"\f36e"}.ion-android-car:before{content:"\f36f"}.ion-android-cart:before{content:"\f370"}.ion-android-chat:before{content:"\f2d4"}.ion-android-checkbox:before{content:"\f374"}.ion-android-checkbox-blank:before{content:"\f371"}.ion-android-checkbox-outline:before{content:"\f373"}.ion-android-checkbox-outline-blank:before{content:"\f372"}.ion-android-checkmark-circle:before{content:"\f375"}.ion-android-clipboard:before{content:"\f376"}.ion-android-close:before{content:"\f2d7"}.ion-android-cloud:before{content:"\f37a"}.ion-android-cloud-circle:before{content:"\f377"}.ion-android-cloud-done:before{content:"\f378"}.ion-android-cloud-outline:before{content:"\f379"}.ion-android-color-palette:before{content:"\f37b"}.ion-android-compass:before{content:"\f37c"}.ion-android-contact:before{content:"\f2d8"}.ion-android-contacts:before{content:"\f2d9"}.ion-android-contract:before{content:"\f37d"}.ion-android-create:before{content:"\f37e"}.ion-android-delete:before{content:"\f37f"}.ion-android-desktop:before{content:"\f380"}.ion-android-document:before{content:"\f381"}.ion-android-done:before{content:"\f383"}.ion-android-done-all:before{content:"\f382"}.ion-android-download:before{content:"\f2dd"}.ion-android-drafts:before{content:"\f384"}.ion-android-exit:before{content:"\f385"}.ion-android-expand:before{content:"\f386"}.ion-android-favorite:before{content:"\f388"}.ion-android-favorite-outline:before{content:"\f387"}.ion-android-film:before{content:"\f389"}.ion-android-folder:before{content:"\f2e0"}.ion-android-folder-open:before{content:"\f38a"}.ion-android-funnel:before{content:"\f38b"}.ion-android-globe:before{content:"\f38c"}.ion-android-hand:before{content:"\f2e3"}.ion-android-hangout:before{content:"\f38d"}.ion-android-happy:before{content:"\f38e"}.ion-android-home:before{content:"\f38f"}.ion-android-image:before{content:"\f2e4"}.ion-android-laptop:before{content:"\f390"}.ion-android-list:before{content:"\f391"}.ion-android-locate:before{content:"\f2e9"}.ion-android-lock:before{content:"\f392"}.ion-android-mail:before{content:"\f2eb"}.ion-android-map:before{content:"\f393"}.ion-android-menu:before{content:"\f394"}.ion-android-microphone:before{content:"\f2ec"}.ion-android-microphone-off:before{content:"\f395"}.ion-android-more-horizontal:before{content:"\f396"}.ion-android-more-vertical:before{content:"\f397"}.ion-android-navigate:before{content:"\f398"}.ion-android-notifications:before{content:"\f39b"}.ion-android-notifications-none:before{content:"\f399"}.ion-android-notifications-off:before{content:"\f39a"}.ion-android-open:before{content:"\f39c"}.ion-android-options:before{content:"\f39d"}.ion-android-people:before{content:"\f39e"}.ion-android-person:before{content:"\f3a0"}.ion-android-person-add:before{content:"\f39f"}.ion-android-phone-landscape:before{content:"\f3a1"}.ion-android-phone-portrait:before{content:"\f3a2"}.ion-android-pin:before{content:"\f3a3"}.ion-android-plane:before{content:"\f3a4"}.ion-android-playstore:before{content:"\f2f0"}.ion-android-print:before{content:"\f3a5"}.ion-android-radio-button-off:before{content:"\f3a6"}.ion-android-radio-button-on:before{content:"\f3a7"}.ion-android-refresh:before{content:"\f3a8"}.ion-android-remove:before{content:"\f2f4"}.ion-android-remove-circle:before{content:"\f3a9"}.ion-android-restaurant:before{content:"\f3aa"}.ion-android-sad:before{content:"\f3ab"}.ion-android-search:before{content:"\f2f5"}.ion-android-send:before{content:"\f2f6"}.ion-android-settings:before{content:"\f2f7"}.ion-android-share:before{content:"\f2f8"}.ion-android-share-alt:before{content:"\f3ac"}.ion-android-star:before{content:"\f2fc"}.ion-android-star-half:before{content:"\f3ad"}.ion-android-star-outline:before{content:"\f3ae"}.ion-android-stopwatch:before{content:"\f2fd"}.ion-android-subway:before{content:"\f3af"}.ion-android-sunny:before{content:"\f3b0"}.ion-android-sync:before{content:"\f3b1"}.ion-android-textsms:before{content:"\f3b2"}.ion-android-time:before{content:"\f3b3"}.ion-android-train:before{content:"\f3b4"}.ion-android-unlock:before{content:"\f3b5"}.ion-android-upload:before{content:"\f3b6"}.ion-android-volume-down:before{content:"\f3b7"}.ion-android-volume-mute:before{content:"\f3b8"}.ion-android-volume-off:before{content:"\f3b9"}.ion-android-volume-up:before{content:"\f3ba"}.ion-android-walk:before{content:"\f3bb"}.ion-android-warning:before{content:"\f3bc"}.ion-android-watch:before{content:"\f3bd"}.ion-android-wifi:before{content:"\f305"}.ion-aperture:before{content:"\f313"}.ion-archive:before{content:"\f102"}.ion-arrow-down-a:before{content:"\f103"}.ion-arrow-down-b:before{content:"\f104"}.ion-arrow-down-c:before{content:"\f105"}.ion-arrow-expand:before{content:"\f25e"}.ion-arrow-graph-down-left:before{content:"\f25f"}.ion-arrow-graph-down-right:before{content:"\f260"}.ion-arrow-graph-up-left:before{content:"\f261"}.ion-arrow-graph-up-right:before{content:"\f262"}.ion-arrow-left-a:before{content:"\f106"}.ion-arrow-left-b:before{content:"\f107"}.ion-arrow-left-c:before{content:"\f108"}.ion-arrow-move:before{content:"\f263"}.ion-arrow-resize:before{content:"\f264"}.ion-arrow-return-left:before{content:"\f265"}.ion-arrow-return-right:before{content:"\f266"}.ion-arrow-right-a:before{content:"\f109"}.ion-arrow-right-b:before{content:"\f10a"}.ion-arrow-right-c:before{content:"\f10b"}.ion-arrow-shrink:before{content:"\f267"}.ion-arrow-swap:before{content:"\f268"}.ion-arrow-up-a:before{content:"\f10c"}.ion-arrow-up-b:before{content:"\f10d"}.ion-arrow-up-c:before{content:"\f10e"}.ion-asterisk:before{content:"\f314"}.ion-at:before{content:"\f10f"}.ion-backspace:before{content:"\f3bf"}.ion-backspace-outline:before{content:"\f3be"}.ion-bag:before{content:"\f110"}.ion-battery-charging:before{content:"\f111"}.ion-battery-empty:before{content:"\f112"}.ion-battery-full:before{content:"\f113"}.ion-battery-half:before{content:"\f114"}.ion-battery-low:before{content:"\f115"}.ion-beaker:before{content:"\f269"}.ion-beer:before{content:"\f26a"}.ion-bluetooth:before{content:"\f116"}.ion-bonfire:before{content:"\f315"}.ion-bookmark:before{content:"\f26b"}.ion-bowtie:before{content:"\f3c0"}.ion-briefcase:before{content:"\f26c"}.ion-bug:before{content:"\f2be"}.ion-calculator:before{content:"\f26d"}.ion-calendar:before{content:"\f117"}.ion-camera:before{content:"\f118"}.ion-card:before{content:"\f119"}.ion-cash:before{content:"\f316"}.ion-chatbox:before{content:"\f11b"}.ion-chatbox-working:before{content:"\f11a"}.ion-chatboxes:before{content:"\f11c"}.ion-chatbubble:before{content:"\f11e"}.ion-chatbubble-working:before{content:"\f11d"}.ion-chatbubbles:before{content:"\f11f"}.ion-checkmark:before{content:"\f122"}.ion-checkmark-circled:before{content:"\f120"}.ion-checkmark-round:before{content:"\f121"}.ion-chevron-down:before{content:"\f123"}.ion-chevron-left:before{content:"\f124"}.ion-chevron-right:before{content:"\f125"}.ion-chevron-up:before{content:"\f126"}.ion-clipboard:before{content:"\f127"}.ion-clock:before{content:"\f26e"}.ion-close:before{content:"\f12a"}.ion-close-circled:before{content:"\f128"}.ion-close-round:before{content:"\f129"}.ion-closed-captioning:before{content:"\f317"}.ion-cloud:before{content:"\f12b"}.ion-code:before{content:"\f271"}.ion-code-download:before{content:"\f26f"}.ion-code-working:before{content:"\f270"}.ion-coffee:before{content:"\f272"}.ion-compass:before{content:"\f273"}.ion-compose:before{content:"\f12c"}.ion-connection-bars:before{content:"\f274"}.ion-contrast:before{content:"\f275"}.ion-crop:before{content:"\f3c1"}.ion-cube:before{content:"\f318"}.ion-disc:before{content:"\f12d"}.ion-document:before{content:"\f12f"}.ion-document-text:before{content:"\f12e"}.ion-drag:before{content:"\f130"}.ion-earth:before{content:"\f276"}.ion-easel:before{content:"\f3c2"}.ion-edit:before{content:"\f2bf"}.ion-egg:before{content:"\f277"}.ion-eject:before{content:"\f131"}.ion-email:before{content:"\f132"}.ion-email-unread:before{content:"\f3c3"}.ion-erlenmeyer-flask:before{content:"\f3c5"}.ion-erlenmeyer-flask-bubbles:before{content:"\f3c4"}.ion-eye:before{content:"\f133"}.ion-eye-disabled:before{content:"\f306"}.ion-female:before{content:"\f278"}.ion-filing:before{content:"\f134"}.ion-film-marker:before{content:"\f135"}.ion-fireball:before{content:"\f319"}.ion-flag:before{content:"\f279"}.ion-flame:before{content:"\f31a"}.ion-flash:before{content:"\f137"}.ion-flash-off:before{content:"\f136"}.ion-folder:before{content:"\f139"}.ion-fork:before{content:"\f27a"}.ion-fork-repo:before{content:"\f2c0"}.ion-forward:before{content:"\f13a"}.ion-funnel:before{content:"\f31b"}.ion-gear-a:before{content:"\f13d"}.ion-gear-b:before{content:"\f13e"}.ion-grid:before{content:"\f13f"}.ion-hammer:before{content:"\f27b"}.ion-happy:before{content:"\f31c"}.ion-happy-outline:before{content:"\f3c6"}.ion-headphone:before{content:"\f140"}.ion-heart:before{content:"\f141"}.ion-heart-broken:before{content:"\f31d"}.ion-help:before{content:"\f143"}.ion-help-buoy:before{content:"\f27c"}.ion-help-circled:before{content:"\f142"}.ion-home:before{content:"\f144"}.ion-icecream:before{content:"\f27d"}.ion-image:before{content:"\f147"}.ion-images:before{content:"\f148"}.ion-information:before{content:"\f14a"}.ion-information-circled:before{content:"\f149"}.ion-ionic:before{content:"\f14b"}.ion-ios-alarm:before{content:"\f3c8"}.ion-ios-alarm-outline:before{content:"\f3c7"}.ion-ios-albums:before{content:"\f3ca"}.ion-ios-albums-outline:before{content:"\f3c9"}.ion-ios-americanfootball:before{content:"\f3cc"}.ion-ios-americanfootball-outline:before{content:"\f3cb"}.ion-ios-analytics:before{content:"\f3ce"}.ion-ios-analytics-outline:before{content:"\f3cd"}.ion-ios-arrow-back:before{content:"\f3cf"}.ion-ios-arrow-down:before{content:"\f3d0"}.ion-ios-arrow-forward:before{content:"\f3d1"}.ion-ios-arrow-left:before{content:"\f3d2"}.ion-ios-arrow-right:before{content:"\f3d3"}.ion-ios-arrow-thin-down:before{content:"\f3d4"}.ion-ios-arrow-thin-left:before{content:"\f3d5"}.ion-ios-arrow-thin-right:before{content:"\f3d6"}.ion-ios-arrow-thin-up:before{content:"\f3d7"}.ion-ios-arrow-up:before{content:"\f3d8"}.ion-ios-at:before{content:"\f3da"}.ion-ios-at-outline:before{content:"\f3d9"}.ion-ios-barcode:before{content:"\f3dc"}.ion-ios-barcode-outline:before{content:"\f3db"}.ion-ios-baseball:before{content:"\f3de"}.ion-ios-baseball-outline:before{content:"\f3dd"}.ion-ios-basketball:before{content:"\f3e0"}.ion-ios-basketball-outline:before{content:"\f3df"}.ion-ios-bell:before{content:"\f3e2"}.ion-ios-bell-outline:before{content:"\f3e1"}.ion-ios-body:before{content:"\f3e4"}.ion-ios-body-outline:before{content:"\f3e3"}.ion-ios-bolt:before{content:"\f3e6"}.ion-ios-bolt-outline:before{content:"\f3e5"}.ion-ios-book:before{content:"\f3e8"}.ion-ios-book-outline:before{content:"\f3e7"}.ion-ios-bookmarks:before{content:"\f3ea"}.ion-ios-bookmarks-outline:before{content:"\f3e9"}.ion-ios-box:before{content:"\f3ec"}.ion-ios-box-outline:before{content:"\f3eb"}.ion-ios-briefcase:before{content:"\f3ee"}.ion-ios-briefcase-outline:before{content:"\f3ed"}.ion-ios-browsers:before{content:"\f3f0"}.ion-ios-browsers-outline:before{content:"\f3ef"}.ion-ios-calculator:before{content:"\f3f2"}.ion-ios-calculator-outline:before{content:"\f3f1"}.ion-ios-calendar:before{content:"\f3f4"}.ion-ios-calendar-outline:before{content:"\f3f3"}.ion-ios-camera:before{content:"\f3f6"}.ion-ios-camera-outline:before{content:"\f3f5"}.ion-ios-cart:before{content:"\f3f8"}.ion-ios-cart-outline:before{content:"\f3f7"}.ion-ios-chatboxes:before{content:"\f3fa"}.ion-ios-chatboxes-outline:before{content:"\f3f9"}.ion-ios-chatbubble:before{content:"\f3fc"}.ion-ios-chatbubble-outline:before{content:"\f3fb"}.ion-ios-checkmark:before{content:"\f3ff"}.ion-ios-checkmark-empty:before{content:"\f3fd"}.ion-ios-checkmark-outline:before{content:"\f3fe"}.ion-ios-circle-filled:before{content:"\f400"}.ion-ios-circle-outline:before{content:"\f401"}.ion-ios-clock:before{content:"\f403"}.ion-ios-clock-outline:before{content:"\f402"}.ion-ios-close:before{content:"\f406"}.ion-ios-close-empty:before{content:"\f404"}.ion-ios-close-outline:before{content:"\f405"}.ion-ios-cloud:before{content:"\f40c"}.ion-ios-cloud-download:before{content:"\f408"}.ion-ios-cloud-download-outline:before{content:"\f407"}.ion-ios-cloud-outline:before{content:"\f409"}.ion-ios-cloud-upload:before{content:"\f40b"}.ion-ios-cloud-upload-outline:before{content:"\f40a"}.ion-ios-cloudy:before{content:"\f410"}.ion-ios-cloudy-night:before{content:"\f40e"}.ion-ios-cloudy-night-outline:before{content:"\f40d"}.ion-ios-cloudy-outline:before{content:"\f40f"}.ion-ios-cog:before{content:"\f412"}.ion-ios-cog-outline:before{content:"\f411"}.ion-ios-color-filter:before{content:"\f414"}.ion-ios-color-filter-outline:before{content:"\f413"}.ion-ios-color-wand:before{content:"\f416"}.ion-ios-color-wand-outline:before{content:"\f415"}.ion-ios-compose:before{content:"\f418"}.ion-ios-compose-outline:before{content:"\f417"}.ion-ios-contact:before{content:"\f41a"}.ion-ios-contact-outline:before{content:"\f419"}.ion-ios-copy:before{content:"\f41c"}.ion-ios-copy-outline:before{content:"\f41b"}.ion-ios-crop:before{content:"\f41e"}.ion-ios-crop-strong:before{content:"\f41d"}.ion-ios-download:before{content:"\f420"}.ion-ios-download-outline:before{content:"\f41f"}.ion-ios-drag:before{content:"\f421"}.ion-ios-email:before{content:"\f423"}.ion-ios-email-outline:before{content:"\f422"}.ion-ios-eye:before{content:"\f425"}.ion-ios-eye-outline:before{content:"\f424"}.ion-ios-fastforward:before{content:"\f427"}.ion-ios-fastforward-outline:before{content:"\f426"}.ion-ios-filing:before{content:"\f429"}.ion-ios-filing-outline:before{content:"\f428"}.ion-ios-film:before{content:"\f42b"}.ion-ios-film-outline:before{content:"\f42a"}.ion-ios-flag:before{content:"\f42d"}.ion-ios-flag-outline:before{content:"\f42c"}.ion-ios-flame:before{content:"\f42f"}.ion-ios-flame-outline:before{content:"\f42e"}.ion-ios-flask:before{content:"\f431"}.ion-ios-flask-outline:before{content:"\f430"}.ion-ios-flower:before{content:"\f433"}.ion-ios-flower-outline:before{content:"\f432"}.ion-ios-folder:before{content:"\f435"}.ion-ios-folder-outline:before{content:"\f434"}.ion-ios-football:before{content:"\f437"}.ion-ios-football-outline:before{content:"\f436"}.ion-ios-game-controller-a:before{content:"\f439"}.ion-ios-game-controller-a-outline:before{content:"\f438"}.ion-ios-game-controller-b:before{content:"\f43b"}.ion-ios-game-controller-b-outline:before{content:"\f43a"}.ion-ios-gear:before{content:"\f43d"}.ion-ios-gear-outline:before{content:"\f43c"}.ion-ios-glasses:before{content:"\f43f"}.ion-ios-glasses-outline:before{content:"\f43e"}.ion-ios-grid-view:before{content:"\f441"}.ion-ios-grid-view-outline:before{content:"\f440"}.ion-ios-heart:before{content:"\f443"}.ion-ios-heart-outline:before{content:"\f442"}.ion-ios-help:before{content:"\f446"}.ion-ios-help-empty:before{content:"\f444"}.ion-ios-help-outline:before{content:"\f445"}.ion-ios-home:before{content:"\f448"}.ion-ios-home-outline:before{content:"\f447"}.ion-ios-infinite:before{content:"\f44a"}.ion-ios-infinite-outline:before{content:"\f449"}.ion-ios-information:before{content:"\f44d"}.ion-ios-information-empty:before{content:"\f44b"}.ion-ios-information-outline:before{content:"\f44c"}.ion-ios-ionic-outline:before{content:"\f44e"}.ion-ios-keypad:before{content:"\f450"}.ion-ios-keypad-outline:before{content:"\f44f"}.ion-ios-lightbulb:before{content:"\f452"}.ion-ios-lightbulb-outline:before{content:"\f451"}.ion-ios-list:before{content:"\f454"}.ion-ios-list-outline:before{content:"\f453"}.ion-ios-location:before{content:"\f456"}.ion-ios-location-outline:before{content:"\f455"}.ion-ios-locked:before{content:"\f458"}.ion-ios-locked-outline:before{content:"\f457"}.ion-ios-loop:before{content:"\f45a"}.ion-ios-loop-strong:before{content:"\f459"}.ion-ios-medical:before{content:"\f45c"}.ion-ios-medical-outline:before{content:"\f45b"}.ion-ios-medkit:before{content:"\f45e"}.ion-ios-medkit-outline:before{content:"\f45d"}.ion-ios-mic:before{content:"\f461"}.ion-ios-mic-off:before{content:"\f45f"}.ion-ios-mic-outline:before{content:"\f460"}.ion-ios-minus:before{content:"\f464"}.ion-ios-minus-empty:before{content:"\f462"}.ion-ios-minus-outline:before{content:"\f463"}.ion-ios-monitor:before{content:"\f466"}.ion-ios-monitor-outline:before{content:"\f465"}.ion-ios-moon:before{content:"\f468"}.ion-ios-moon-outline:before{content:"\f467"}.ion-ios-more:before{content:"\f46a"}.ion-ios-more-outline:before{content:"\f469"}.ion-ios-musical-note:before{content:"\f46b"}.ion-ios-musical-notes:before{content:"\f46c"}.ion-ios-navigate:before{content:"\f46e"}.ion-ios-navigate-outline:before{content:"\f46d"}.ion-ios-nutrition:before{content:"\f470"}.ion-ios-nutrition-outline:before{content:"\f46f"}.ion-ios-paper:before{content:"\f472"}.ion-ios-paper-outline:before{content:"\f471"}.ion-ios-paperplane:before{content:"\f474"}.ion-ios-paperplane-outline:before{content:"\f473"}.ion-ios-partlysunny:before{content:"\f476"}.ion-ios-partlysunny-outline:before{content:"\f475"}.ion-ios-pause:before{content:"\f478"}.ion-ios-pause-outline:before{content:"\f477"}.ion-ios-paw:before{content:"\f47a"}.ion-ios-paw-outline:before{content:"\f479"}.ion-ios-people:before{content:"\f47c"}.ion-ios-people-outline:before{content:"\f47b"}.ion-ios-person:before{content:"\f47e"}.ion-ios-person-outline:before{content:"\f47d"}.ion-ios-personadd:before{content:"\f480"}.ion-ios-personadd-outline:before{content:"\f47f"}.ion-ios-photos:before{content:"\f482"}.ion-ios-photos-outline:before{content:"\f481"}.ion-ios-pie:before{content:"\f484"}.ion-ios-pie-outline:before{content:"\f483"}.ion-ios-pint:before{content:"\f486"}.ion-ios-pint-outline:before{content:"\f485"}.ion-ios-play:before{content:"\f488"}.ion-ios-play-outline:before{content:"\f487"}.ion-ios-plus:before{content:"\f48b"}.ion-ios-plus-empty:before{content:"\f489"}.ion-ios-plus-outline:before{content:"\f48a"}.ion-ios-pricetag:before{content:"\f48d"}.ion-ios-pricetag-outline:before{content:"\f48c"}.ion-ios-pricetags:before{content:"\f48f"}.ion-ios-pricetags-outline:before{content:"\f48e"}.ion-ios-printer:before{content:"\f491"}.ion-ios-printer-outline:before{content:"\f490"}.ion-ios-pulse:before{content:"\f493"}.ion-ios-pulse-strong:before{content:"\f492"}.ion-ios-rainy:before{content:"\f495"}.ion-ios-rainy-outline:before{content:"\f494"}.ion-ios-recording:before{content:"\f497"}.ion-ios-recording-outline:before{content:"\f496"}.ion-ios-redo:before{content:"\f499"}.ion-ios-redo-outline:before{content:"\f498"}.ion-ios-refresh:before{content:"\f49c"}.ion-ios-refresh-empty:before{content:"\f49a"}.ion-ios-refresh-outline:before{content:"\f49b"}.ion-ios-reload:before{content:"\f49d"}.ion-ios-reverse-camera:before{content:"\f49f"}.ion-ios-reverse-camera-outline:before{content:"\f49e"}.ion-ios-rewind:before{content:"\f4a1"}.ion-ios-rewind-outline:before{content:"\f4a0"}.ion-ios-rose:before{content:"\f4a3"}.ion-ios-rose-outline:before{content:"\f4a2"}.ion-ios-search:before{content:"\f4a5"}.ion-ios-search-strong:before{content:"\f4a4"}.ion-ios-settings:before{content:"\f4a7"}.ion-ios-settings-strong:before{content:"\f4a6"}.ion-ios-shuffle:before{content:"\f4a9"}.ion-ios-shuffle-strong:before{content:"\f4a8"}.ion-ios-skipbackward:before{content:"\f4ab"}.ion-ios-skipbackward-outline:before{content:"\f4aa"}.ion-ios-skipforward:before{content:"\f4ad"}.ion-ios-skipforward-outline:before{content:"\f4ac"}.ion-ios-snowy:before{content:"\f4ae"}.ion-ios-speedometer:before{content:"\f4b0"}.ion-ios-speedometer-outline:before{content:"\f4af"}.ion-ios-star:before{content:"\f4b3"}.ion-ios-star-half:before{content:"\f4b1"}.ion-ios-star-outline:before{content:"\f4b2"}.ion-ios-stopwatch:before{content:"\f4b5"}.ion-ios-stopwatch-outline:before{content:"\f4b4"}.ion-ios-sunny:before{content:"\f4b7"}.ion-ios-sunny-outline:before{content:"\f4b6"}.ion-ios-telephone:before{content:"\f4b9"}.ion-ios-telephone-outline:before{content:"\f4b8"}.ion-ios-tennisball:before{content:"\f4bb"}.ion-ios-tennisball-outline:before{content:"\f4ba"}.ion-ios-thunderstorm:before{content:"\f4bd"}.ion-ios-thunderstorm-outline:before{content:"\f4bc"}.ion-ios-time:before{content:"\f4bf"}.ion-ios-time-outline:before{content:"\f4be"}.ion-ios-timer:before{content:"\f4c1"}.ion-ios-timer-outline:before{content:"\f4c0"}.ion-ios-toggle:before{content:"\f4c3"}.ion-ios-toggle-outline:before{content:"\f4c2"}.ion-ios-trash:before{content:"\f4c5"}.ion-ios-trash-outline:before{content:"\f4c4"}.ion-ios-undo:before{content:"\f4c7"}.ion-ios-undo-outline:before{content:"\f4c6"}.ion-ios-unlocked:before{content:"\f4c9"}.ion-ios-unlocked-outline:before{content:"\f4c8"}.ion-ios-upload:before{content:"\f4cb"}.ion-ios-upload-outline:before{content:"\f4ca"}.ion-ios-videocam:before{content:"\f4cd"}.ion-ios-videocam-outline:before{content:"\f4cc"}.ion-ios-volume-high:before{content:"\f4ce"}.ion-ios-volume-low:before{content:"\f4cf"}.ion-ios-wineglass:before{content:"\f4d1"}.ion-ios-wineglass-outline:before{content:"\f4d0"}.ion-ios-world:before{content:"\f4d3"}.ion-ios-world-outline:before{content:"\f4d2"}.ion-ipad:before{content:"\f1f9"}.ion-iphone:before{content:"\f1fa"}.ion-ipod:before{content:"\f1fb"}.ion-jet:before{content:"\f295"}.ion-key:before{content:"\f296"}.ion-knife:before{content:"\f297"}.ion-laptop:before{content:"\f1fc"}.ion-leaf:before{content:"\f1fd"}.ion-levels:before{content:"\f298"}.ion-lightbulb:before{content:"\f299"}.ion-link:before{content:"\f1fe"}.ion-load-a:before{content:"\f29a"}.ion-load-b:before{content:"\f29b"}.ion-load-c:before{content:"\f29c"}.ion-load-d:before{content:"\f29d"}.ion-location:before{content:"\f1ff"}.ion-lock-combination:before{content:"\f4d4"}.ion-locked:before{content:"\f200"}.ion-log-in:before{content:"\f29e"}.ion-log-out:before{content:"\f29f"}.ion-loop:before{content:"\f201"}.ion-magnet:before{content:"\f2a0"}.ion-male:before{content:"\f2a1"}.ion-man:before{content:"\f202"}.ion-map:before{content:"\f203"}.ion-medkit:before{content:"\f2a2"}.ion-merge:before{content:"\f33f"}.ion-mic-a:before{content:"\f204"}.ion-mic-b:before{content:"\f205"}.ion-mic-c:before{content:"\f206"}.ion-minus:before{content:"\f209"}.ion-minus-circled:before{content:"\f207"}.ion-minus-round:before{content:"\f208"}.ion-model-s:before{content:"\f2c1"}.ion-monitor:before{content:"\f20a"}.ion-more:before{content:"\f20b"}.ion-mouse:before{content:"\f340"}.ion-music-note:before{content:"\f20c"}.ion-navicon:before{content:"\f20e"}.ion-navicon-round:before{content:"\f20d"}.ion-navigate:before{content:"\f2a3"}.ion-network:before{content:"\f341"}.ion-no-smoking:before{content:"\f2c2"}.ion-nuclear:before{content:"\f2a4"}.ion-outlet:before{content:"\f342"}.ion-paintbrush:before{content:"\f4d5"}.ion-paintbucket:before{content:"\f4d6"}.ion-paper-airplane:before{content:"\f2c3"}.ion-paperclip:before{content:"\f20f"}.ion-pause:before{content:"\f210"}.ion-person:before{content:"\f213"}.ion-person-add:before{content:"\f211"}.ion-person-stalker:before{content:"\f212"}.ion-pie-graph:before{content:"\f2a5"}.ion-pin:before{content:"\f2a6"}.ion-pinpoint:before{content:"\f2a7"}.ion-pizza:before{content:"\f2a8"}.ion-plane:before{content:"\f214"}.ion-planet:before{content:"\f343"}.ion-play:before{content:"\f215"}.ion-playstation:before{content:"\f30a"}.ion-plus:before{content:"\f218"}.ion-plus-circled:before{content:"\f216"}.ion-plus-round:before{content:"\f217"}.ion-podium:before{content:"\f344"}.ion-pound:before{content:"\f219"}.ion-power:before{content:"\f2a9"}.ion-pricetag:before{content:"\f2aa"}.ion-pricetags:before{content:"\f2ab"}.ion-printer:before{content:"\f21a"}.ion-pull-request:before{content:"\f345"}.ion-qr-scanner:before{content:"\f346"}.ion-quote:before{content:"\f347"}.ion-radio-waves:before{content:"\f2ac"}.ion-record:before{content:"\f21b"}.ion-refresh:before{content:"\f21c"}.ion-reply:before{content:"\f21e"}.ion-reply-all:before{content:"\f21d"}.ion-ribbon-a:before{content:"\f348"}.ion-ribbon-b:before{content:"\f349"}.ion-sad:before{content:"\f34a"}.ion-sad-outline:before{content:"\f4d7"}.ion-scissors:before{content:"\f34b"}.ion-search:before{content:"\f21f"}.ion-settings:before{content:"\f2ad"}.ion-share:before{content:"\f220"}.ion-shuffle:before{content:"\f221"}.ion-skip-backward:before{content:"\f222"}.ion-skip-forward:before{content:"\f223"}.ion-social-android:before{content:"\f225"}.ion-social-android-outline:before{content:"\f224"}.ion-social-angular:before{content:"\f4d9"}.ion-social-angular-outline:before{content:"\f4d8"}.ion-social-apple:before{content:"\f227"}.ion-social-apple-outline:before{content:"\f226"}.ion-social-bitcoin:before{content:"\f2af"}.ion-social-bitcoin-outline:before{content:"\f2ae"}.ion-social-buffer:before{content:"\f229"}.ion-social-buffer-outline:before{content:"\f228"}.ion-social-chrome:before{content:"\f4db"}.ion-social-chrome-outline:before{content:"\f4da"}.ion-social-codepen:before{content:"\f4dd"}.ion-social-codepen-outline:before{content:"\f4dc"}.ion-social-css3:before{content:"\f4df"}.ion-social-css3-outline:before{content:"\f4de"}.ion-social-designernews:before{content:"\f22b"}.ion-social-designernews-outline:before{content:"\f22a"}.ion-social-dribbble:before{content:"\f22d"}.ion-social-dribbble-outline:before{content:"\f22c"}.ion-social-dropbox:before{content:"\f22f"}.ion-social-dropbox-outline:before{content:"\f22e"}.ion-social-euro:before{content:"\f4e1"}.ion-social-euro-outline:before{content:"\f4e0"}.ion-social-facebook:before{content:"\f231"}.ion-social-facebook-outline:before{content:"\f230"}.ion-social-foursquare:before{content:"\f34d"}.ion-social-foursquare-outline:before{content:"\f34c"}.ion-social-freebsd-devil:before{content:"\f2c4"}.ion-social-github:before{content:"\f233"}.ion-social-github-outline:before{content:"\f232"}.ion-social-google:before{content:"\f34f"}.ion-social-google-outline:before{content:"\f34e"}.ion-social-googleplus:before{content:"\f235"}.ion-social-googleplus-outline:before{content:"\f234"}.ion-social-hackernews:before{content:"\f237"}.ion-social-hackernews-outline:before{content:"\f236"}.ion-social-html5:before{content:"\f4e3"}.ion-social-html5-outline:before{content:"\f4e2"}.ion-social-instagram:before{content:"\f351"}.ion-social-instagram-outline:before{content:"\f350"}.ion-social-javascript:before{content:"\f4e5"}.ion-social-javascript-outline:before{content:"\f4e4"}.ion-social-linkedin:before{content:"\f239"}.ion-social-linkedin-outline:before{content:"\f238"}.ion-social-markdown:before{content:"\f4e6"}.ion-social-nodejs:before{content:"\f4e7"}.ion-social-octocat:before{content:"\f4e8"}.ion-social-pinterest:before{content:"\f2b1"}.ion-social-pinterest-outline:before{content:"\f2b0"}.ion-social-python:before{content:"\f4e9"}.ion-social-reddit:before{content:"\f23b"}.ion-social-reddit-outline:before{content:"\f23a"}.ion-social-rss:before{content:"\f23d"}.ion-social-rss-outline:before{content:"\f23c"}.ion-social-sass:before{content:"\f4ea"}.ion-social-skype:before{content:"\f23f"}.ion-social-skype-outline:before{content:"\f23e"}.ion-social-snapchat:before{content:"\f4ec"}.ion-social-snapchat-outline:before{content:"\f4eb"}.ion-social-tumblr:before{content:"\f241"}.ion-social-tumblr-outline:before{content:"\f240"}.ion-social-tux:before{content:"\f2c5"}.ion-social-twitch:before{content:"\f4ee"}.ion-social-twitch-outline:before{content:"\f4ed"}.ion-social-twitter:before{content:"\f243"}.ion-social-twitter-outline:before{content:"\f242"}.ion-social-usd:before{content:"\f353"}.ion-social-usd-outline:before{content:"\f352"}.ion-social-vimeo:before{content:"\f245"}.ion-social-vimeo-outline:before{content:"\f244"}.ion-social-whatsapp:before{content:"\f4f0"}.ion-social-whatsapp-outline:before{content:"\f4ef"}.ion-social-windows:before{content:"\f247"}.ion-social-windows-outline:before{content:"\f246"}.ion-social-wordpress:before{content:"\f249"}.ion-social-wordpress-outline:before{content:"\f248"}.ion-social-yahoo:before{content:"\f24b"}.ion-social-yahoo-outline:before{content:"\f24a"}.ion-social-yen:before{content:"\f4f2"}.ion-social-yen-outline:before{content:"\f4f1"}.ion-social-youtube:before{content:"\f24d"}.ion-social-youtube-outline:before{content:"\f24c"}.ion-soup-can:before{content:"\f4f4"}.ion-soup-can-outline:before{content:"\f4f3"}.ion-speakerphone:before{content:"\f2b2"}.ion-speedometer:before{content:"\f2b3"}.ion-spoon:before{content:"\f2b4"}.ion-star:before{content:"\f24e"}.ion-stats-bars:before{content:"\f2b5"}.ion-steam:before{content:"\f30b"}.ion-stop:before{content:"\f24f"}.ion-thermometer:before{content:"\f2b6"}.ion-thumbsdown:before{content:"\f250"}.ion-thumbsup:before{content:"\f251"}.ion-toggle:before{content:"\f355"}.ion-toggle-filled:before{content:"\f354"}.ion-transgender:before{content:"\f4f5"}.ion-trash-a:before{content:"\f252"}.ion-trash-b:before{content:"\f253"}.ion-trophy:before{content:"\f356"}.ion-tshirt:before{content:"\f4f7"}.ion-tshirt-outline:before{content:"\f4f6"}.ion-umbrella:before{content:"\f2b7"}.ion-university:before{content:"\f357"}.ion-unlocked:before{content:"\f254"}.ion-upload:before{content:"\f255"}.ion-usb:before{content:"\f2b8"}.ion-videocamera:before{content:"\f256"}.ion-volume-high:before{content:"\f257"}.ion-volume-low:before{content:"\f258"}.ion-volume-medium:before{content:"\f259"}.ion-volume-mute:before{content:"\f25a"}.ion-wand:before{content:"\f358"}.ion-waterdrop:before{content:"\f25b"}.ion-wifi:before{content:"\f25c"}.ion-wineglass:before{content:"\f2b9"}.ion-woman:before{content:"\f25d"}.ion-wrench:before{content:"\f2ba"}.ion-xbox:before{content:"\f30c"} *{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .Fr-star { width: 225px; height: 40px; position: relative; display: inline-block; vertical-align: middle; margint-top: -2px; background-color: #ccc; } .Fr-star[data-title]:hover:after { content: attr(data-title); padding: 4px 8px; color: #333; position: absolute; left: 0; top: 100%; z-index: 20; white-space: nowrap; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 4px #222; -webkit-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc)); background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); } .Fr-star .Fr-star-bg{ position: absolute; height: 100%; width: 100%; background: url(images/Fr-star.svg) repeat; background-size: contain; } .Fr-star .Fr-star-value{ height: 100%; position: absolute; background-color: #ffbe10; } .Fr-star.size-2{ width: 170px; height: 30px; } .Fr-star.size-3{ width: 90px; height: 16px; } .Fr-star.size-4{ width: 55px; height: 10px; } .boxes--white li  .Fr-star .Fr-star-bg{ position: absolute; height: 100%; width: 100%; background: url(images/Fr-star2.svg) repeat; background-size: contain; } .vg-header__top { background-color: #000; color: #fff; padding: .25rem 0; } .google-translator { display:  inline-flex; justify-content: flex-start; } .goog-te-gadget .goog-te-combo { margin: 0 !important; padding: .30rem .30rem; background-color: transparent; color: #fff; border: none; font-size: 14px; } .goog-te-gadget .goog-te-combo option { background-color: #000; color: #fff; } div#google_translator { display: flex; height: 25px; overflow: hidden; } .google-translator select { background-image: url('images/retina/select-bg.svg'); background-repeat: no-repeat; background-position: right center; background-size: 14px; } .account-meta{display: inline-flex; justify-content: flex-end;} .header-flex{display: flex; justify-content: space-between; align-items: center; color: #fff;} @media(min-width:1199px){ .header-flex .notifier i span,.header-flex .header-notifier,.header-flex .myAccount > a,.header-flex .account-header li a{color: inherit;} } .header-flex .notifier i span{font-size: 26px;} .margin-left-auto{margin-left: auto;} .header-col:first-child{padding-right: 1rem;} /*Dialog box*/ .dialog_box { /*left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);*/ } .dialog_box_content { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .contact-detail > li.avlbl { color: #ff9900; font-size: 16px; } .dialog_overlay { background-color: rgba(0, 0, 0, 0.8); bottom: 0; left: 0; position: fixed; right: 0; top: 0; } .dialog_box_wrap.active { opacity: 1; z-index: 99999; bottom: 0; left: 0; position: fixed; right: 0; top: 0; } .dialog_box_wrap { /*bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; z-index: -1; transition: all 0.2s ease-in-out 0s; -wewbkit-transition: all 0.2s ease-in-out 0s;*/ } .dialog_box_wrap.active .dialog_box_content { /* transform: scale(0.8); -webkit-transform: scale(0.8); margin: 0 auto;*/ } .dialog_box_content { border-radius: 5px; /*max-width: 500px; min-width: 500px;*/ background-color: #fff; /*position: relative;*/ /* transform: scale(0.5); -webkit-transform: scale(0.5); transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;*/ } #deactivateform .dialog_box_content { /* min-width: 400px*/ } .show_content { display: block; } .hide_content { display: none; } .list-box-action-setimg .ion-checkmark-circled{ color: #0ae10a; } /* form .form{position:relative;} */ .search-custom .form input[type="button"] { background: rgba(0, 0, 0, 0) url("images/magni.png") no-repeat scroll right center; border: medium none; cursor: pointer; height: 30px; left: auto; padding: 0; position: absolute; right: 10px; bottom: 5px; width: 38px; } .dialog_overlay { background-color: rgba(0, 0, 0, 0.7); bottom: 0; left: 0; position: fixed; right: 0; top: 0; opacity: 0.5; } .dialog_box_wrap.active { opacity: 1; z-index: 99999; } .dialog_box_wrap { /* bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; transition: all 0.2s ease-in-out 0s; z-index: -1; */ } .dialog_box_wrap.active .dialog_box_content { /*  margin: 0 auto; transform: scale(1);*/ } .dialog_box_content { background-color: #fff; border-radius: 5px; /*max-width: 500px; min-width: 500px;*/ /*position: relative;*/ /* transform: scale(0.5); transition: all 0.5s ease-in-out 0s;*/ } @media(min-width:767px) { .dialog_box_content { /*width: 25vw;*/ } } @media(max-width:767px) { .dialog_box_content { width: 80vw; } } div#contentarea { height: auto; margin: 40px auto; padding: 40px 30px; background: rgba(217, 217, 217, 0.28); border-radius: 8px; zoom: 0.84; min-height: 50px; max-width: inherit; } div#applicants_list .reviewsrating.small { vertical-align: unset; } ul.imageCroppertext { margin-bottom: 10px } @media(max-width:767px) { .dialog_box { /* padding: 20px; width: 100%;*/ } .dialog_box_content { /*max-width: 80%; min-width: 100%;*/ } } #deactivateform .dialog_box_content { /*min-width: 400px;*/ } /* .Fr-star.size-3 { display: inline-block; vertical-align: top; } */ .artist_fee_schedule { display: table; margin-bottom: 20px; width: 100%; } .posted-txt { padding: 0 25px 25px; } .ui-helper-hidden-accessible { padding: 0 !important; display: none !important; } .ui-autocomplete-multiselect.ui-state-default { border: 0; padding: 0 !important; } li.no-msg { text-align: center; margin: 4% 0; font-size: 16px; font-weight: bold; } .chat-users.chat li.no-msg { border-bottom: none; } .chat-users.chat li.no-msg i { display: block; color: #ddd; font-size: 93px; } .popup section { width: 880px; } .form table tr td { padding: 12px 15px } .form-user .form input.v-btn.blue { padding: 12px 30px; } #facebox .popup, .dialog_box .popup { padding: 0px; } #facebox .sectionhead { /*padding: 15px;*/ } #facebox .sectionhead h4 { font-size: 18px; } #facebox, .dialog-box { top: 50% !important; transform: translateY(-50%); transform: translateY(-50%); } input[type="text"].time { background: url(images/small_clock.png); background-position: center right; background-repeat: no-repeat; cursor: pointer; } .btn-disabled { opacity: 0.5; } .recent-artist .slick-initialized .slick-slide { width: 305px; box-sizing: border-box; } .reviews-section .slick-initialized .slick-slide { width: 407px; box-sizing: border-box; } #back-to-top { cursor: pointer; position: fixed; bottom: 48px; right: 20px; display: none; background: #009ddc; color: #fff; font-weight: bold; padding: 11px 15px; border-radius: 37px; } #back-to-top i { font-size: 18px; font-weight: bold; } #back-to-top:hover { background-color: #555; /* Add a dark-grey background on hover */ } /* #audiosList .media-title{ width:40%; } */ /* #audiosList .media-title h3{ overflow-wrap: break-word; word-wrap: break-word; } */ .table-user--info .link-text { color: #0b8be6; } .table-user--info .link-text:hover { color: #f0703a; } .table td h6 { color: #393939; text-transform: capitalize; } .scroll__track { width: 10px; background: #f2f2f2; right: -1px !important; position: relative; box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1); } .scroll__handle { width: 10px; background: #0b8be6; margin: 0 0 0 0px; -webkit-transition: width 250ms; transition: width 250ms; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25); } .or-divider { margin: 5px 0 20px 0; text-transform: uppercase; } textarea#reply_text { min-height: auto; overflow: hidden; } #frmCreateGig .gig_field textarea, #frmCreateGig .gig_field select { min-height: 100px; } .explore-more { width: 100%; text-align: center; } .explore-more a.link-text { text-decoration: underline; } .magicsearch-wrapper .multi-item span { padding: 6px 0px; } .footer-nav h6 { margin-bottom: 9px; } .primary-nav ul li a.active, #footer .footer_links li a.active { color: #0b8be6; } .wrapphoto { margin: 0 3px; } .media-image-wrapper { height: 150px; float: left; } .post-img-view { float: left; } .post-img-view.width-half { width: 50%; } .post-img-view.width-full { width: 100%; } /* post last image overlay  [ */ .post-img-view.show-more, .posted-media.show-more { position: relative; } .post-img-view.show-more .post-img-slider, .posted-media.show-more .post-img-slider { position: absolute; color: #fff; font-weight: bold; top: 0; left: 0; right: 0; bottom: 0; display: flex; cursor: pointer; background-color: rgba(0, 0, 0, 0.7); } .post-img-view.show-more .post-img-slider:hover,.posted-media.show-more .post-img-slider:hover  { background: rgba(0, 0, 0, 0.5); } .post-img-view.show-more .post-img-slider:hover a,.posted-media.show-more .post-img-slider:hover a  { font-size: 50px; } .post-img-view img,.posted-media img { margin: 1px; } .show-more .post-img-slider a { margin: auto; color: #fff; font-weight: normal; font-size: 40px; } .post-image-slider { width: 1500px; } .post-image-slider .slick-slider.post-image-slider-inner {} .post-image-slider .slick-arrow { top: 50%; padding: 20px; position: absolute !important; } .post-image-slider .slick-arrow.slick-prev { left: 0; } .post-image-slider .slick-arrow.slick-next { right: 0; } /* ] */ .post-image-slider-inner { display: none; } .product-gallery-popup .product-information { width: 0px; display: none; } .product-gallery-popup .product-image { width: 100%; } .magic-search-fld .ui-autocomplete-multiselect.ui-state-default { border: 1px solid #ededed; } .magic-search-fld .ui-autocomplete-multiselect.ui-state-default:focus { box-shadow: 0px 0px 5px rgba(7, 158, 204, 0.3) } .form .magic-search-fld input[type="text"]:not(.error) {} .form .magic-search-fld input[type="text"]:focus, .ui-autocomplete-multiselect.ui-state-active {} .pref_locs_name { display: inline-block; background: #f6f6f6; margin: 5px 5px 0px 0; padding: 3px 8px; border-radius: 4px; border: 1px solid #ccc; color: #333; } .pref_locs_name span { margin: 3px 0 0 12px; } .pref_locs_name span i { color: #f0703a; cursor: pointer; } .magic-search-fld input[type="text"] {} .ui-autocomplete-multiselect .ui-autocomplete-multiselect-item .ui-icon { background-image: none; position: relative; top: 5px; right: -10px; } .ui-autocomplete-multiselect .ui-autocomplete-multiselect-item .ui-icon:before, .ui-autocomplete-multiselect .ui-autocomplete-multiselect-item .ui-icon:after { content: ''; height: 2px; width: 12px; display: block; background-color: #999; border-radius: 2px; position: absolute; top: 5px; left: 0px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .ui-autocomplete-multiselect .ui-autocomplete-multiselect-item .ui-icon:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .magic-search-fld .ui-autocomplete-multiselect.ui-state-default {} .ui-autocomplete li.ui-menu-item a, .ui-autocomplete-multiselect .ui-autocomplete-multiselect-item { font-size: 13px; } .magic-search-fld .ui-autocomplete-multiselect.ui-state-default { border: 0px; box-shadow: none; } .form input[type="submit"].themeBtn.midium { font-size: 13px; border-radius: 2px; padding: 0px 20px; height: 32px; line-height: 32px; } .posted-media-group{display: flex; flex-wrap: wrap; width: 100%;} .posted-media{flex: 0 0 50%;} .posted-media:only-child{flex: 0 0 100%;}.error { border-color: #f44336 !important; } /* #flash {background:rgba(0, 0, 0, 0.4);bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index: 9999; padding: 10px;} */ /* #flash  */ #flash { position: fixed; right: 10px; top: 80px; left: auto; z-index: 10002; } /* #flash .system-notice+.system-notice{ margin-top:20px;} */ #innerflash { /*   background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; */ /*  bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 99999999; */ } .system_message { position: relative; } #flash .system_notice { top: 20px; right: 20px; z-index: 9999999; position: fixed; min-width: 350px; max-width: 350px; } #flash .close { z-index: 1; margin: 0px 0px; width: 20px; height: 20px; position: absolute; right: 5px; top: 5px; text-align: center; line-height: 18px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } #flash .close:before { width: 3px; height: 15px; left: 50%; margin: 0 0 0 -2px; position: absolute; top: 2px; content: ""; /*    background: #fff;*/ background: #333; } #flash .close:after { width: 15px; height: 3px; left: 2px; top: 50%; margin: -2px 0 0 0; position: absolute; content: ""; /*    background: #fff;*/ background: #333; } #flash.div_error { margin: 0; } .div_error { position: relative; /* margin: 20px 0;  */ text-align: left; font-weight: 700; width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, .2); border: 1px solid; color: #fff; padding: 10px 40px 10px 15px; font-size: 15px; text-shadow: 0 1px 0 rgba(0, 0, 0, .5); background-color: #f44336; border-color: #de2b26; } .div_error ul { display: block; vertical-align: middle; position: relative; list-style: none; } .div_error li { font-weight: normal; font-size: 13px; color: #fff; } .div_msg { position: relative; font-weight: 700; width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, .2); border: 1px solid; color: #fff; padding: 10px 40px 10px 15px; font-size: 15px; text-shadow: 0 1px 0 rgba(0, 0, 0, .5); background-color: #61ba74; border-color: #3d9450; } .div_msg ul { display: block; vertical-align: middle; position: relative; } .div_msg li { font-weight: normal; font-size: 14px; } @media only screen and (max-width: 767px) { #flash .system_notice { right: 10px; min-width: 1%; left: 10px; max-width: 100%; } } .errorlist { list-style: none; position: relative; color: #ff7b61; font-size: 13px; background: #f44336; padding: 6px 10px; width: 100%; display: inline-block; } .errorlist:before { position: absolute; left: 5px; top: -4px; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #f44336; } .errorlist ul { margin: 10px 0; } .errorlist li { font-size: 12px; position: relative; padding: 0 0 0 20px; } .errorlist li a { position: relative; color: #fff; font-size: 10px; text-transform: uppercase; text-decoration: none; } .errorlist li:last-child { padding-bottom: 0; } .errorlist li:before { width: 0; height: 0; content: ""; border-bottom: 12px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: -3px; top: 2px; } .errorlist li a:before { z-index: 1; width: 2px; height: 5px; background: #f44336; left: -11px; top: 3px; content: ""; position: absolute; margin: 0 0 0 -5px; } .errorlist li a:after { z-index: 1; width: 2px; height: 2px; background: #f44336; left: -11px; bottom: 3px; content: ""; position: absolute; margin: 0 0 0 -5px; } .error { border-color: #f44336 !important; } #msg { background: rgba(0, 0, 0, 0.4); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; padding: 10px; } @media(min-width:576px) { #msg .system-notice { position: relative; right: 10px; top: 10px; float: right; clear: right; left: auto; } } #msg .system-notice + .system-notice { margin-top: 20px; } @media(min-width:576px) { .system-notice { top: 20px; right: 20px; z-index: 1000; position: fixed; min-width: 350px; } } .system-notice .close { z-index: 1; width: 20px; height: 20px; position: absolute; right: 5px; top: 5px; text-align: center; line-height: 18px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } .system-notice .close:before { width: 3px; height: 15px; left: 50%; margin: 0 0 0 -2px; position: absolute; top: 2px; content: ""; background: #fff; } .system-notice .close:after { width: 15px; height: 3px; left: 2px; top: 50%; margin: -2px 0 0 0; position: absolute; content: ""; background: #fff; } .system-notice .div_error { margin: 0; } .div_error { position: relative; margin: 0 0; text-align: left; font-weight: 700; width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, .2); border: 1px solid; color: #fff; padding: 10px 40px 10px 15px; font-size: 15px; text-shadow: 0 1px 0 rgba(0, 0, 0, .5); background-color: #f44336; border-color: #de2b26; } .div_error ul { display: block; vertical-align: middle; position: relative; list-style: none; } .div_error li { font-weight: normal; font-size: 13px; color: #fff; } .div_msg { position: relative; font-weight: 700; width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, .2); border: 1px solid; color: #fff; padding: 10px 40px 10px 15px; font-size: 15px; text-shadow: 0 1px 0 rgba(0, 0, 0, .5); background-color: #61ba74; border-color: #3d9450; } .div_msg ul { display: block; vertical-align: middle; position: relative; } .div_msg li { font-weight: normal; font-size: 14px; } /* alerts */ .alert { display: inline-block; font-size: 13px; color: #fff; width: 100%; position: relative; padding: 12px 15px 14px; margin-bottom: 18px; border: 1px solid transparent; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .2); } .alert h5 { font-size: 14px; padding: 0; color: #fff; text-align: center; } .alert h4 { margin-top: 0; color: inherit; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert_success { background-color: rgba(76, 175, 80, 0.9); border-color: rgba(49, 152, 53, 0.9); } .alert_info { background-color: rgba(33, 150, 243, 0.9); border-color: rgba(33, 150, 243, 0.9); } .alert_warning { background-color: rgba(255, 152, 0, 0.9); border-color: rgba(255, 152, 0, 0.9); } .alert_danger { background-color: rgba(244, 67, 54, 0.9); border-color: rgba(244, 67, 54, 0.9); } .alert_inverse { background: rgba(51, 51, 51, 0.9); box-shadow: 0 0 5px rgba(51, 51, 51, 0.5); color: #fff; } @media(min-width:576px) { .sysmsgcontent.smry_errors { max-width: 350px; min-width: 350px; display: block; } } @media(max-width:576px) { #flash .system-notice .close { right: 15px; top: 15px; } } .sysmsgcontent.smry_errors .errorlist:before { display: none; } .sysmsgcontent.smry_errors .errorlist { padding: 8px 15px; } .link-text.white { font-weight: 600; color: #fff; font-size: 12px; display: block; text-decoration: underline; padding-top: 10px; } #facebox { position: fixed; /*    top: 0;*/ top: 100px; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; padding: 30px; /*border: 3px solid rgba(0, 0, 0, 0); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4); box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);*/ } #facebox .content { /*display: table;*/ /*    width: 370px;*/ /*width: 100%; padding: 10px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ box-shadow: 0 0px 20px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0px 20px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0px 20px 3px rgba(0, 0, 0, 0.1); /*display: table;*/ padding: 15px; background: #fff; border-radius: 10px; margin: 0 auto; /*position: relative; overflow: hidden; min-width: 350px; min-height: 150px;*/ width: 25vw; /*margin: 15vh auto;*/ } #facebox .content.table-content { width: 50vw; } @media(max-width:1024px) { #facebox .popup { padding: 0; width: 50vw; } #facebox .content, #facebox .content.table-content { width: 100%; } } @media(max-width:992px) { #facebox .popup { padding: 0; width: 85vw; } #facebox .content, #facebox .content.table-content { width: 100%; } } #facebox .sectionhead { padding: 15px 0; } #facebox.profile-popup .content { width: 100%; } #facebox.profile-popup a.close { /*background: rgba(0, 0, 0, 0) url("images/whtclose-icn.png") no-repeat scroll center center;*/ display: block; float: right; /* height: 7px; width: 7px;*/ /*Commented because of edit profile image popup*/ } #facebox .content > p:first-child { margin-top: 0; } #facebox .content > p:last-child { margin-bottom: 0; } #facebox .close, .dialog_box .close { position: absolute; top: -5px; right: -40px; padding: 12px; background: #fff; width: 35px; height: 35px; border-radius: 50%; } @media(max-width:992px) { #facebox .close, .dialog_box .close { top: 0; right: 0; } } #facebox .close img { opacity: 0.8; } #facebox .close:hover img { opacity: 1.0; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; } .facebox_hide { z-index: -100; } .facebox_overlayBG { background-color: #000; z-index: 99; } #facebox .popup { position: relative; /* width: 350px;*/ } #facebox .popup .post-image-slider img { max-height: 800px; margin: auto; } .post-image-slider .slick-initialized .slick-track { display: flex; align-items: center; justify-content: center; } /*===========FACEBOX IMAGE POPUP===============*/ .img-container { position: relative; } .img-container .inst-btn { display: flex; padding: 5px 10px; border-radius: 4px; font-size: 0.9rem; z-index: 1; color: #333; justify-content: center; } .instruction-panel { position: relative; } .instruction-panel .link-close { z-index: 10; width: 30px; height: 30px; position: absolute; right: 0px; top: 0px; text-align: center; line-height: 18px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .instruction-panel .link-close:before { width: 3px; height: 15px; left: 50%; margin: 0 0 0 -1px; position: absolute; top: 8px; content: ""; background: #333; } .instruction-panel .link-close:after { width: 15px; height: 3px; left: 8px; top: 50%; margin: -1px 0 0 0; position: absolute; content: ""; background: #333; } .instruction-panel .two-panel-wrap { position: absolute; top: 100%; z-index: 1; background-color: #fff; padding: 10px; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15); display: none; } .instruction-panel .two-panel-wrap:before { content: " "; height: 0; left: 50%; pointer-events: none; position: absolute; z-index: 1; top: -8px; width: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); } @media(max-width:767px) { .instruction-panel .two-panel-wrap .cropText { font-size: 13px; } .instruction-panel .two-panel-wrap ul li { font-size: 13px; } .dialog_box_wrap .themeBtn { margin: 10px 0; } } #facebox.profile-popup .body { min-height: 250px; background: transparent; } @media(max-width:768px) { #facebox.profile-popup .content { max-height: 90vh; overflow-x: auto; } } /*! * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em } .fa-xs { font-size: 0.75em } .fa-sm { font-size: 0.875em } .fa-1x { font-size: 1em } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-6x { font-size: 6em } .fa-7x { font-size: 7em } .fa-8x { font-size: 8em } .fa-9x { font-size: 9em } .fa-10x { font-size: 10em } .fa-fw { text-align: center; width: 1.25em } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0 } .fa-ul>li { position: relative } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit } .fa-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: 0.3em } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: 0.3em } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1) } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100% } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-500px:before { content: "\f26e" } .fa-accessible-icon:before { content: "\f368" } .fa-accusoft:before { content: "\f369" } .fa-acquisitions-incorporated:before { content: "\f6af" } .fa-ad:before { content: "\f641" } .fa-address-book:before { content: "\f2b9" } .fa-address-card:before { content: "\f2bb" } .fa-adjust:before { content: "\f042" } .fa-adn:before { content: "\f170" } .fa-adobe:before { content: "\f778" } .fa-adversal:before { content: "\f36a" } .fa-affiliatetheme:before { content: "\f36b" } .fa-air-freshener:before { content: "\f5d0" } .fa-airbnb:before { content: "\f834" } .fa-algolia:before { content: "\f36c" } .fa-align-center:before { content: "\f037" } .fa-align-justify:before { content: "\f039" } .fa-align-left:before { content: "\f036" } .fa-align-right:before { content: "\f038" } .fa-alipay:before { content: "\f642" } .fa-allergies:before { content: "\f461" } .fa-amazon:before { content: "\f270" } .fa-amazon-pay:before { content: "\f42c" } .fa-ambulance:before { content: "\f0f9" } .fa-american-sign-language-interpreting:before { content: "\f2a3" } .fa-amilia:before { content: "\f36d" } .fa-anchor:before { content: "\f13d" } .fa-android:before { content: "\f17b" } .fa-angellist:before { content: "\f209" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-down:before { content: "\f107" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angry:before { content: "\f556" } .fa-angrycreative:before { content: "\f36e" } .fa-angular:before { content: "\f420" } .fa-ankh:before { content: "\f644" } .fa-app-store:before { content: "\f36f" } .fa-app-store-ios:before { content: "\f370" } .fa-apper:before { content: "\f371" } .fa-apple:before { content: "\f179" } .fa-apple-alt:before { content: "\f5d1" } .fa-apple-pay:before { content: "\f415" } .fa-archive:before { content: "\f187" } .fa-archway:before { content: "\f557" } .fa-arrow-alt-circle-down:before { content: "\f358" } .fa-arrow-alt-circle-left:before { content: "\f359" } .fa-arrow-alt-circle-right:before { content: "\f35a" } .fa-arrow-alt-circle-up:before { content: "\f35b" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-down:before { content: "\f063" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrows-alt:before { content: "\f0b2" } .fa-arrows-alt-h:before { content: "\f337" } .fa-arrows-alt-v:before { content: "\f338" } .fa-artstation:before { content: "\f77a" } .fa-assistive-listening-systems:before { content: "\f2a2" } .fa-asterisk:before { content: "\f069" } .fa-asymmetrik:before { content: "\f372" } .fa-at:before { content: "\f1fa" } .fa-atlas:before { content: "\f558" } .fa-atlassian:before { content: "\f77b" } .fa-atom:before { content: "\f5d2" } .fa-audible:before { content: "\f373" } .fa-audio-description:before { content: "\f29e" } .fa-autoprefixer:before { content: "\f41c" } .fa-avianex:before { content: "\f374" } .fa-aviato:before { content: "\f421" } .fa-award:before { content: "\f559" } .fa-aws:before { content: "\f375" } .fa-baby:before { content: "\f77c" } .fa-baby-carriage:before { content: "\f77d" } .fa-backspace:before { content: "\f55a" } .fa-backward:before { content: "\f04a" } .fa-bacon:before { content: "\f7e5" } .fa-bahai:before { content: "\f666" } .fa-balance-scale:before { content: "\f24e" } .fa-balance-scale-left:before { content: "\f515" } .fa-balance-scale-right:before { content: "\f516" } .fa-ban:before { content: "\f05e" } .fa-band-aid:before { content: "\f462" } .fa-bandcamp:before { content: "\f2d5" } .fa-barcode:before { content: "\f02a" } .fa-bars:before { content: "\f0c9" } .fa-baseball-ball:before { content: "\f433" } .fa-basketball-ball:before { content: "\f434" } .fa-bath:before { content: "\f2cd" } .fa-battery-empty:before { content: "\f244" } .fa-battery-full:before { content: "\f240" } .fa-battery-half:before { content: "\f242" } .fa-battery-quarter:before { content: "\f243" } .fa-battery-three-quarters:before { content: "\f241" } .fa-battle-net:before { content: "\f835" } .fa-bed:before { content: "\f236" } .fa-beer:before { content: "\f0fc" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-bell:before { content: "\f0f3" } .fa-bell-slash:before { content: "\f1f6" } .fa-bezier-curve:before { content: "\f55b" } .fa-bible:before { content: "\f647" } .fa-bicycle:before { content: "\f206" } .fa-biking:before { content: "\f84a" } .fa-bimobject:before { content: "\f378" } .fa-binoculars:before { content: "\f1e5" } .fa-biohazard:before { content: "\f780" } .fa-birthday-cake:before { content: "\f1fd" } .fa-bitbucket:before { content: "\f171" } .fa-bitcoin:before { content: "\f379" } .fa-bity:before { content: "\f37a" } .fa-black-tie:before { content: "\f27e" } .fa-blackberry:before { content: "\f37b" } .fa-blender:before { content: "\f517" } .fa-blender-phone:before { content: "\f6b6" } .fa-blind:before { content: "\f29d" } .fa-blog:before { content: "\f781" } .fa-blogger:before { content: "\f37c" } .fa-blogger-b:before { content: "\f37d" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-bold:before { content: "\f032" } .fa-bolt:before { content: "\f0e7" } .fa-bomb:before { content: "\f1e2" } .fa-bone:before { content: "\f5d7" } .fa-bong:before { content: "\f55c" } .fa-book:before { content: "\f02d" } .fa-book-dead:before { content: "\f6b7" } .fa-book-medical:before { content: "\f7e6" } .fa-book-open:before { content: "\f518" } .fa-book-reader:before { content: "\f5da" } .fa-bookmark:before { content: "\f02e" } .fa-bootstrap:before { content: "\f836" } .fa-border-all:before { content: "\f84c" } .fa-border-none:before { content: "\f850" } .fa-border-style:before { content: "\f853" } .fa-bowling-ball:before { content: "\f436" } .fa-box:before { content: "\f466" } .fa-box-open:before { content: "\f49e" } .fa-boxes:before { content: "\f468" } .fa-braille:before { content: "\f2a1" } .fa-brain:before { content: "\f5dc" } .fa-bread-slice:before { content: "\f7ec" } .fa-briefcase:before { content: "\f0b1" } .fa-briefcase-medical:before { content: "\f469" } .fa-broadcast-tower:before { content: "\f519" } .fa-broom:before { content: "\f51a" } .fa-brush:before { content: "\f55d" } .fa-btc:before { content: "\f15a" } .fa-buffer:before { content: "\f837" } .fa-bug:before { content: "\f188" } .fa-building:before { content: "\f1ad" } .fa-bullhorn:before { content: "\f0a1" } .fa-bullseye:before { content: "\f140" } .fa-burn:before { content: "\f46a" } .fa-buromobelexperte:before { content: "\f37f" } .fa-bus:before { content: "\f207" } .fa-bus-alt:before { content: "\f55e" } .fa-business-time:before { content: "\f64a" } .fa-buy-n-large:before { content: "\f8a6" } .fa-buysellads:before { content: "\f20d" } .fa-calculator:before { content: "\f1ec" } .fa-calendar:before { content: "\f133" } .fa-calendar-alt:before { content: "\f073" } .fa-calendar-check:before { content: "\f274" } .fa-calendar-day:before { content: "\f783" } .fa-calendar-minus:before { content: "\f272" } .fa-calendar-plus:before { content: "\f271" } .fa-calendar-times:before { content: "\f273" } .fa-calendar-week:before { content: "\f784" } .fa-camera:before { content: "\f030" } .fa-camera-retro:before { content: "\f083" } .fa-campground:before { content: "\f6bb" } .fa-canadian-maple-leaf:before { content: "\f785" } .fa-candy-cane:before { content: "\f786" } .fa-cannabis:before { content: "\f55f" } .fa-capsules:before { content: "\f46b" } .fa-car:before { content: "\f1b9" } .fa-car-alt:before { content: "\f5de" } .fa-car-battery:before { content: "\f5df" } .fa-car-crash:before { content: "\f5e1" } .fa-car-side:before { content: "\f5e4" } .fa-caravan:before { content: "\f8ff" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-caret-square-down:before { content: "\f150" } .fa-caret-square-left:before { content: "\f191" } .fa-caret-square-right:before { content: "\f152" } .fa-caret-square-up:before { content: "\f151" } .fa-caret-up:before { content: "\f0d8" } .fa-carrot:before { content: "\f787" } .fa-cart-arrow-down:before { content: "\f218" } .fa-cart-plus:before { content: "\f217" } .fa-cash-register:before { content: "\f788" } .fa-cat:before { content: "\f6be" } .fa-cc-amazon-pay:before { content: "\f42d" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-apple-pay:before { content: "\f416" } .fa-cc-diners-club:before { content: "\f24c" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-cc-visa:before { content: "\f1f0" } .fa-centercode:before { content: "\f380" } .fa-centos:before { content: "\f789" } .fa-certificate:before { content: "\f0a3" } .fa-chair:before { content: "\f6c0" } .fa-chalkboard:before { content: "\f51b" } .fa-chalkboard-teacher:before { content: "\f51c" } .fa-charging-station:before { content: "\f5e7" } .fa-chart-area:before { content: "\f1fe" } .fa-chart-bar:before { content: "\f080" } .fa-chart-line:before { content: "\f201" } .fa-chart-pie:before { content: "\f200" } .fa-check:before { content: "\f00c" } .fa-check-circle:before { content: "\f058" } .fa-check-double:before { content: "\f560" } .fa-check-square:before { content: "\f14a" } .fa-cheese:before { content: "\f7ef" } .fa-chess:before { content: "\f439" } .fa-chess-bishop:before { content: "\f43a" } .fa-chess-board:before { content: "\f43c" } .fa-chess-king:before { content: "\f43f" } .fa-chess-knight:before { content: "\f441" } .fa-chess-pawn:before { content: "\f443" } .fa-chess-queen:before { content: "\f445" } .fa-chess-rook:before { content: "\f447" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-down:before { content: "\f078" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-chevron-up:before { content: "\f077" } .fa-child:before { content: "\f1ae" } .fa-chrome:before { content: "\f268" } .fa-chromecast:before { content: "\f838" } .fa-church:before { content: "\f51d" } .fa-circle:before { content: "\f111" } .fa-circle-notch:before { content: "\f1ce" } .fa-city:before { content: "\f64f" } .fa-clinic-medical:before { content: "\f7f2" } .fa-clipboard:before { content: "\f328" } .fa-clipboard-check:before { content: "\f46c" } .fa-clipboard-list:before { content: "\f46d" } .fa-clock:before { content: "\f017" } .fa-clone:before { content: "\f24d" } .fa-closed-captioning:before { content: "\f20a" } .fa-cloud:before { content: "\f0c2" } .fa-cloud-download-alt:before { content: "\f381" } .fa-cloud-meatball:before { content: "\f73b" } .fa-cloud-moon:before { content: "\f6c3" } .fa-cloud-moon-rain:before { content: "\f73c" } .fa-cloud-rain:before { content: "\f73d" } .fa-cloud-showers-heavy:before { content: "\f740" } .fa-cloud-sun:before { content: "\f6c4" } .fa-cloud-sun-rain:before { content: "\f743" } .fa-cloud-upload-alt:before { content: "\f382" } .fa-cloudscale:before { content: "\f383" } .fa-cloudsmith:before { content: "\f384" } .fa-cloudversify:before { content: "\f385" } .fa-cocktail:before { content: "\f561" } .fa-code:before { content: "\f121" } .fa-code-branch:before { content: "\f126" } .fa-codepen:before { content: "\f1cb" } .fa-codiepie:before { content: "\f284" } .fa-coffee:before { content: "\f0f4" } .fa-cog:before { content: "\f013" } .fa-cogs:before { content: "\f085" } .fa-coins:before { content: "\f51e" } .fa-columns:before { content: "\f0db" } .fa-comment:before { content: "\f075" } .fa-comment-alt:before { content: "\f27a" } .fa-comment-dollar:before { content: "\f651" } .fa-comment-dots:before { content: "\f4ad" } .fa-comment-medical:before { content: "\f7f5" } .fa-comment-slash:before { content: "\f4b3" } .fa-comments:before { content: "\f086" } .fa-comments-dollar:before { content: "\f653" } .fa-compact-disc:before { content: "\f51f" } .fa-compass:before { content: "\f14e" } .fa-compress:before { content: "\f066" } .fa-compress-alt:before { content: "\f422" } .fa-compress-arrows-alt:before { content: "\f78c" } .fa-concierge-bell:before { content: "\f562" } .fa-confluence:before { content: "\f78d" } .fa-connectdevelop:before { content: "\f20e" } .fa-contao:before { content: "\f26d" } .fa-cookie:before { content: "\f563" } .fa-cookie-bite:before { content: "\f564" } .fa-copy:before { content: "\f0c5" } .fa-copyright:before { content: "\f1f9" } .fa-cotton-bureau:before { content: "\f89e" } .fa-couch:before { content: "\f4b8" } .fa-cpanel:before { content: "\f388" } .fa-creative-commons:before { content: "\f25e" } .fa-creative-commons-by:before { content: "\f4e7" } .fa-creative-commons-nc:before { content: "\f4e8" } .fa-creative-commons-nc-eu:before { content: "\f4e9" } .fa-creative-commons-nc-jp:before { content: "\f4ea" } .fa-creative-commons-nd:before { content: "\f4eb" } .fa-creative-commons-pd:before { content: "\f4ec" } .fa-creative-commons-pd-alt:before { content: "\f4ed" } .fa-creative-commons-remix:before { content: "\f4ee" } .fa-creative-commons-sa:before { content: "\f4ef" } .fa-creative-commons-sampling:before { content: "\f4f0" } .fa-creative-commons-sampling-plus:before { content: "\f4f1" } .fa-creative-commons-share:before { content: "\f4f2" } .fa-creative-commons-zero:before { content: "\f4f3" } .fa-credit-card:before { content: "\f09d" } .fa-critical-role:before { content: "\f6c9" } .fa-crop:before { content: "\f125" } .fa-crop-alt:before { content: "\f565" } .fa-cross:before { content: "\f654" } .fa-crosshairs:before { content: "\f05b" } .fa-crow:before { content: "\f520" } .fa-crown:before { content: "\f521" } .fa-crutch:before { content: "\f7f7" } .fa-css3:before { content: "\f13c" } .fa-css3-alt:before { content: "\f38b" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-cut:before { content: "\f0c4" } .fa-cuttlefish:before { content: "\f38c" } .fa-d-and-d:before { content: "\f38d" } .fa-d-and-d-beyond:before { content: "\f6ca" } .fa-dashcube:before { content: "\f210" } .fa-database:before { content: "\f1c0" } .fa-deaf:before { content: "\f2a4" } .fa-delicious:before { content: "\f1a5" } .fa-democrat:before { content: "\f747" } .fa-deploydog:before { content: "\f38e" } .fa-deskpro:before { content: "\f38f" } .fa-desktop:before { content: "\f108" } .fa-dev:before { content: "\f6cc" } .fa-deviantart:before { content: "\f1bd" } .fa-dharmachakra:before { content: "\f655" } .fa-dhl:before { content: "\f790" } .fa-diagnoses:before { content: "\f470" } .fa-diaspora:before { content: "\f791" } .fa-dice:before { content: "\f522" } .fa-dice-d20:before { content: "\f6cf" } .fa-dice-d6:before { content: "\f6d1" } .fa-dice-five:before { content: "\f523" } .fa-dice-four:before { content: "\f524" } .fa-dice-one:before { content: "\f525" } .fa-dice-six:before { content: "\f526" } .fa-dice-three:before { content: "\f527" } .fa-dice-two:before { content: "\f528" } .fa-digg:before { content: "\f1a6" } .fa-digital-ocean:before { content: "\f391" } .fa-digital-tachograph:before { content: "\f566" } .fa-directions:before { content: "\f5eb" } .fa-discord:before { content: "\f392" } .fa-discourse:before { content: "\f393" } .fa-divide:before { content: "\f529" } .fa-dizzy:before { content: "\f567" } .fa-dna:before { content: "\f471" } .fa-dochub:before { content: "\f394" } .fa-docker:before { content: "\f395" } .fa-dog:before { content: "\f6d3" } .fa-dollar-sign:before { content: "\f155" } .fa-dolly:before { content: "\f472" } .fa-dolly-flatbed:before { content: "\f474" } .fa-donate:before { content: "\f4b9" } .fa-door-closed:before { content: "\f52a" } .fa-door-open:before { content: "\f52b" } .fa-dot-circle:before { content: "\f192" } .fa-dove:before { content: "\f4ba" } .fa-download:before { content: "\f019" } .fa-draft2digital:before { content: "\f396" } .fa-drafting-compass:before { content: "\f568" } .fa-dragon:before { content: "\f6d5" } .fa-draw-polygon:before { content: "\f5ee" } .fa-dribbble:before { content: "\f17d" } .fa-dribbble-square:before { content: "\f397" } .fa-dropbox:before { content: "\f16b" } .fa-drum:before { content: "\f569" } .fa-drum-steelpan:before { content: "\f56a" } .fa-drumstick-bite:before { content: "\f6d7" } .fa-drupal:before { content: "\f1a9" } .fa-dumbbell:before { content: "\f44b" } .fa-dumpster:before { content: "\f793" } .fa-dumpster-fire:before { content: "\f794" } .fa-dungeon:before { content: "\f6d9" } .fa-dyalog:before { content: "\f399" } .fa-earlybirds:before { content: "\f39a" } .fa-ebay:before { content: "\f4f4" } .fa-edge:before { content: "\f282" } .fa-edit:before { content: "\f044" } .fa-egg:before { content: "\f7fb" } .fa-eject:before { content: "\f052" } .fa-elementor:before { content: "\f430" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-ello:before { content: "\f5f1" } .fa-ember:before { content: "\f423" } .fa-empire:before { content: "\f1d1" } .fa-envelope:before { content: "\f0e0" } .fa-envelope-open:before { content: "\f2b6" } .fa-envelope-open-text:before { content: "\f658" } .fa-envelope-square:before { content: "\f199" } .fa-envira:before { content: "\f299" } .fa-equals:before { content: "\f52c" } .fa-eraser:before { content: "\f12d" } .fa-erlang:before { content: "\f39d" } .fa-ethereum:before { content: "\f42e" } .fa-ethernet:before { content: "\f796" } .fa-etsy:before { content: "\f2d7" } .fa-euro-sign:before { content: "\f153" } .fa-evernote:before { content: "\f839" } .fa-exchange-alt:before { content: "\f362" } .fa-exclamation:before { content: "\f12a" } .fa-exclamation-circle:before { content: "\f06a" } .fa-exclamation-triangle:before { content: "\f071" } .fa-expand:before { content: "\f065" } .fa-expand-alt:before { content: "\f424" } .fa-expand-arrows-alt:before { content: "\f31e" } .fa-expeditedssl:before { content: "\f23e" } .fa-external-link-alt:before { content: "\f35d" } .fa-external-link-square-alt:before { content: "\f360" } .fa-eye:before { content: "\f06e" } .fa-eye-dropper:before { content: "\f1fb" } .fa-eye-slash:before { content: "\f070" } .fa-facebook:before { content: "\f09a" } .fa-facebook-f:before { content: "\f39e" } .fa-facebook-messenger:before { content: "\f39f" } .fa-facebook-square:before { content: "\f082" } .fa-fan:before { content: "\f863" } .fa-fantasy-flight-games:before { content: "\f6dc" } .fa-fast-backward:before { content: "\f049" } .fa-fast-forward:before { content: "\f050" } .fa-fax:before { content: "\f1ac" } .fa-feather:before { content: "\f52d" } .fa-feather-alt:before { content: "\f56b" } .fa-fedex:before { content: "\f797" } .fa-fedora:before { content: "\f798" } .fa-female:before { content: "\f182" } .fa-fighter-jet:before { content: "\f0fb" } .fa-figma:before { content: "\f799" } .fa-file:before { content: "\f15b" } .fa-file-alt:before { content: "\f15c" } .fa-file-archive:before { content: "\f1c6" } .fa-file-audio:before { content: "\f1c7" } .fa-file-code:before { content: "\f1c9" } .fa-file-contract:before { content: "\f56c" } .fa-file-csv:before { content: "\f6dd" } .fa-file-download:before { content: "\f56d" } .fa-file-excel:before { content: "\f1c3" } .fa-file-export:before { content: "\f56e" } .fa-file-image:before { content: "\f1c5" } .fa-file-import:before { content: "\f56f" } .fa-file-invoice:before { content: "\f570" } .fa-file-invoice-dollar:before { content: "\f571" } .fa-file-medical:before { content: "\f477" } .fa-file-medical-alt:before { content: "\f478" } .fa-file-pdf:before { content: "\f1c1" } .fa-file-powerpoint:before { content: "\f1c4" } .fa-file-prescription:before { content: "\f572" } .fa-file-signature:before { content: "\f573" } .fa-file-upload:before { content: "\f574" } .fa-file-video:before { content: "\f1c8" } .fa-file-word:before { content: "\f1c2" } .fa-fill:before { content: "\f575" } .fa-fill-drip:before { content: "\f576" } .fa-film:before { content: "\f008" } .fa-filter:before { content: "\f0b0" } .fa-fingerprint:before { content: "\f577" } .fa-fire:before { content: "\f06d" } .fa-fire-alt:before { content: "\f7e4" } .fa-fire-extinguisher:before { content: "\f134" } .fa-firefox:before { content: "\f269" } .fa-firefox-browser:before { content: "\f907" } .fa-first-aid:before { content: "\f479" } .fa-first-order:before { content: "\f2b0" } .fa-first-order-alt:before { content: "\f50a" } .fa-firstdraft:before { content: "\f3a1" } .fa-fish:before { content: "\f578" } .fa-fist-raised:before { content: "\f6de" } .fa-flag:before { content: "\f024" } .fa-flag-checkered:before { content: "\f11e" } .fa-flag-usa:before { content: "\f74d" } .fa-flask:before { content: "\f0c3" } .fa-flickr:before { content: "\f16e" } .fa-flipboard:before { content: "\f44d" } .fa-flushed:before { content: "\f579" } .fa-fly:before { content: "\f417" } .fa-folder:before { content: "\f07b" } .fa-folder-minus:before { content: "\f65d" } .fa-folder-open:before { content: "\f07c" } .fa-folder-plus:before { content: "\f65e" } .fa-font:before { content: "\f031" } .fa-font-awesome:before { content: "\f2b4" } .fa-font-awesome-alt:before { content: "\f35c" } .fa-font-awesome-flag:before { content: "\f425" } .fa-font-awesome-logo-full:before { content: "\f4e6" } .fa-fonticons:before { content: "\f280" } .fa-fonticons-fi:before { content: "\f3a2" } .fa-football-ball:before { content: "\f44e" } .fa-fort-awesome:before { content: "\f286" } .fa-fort-awesome-alt:before { content: "\f3a3" } .fa-forumbee:before { content: "\f211" } .fa-forward:before { content: "\f04e" } .fa-foursquare:before { content: "\f180" } .fa-free-code-camp:before { content: "\f2c5" } .fa-freebsd:before { content: "\f3a4" } .fa-frog:before { content: "\f52e" } .fa-frown:before { content: "\f119" } .fa-frown-open:before { content: "\f57a" } .fa-fulcrum:before { content: "\f50b" } .fa-funnel-dollar:before { content: "\f662" } .fa-futbol:before { content: "\f1e3" } .fa-galactic-republic:before { content: "\f50c" } .fa-galactic-senate:before { content: "\f50d" } .fa-gamepad:before { content: "\f11b" } .fa-gas-pump:before { content: "\f52f" } .fa-gavel:before { content: "\f0e3" } .fa-gem:before { content: "\f3a5" } .fa-genderless:before { content: "\f22d" } .fa-get-pocket:before { content: "\f265" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-ghost:before { content: "\f6e2" } .fa-gift:before { content: "\f06b" } .fa-gifts:before { content: "\f79c" } .fa-git:before { content: "\f1d3" } .fa-git-alt:before { content: "\f841" } .fa-git-square:before { content: "\f1d2" } .fa-github:before { content: "\f09b" } .fa-github-alt:before { content: "\f113" } .fa-github-square:before { content: "\f092" } .fa-gitkraken:before { content: "\f3a6" } .fa-gitlab:before { content: "\f296" } .fa-gitter:before { content: "\f426" } .fa-glass-cheers:before { content: "\f79f" } .fa-glass-martini:before { content: "\f000" } .fa-glass-martini-alt:before { content: "\f57b" } .fa-glass-whiskey:before { content: "\f7a0" } .fa-glasses:before { content: "\f530" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-globe:before { content: "\f0ac" } .fa-globe-africa:before { content: "\f57c" } .fa-globe-americas:before { content: "\f57d" } .fa-globe-asia:before { content: "\f57e" } .fa-globe-europe:before { content: "\f7a2" } .fa-gofore:before { content: "\f3a7" } .fa-golf-ball:before { content: "\f450" } .fa-goodreads:before { content: "\f3a8" } .fa-goodreads-g:before { content: "\f3a9" } .fa-google:before { content: "\f1a0" } .fa-google-drive:before { content: "\f3aa" } .fa-google-play:before { content: "\f3ab" } .fa-google-plus:before { content: "\f2b3" } .fa-google-plus-g:before { content: "\f0d5" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-wallet:before { content: "\f1ee" } .fa-gopuram:before { content: "\f664" } .fa-graduation-cap:before { content: "\f19d" } .fa-gratipay:before { content: "\f184" } .fa-grav:before { content: "\f2d6" } .fa-greater-than:before { content: "\f531" } .fa-greater-than-equal:before { content: "\f532" } .fa-grimace:before { content: "\f57f" } .fa-grin:before { content: "\f580" } .fa-grin-alt:before { content: "\f581" } .fa-grin-beam:before { content: "\f582" } .fa-grin-beam-sweat:before { content: "\f583" } .fa-grin-hearts:before { content: "\f584" } .fa-grin-squint:before { content: "\f585" } .fa-grin-squint-tears:before { content: "\f586" } .fa-grin-stars:before { content: "\f587" } .fa-grin-tears:before { content: "\f588" } .fa-grin-tongue:before { content: "\f589" } .fa-grin-tongue-squint:before { content: "\f58a" } .fa-grin-tongue-wink:before { content: "\f58b" } .fa-grin-wink:before { content: "\f58c" } .fa-grip-horizontal:before { content: "\f58d" } .fa-grip-lines:before { content: "\f7a4" } .fa-grip-lines-vertical:before { content: "\f7a5" } .fa-grip-vertical:before { content: "\f58e" } .fa-gripfire:before { content: "\f3ac" } .fa-grunt:before { content: "\f3ad" } .fa-guitar:before { content: "\f7a6" } .fa-gulp:before { content: "\f3ae" } .fa-h-square:before { content: "\f0fd" } .fa-hacker-news:before { content: "\f1d4" } .fa-hacker-news-square:before { content: "\f3af" } .fa-hackerrank:before { content: "\f5f7" } .fa-hamburger:before { content: "\f805" } .fa-hammer:before { content: "\f6e3" } .fa-hamsa:before { content: "\f665" } .fa-hand-holding:before { content: "\f4bd" } .fa-hand-holding-heart:before { content: "\f4be" } .fa-hand-holding-usd:before { content: "\f4c0" } .fa-hand-lizard:before { content: "\f258" } .fa-hand-middle-finger:before { content: "\f806" } .fa-hand-paper:before { content: "\f256" } .fa-hand-peace:before { content: "\f25b" } .fa-hand-point-down:before { content: "\f0a7" } .fa-hand-point-left:before { content: "\f0a5" } .fa-hand-point-right:before { content: "\f0a4" } .fa-hand-point-up:before { content: "\f0a6" } .fa-hand-pointer:before { content: "\f25a" } .fa-hand-rock:before { content: "\f255" } .fa-hand-scissors:before { content: "\f257" } .fa-hand-spock:before { content: "\f259" } .fa-hands:before { content: "\f4c2" } .fa-hands-helping:before { content: "\f4c4" } .fa-handshake:before { content: "\f2b5" } .fa-hanukiah:before { content: "\f6e6" } .fa-hard-hat:before { content: "\f807" } .fa-hashtag:before { content: "\f292" } .fa-hat-cowboy:before { content: "\f8c0" } .fa-hat-cowboy-side:before { content: "\f8c1" } .fa-hat-wizard:before { content: "\f6e8" } .fa-hdd:before { content: "\f0a0" } .fa-heading:before { content: "\f1dc" } .fa-headphones:before { content: "\f025" } .fa-headphones-alt:before { content: "\f58f" } .fa-headset:before { content: "\f590" } .fa-heart:before { content: "\f004" } .fa-heart-broken:before { content: "\f7a9" } .fa-heartbeat:before { content: "\f21e" } .fa-helicopter:before { content: "\f533" } .fa-highlighter:before { content: "\f591" } .fa-hiking:before { content: "\f6ec" } .fa-hippo:before { content: "\f6ed" } .fa-hips:before { content: "\f452" } .fa-hire-a-helper:before { content: "\f3b0" } .fa-history:before { content: "\f1da" } .fa-hockey-puck:before { content: "\f453" } .fa-holly-berry:before { content: "\f7aa" } .fa-home:before { content: "\f015" } .fa-hooli:before { content: "\f427" } .fa-hornbill:before { content: "\f592" } .fa-horse:before { content: "\f6f0" } .fa-horse-head:before { content: "\f7ab" } .fa-hospital:before { content: "\f0f8" } .fa-hospital-alt:before { content: "\f47d" } .fa-hospital-symbol:before { content: "\f47e" } .fa-hot-tub:before { content: "\f593" } .fa-hotdog:before { content: "\f80f" } .fa-hotel:before { content: "\f594" } .fa-hotjar:before { content: "\f3b1" } .fa-hourglass:before { content: "\f254" } .fa-hourglass-end:before { content: "\f253" } .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-start:before { content: "\f251" } .fa-house-damage:before { content: "\f6f1" } .fa-houzz:before { content: "\f27c" } .fa-hryvnia:before { content: "\f6f2" } .fa-html5:before { content: "\f13b" } .fa-hubspot:before { content: "\f3b2" } .fa-i-cursor:before { content: "\f246" } .fa-ice-cream:before { content: "\f810" } .fa-icicles:before { content: "\f7ad" } .fa-icons:before { content: "\f86d" } .fa-id-badge:before { content: "\f2c1" } .fa-id-card:before { content: "\f2c2" } .fa-id-card-alt:before { content: "\f47f" } .fa-ideal:before { content: "\f913" } .fa-igloo:before { content: "\f7ae" } .fa-image:before { content: "\f03e" } .fa-images:before { content: "\f302" } .fa-imdb:before { content: "\f2d8" } .fa-inbox:before { content: "\f01c" } .fa-indent:before { content: "\f03c" } .fa-industry:before { content: "\f275" } .fa-infinity:before { content: "\f534" } .fa-info:before { content: "\f129" } .fa-info-circle:before { content: "\f05a" } .fa-instagram:before { content: "\f16d" } .fa-intercom:before { content: "\f7af" } .fa-internet-explorer:before { content: "\f26b" } .fa-invision:before { content: "\f7b0" } .fa-ioxhost:before { content: "\f208" } .fa-italic:before { content: "\f033" } .fa-itch-io:before { content: "\f83a" } .fa-itunes:before { content: "\f3b4" } .fa-itunes-note:before { content: "\f3b5" } .fa-java:before { content: "\f4e4" } .fa-jedi:before { content: "\f669" } .fa-jedi-order:before { content: "\f50e" } .fa-jenkins:before { content: "\f3b6" } .fa-jira:before { content: "\f7b1" } .fa-joget:before { content: "\f3b7" } .fa-joint:before { content: "\f595" } .fa-joomla:before { content: "\f1aa" } .fa-journal-whills:before { content: "\f66a" } .fa-js:before { content: "\f3b8" } .fa-js-square:before { content: "\f3b9" } .fa-jsfiddle:before { content: "\f1cc" } .fa-kaaba:before { content: "\f66b" } .fa-kaggle:before { content: "\f5fa" } .fa-key:before { content: "\f084" } .fa-keybase:before { content: "\f4f5" } .fa-keyboard:before { content: "\f11c" } .fa-keycdn:before { content: "\f3ba" } .fa-khanda:before { content: "\f66d" } .fa-kickstarter:before { content: "\f3bb" } .fa-kickstarter-k:before { content: "\f3bc" } .fa-kiss:before { content: "\f596" } .fa-kiss-beam:before { content: "\f597" } .fa-kiss-wink-heart:before { content: "\f598" } .fa-kiwi-bird:before { content: "\f535" } .fa-korvue:before { content: "\f42f" } .fa-landmark:before { content: "\f66f" } .fa-language:before { content: "\f1ab" } .fa-laptop:before { content: "\f109" } .fa-laptop-code:before { content: "\f5fc" } .fa-laptop-medical:before { content: "\f812" } .fa-laravel:before { content: "\f3bd" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-laugh:before { content: "\f599" } .fa-laugh-beam:before { content: "\f59a" } .fa-laugh-squint:before { content: "\f59b" } .fa-laugh-wink:before { content: "\f59c" } .fa-layer-group:before { content: "\f5fd" } .fa-leaf:before { content: "\f06c" } .fa-leanpub:before { content: "\f212" } .fa-lemon:before { content: "\f094" } .fa-less:before { content: "\f41d" } .fa-less-than:before { content: "\f536" } .fa-less-than-equal:before { content: "\f537" } .fa-level-down-alt:before { content: "\f3be" } .fa-level-up-alt:before { content: "\f3bf" } .fa-life-ring:before { content: "\f1cd" } .fa-lightbulb:before { content: "\f0eb" } .fa-line:before { content: "\f3c0" } .fa-link:before { content: "\f0c1" } .fa-linkedin:before { content: "\f08c" } .fa-linkedin-in:before { content: "\f0e1" } .fa-linode:before { content: "\f2b8" } .fa-linux:before { content: "\f17c" } .fa-lira-sign:before { content: "\f195" } .fa-list:before { content: "\f03a" } .fa-list-alt:before { content: "\f022" } .fa-list-ol:before { content: "\f0cb" } .fa-list-ul:before { content: "\f0ca" } .fa-location-arrow:before { content: "\f124" } .fa-lock:before { content: "\f023" } .fa-lock-open:before { content: "\f3c1" } .fa-long-arrow-alt-down:before { content: "\f309" } .fa-long-arrow-alt-left:before { content: "\f30a" } .fa-long-arrow-alt-right:before { content: "\f30b" } .fa-long-arrow-alt-up:before { content: "\f30c" } .fa-low-vision:before { content: "\f2a8" } .fa-luggage-cart:before { content: "\f59d" } .fa-lyft:before { content: "\f3c3" } .fa-magento:before { content: "\f3c4" } .fa-magic:before { content: "\f0d0" } .fa-magnet:before { content: "\f076" } .fa-mail-bulk:before { content: "\f674" } .fa-mailchimp:before { content: "\f59e" } .fa-male:before { content: "\f183" } .fa-mandalorian:before { content: "\f50f" } .fa-map:before { content: "\f279" } .fa-map-marked:before { content: "\f59f" } .fa-map-marked-alt:before { content: "\f5a0" } .fa-map-marker:before { content: "\f041" } .fa-map-marker-alt:before { content: "\f3c5" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-markdown:before { content: "\f60f" } .fa-marker:before { content: "\f5a1" } .fa-mars:before { content: "\f222" } .fa-mars-double:before { content: "\f227" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mask:before { content: "\f6fa" } .fa-mastodon:before { content: "\f4f6" } .fa-maxcdn:before { content: "\f136" } .fa-mdb:before { content: "\f8ca" } .fa-medal:before { content: "\f5a2" } .fa-medapps:before { content: "\f3c6" } .fa-medium:before { content: "\f23a" } .fa-medium-m:before { content: "\f3c7" } .fa-medkit:before { content: "\f0fa" } .fa-medrt:before { content: "\f3c8" } .fa-meetup:before { content: "\f2e0" } .fa-megaport:before { content: "\f5a3" } .fa-meh:before { content: "\f11a" } .fa-meh-blank:before { content: "\f5a4" } .fa-meh-rolling-eyes:before { content: "\f5a5" } .fa-memory:before { content: "\f538" } .fa-mendeley:before { content: "\f7b3" } .fa-menorah:before { content: "\f676" } .fa-mercury:before { content: "\f223" } .fa-meteor:before { content: "\f753" } .fa-microblog:before { content: "\f91a" } .fa-microchip:before { content: "\f2db" } .fa-microphone:before { content: "\f130" } .fa-microphone-alt:before { content: "\f3c9" } .fa-microphone-alt-slash:before { content: "\f539" } .fa-microphone-slash:before { content: "\f131" } .fa-microscope:before { content: "\f610" } .fa-microsoft:before { content: "\f3ca" } .fa-minus:before { content: "\f068" } .fa-minus-circle:before { content: "\f056" } .fa-minus-square:before { content: "\f146" } .fa-mitten:before { content: "\f7b5" } .fa-mix:before { content: "\f3cb" } .fa-mixcloud:before { content: "\f289" } .fa-mizuni:before { content: "\f3cc" } .fa-mobile:before { content: "\f10b" } .fa-mobile-alt:before { content: "\f3cd" } .fa-modx:before { content: "\f285" } .fa-monero:before { content: "\f3d0" } .fa-money-bill:before { content: "\f0d6" } .fa-money-bill-alt:before { content: "\f3d1" } .fa-money-bill-wave:before { content: "\f53a" } .fa-money-bill-wave-alt:before { content: "\f53b" } .fa-money-check:before { content: "\f53c" } .fa-money-check-alt:before { content: "\f53d" } .fa-monument:before { content: "\f5a6" } .fa-moon:before { content: "\f186" } .fa-mortar-pestle:before { content: "\f5a7" } .fa-mosque:before { content: "\f678" } .fa-motorcycle:before { content: "\f21c" } .fa-mountain:before { content: "\f6fc" } .fa-mouse:before { content: "\f8cc" } .fa-mouse-pointer:before { content: "\f245" } .fa-mug-hot:before { content: "\f7b6" } .fa-music:before { content: "\f001" } .fa-napster:before { content: "\f3d2" } .fa-neos:before { content: "\f612" } .fa-network-wired:before { content: "\f6ff" } .fa-neuter:before { content: "\f22c" } .fa-newspaper:before { content: "\f1ea" } .fa-nimblr:before { content: "\f5a8" } .fa-node:before { content: "\f419" } .fa-node-js:before { content: "\f3d3" } .fa-not-equal:before { content: "\f53e" } .fa-notes-medical:before { content: "\f481" } .fa-npm:before { content: "\f3d4" } .fa-ns8:before { content: "\f3d5" } .fa-nutritionix:before { content: "\f3d6" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-oil-can:before { content: "\f613" } .fa-old-republic:before { content: "\f510" } .fa-om:before { content: "\f679" } .fa-opencart:before { content: "\f23d" } .fa-openid:before { content: "\f19b" } .fa-opera:before { content: "\f26a" } .fa-optin-monster:before { content: "\f23c" } .fa-orcid:before { content: "\f8d2" } .fa-osi:before { content: "\f41a" } .fa-otter:before { content: "\f700" } .fa-outdent:before { content: "\f03b" } .fa-page4:before { content: "\f3d7" } .fa-pagelines:before { content: "\f18c" } .fa-pager:before { content: "\f815" } .fa-paint-brush:before { content: "\f1fc" } .fa-paint-roller:before { content: "\f5aa" } .fa-palette:before { content: "\f53f" } .fa-palfed:before { content: "\f3d8" } .fa-pallet:before { content: "\f482" } .fa-paper-plane:before { content: "\f1d8" } .fa-paperclip:before { content: "\f0c6" } .fa-parachute-box:before { content: "\f4cd" } .fa-paragraph:before { content: "\f1dd" } .fa-parking:before { content: "\f540" } .fa-passport:before { content: "\f5ab" } .fa-pastafarianism:before { content: "\f67b" } .fa-paste:before { content: "\f0ea" } .fa-patreon:before { content: "\f3d9" } .fa-pause:before { content: "\f04c" } .fa-pause-circle:before { content: "\f28b" } .fa-paw:before { content: "\f1b0" } .fa-paypal:before { content: "\f1ed" } .fa-peace:before { content: "\f67c" } .fa-pen:before { content: "\f304" } .fa-pen-alt:before { content: "\f305" } .fa-pen-fancy:before { content: "\f5ac" } .fa-pen-nib:before { content: "\f5ad" } .fa-pen-square:before { content: "\f14b" } .fa-pencil-alt:before { content: "\f303" } .fa-pencil-ruler:before { content: "\f5ae" } .fa-penny-arcade:before { content: "\f704" } .fa-people-carry:before { content: "\f4ce" } .fa-pepper-hot:before { content: "\f816" } .fa-percent:before { content: "\f295" } .fa-percentage:before { content: "\f541" } .fa-periscope:before { content: "\f3da" } .fa-person-booth:before { content: "\f756" } .fa-phabricator:before { content: "\f3db" } .fa-phoenix-framework:before { content: "\f3dc" } .fa-phoenix-squadron:before { content: "\f511" } .fa-phone:before { content: "\f095" } .fa-phone-alt:before { content: "\f879" } .fa-phone-slash:before { content: "\f3dd" } .fa-phone-square:before { content: "\f098" } .fa-phone-square-alt:before { content: "\f87b" } .fa-phone-volume:before { content: "\f2a0" } .fa-photo-video:before { content: "\f87c" } .fa-php:before { content: "\f457" } .fa-pied-piper:before { content: "\f2ae" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-pied-piper-hat:before { content: "\f4e5" } .fa-pied-piper-pp:before { content: "\f1a7" } .fa-pied-piper-square:before { content: "\f91e" } .fa-piggy-bank:before { content: "\f4d3" } .fa-pills:before { content: "\f484" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-p:before { content: "\f231" } .fa-pinterest-square:before { content: "\f0d3" } .fa-pizza-slice:before { content: "\f818" } .fa-place-of-worship:before { content: "\f67f" } .fa-plane:before { content: "\f072" } .fa-plane-arrival:before { content: "\f5af" } .fa-plane-departure:before { content: "\f5b0" } .fa-play:before { content: "\f04b" } .fa-play-circle:before { content: "\f144" } .fa-playstation:before { content: "\f3df" } .fa-plug:before { content: "\f1e6" } .fa-plus:before { content: "\f067" } .fa-plus-circle:before { content: "\f055" } .fa-plus-square:before { content: "\f0fe" } .fa-podcast:before { content: "\f2ce" } .fa-poll:before { content: "\f681" } .fa-poll-h:before { content: "\f682" } .fa-poo:before { content: "\f2fe" } .fa-poo-storm:before { content: "\f75a" } .fa-poop:before { content: "\f619" } .fa-portrait:before { content: "\f3e0" } .fa-pound-sign:before { content: "\f154" } .fa-power-off:before { content: "\f011" } .fa-pray:before { content: "\f683" } .fa-praying-hands:before { content: "\f684" } .fa-prescription:before { content: "\f5b1" } .fa-prescription-bottle:before { content: "\f485" } .fa-prescription-bottle-alt:before { content: "\f486" } .fa-print:before { content: "\f02f" } .fa-procedures:before { content: "\f487" } .fa-product-hunt:before { content: "\f288" } .fa-project-diagram:before { content: "\f542" } .fa-pushed:before { content: "\f3e1" } .fa-puzzle-piece:before { content: "\f12e" } .fa-python:before { content: "\f3e2" } .fa-qq:before { content: "\f1d6" } .fa-qrcode:before { content: "\f029" } .fa-question:before { content: "\f128" } .fa-question-circle:before { content: "\f059" } .fa-quidditch:before { content: "\f458" } .fa-quinscape:before { content: "\f459" } .fa-quora:before { content: "\f2c4" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-quran:before { content: "\f687" } .fa-r-project:before { content: "\f4f7" } .fa-radiation:before { content: "\f7b9" } .fa-radiation-alt:before { content: "\f7ba" } .fa-rainbow:before { content: "\f75b" } .fa-random:before { content: "\f074" } .fa-raspberry-pi:before { content: "\f7bb" } .fa-ravelry:before { content: "\f2d9" } .fa-react:before { content: "\f41b" } .fa-reacteurope:before { content: "\f75d" } .fa-readme:before { content: "\f4d5" } .fa-rebel:before { content: "\f1d0" } .fa-receipt:before { content: "\f543" } .fa-record-vinyl:before { content: "\f8d9" } .fa-recycle:before { content: "\f1b8" } .fa-red-river:before { content: "\f3e3" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-alien:before { content: "\f281" } .fa-reddit-square:before { content: "\f1a2" } .fa-redhat:before { content: "\f7bc" } .fa-redo:before { content: "\f01e" } .fa-redo-alt:before { content: "\f2f9" } .fa-registered:before { content: "\f25d" } .fa-remove-format:before { content: "\f87d" } .fa-renren:before { content: "\f18b" } .fa-reply:before { content: "\f3e5" } .fa-reply-all:before { content: "\f122" } .fa-replyd:before { content: "\f3e6" } .fa-republican:before { content: "\f75e" } .fa-researchgate:before { content: "\f4f8" } .fa-resolving:before { content: "\f3e7" } .fa-restroom:before { content: "\f7bd" } .fa-retweet:before { content: "\f079" } .fa-rev:before { content: "\f5b2" } .fa-ribbon:before { content: "\f4d6" } .fa-ring:before { content: "\f70b" } .fa-road:before { content: "\f018" } .fa-robot:before { content: "\f544" } .fa-rocket:before { content: "\f135" } .fa-rocketchat:before { content: "\f3e8" } .fa-rockrms:before { content: "\f3e9" } .fa-route:before { content: "\f4d7" } .fa-rss:before { content: "\f09e" } .fa-rss-square:before { content: "\f143" } .fa-ruble-sign:before { content: "\f158" } .fa-ruler:before { content: "\f545" } .fa-ruler-combined:before { content: "\f546" } .fa-ruler-horizontal:before { content: "\f547" } .fa-ruler-vertical:before { content: "\f548" } .fa-running:before { content: "\f70c" } .fa-rupee-sign:before { content: "\f156" } .fa-sad-cry:before { content: "\f5b3" } .fa-sad-tear:before { content: "\f5b4" } .fa-safari:before { content: "\f267" } .fa-salesforce:before { content: "\f83b" } .fa-sass:before { content: "\f41e" } .fa-satellite:before { content: "\f7bf" } .fa-satellite-dish:before { content: "\f7c0" } .fa-save:before { content: "\f0c7" } .fa-schlix:before { content: "\f3ea" } .fa-school:before { content: "\f549" } .fa-screwdriver:before { content: "\f54a" } .fa-scribd:before { content: "\f28a" } .fa-scroll:before { content: "\f70e" } .fa-sd-card:before { content: "\f7c2" } .fa-search:before { content: "\f002" } .fa-search-dollar:before { content: "\f688" } .fa-search-location:before { content: "\f689" } .fa-search-minus:before { content: "\f010" } .fa-search-plus:before { content: "\f00e" } .fa-searchengin:before { content: "\f3eb" } .fa-seedling:before { content: "\f4d8" } .fa-sellcast:before { content: "\f2da" } .fa-sellsy:before { content: "\f213" } .fa-server:before { content: "\f233" } .fa-servicestack:before { content: "\f3ec" } .fa-shapes:before { content: "\f61f" } .fa-share:before { content: "\f064" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-share-square:before { content: "\f14d" } .fa-shekel-sign:before { content: "\f20b" } .fa-shield-alt:before { content: "\f3ed" } .fa-ship:before { content: "\f21a" } .fa-shipping-fast:before { content: "\f48b" } .fa-shirtsinbulk:before { content: "\f214" } .fa-shoe-prints:before { content: "\f54b" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-shopping-cart:before { content: "\f07a" } .fa-shopware:before { content: "\f5b5" } .fa-shower:before { content: "\f2cc" } .fa-shuttle-van:before { content: "\f5b6" } .fa-sign:before { content: "\f4d9" } .fa-sign-in-alt:before { content: "\f2f6" } .fa-sign-language:before { content: "\f2a7" } .fa-sign-out-alt:before { content: "\f2f5" } .fa-signal:before { content: "\f012" } .fa-signature:before { content: "\f5b7" } .fa-sim-card:before { content: "\f7c4" } .fa-simplybuilt:before { content: "\f215" } .fa-sistrix:before { content: "\f3ee" } .fa-sitemap:before { content: "\f0e8" } .fa-sith:before { content: "\f512" } .fa-skating:before { content: "\f7c5" } .fa-sketch:before { content: "\f7c6" } .fa-skiing:before { content: "\f7c9" } .fa-skiing-nordic:before { content: "\f7ca" } .fa-skull:before { content: "\f54c" } .fa-skull-crossbones:before { content: "\f714" } .fa-skyatlas:before { content: "\f216" } .fa-skype:before { content: "\f17e" } .fa-slack:before { content: "\f198" } .fa-slack-hash:before { content: "\f3ef" } .fa-slash:before { content: "\f715" } .fa-sleigh:before { content: "\f7cc" } .fa-sliders-h:before { content: "\f1de" } .fa-slideshare:before { content: "\f1e7" } .fa-smile:before { content: "\f118" } .fa-smile-beam:before { content: "\f5b8" } .fa-smile-wink:before { content: "\f4da" } .fa-smog:before { content: "\f75f" } .fa-smoking:before { content: "\f48d" } .fa-smoking-ban:before { content: "\f54d" } .fa-sms:before { content: "\f7cd" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-snowboarding:before { content: "\f7ce" } .fa-snowflake:before { content: "\f2dc" } .fa-snowman:before { content: "\f7d0" } .fa-snowplow:before { content: "\f7d2" } .fa-socks:before { content: "\f696" } .fa-solar-panel:before { content: "\f5ba" } .fa-sort:before { content: "\f0dc" } .fa-sort-alpha-down:before { content: "\f15d" } .fa-sort-alpha-down-alt:before { content: "\f881" } .fa-sort-alpha-up:before { content: "\f15e" } .fa-sort-alpha-up-alt:before { content: "\f882" } .fa-sort-amount-down:before { content: "\f160" } .fa-sort-amount-down-alt:before { content: "\f884" } .fa-sort-amount-up:before { content: "\f161" } .fa-sort-amount-up-alt:before { content: "\f885" } .fa-sort-down:before { content: "\f0dd" } .fa-sort-numeric-down:before { content: "\f162" } .fa-sort-numeric-down-alt:before { content: "\f886" } .fa-sort-numeric-up:before { content: "\f163" } .fa-sort-numeric-up-alt:before { content: "\f887" } .fa-sort-up:before { content: "\f0de" } .fa-soundcloud:before { content: "\f1be" } .fa-sourcetree:before { content: "\f7d3" } .fa-spa:before { content: "\f5bb" } .fa-space-shuttle:before { content: "\f197" } .fa-speakap:before { content: "\f3f3" } .fa-speaker-deck:before { content: "\f83c" } .fa-spell-check:before { content: "\f891" } .fa-spider:before { content: "\f717" } .fa-spinner:before { content: "\f110" } .fa-splotch:before { content: "\f5bc" } .fa-spotify:before { content: "\f1bc" } .fa-spray-can:before { content: "\f5bd" } .fa-square:before { content: "\f0c8" } .fa-square-full:before { content: "\f45c" } .fa-square-root-alt:before { content: "\f698" } .fa-squarespace:before { content: "\f5be" } .fa-stack-exchange:before { content: "\f18d" } .fa-stack-overflow:before { content: "\f16c" } .fa-stackpath:before { content: "\f842" } .fa-stamp:before { content: "\f5bf" } .fa-star:before { content: "\f005" } .fa-star-and-crescent:before { content: "\f699" } .fa-star-half:before { content: "\f089" } .fa-star-half-alt:before { content: "\f5c0" } .fa-star-of-david:before { content: "\f69a" } .fa-star-of-life:before { content: "\f621" } .fa-staylinked:before { content: "\f3f5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-steam-symbol:before { content: "\f3f6" } .fa-step-backward:before { content: "\f048" } .fa-step-forward:before { content: "\f051" } .fa-stethoscope:before { content: "\f0f1" } .fa-sticker-mule:before { content: "\f3f7" } .fa-sticky-note:before { content: "\f249" } .fa-stop:before { content: "\f04d" } .fa-stop-circle:before { content: "\f28d" } .fa-stopwatch:before { content: "\f2f2" } .fa-store:before { content: "\f54e" } .fa-store-alt:before { content: "\f54f" } .fa-strava:before { content: "\f428" } .fa-stream:before { content: "\f550" } .fa-street-view:before { content: "\f21d" } .fa-strikethrough:before { content: "\f0cc" } .fa-stripe:before { content: "\f429" } .fa-stripe-s:before { content: "\f42a" } .fa-stroopwafel:before { content: "\f551" } .fa-studiovinari:before { content: "\f3f8" } .fa-stumbleupon:before { content: "\f1a4" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-subscript:before { content: "\f12c" } .fa-subway:before { content: "\f239" } .fa-suitcase:before { content: "\f0f2" } .fa-suitcase-rolling:before { content: "\f5c1" } .fa-sun:before { content: "\f185" } .fa-superpowers:before { content: "\f2dd" } .fa-superscript:before { content: "\f12b" } .fa-supple:before { content: "\f3f9" } .fa-surprise:before { content: "\f5c2" } .fa-suse:before { content: "\f7d6" } .fa-swatchbook:before { content: "\f5c3" } .fa-swift:before { content: "\f8e1" } .fa-swimmer:before { content: "\f5c4" } .fa-swimming-pool:before { content: "\f5c5" } .fa-symfony:before { content: "\f83d" } .fa-synagogue:before { content: "\f69b" } .fa-sync:before { content: "\f021" } .fa-sync-alt:before { content: "\f2f1" } .fa-syringe:before { content: "\f48e" } .fa-table:before { content: "\f0ce" } .fa-table-tennis:before { content: "\f45d" } .fa-tablet:before { content: "\f10a" } .fa-tablet-alt:before { content: "\f3fa" } .fa-tablets:before { content: "\f490" } .fa-tachometer-alt:before { content: "\f3fd" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-tape:before { content: "\f4db" } .fa-tasks:before { content: "\f0ae" } .fa-taxi:before { content: "\f1ba" } .fa-teamspeak:before { content: "\f4f9" } .fa-teeth:before { content: "\f62e" } .fa-teeth-open:before { content: "\f62f" } .fa-telegram:before { content: "\f2c6" } .fa-telegram-plane:before { content: "\f3fe" } .fa-temperature-high:before { content: "\f769" } .fa-temperature-low:before { content: "\f76b" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-tenge:before { content: "\f7d7" } .fa-terminal:before { content: "\f120" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-th:before { content: "\f00a" } .fa-th-large:before { content: "\f009" } .fa-th-list:before { content: "\f00b" } .fa-the-red-yeti:before { content: "\f69d" } .fa-theater-masks:before { content: "\f630" } .fa-themeco:before { content: "\f5c6" } .fa-themeisle:before { content: "\f2b2" } .fa-thermometer:before { content: "\f491" } .fa-thermometer-empty:before { content: "\f2cb" } .fa-thermometer-full:before { content: "\f2c7" } .fa-thermometer-half:before { content: "\f2c9" } .fa-thermometer-quarter:before { content: "\f2ca" } .fa-thermometer-three-quarters:before { content: "\f2c8" } .fa-think-peaks:before { content: "\f731" } .fa-thumbs-down:before { content: "\f165" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbtack:before { content: "\f08d" } .fa-ticket-alt:before { content: "\f3ff" } .fa-times:before { content: "\f00d" } .fa-times-circle:before { content: "\f057" } .fa-tint:before { content: "\f043" } .fa-tint-slash:before { content: "\f5c7" } .fa-tired:before { content: "\f5c8" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-toilet:before { content: "\f7d8" } .fa-toilet-paper:before { content: "\f71e" } .fa-toolbox:before { content: "\f552" } .fa-tools:before { content: "\f7d9" } .fa-tooth:before { content: "\f5c9" } .fa-torah:before { content: "\f6a0" } .fa-torii-gate:before { content: "\f6a1" } .fa-tractor:before { content: "\f722" } .fa-trade-federation:before { content: "\f513" } .fa-trademark:before { content: "\f25c" } .fa-traffic-light:before { content: "\f637" } .fa-trailer:before { content: "\f941" } .fa-train:before { content: "\f238" } .fa-tram:before { content: "\f7da" } .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-trash:before { content: "\f1f8" } .fa-trash-alt:before { content: "\f2ed" } .fa-trash-restore:before { content: "\f829" } .fa-trash-restore-alt:before { content: "\f82a" } .fa-tree:before { content: "\f1bb" } .fa-trello:before { content: "\f181" } .fa-tripadvisor:before { content: "\f262" } .fa-trophy:before { content: "\f091" } .fa-truck:before { content: "\f0d1" } .fa-truck-loading:before { content: "\f4de" } .fa-truck-monster:before { content: "\f63b" } .fa-truck-moving:before { content: "\f4df" } .fa-truck-pickup:before { content: "\f63c" } .fa-tshirt:before { content: "\f553" } .fa-tty:before { content: "\f1e4" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-tv:before { content: "\f26c" } .fa-twitch:before { content: "\f1e8" } .fa-twitter:before { content: "\f099" } .fa-twitter-square:before { content: "\f081" } .fa-typo3:before { content: "\f42b" } .fa-uber:before { content: "\f402" } .fa-ubuntu:before { content: "\f7df" } .fa-uikit:before { content: "\f403" } .fa-umbraco:before { content: "\f8e8" } .fa-umbrella:before { content: "\f0e9" } .fa-umbrella-beach:before { content: "\f5ca" } .fa-underline:before { content: "\f0cd" } .fa-undo:before { content: "\f0e2" } .fa-undo-alt:before { content: "\f2ea" } .fa-uniregistry:before { content: "\f404" } .fa-unity:before { content: "\f949" } .fa-universal-access:before { content: "\f29a" } .fa-university:before { content: "\f19c" } .fa-unlink:before { content: "\f127" } .fa-unlock:before { content: "\f09c" } .fa-unlock-alt:before { content: "\f13e" } .fa-untappd:before { content: "\f405" } .fa-upload:before { content: "\f093" } .fa-ups:before { content: "\f7e0" } .fa-usb:before { content: "\f287" } .fa-user:before { content: "\f007" } .fa-user-alt:before { content: "\f406" } .fa-user-alt-slash:before { content: "\f4fa" } .fa-user-astronaut:before { content: "\f4fb" } .fa-user-check:before { content: "\f4fc" } .fa-user-circle:before { content: "\f2bd" } .fa-user-clock:before { content: "\f4fd" } .fa-user-cog:before { content: "\f4fe" } .fa-user-edit:before { content: "\f4ff" } .fa-user-friends:before { content: "\f500" } .fa-user-graduate:before { content: "\f501" } .fa-user-injured:before { content: "\f728" } .fa-user-lock:before { content: "\f502" } .fa-user-md:before { content: "\f0f0" } .fa-user-minus:before { content: "\f503" } .fa-user-ninja:before { content: "\f504" } .fa-user-nurse:before { content: "\f82f" } .fa-user-plus:before { content: "\f234" } .fa-user-secret:before { content: "\f21b" } .fa-user-shield:before { content: "\f505" } .fa-user-slash:before { content: "\f506" } .fa-user-tag:before { content: "\f507" } .fa-user-tie:before { content: "\f508" } .fa-user-times:before { content: "\f235" } .fa-users:before { content: "\f0c0" } .fa-users-cog:before { content: "\f509" } .fa-usps:before { content: "\f7e1" } .fa-ussunnah:before { content: "\f407" } .fa-utensil-spoon:before { content: "\f2e5" } .fa-utensils:before { content: "\f2e7" } .fa-vaadin:before { content: "\f408" } .fa-vector-square:before { content: "\f5cb" } .fa-venus:before { content: "\f221" } .fa-venus-double:before { content: "\f226" } .fa-venus-mars:before { content: "\f228" } .fa-viacoin:before { content: "\f237" } .fa-viadeo:before { content: "\f2a9" } .fa-viadeo-square:before { content: "\f2aa" } .fa-vial:before { content: "\f492" } .fa-vials:before { content: "\f493" } .fa-viber:before { content: "\f409" } .fa-video:before { content: "\f03d" } .fa-video-slash:before { content: "\f4e2" } .fa-vihara:before { content: "\f6a7" } .fa-vimeo:before { content: "\f40a" } .fa-vimeo-square:before { content: "\f194" } .fa-vimeo-v:before { content: "\f27d" } .fa-vine:before { content: "\f1ca" } .fa-vk:before { content: "\f189" } .fa-vnv:before { content: "\f40b" } .fa-voicemail:before { content: "\f897" } .fa-volleyball-ball:before { content: "\f45f" } .fa-volume-down:before { content: "\f027" } .fa-volume-mute:before { content: "\f6a9" } .fa-volume-off:before { content: "\f026" } .fa-volume-up:before { content: "\f028" } .fa-vote-yea:before { content: "\f772" } .fa-vr-cardboard:before { content: "\f729" } .fa-vuejs:before { content: "\f41f" } .fa-walking:before { content: "\f554" } .fa-wallet:before { content: "\f555" } .fa-warehouse:before { content: "\f494" } .fa-water:before { content: "\f773" } .fa-wave-square:before { content: "\f83e" } .fa-waze:before { content: "\f83f" } .fa-weebly:before { content: "\f5cc" } .fa-weibo:before { content: "\f18a" } .fa-weight:before { content: "\f496" } .fa-weight-hanging:before { content: "\f5cd" } .fa-weixin:before { content: "\f1d7" } .fa-whatsapp:before { content: "\f232" } .fa-whatsapp-square:before { content: "\f40c" } .fa-wheelchair:before { content: "\f193" } .fa-whmcs:before { content: "\f40d" } .fa-wifi:before { content: "\f1eb" } .fa-wikipedia-w:before { content: "\f266" } .fa-wind:before { content: "\f72e" } .fa-window-close:before { content: "\f410" } .fa-window-maximize:before { content: "\f2d0" } .fa-window-minimize:before { content: "\f2d1" } .fa-window-restore:before { content: "\f2d2" } .fa-windows:before { content: "\f17a" } .fa-wine-bottle:before { content: "\f72f" } .fa-wine-glass:before { content: "\f4e3" } .fa-wine-glass-alt:before { content: "\f5ce" } .fa-wix:before { content: "\f5cf" } .fa-wizards-of-the-coast:before { content: "\f730" } .fa-wolf-pack-battalion:before { content: "\f514" } .fa-won-sign:before { content: "\f159" } .fa-wordpress:before { content: "\f19a" } .fa-wordpress-simple:before { content: "\f411" } .fa-wpbeginner:before { content: "\f297" } .fa-wpexplorer:before { content: "\f2de" } .fa-wpforms:before { content: "\f298" } .fa-wpressr:before { content: "\f3e4" } .fa-wrench:before { content: "\f0ad" } .fa-x-ray:before { content: "\f497" } .fa-xbox:before { content: "\f412" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-y-combinator:before { content: "\f23b" } .fa-yahoo:before { content: "\f19e" } .fa-yammer:before { content: "\f840" } .fa-yandex:before { content: "\f413" } .fa-yandex-international:before { content: "\f414" } .fa-yarn:before { content: "\f7e3" } .fa-yelp:before { content: "\f1e9" } .fa-yen-sign:before { content: "\f157" } .fa-yin-yang:before { content: "\f6ad" } .fa-yoast:before { content: "\f2b1" } .fa-youtube:before { content: "\f167" } .fa-youtube-square:before { content: "\f431" } .fa-zhihu:before { content: "\f63f" } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: normal; font-display: auto; src: url("./fonts/fa-brands-400.eot"); src: url("./fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("./fonts/fa-brands-400.woff2") format("woff2"), url("./fonts/fa-brands-400.woff") format("woff"), url("./fonts/fa-brands-400.ttf") format("truetype"), url("./fonts/fa-brands-400.svg#fontawesome") format("svg") } .fab { font-family: "Font Awesome 5 Brands" } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; font-display: auto; src: url("./fonts/fa-regular-400.eot"); src: url("./fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("./fonts/fa-regular-400.woff2") format("woff2"), url("./fonts/fa-regular-400.woff") format("woff"), url("./fonts/fa-regular-400.ttf") format("truetype"), url("./fonts/fa-regular-400.svg#fontawesome") format("svg") } .far { font-family: "Font Awesome 5 Free"; font-weight: 400 } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: auto; src: url("./fonts/fa-solid-900.eot"); src: url("./fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("./fonts/fa-solid-900.woff2") format("woff2"), url("./fonts/fa-solid-900.woff") format("woff"), url("./fonts/fa-solid-900.ttf") format("truetype"), url("./fonts/fa-solid-900.svg#fontawesome") format("svg") } .fa, .fas { font-family: "Font Awesome 5 Free"; font-weight: 900 }p { color: #565554; line-height: 1.6; font-size: 14px; } input, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } @font-face { font-family: 'Segoe UI'; src: url('fonts/SegoeUI-SemiBold.eot'); src: url('fonts/SegoeUI-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/SegoeUI-SemiBold.woff2') format('woff2'), url('fonts/SegoeUI-SemiBold.woff') format('woff'), url('fonts/SegoeUI-SemiBold.ttf') format('truetype'), url('fonts/SegoeUI-SemiBold.svg#SegoeUI-SemiBold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Segoe UI'; src: url('fonts/SegoeUI-Light.eot'); src: url('fonts/SegoeUI-Light.eot?#iefix') format('embedded-opentype'), url('fonts/SegoeUI-Light.woff2') format('woff2'), url('fonts/SegoeUI-Light.woff') format('woff'), url('fonts/SegoeUI-Light.ttf') format('truetype'), url('fonts/SegoeUI-Light.svg#SegoeUI-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Segoe UI'; src: url('fonts/SegoeUI.eot'); src: url('fonts/SegoeUI.eot?#iefix') format('embedded-opentype'), url('fonts/SegoeUI.woff2') format('woff2'), url('fonts/SegoeUI.woff') format('woff'), url('fonts/SegoeUI.ttf') format('truetype'), url('fonts/SegoeUI.svg#SegoeUI') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Segoe UI'; src: url('fonts/SegoeUI-Bold.eot'); src: url('fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/SegoeUI-Bold.woff2') format('woff2'), url('fonts/SegoeUI-Bold.woff') format('woff'), url('fonts/SegoeUI-Bold.ttf') format('truetype'), url('fonts/SegoeUI-Bold.svg#SegoeUI-Bold') format('svg'); font-weight: bold; font-style: normal; } /*COMMON ELEMENTS CSS*/ body { color: #000; font-family: 'Segoe UI'; font-size: 16px; } .body { background-color: #fff; } svg { display: block; } h1 { font-size: 32px; font-weight: 600; } h2 { font-size: 28px; font-weight: 600; } h3 { font-size: 24px; font-weight: 600; } h4 { font-size: 20px; font-weight: 600; } h5 { font-size: 18px; font-weight: 600; } h6 { font-size: 16px; font-weight: 600; } /*SPACES CSS START*/ .tb-padd { padding: 70px 0 } .gap10 { height: 10px } .gap20 { height: 20px } .gap30 { height: 30px } .gap40 { height: 40px } .gap50 { height: 50px } .gap60 { height: 60px } /*SPACES CSS END*/ @media only screen and (min-width:767px) { .header-action-icon { display: none; } } .grey-bg { background-color: #f0f3f5; } .center { text-align: center; } /*BUTTON START CSS*/ .theme-btn { background-color: #000; padding: 12px 25px; font-size: 14px; color: #fff; display: inline-block; vertical-align: middle; text-transform: uppercase; text-align: center; border-radius: 5px; position: relative; overflow: hidden } .theme-btn.primary-btn { background-color: #0b8be6 } .theme-btn.btn--small { padding: 7px 18px } .theme-btn.btn--large { padding: 11px 30px; font-size: 20px; text-transform: capitalize; font-weight: 600 } .theme-btn.secondary-btn { background-color: #f0703a } .theme-btn.secondary-btn:hover { background-color: #ff804a } .theme-btn.secondary-btn:focus { background-color: #d0501a } .theme-btn.secondary-btn:active { background-color: #d0501a } .theme-btn.yellow-btn { background-color: #fbc93f; color: #000 } .theme-btn.yellow-btn:hover { background-color: #ffd94f; color: #000 } .theme-btn.yellow-btn:focus { background-color: #dba91f; color: #000 } .theme-btn.yellow-btn:active { background-color: #dba91f; color: #000 } .theme-btn.green-btn { background-color: #5fc443 } .theme-btn.green-btn:hover { background-color: #6fd453 } .theme-btn.green-btn:hover { background-color: #3fa423 } .theme-btn.green-btn:hover { background-color: #3fa423 } .theme-btn.black-btn { background-color: #000 } .theme-btn.black-btn:hover { background-color: #404040 } .theme-btn.black-btn:focus { background-color: #000 } .theme-btn.black-btn:active { background-color: #000 } .theme-btn.grey-btn { background-color: #909192 } .theme-btn.grey-btn:hover { background-color: #A0A1A2 } .theme-btn.grey-btn:focus { background-color: #707172 } .theme-btn.grey-btn:active { background-color: #707172 } .theme-btn:hover { background-color: #2babff } .theme-btn:focus { background-color: #006bc6 } .theme-btn:active { background-color: #006bc6 } /*BUTTON END CSS*/ input[type="text"], input[type="email"], input[type="phone"], input[type="search"], select, textarea, input[type="password"], input[type="file"] { border: 1px solid #e6e9eb; border-radius: 5px; font-family: inherit; } input[type="text"].error { border-color: #f0703a } input[type="text"].success { border-color: #5fc443 } .error-text { color: #f0703a; font-size: 13px; display: block; padding-top: 5px; } .success-text { color: #5fc443; font-size: 13px; display: block; padding-top: 5px; } /*TOGGLE & TARGET CSS START HERE*/ .desktop.toggle--target { position: fixed; top: 0; bottom: 0; z-index: 1000; width: 100%; max-width: 25rem; padding: 20px; overflow: hidden; overflow-y: auto; background-color: #fff; -webkit-transition: -webkit-transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease } .desktop.toggle--target.visible { -webkit-transform: translateX(0); transform: translateX(0) } .toggle::before { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.8); opacity: 0; visibility: hidden; pointer-events: none; content: ""; -webkit-transition: opacity .2s ease; transition: opacity .2s ease } .toggle.open::before { opacity: 1; visibility: visible; pointer-events: auto } a.toggle--nav { display: none; width: 25px; height: 25px; cursor: pointer } /*TOGGLE & TARGET CSS END*/ /* SLICK SLIDER CSS START*/ .slick-arrow.slick-disabled { opacity: .4; cursor: default } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:before, .slick-track:after { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir='rtl'] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .slick-arrow { overflow: hidden } /* SLICK SLIDER CSS END */ /*HEADER CSS START HERE*/ .home { padding: 0 } @media(max-width:1200px) { body.is-toggle { overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; } } #vg-header { padding: 20px 0; border-bottom: 1px solid #ebebeb; } .main-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .header-col { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .logo a { max-width: 150px; display: block } .myAccount { position: relative; display: inline-block; } .myAccount-pic { width: 32px; height: 32px; border-radius: 50%; overflow: hidden; margin-right: 10px; } .myAccount>a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 35px 5px 0px; color: #000 } .myAccount>a:after { content: ""; right: 14px; width: 7px; height: 7px; top: 50%; margin-top: -5px; border: 1px solid; border-left: none; border-top: none; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media only screen and (min-width:1200px) { .myAccount:hover>a:after { margin-top: -2px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } } .nav-dropdown { min-width: 185px; z-index: 99; right: 0; top: 160%; position: absolute; padding: 0; opacity: 0; filter: alpha(opacity=0); visibility: hidden; padding: 0; background: #fff; -webkit-transition: all 300ms; transition: all 300ms; -webkit-box-shadow: 0 -5px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, 0.08); border-radius: 5px; overflow: hidden; } .myAccount-name { max-width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media only screen and (min-width:1200px) { .myAccount:hover>a~.nav-dropdown { visibility: visible; opacity: 1; top: 100%; } } .nav.nav-vertical ul { margin: 0; padding: 0px 0; } .nav.nav-vertical li { padding: 0; border-bottom: 1px dashed rgba(255, 255, 255, 0.25); } .nav.nav-vertical li a { padding: 7px 15px; display: block; color: #2f2f30; font-size: 15px; } .nav.nav-vertical li a:hover { background-color: #f0f0f0 } .login-type { background-color: #f0f0f0; display: block; padding: 10px; font-weight: 600; color: #006bc6; } .primary-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .primary-nav { display: inline-block; vertical-align: middle } .primary-nav ul li { padding: 0 15px } .primary-nav ul li a { color: #2f2f30; font-size: 16px; position: relative } .primary-nav ul li a:hover, .primary-nav ul li a:focus, .primary-nav ul li a:active { color: #0b8be6 } .primary-nav ul li a::before, .account-header>li>a:before { content: ""; background: #0b8be6; height: 2px; width: 0; position: absolute; top: 100%; left: 0; -webkit-transition: .4s all ease; transition: .4s all ease; opacity: 0 } .primary-nav ul li a:hover:before, .account-header>li>a:hover:before { width: 100%; opacity: 1 } .header-search { min-width: 360px } .header-search-form { position: relative } .header-search-form input[type="text"] { height: 40px; border: 1px solid #ebebeb; border-radius: 5px; padding-right: 50px; -webkit-transition: .3s ease-in-out all; transition: .3s ease-in-out all; line-height: normal; } .header-search-form input[type="text"]:focus { -webkit-box-shadow: 0 0 10px rgba(11, 139, 230, 0.1); box-shadow: 0 0 10px rgba(11, 139, 230, 0.1) } .header-search-form input[type="submit"] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARtJREFUeNqMkrFKA1EQRV+MhhclZkWDQUFECyEhItgoQmo/INhp4W9Z+hPiF2gjpLEKGtFoBCWFICmMeEbuwrCS4IXDDjvvzszOvlySJEGKsA91WIIhPMAV3IeM8jHa+VCFU9iCWeWmVWBHRTveaMk8tGAeXuESelCCBhzAHrxA23dsarw+nME7fMGnRnxTfh1ulAtTqmq6gFH4q1sVKMJm+tKMC4ofw3g961n2xqHi4gRj1HPkjT3Fu2NMVrCWncqM14qb7kCqOTiSueua/G51oFHWtD1bwApswyFU3Li2pA9/ATr6DRuwCKuwDDPqFEU9NefclTMV1M26fMOTLoUVOpbZlnmeNU6SFTyReZCO+h/Zt91pF90fAQYAwoc0mqaAEDMAAAAASUVORK5CYII=); border: none; cursor: pointer; right: 2px; position: absolute; top: 2px; width: 40px; height: auto; background-repeat: no-repeat; background-size: 14px 14px; background-position: center; bottom: 2px } .account-header li a { color: #2f2f30; font-size: 16px; position: relative } .account-header li a:hover { color: #0b8be6 } .account-header li span { color: #9da6a9; font-size: 16px; padding: 0 5px } .account-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } /*HEADER CSS END*/ .banner--section { position: relative } .banner--section .slider-item { min-height: 500px; max-height: 75vh; overflow: hidden; } .banner--section .slider-item video, .banner--section .slider-item img {} .slider-form-wrapper { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 9; padding: 50px 0 } .form-head { text-align: center; padding-bottom: 50px } .form-head h2 { font-size: 48px; color: #fff } .form-head p { font-size: 20px; color: #fff; max-width: 500px; margin: 0 auto } .filter-form { padding: 15px 20px; background-color: #fff; border-radius: 5px; max-width: 980px; margin: 0 auto; position: relative; } .filter-form input[type="text"] { padding-left: 30px; background-position: left center; background-repeat: no-repeat; font-size: 18px; font-weight: 600; color: #4f5f6c; height: 30px; border: none; line-height: normal; } .filter-form input[type="text"].search-icon { background-image: url(images/search-icon-2.png); border-right: 1px solid #e6e9eb } .filter-form input[type="text"].location-icon { background-image: url(images/location-icon.png) } .filter-form input[type="submit"] { border: none; cursor: pointer; float: right; } .slider--controls { display: inline-block; vertical-align: middle } .slider--controls ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .slider--controls ul li { padding-right: 10px } .sliderBtn { width: 40px; height: 40px; background-color: #fff; border-radius: 5px; display: block; position: relative; font-size: 0 } .sliderBtn:hover { background-color: #0b8be6 } .sliderBtn::after { position: absolute; content: ""; left: 50%; top: 50%; border-right: 2px solid #394654; border-bottom: 2px solid #394654; z-index: 2; width: 8px; height: 8px; -webkit-transition: all ease .3s; transition: all ease .3s; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); margin: 0 0 0 -2px } .sliderBtn.prev--btn::after { border: none; border-left: 2px solid #394654; border-top: 2px solid #394654; margin: 0 0 0 2px } .sliderBtn:hover:after { border-color: #fff } .section-heading { font-weight: 600 } .slick-active:last-child .category-block { border: none } .category-block { position: relative; text-align: center; display: block; padding: 90px 0px; border-right: 1px solid #dde1e5 } .categories { border-top: 1px solid #dde1e5 } .category-title { position: absolute; background-color: #000; padding: 2px 0px; border: none; opacity: 0.8; bottom: 0; left: 0; right: 0; } .category-block .category-title { color: #fff; font-weight: 600; display: block; transition: 0.5s; } .category-block:hover>.category-title { background-color: #000; opacity: 1; } .category-block:hover { background-color: #00000069; } .category-icon { display: inline-block; padding-bottom: 15px; min-height: 70px; max-width: 100px } .category-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 1px 0 0 } .category-item { background-size: contain; background-repeat: round } .section-header { padding-bottom: 30px } .event-image { position: relative; border-radius: 5px; overflow: hidden; background-color: #f0f3f5; border: 1px solid #f0f3f5; } .event-image:before { content: ""; display: block; padding-bottom: 45% } .event-image img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; border-radius: 5px; width: 100%; } .event-hover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; padding: 15px; background-color: rgba(0, 0, 0, .8); border-radius: 5px; overflow: hidden; color: #fff; opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .event a:hover .event-hover { opacity: 1; } .event-hover ul { padding: 15px 0; } .event-hover ul li { display: inline-block; vertical-align: middle; border-radius: 3px; padding: 3px 20px 5px; font-size: 12px; line-height: 18px; border: 1px solid rgba(255, 255, 255, 0.2); margin: 4px; } .event { position: relative; margin-bottom: 20px } .event-title { position: absolute; bottom: 25px; left: 0; right: 0; text-align: center; color: #fff } .event-title h2 { font-weight: 600; font-size: 36px } .text--link { color: #fff; text-decoration: underline; font-size: 15px } .text--link:hover { text-decoration: none } .top-border { border-top: 1px solid #ebecee } .section-header p { padding: 10px 0; font-size: 15px; color: currentColor; } .gigs-detail ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .gigs-detail ul li { padding: 0 30px 0 0; color: #9e9898 } .gigs-detail ul li i { color: #079ecc; padding-right: 5px; vertical-align: top; display: inline-block; line-height: 1.2; font-size: 18px; } .gigs-title { padding-bottom: 5px; font-weight: normal; } .gigs-title a { color: #394654 } .gigs-block { background-color: #fff; padding: 35px 30px; -webkit-box-shadow: 4px 0 106px rgba(0, 0, 0, .08); box-shadow: 4px 0 106px rgba(0, 0, 0, .08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5px; position: relative; max-width: 980px; margin: 0 auto; margin-bottom: 20px; } .price-block { text-align: center } .price-block .price { font-size: 20px; font-weight: 700; color: #0b8be6 } .price-block h4 { color: #9e9898; font-size: 16px; font-weight: 600; padding-bottom: 5px } .tag-label { padding: 3px 15px; line-height: 1.4; background: #000; color: #fff; font-size: 13px; border-radius: 3px; display: inline-block; font-weight: 600; } .gigs-block .tag-label { border-radius: 0 0 5px 5px; position: absolute; top: 0; left: 30px } .tag--orange { background-color: #f0703a } .tag--blue { background-color: #0b8be6 } .tag--yellow { background-color: #fbc93f; color: #000; } .tag--green { background-color: #5fc443 } .tag--black { background-color: #000 } .tag--grey { background-color: #909192 } .tag--light-blue { color: #079dcb; background-color: #cdebf5 } .tag--light-orange { background-color: #fce0d4; color: #f0703a } .tag--light-yellow { background-color: #fef4d9; color: #fbc93f } .tag--light-green { background-color: #dff3d9; color: #5fc443 } .tag--light-black { background-color: #cccccc; color: #000 } .tag--light-grey { background-color: #e9e9e9; color: #909192 } .tag--border-blue { color: #079dcb; background-color: #fff; border: 1px solid #cdebf5; } .tag--border-orange { background-color: #fff; color: #f0703a; border: 1px solid #f0703a; } .tag--border-yellow { background-color: #fff; color: #fbc93f; border: 1px solid #fbc93f; } .tag--border-green { background-color: #fff; color: #5fc443; border: 1px solid #5fc443; } .tag--border-black { background-color: #fff; color: #000; border: 1px solid #ccc; } .tag--border-grey { background-color: #fff; color: #909192; border: 1px solid #e9e9e9; } .card { -webkit-box-shadow: 2px 0 24px rgba(0, 0, 0, .08); box-shadow: 2px 0 24px rgba(0, 0, 0, .08); border-radius: 5px; overflow: hidden; background-color: #fff; margin-bottom: 20px } .card-media { position: relative; overflow: hidden } .card-media:before { content: ""; display: block; padding-bottom: 100% } .card-media img { margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out } @media only screen and (min-width:1200px) { .card-media:hover img { transform: scale(1.2) rotateZ(-5deg); -webkit-transform: scale(1.2) rotateZ(-5deg) } } .card-footer { padding: 10px 0 } .card-title { font-size: 16px; color: #394654; font-weight: 700; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-bottom: 10px } .card-title a { color: inherit } .card-aditionalinfo p { color: #666; padding: 0 0 5px; font-weight: 600; font-size: 14px; } .card-aditionalinfo p:last-child { padding: 0 } .hired-for { color: #394654; font-weight: 600; font-size: 14px; } .hired-for a { color: #394654; } .hired-lbl { color: #f0703a; display: block; font-weight: 600; font-size: 14px; } .card-footer-top { padding: 20px } .card-footer-bottom { border-top: 1px solid #f1f2f3; padding: 10px 20px; min-height: 90px; } .card-body { position: relative } .card-tags { position: absolute; bottom: -10px; left: 20px } .card-tags .tag-label { display: inline-block; vertical-align: middle; margin-right: 10px } .card-actions { position: absolute; left: 20px; top: 20px; opacity: 0; -webkit-transition: .3s ease-in-out all; transition: .3s ease-in-out all } .card-body:hover .card-actions { opacity: 1 } .card-actions>ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .card-actions>ul li { padding-right: 10px } .icon-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 28px; height: 28px; background-color: #fff; border-radius: 50%; padding: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #202020; position: relative; -webkit-transition: .3s ease-in-out all; transition: .3s ease-in-out all } .icon-wrap:hover { background-color: #0b8be6 } .icon-wrap.active { background-color: #ff943e } .icon-wrap .icon { position: relative; display: block; fill: #999 } .icon-wrap.active .icon { fill: #fff } .icon-wrap:hover .icon { fill: #fff } .js-artists-slider .slick-arrow, .js-pages-slider .slick-arrow { position: absolute; top: 50%; left: -60px; margin-top: -20px } .slick-arrow { width: 40px; height: 40px; background-color: #fff; border-radius: 5px; display: block; font-size: 0; border: none; position: relative; cursor: pointer; -webkit-box-shadow: 2px 0 24px rgba(0, 0, 0, .08); box-shadow: 2px 0 24px rgba(0, 0, 0, .08); z-index: 8 } .slick-arrow:hover { background-color: #f0703a } .js-artists-slider .slick-arrow.slick-next { left: auto; right: -60px } .slick-arrow::after { position: absolute; content: ""; left: 50%; top: 50%; border-right: 2px solid #0b8be6; border-bottom: 2px solid #0b8be6; z-index: 2; width: 8px; height: 8px; -webkit-transition: all ease .3s; transition: all ease .3s; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); margin: 0 0 0 -2px } .slick-arrow.slick-prev::after { border: none; border-left: 2px solid #0b8be6; border-top: 2px solid #0b8be6; margin: 0 0 0 2px } .slick-arrow:hover:after { border-color: #fff } .blue-bg { background-color: #0b8be6 } .blue-bg .section-header { color: #fff } .recent-artist { position: relative; padding-bottom: 0 } .recent-artist:after { position: absolute; content: ""; left: 0; bottom: 0; height: 88px; right: 0; background-color: #fff } .recent-artist .fix-container { position: relative; z-index: 2 } .card-ratings { padding-bottom: 5px } .card-ratings img { width: auto } .patern-bg { background-color: #f17b49; background-image: url(images/patern-bg.jpg); color: #fff } .why-block { text-align: center; padding: 10px 30px } .why-block h4 { font-weight: 600; text-transform: uppercase; padding-bottom: 20px } .why-block p { line-height: 1.6; font-size: 15px; color: currentColor; } .white-crcle { width: 150px; height: 150px; margin: 0 auto 30px; border-radius: 50%; background-color: #fff; -webkit-box-shadow: 15px 0 27px rgba(0, 0, 0, .2); box-shadow: 15px 0 27px rgba(0, 0, 0, .2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .crcle-img { max-width: 80px } .patern-bg-2 { background-image: url(images/patern-bg-2.png); background-color: #e6e9eb } .cta-blocks { background-color: #fff; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 780px; margin: 0 auto } .cta-blocks .grid { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 40px } .cta-blocks .grid:first-child { border-right: 1px solid #eceef0 } .cta-block { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100% } .cta-block p { color: #394654; font-size: 15px; padding-bottom: 15px } .cta-image { position: relative; max-width: 233px; margin: 0 auto 35px } .crcle-btn { width: 56px; height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: #fff; position: absolute; right: 0; bottom: 0 } .crcle-btn:after { content: ""; position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; border: 10px solid rgba(11, 139, 230, .2); border-radius: 50% } .crcle-btn span { position: relative; width: 20px; height: 2px; background-color: #019ee3; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: .2s ease-in-out all; transition: .2s ease-in-out all } .crcle-btn:hover span { -webkit-transform: translateX(5px); transform: translateX(5px) } .crcle-btn span::after { position: absolute; content: ""; right: -1px; top: 1px; width: 7px; height: 7px; border-top: 2px solid #019ee3; border-right: 2px solid #019ee3; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: top right; transform-origin: top right } .secondary-theme .crcle-btn span { background-color: #f0703a } .secondary-theme .crcle-btn span::after { border-color: #f0703a } .secondary-theme .crcle-btn:after { border-color: rgba(255, 148, 61, .2) } .avtar-block { display: -webkit-box; display: -ms-flexbox; display: flex } .avtar--name { font-size: 16px; font-weight: 600; color: #394654; padding-bottom: 5px } .avtar--name a { color: #394654; } .avtar--profile { font-size: 16px; font-weight: 600; color: #f06021; padding-top: 5px; display: block } .avter--location { font-size: 13px; font-weight: 600; color: #666 } .avtar--img { width: 72px; height: 72px; border-radius: 5px; overflow: hidden; position: relative; margin-right: 15px; border: 1px solid #e6e9eb; } .avtar--img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto } .review-text { padding-top: 10px; max-height: 106px; overflow: auto; } .review-text p { font-size: 17px; color: #394654; line-height: 1.7 } .review-body { padding: 30px; border-radius: 5px; border: 1px solid #e6e9eb; background-color: #fff; position: relative } .review-body::after { position: absolute; content: ""; left: 90px; top: 100%; border-left: 1px solid #e6e9eb; height: 30px; width: 30px; background-color: #fff } .review-body::before { position: absolute; content: ""; left: 120px; top: 100%; border-left: 1px solid #e6e9eb; height: 42px; width: 42px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: top left; transform-origin: top left; z-index: 9 } .reviewer .avtar-block { display: block } .reviewer .avtar--img { width: 48px; height: 48px; margin: 0 0 10px } .review-footer { margin-top: 20px; padding-left: 20px } .js-review-slider .slick-arrow { position: absolute; top: 50%; left: -60px; margin-top: -20px } .js-review-slider .slick-arrow.slick-next { left: auto; right: -60px } .js-review-slider .slick-arrow::after { border-color: #717a84 } .js-review-slider .slick-arrow:hover:after { border-color: #fff } .upcommint-events { background-image: url(images/map.jpg); background-repeat: no-repeat; background-position: center top; padding: 45px 100px } .upcoming-event { padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .upcoming-event .event-card { max-width: 480px; width: 100%; padding: 20px } .upcoming-event:nth-child(2n + 1) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .upcoming-event:nth-child(2n) .upcoming-event-date { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0 0 0 20px } .upcoming-event:nth-child(2n) .upcoming-event-date::after { left: 0; right: auto } .upcoming-event-date { width: 370px; position: relative; margin-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex } .upcoming-event-date span { display: inline-block; font-weight: 600; color: #f0703a; padding: 5px 20px; background-color: #ffead8; border-radius: 5px; position: relative; font-size: 13px; } .upcoming-event-date::after { position: absolute; content: ""; background-color: #f0703a; border-radius: 50%; width: 10px; height: 10px; right: 0; top: 50%; margin: -5px 0 0 } .upcoming-event-date::before { position: absolute; content: ""; background-color: #f0703a; width: 100%; height: 1px; right: 0; top: 50%; margin: -1px 0 0 } .event-card { background-color: #fff; -webkit-box-shadow: 2px 0 24px rgba(0, 0, 0, .08); box-shadow: 2px 0 24px rgba(0, 0, 0, .08); padding: 25px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 5px } .event--title { color: #394654; font-size: 16px; font-weight: 700; padding-bottom: 5px } .event--title:hover { color: #000 } .event--title a { color: inherit } #upcoming-event-grid { width: 45%; display: inline-block; } .event--image { width: 100%; height: 100%; border-radius: 5px; overflow: hidden; position: relative; background-color: #fff; } .event--image img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .event-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .event-footer { padding-top: 15px } .event-body .left-grid { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 50px } .event--hosted-by { color: #909192; font-size: 13px } .event--hosted-by span, .event--hosted-by a { color: #333e5c } .event--location p { color: #909192; font-size: 13px; padding: 0 0 3px } .event--location p span { color: #079ecc; padding-right: 5px } .event--datetime { color: #909192; font-size: 13px } .event--datetime span { padding-right: 10px; padding-bottom: 2px; display: inline-block } .event--tag { padding-bottom: 10px } .tagslist { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .tagslist li { padding: 0 10px 0 0 } .highlignted-tag { color: #394654; font-size: 13px; font-weight: 600; display: inline-block; vertical-align: middle; padding: 6px 10px; border: 1px solid #e6e9eb; border-radius: 5px } .highlignted-tag i { display: inline-block; vertical-align: middle; line-height: 1.1; padding: 0 8px 0 0 } .flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px } .flex-col { padding: 0 10px } .flex-row .flex-col { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33% } .video-thumb { position: relative; overflow: hidden; } .video-thumb:before { content: ""; padding-bottom: 56%; display: block; background-color: #000 } .video-thumb img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto } .videoblock { -webkit-box-shadow: 2px 0 24px rgba(0, 0, 0, .08); box-shadow: 2px 0 24px rgba(0, 0, 0, .08); background-color: #fff; border-radius: 5px; overflow: hidden } .videoblock-body { position: relative } .videoblock-footer { padding: 15px 20px; padding-right: 110px; position: relative } .video-detail { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 25px 60px 15px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: rgba(0, 0, 0, .8); opacity: 0; -webkit-transition: .3s ease-in-out all; transition: .3s ease-in-out all } .videoblock:hover .video-detail { opacity: 1 } .video-description { color: #fff } .video-description p { line-height: 1.7; font-size: 13px; color: currentColor; } .video-title { color: #434f5c; font-size: 18px; font-weight: 600; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .video-title:hover { color: #000 } .video-title a { color: inherit } .video-posted { color: #909192; font-size: 14px } .video-posted span, .video-posted a { color: #333e5c } .video-posted a:not(:hover) { text-decoration: underline; } .video-action svg.icon--heart { fill: #f7562d } .video-action svg.icon--review { fill: #0b8be6 } .video-action { color: #fff } .video-action ul { display: -webkit-box; display: -ms-flexbox; display: flex } .video-action ul li { padding-right: 20px } .video-action ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff } .video-action ul li span { padding-left: 5px; font-size: 12px } .video-play-btn { width: 62px; height: 62px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: #0b8be6; position: absolute; right: 30px; top: -28px } .video-play-btn::after { content: ""; position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; border: 10px solid rgba(7, 157, 203, .2); border-radius: 50% } .video-play-btn span { border: 10px solid transparent; border-left-color: #fff; border-width: 10px 0 10px 18px; border-radius: 3px } #footer { background-color: #fff; border-top: 1px solid #f0f3f5; } #footer .socials_Link li a { display: -webkit-box; display: -ms-flexbox; display: flex; height: 30px; width: 30px; border-radius: 3px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #footer .socials_Link li .fb { background: #2a3d7b } #footer .socials_Link li .twtr { background: #29bdff } #footer .socials_Link li .gp { background: #c6271d } #footer .socials_Link li .linkdn { background: #13549f } #footer .socials_Link li .yutube { background: #c22421 } #footer .socials_Link li .pint { background: #b7081a } #footer .socials_Link li .insta { background: #bb1692 } #footer .grid_1 .copyright { color: #222 } #footer .footer_links li>a::before { -webkit-transform: none; transform: none; width: 0 } #footer .footer_links li>a:hover::before { width: 100%; background-color: #0b8be6 } .footer--menu-title { padding: 10px 40px 10px 20px; background-color: #f0703a; color: #fff; cursor: pointer; position: relative; margin-bottom: 10px; border-radius: 2px; display: none; font-size: 18px } .footer--menu-title::before { position: absolute; right: 20px; top: 15px; width: 8px; height: 8px; content: ""; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out } .footer--menu-title.is-active::before { -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 18px } .search-keyword-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .srch-keywrd { font-weight: 600; color: #1a1a1a; padding: 8px 30px; border-radius: 5px; border: 1px solid #e8e8e8; background-color: #fff; display: inline-block; min-width: 170px; text-align: center; text-transform: capitalize; } .srch-keywrd:hover, .srch-keywrd.active { background-color: #0b8be6; color: #fff; border-color: #0b8be6; } .search-suggestion-wrap { position: absolute; background-color: #fff; left: 0; right: 0; border-top: 1px solid #e1e1e1; top: 100%; margin-top: -3px; padding: 20px 20px; border-radius: 0px 0 5px 5px; } .search-keyword-list>li { font-weight: 700; color: #4f5f6c; text-transform: uppercase; padding: 10px; } .strip-banner-title { position: relative; } .strip-banner-title::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(5, 50, 75, 1)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to bottom, rgba(5, 50, 75, 1) 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#05324b', endColorstr='#00ffffff', GradientType=0); z-index: 0; } .strip-banner-title .banner-text { display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 0; position: absolute; left: 0; top: 0; right: 0; z-index: 2; padding: 10px 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .banner-text h2 { font-size: 36px; color: #fff; font-weight: 400; } .banner-text span { font-size: 20px; color: #fff; font-family: 'Muli', sans-serif; } .panel__fixed-inner { position: relative; } .toggle-leftmenu { padding: 2px; width: 25px; height: 25px; display: none; position: absolute; top: 10px; right: 10px; border-radius: 2px; text-transform: uppercase; } .highlight_div { background-color: #f0f0f0; padding: 20px; margin-top: 10px; } form .form { position: relative; } .vector-wrap { display: flex; justify-content: center; }.msg a { margin-top: 5px; } .media-image-wrapper { height: auto; } .media-image-wrapper .wrapphoto { margin: 5px; } .ui-autocomplete { background: #f2f2f2; } .product-gallery-popup .popup-overlay { background-color: rgba(68, 68, 68, 0.5); } .product-gallery-popup .product-popup-content { margin-left: auto !important; margin-right: auto !important; transform: translateX(-50%); } .post-img-view { float: left; } .post-img-view img { margin: 0px; } @media only screen and (max-width:1300px) { .js-artists-slider .slick-arrow { left: 5px; } .js-artists-slider .slick-arrow.slick-next { right: 5px; } .js-review-slider .slick-arrow { left: 5px; } .js-review-slider .slick-arrow.slick-next { right: 5px; } } @media only screen and (max-width:1200px) { .toggle-leftmenu { display: inline-block; } a.toggle--nav { display: inline-block; } .primary-nav ul { display: block; } .primary-nav ul li { padding: 10px 0px; } .primary-nav { display: block; padding-bottom: 10px; } .header-action-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 36px; height: 36px; border-radius: 50%; background-color: #f0f0f0 } .header-action-icon svg { fill: #000 } .header-action-inline { display: inline-block; vertical-align: middle; padding-left: 10px } .js-toggle.toggle.header-action-inline.search-toggle { display: none; } .tablet.toggle__target { position: fixed; top: 0; bottom: 0; z-index: 1000; width: 100%; max-width: 18rem; padding: 20px; overflow: hidden; overflow-y: auto; background-color: #fff; -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease } .tablet.toggle__target.left { left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%) } .tablet.toggle__target.right { right: 0; -webkit-transform: translateX(100%); transform: translateX(100%) } .tablet.toggle__target.visible { -webkit-transform: translateX(0); transform: translateX(0) } .nav.nav-vertical li a { padding: 10px 5px; } .myAccount>a.is-active~.nav-dropdown { position: relative; } .nav-dropdown { top: 0; position: relative; visibility: visible; box-shadow: none; opacity: 1; } .header-notifier { display: none; } .header-search-form { width: 100%; max-width: 270px; margin: 0 auto } .logo { float: none; display: inline-block; margin: 0; vertical-align: middle; padding-left: 20px } .tb-padd { padding: 40px 0 } .js-review-slider, .js-artists-slider { padding: 0 60px } .upcommint-events { padding: 0 20px } .review-text p { font-size: 14px; line-height: 1.5 } .review-body { padding: 15px } .form-head h2, .event-title h2 { font-size: 28px } .form-head p { font-size: 16px } .form-head { padding-bottom: 20px } .why-block { padding: 10px } .why-block p { font-size: 14px } .why-block h4 { font-size: 18px; padding-bottom: 10px } .white-crcle { width: 100px; height: 100px; margin: 0 auto 20px } .recent-artist::after { display: none } .event-body { display: block } .event-body .left-grid { padding: 10px 0 0; } #upcoming-event-grid { width: inherit; } .event-card { padding: 15px; text-align: center } .event--image { margin: 0 auto } .tagslist { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .tagslist li { padding: 2px } .upcoming-event { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 0 10px } .upcoming-event .event-card { margin: 0 auto; height: auto } .upcoming-event-date:after, .upcoming-event-date:before { display: none } .upcoming-event-date { width: auto; margin: 0 auto; text-align: center; display: block } .upcommint-events { display: -webkit-box; display: -ms-flexbox; display: flex; background: none } .event-hover ul { display: none; } .slider-form-wrapper { padding: 100px 0 200px; } /* .slider-image img {height: 390px;} */ .event--title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .video-detail { display: none } .video-play-btn { width: 42px; height: 42px } .video-play-btn span { border-width: 7px 0 8px 12px } .videoblock-footer { padding-right: 60px } .search-suggestion-wrap { padding: 8px 20px; } .myAccount>a.is-active~.nav-dropdown { visibility: visible; opacity: 1; top: 100%; } .v-usertext { padding-top: 0; } .v-managemenu li:first-child { border: none; } .popup section { width: 100%; } .v-username { display: block; } .sort-by ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sort-by ul li { margin-right: 10px; } #scrollbar1 .viewport { height: auto !important; } #scrollbar1 .overview, #scrollbar1 .scrollbar { position: relative !important; } .ui-autocomplete { z-index: 99999999 !important; } .event--image img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 90%; } } @media only screen and (max-width:1024px) { .banner--section .slider-item { min-height: auto; } } @media screen and (min-width: 768px) and (max-width: 1200px) { .event--image { width: 100%; height: 130px; } #upcoming-event-grid { width: 100%; } } @media only screen and (max-width:992px) { .v-bio li { padding: 20px 0; } .v-tacgs li { margin-top: 15px; margin-right: 15px; } .v-medialist>li { padding-left: 15px; } .v-rightsidebar .panel__fixed { padding-right: 10px; padding-left: 5px; } .irs-to { left: 75% !important; } .product-gallery-popup .product-popup-content { width: 700px !important; } } @media only screen and (max-width:767px) { .product-gallery-popup .product-popup-content { width: 500px !important; } h2 { font-size: 20px } .footer-nav h6 { margin-bottom: 10px; margin-top: 15px; } .srch-keywrd { padding: 8px 20px; min-width: inherit; } .search--form--wrap { max-width: 100% !important; left: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); max-height: 80px; background-color: #fff !important; min-width: inherit } .header-search-form { max-width: inherit } .mobile.toggle__target { position: fixed; top: 0; bottom: 0; z-index: 1000; width: 100%; max-width: 17rem; padding: 20px; overflow: hidden; overflow-y: auto; background-color: #fff; -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; margin: 0; } .mobile.toggle__target.left { left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%) } .mobile.toggle__target.right { right: 0; -webkit-transform: translateX(100%); transform: translateX(100%) } .mobile.toggle__target.visible { -webkit-transform: translateX(0); transform: translateX(0) } .account-header { display: block } .account-header li { padding-bottom: 10px } .js-toggle.toggle.header-action-inline.search-toggle { display: inline-block; } .slider-image img { height: auto; } .section-header { padding-bottom: 20px } .slider-form-wrapper { position: relative; padding: 25px 0 } .form-head h2 { line-height: 1.2; font-size: 20px; padding-bottom: 10px } .form-head p { font-size: 14px } .form-head h2, .form-head p { color: #000 } .filter-form input[type="text"] { border: 1px solid #e6e9eb; padding: 0 20px; padding-left: 40px; height: 40px; background-position: 8px center; font-size: 15px } .filter-form { padding: 0 20px; max-width: 480px; margin: 0 auto } .field-set .field_cover { padding-bottom: 10px } .section-header { text-align: center } .section-header .fl { padding-bottom: 15px } .section-header .fl, .section-header .fr { float: none } .category-list .category-item { max-width: inherit; } .category-list { margin: 0 -5px } .category-block { border: none; } .upcommint-events { display: block } .upcoming-event { max-width: inherit; padding-bottom: 20px } #upcoming-event-grid{ width: inherit; display: grid; height: 140px; } .event { max-width: 400px; margin: 0 auto 15px } .cta-blocks { display: block } .cta-blocks .grid { max-width: inherit } .cta-blocks .grid:first-child { border: none; border-bottom: 1px solid #eceef0 } .gigs-block { display: block; text-align: center; padding: 35px 15px 15px } .gigs-detail ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 15px } .card { max-width: 300px; margin: 0 auto } .gigs-block .tag-label { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .flex-row .flex-col { max-width: inherit; padding: 0 10px 20px } .flex-row { display: block } .gap40 { height: 20px } .videoblock { max-width: 380px; margin: 0 auto } .js-review-slider, .js-artists-slider { padding: 0 } .review-text { padding: 10px 30px; text-align: center } .js-review-slider .slick-arrow { z-index: 10; border: 1px solid #ddd } .reviewer .avtar-block { display: -webkit-box; display: -ms-flexbox; display: flex } .reviewer .avtar--img { margin: 0 10px 0 0 } .review-body::after { height: 16px; width: 13px } .review-body::before { height: 22px; width: 22px; left: 105px } .theme-btn.btn--large { height: 40px; padding: 9px 20px; font-size: 15px } #footer .grid_2 { text-align: center } #footer .socials_Link { display: inline-block } #footer .socials_Link li { float: none; display: inline-block; margin: 5px; vertical-align: top } .footer--menu-title { display: block } .footer-nav { padding: 0 20px; text-align: left; } .f_logo { margin-top: 0 } #footer .grid_1 .copyright { padding: 0 } .search-suggestion-wrap { position: relative; background-color: #f9f9f9; border-top: none; top: 0; margin-top: 0; padding: 20px 20px; border-radius: 5px; margin: 0 0 10px 0; } .banner-text h2 { font-size: 25px; } .banner-text span { font-size: 15px; } .user--card { max-width: 270px; margin: 0 auto; } .form-title .v-btn { margin: 10px 0px 0 0; } .popup section { max-width: 300px; } #facebox .content { /* width: 300px;*/ } #facebox .content { width: 100%; } .ui-autocomplete { z-index: 99999999 !important; } .sort-by li select { min-width: 175px; } .resp-tab-content { padding: 15px 0px } .filters { padding-right: 15px; } .media-image-wrapper .wrapphoto { width: 90px; } .post-img-view { float: left; width: 200px; } } @media only screen and (max-width:576px) { .search-keyword-list { display: block; text-align: center; } .srch-keywrd { min-width: 170px; } .sort-by li.sort { display: none; } .product-gallery-popup .product-popup-content { width: 280px !important; height: 400px !important; } .post-img-view { float: left; width: 120px; } }