.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:999999999;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} #youtubemodal-overlay, #simplemodal-overlay { opacity: 0.8!important; } input::-ms-clear { display: none!important; } #footerVid .mfp-close, #learningVid .mfp-close, .mfp-iframe-holder .mfp-close { background: url('/_template/img/x.png') no-repeat; background-size: 20px 20px; width: 20px; height: 20px; display: inline; z-index: 3200; position: absolute; top: 4px; right: -4px; cursor: pointer; font-size:0; } .white-popup-block, .white-popup { position: relative; background: transparent; width: 900px; max-width: 90%; margin: 20px auto; border: 4px solid #ececec; } .mfp-iframe { border: 4px solid #ececec; } #footerVid iframe, #learningVid iframe { margin-bottom: -6px; } .mfp-wrap { z-index:999999999!important; } body { font-family: 'Lato', sans-serif; font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; min-width: 320px; background-color: #fff; color: #404040; min-height:900px; overflow-x: hidden; } input { -webkit-appearance: none; border-radius: 0; } input.readonly { color: #999 !important; } input, textarea, select { font-family: arial; font-size: 14px; outline: none; } label.disabled { color: #c7c7c7; } .only_mobile { display: none !important; } .only_desktop { display: block; } .atnd { -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; } .at { -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, opacity 300ms ease-in-out, border 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, opacity 300ms ease-in-out, border 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, opacity 300ms ease-in-out, border 300ms ease-in-out, background-position 300ms ease-in-out; transition: color 300ms ease-in-out, background-color 300ms ease-in-out, opacity 300ms ease-in-out, border 300ms ease-in-out, background-position 300ms ease-in-out; } a { color: #1abfd4; text-decoration: none; } a:hover { text-decoration: underline; } span.notifi_title { color: #1abfd4; } #mobile-screenpop { display: none; } input.button { display: inline-block; background-color: #c6ef07; color: #484848; padding: 15px 30px 15px 30px; text-transform: uppercase; border: none; } input.button:hover { background-color: #00ccff; color: #fff; } a.button { display: inline-block; background-color: #c6ef07; color: #484848; padding: 15px 30px 15px 30px; text-transform: uppercase; } a.button.full_width { width: 100%; display: block; clear: both; padding: 7px 0px 7px 0px; text-align: center; } a.button.blue { background-color: #00ccff; color: #fff; } a.button.blue:hover { background-color: #c6ef07; color: #484848; } a.button.rnd { background-color: #a7c132; color: #fff; font-weight: 400; margin-bottom: 0px; border-bottom: 5px solid #64731b; border-radius: 8px; text-shadow: 2px 2px 1px rgba(60, 60, 60, 1); } a.button.rnd:hover { background-color: #00ccff; border-bottom: 5px solid #1e8bac; color: #fff; } a.button.big { padding: 18px 60px 18px 60px; font-size: 18px; background-color: #a7c132; color: #fff; font-weight: 400; margin-bottom: 0px; border-bottom: 5px solid #64731b; border-radius: 8px; text-shadow: 2px 2px 1px rgba(60, 60, 60, 1); } a.button:hover { background-color: #00ccff; text-decoration: none; color: #fff; } a.button.big:hover { background-color: #00ccff; border-bottom: 5px solid #1e8bac; color: #fff; } .btn { display: inline-block; width: auto; background: #00caf9; color: #fff; position: relative; padding: 5px 15px; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, opacity 300ms ease-in-out, border 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, opacity 300ms ease-in-out, border 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, opacity 300ms ease-in-out, border 300ms ease-in-out, background-position 300ms ease-in-out; transition: color 300ms ease-in-out, background-color 300ms ease-in-out, opacity 300ms ease-in-out, border 300ms ease-in-out, background-position 300ms ease-in-out; } .btn:hover { background: #c6ef07; color: #484848; } .btn:hover, .btn input:hover { cursor: pointer; } .btn span { display: inline-block; width: auto; } a.small_button { display: inline-block; background-color: #c6ef07; color: #484848; padding: 5px 10px 5px 10px; text-transform: uppercase; font-size: 12px; } a.small_button:hover { background-color: #00ccff; text-decoration: none; color: #fff; } a.small_button.inverted { background-color: #eee; color: #484848; white-space: nowrap; } a.small_button.inverted:hover { background-color: #00ccff; color: #fff; } a.small_button.opposite { background-color: #00ccff; color: #fff; white-space: nowrap; } a.small_button.opposite:hover { background-color: #c6ef07; color: #484848; } a.small_button.remove { background-color: #F7941D; } a.small_button.remove:hover { background-color: #F73C1D; } p { margin: 0px 0px 30px 0px; } p.no_m { margin: 0px 0px 0px 0px; } p.atm { margin-top: 15px !important; } p.cntr, div.cntr { text-align: center; } h1, h2, h3, h4, h5, h6 { padding: 0px 0px 0px 0px; margin: 0px 0px 30px 0px; font-weight: normal; } h1 { color: #7c7c7c; font-size: 40px; line-height: 40px; } h2 { color: #7c7c7c; font-size: 30px; line-height: 36px; } h3 { color: #7c7c7c; font-size: 28px; line-height: 28px; } h4 { color: #7c7c7c; font-size: 24px; line-height: 35px; font-weight: 300; } h4 strong { color: #00ccff; font-weight: 300; } h5 { color: #7c7c7c; font-size: 16px; line-height: 16px; } h6 { color: #7c7c7c; font-size: 16px; line-height: 16px; } .img_on_right, .on_right { float: right; padding: 0px 0px 30px 30px; } .img_on_left, .on_left { float: left; padding: 0px 30px 30px 0px; } blockquote { clear: both; float: left; width: 100%; background-color: #fff; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; position: relative; min-height:146px; } blockquote:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } blockquote img { position: absolute; top: 0px; right: 0px; } blockquote p { padding: 30px 176px 30px 30px; margin: 0px 0px 0px 0px; } table { width: 100%; margin: 0px 0px 20px 0px; border: 1px solid #ddd; } table th { border-bottom: 1px solid #ddd; background-color: #fff; text-align: left; font-weight: normal; padding: 5px 5px 5px 5px; } table td { padding: 5px 5px 5px 5px; } table th.last, table td.last { text-align: right; } table td.order_line { border-bottom: 1px solid #ddd; font-size: 12px; } table.charges_form td { width: 0%; } table.charges_form td.prices { width: 100%; } ul { margin: 0px 0px 30px 0px; list-style: square; } /* SIMPLE FORM LAYOUTS */ dl { width: 100%; display: block; margin: 0px 0px 0px 0px; padding-bottom: 10px; float: left; clear: both; color: #878787; } dl dt { display: block; width: 35%; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; clear: left; } dl dd { display: block; width: 65%; float: left; padding: 1px 0px 0px 0px; margin: 0px 0px 10px 0px; } dl.identity_field { margin-bottom: 15px; } dl.identity_field dt { width: 100%; } dl.identity_field dd { width: 100%; } dl dd select { width: 170px; } dl dd span { display: block; clear: both; width: 100%; } dl.internal { margin-bottom: 30px; } dl.internal dd.textarea textarea { width: 100%; height: 90px; padding: 4px 4px 4px 4px; border: 1px solid #ebebeb; background-color:#ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; } dl.internal dd.text input, dl.internal dd.text select { width: 100%; padding: 4px 4px 4px 4px; border: 1px solid #ebebeb; background-color:#ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; } dl.full dd.text.disabled input { color: #969696; } dl.internal dt.checkbox { width: 4%; } dl.internal dt.checkbox input { border: 1px solid #ebebeb; background-color:#ebebeb; } dl.internal dd.checkbox { width: 96%; padding-top:3px; } dl.internal dt.checkbox img { width: 15px; height: 15px; } dl.internal dt.button, dl dd.button { margin: 0px 0px 0px 0px; } dl.internal dd.button input { width: 100%; background-color: #c6ef07; color: #484848; padding: 10px 0px 10px 0px; display: block; margin-bottom: 20px; border: none; text-transform: uppercase; } dl.internal dd.button input:hover { background-color: #00ccff; color: #fff; } dl.mini { padding: 0px 0px 0px 0px; } dl.mini dt { width: 50%; } dl.mini dd { width: 50%; } dl.mini dd input { width: 100%; padding: 4px 4px 4px 4px; border: 1px solid #ebebeb; background-color:#ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; } dl.mini dt.checkbox { width: 7%; } dl.mini dt.checkbox input { border: 1px solid #ebebeb; background-color:#ebebeb; } dl.mini dd.checkbox { width: 93%; padding-top:3px; } dl.mini dt.checkbox img { width: 15px; height: 15px; } dl.mini dt.button, dl.mini dd.button { margin: 0px 0px 0px 0px; } dl.mini dd.button input { background-color: #a7c132; color: #fff; font-weight: 400; font-size: 16px; padding: 12px 0px 12px 0px; margin-bottom: 0px; border-bottom: 5px solid #64731b; border-radius: 8px; text-shadow: 2px 2px 1px rgba(60, 60, 60, 1); } dl.mini dd.button input:hover { background-color: #00ccff; border-bottom: 5px solid #1e8bac; color: #fff; } dl.mini dd.multi select { width: 80px; margin-right: 8px; border: 1px solid #eee; padding: 4px 4px 4px 4px; margin-bottom: 2px; } dl.mini dd.multi span { display: block; margin-right: 8px; margin-top: 4px; } dl.mini dd.multi table { width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: none; } dl.mini dd.multi table td { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } dl.mini dd.multi input { margin-bottom: 2px; border: 1px solid #eee; padding: 5px 5px 5px 5px; } dl.mini dd.full_width.button { width: 100%; } dl.mini dt.full_width.button { display: none; } dl.add_margin_bottom { margin: 0px 0px 30px 0px; } dl.full { margin: 0px 0px 30px 0px; } dl.full dt { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 8px; } dl.full dd.textarea textarea { width: 100%; height: 90px; padding: 4px 4px 4px 4px; border: 1px solid #ebebeb; background-color:#ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; } dl.full dd.text input { width: 100%; padding: 4px 4px 4px 4px; border: 1px solid #ebebeb; background-color:#ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; } dl.full dd.button input { background-color: #c6ef07; color: #484848; padding: 15px 0px 15px 0px; text-transform: uppercase; margin-bottom: 0px; display: block; width: 100%; text-align: center; border: none; } dl.full dd.button input:hover { background-color: #00ccff; color: #fff; } dl.full dd.button a.button { width: 100%; padding-left: 0px; padding-right: 0px; text-align: center; } dl.full dt.checkbox { text-align: right; } dl.full dd.checkbox label { padding-top: 2px; display: block; float: left; } dl dd select { width: 100%; border: 1px solid #eee; padding: 4px 4px 4px 4px; margin-bottom: 2px; } dl.full dd.select select { width: 100%; padding: 4px 4px 4px 4px; border: 1px solid #EBEBEB; background-color: #EBEBEB; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; } input.auto_completed { background-image:url(/_template/img/auto_complete_hint.png); background-position: right; background-size: 25px 15px; background-repeat: no-repeat; } div.two_texts { clear: both; /*float left;*/ width: 100%; } div.two_texts > div.minor { width: 45%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; } div.two_texts > div.major { width: 55%; float: left; } div.text_label_text_label { clear: both; /*float left;*/ width: 100%; } div.text_label_text_label div.text { width: 35px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; } div.text_label_text_label div.text > input { text-align: center; } div.text_label_text_label div.label { padding-right: 10px; padding-top: 3px; width: auto; float: left; } div.checkbox_list { clear: both; float: left; width: 100%; } div.checkbox_list div.l { width: 5%; float: left; } div.checkbox_list div.l img { width: 15px; height: 15px; } div.checkbox_list div.r { width: 95%; float: left; } div.checkbox_list div.r label { display: block; margin: 2px 0px 0px 8px; } div.checkbox_list div.r label:hover { color: #00ccff; } .availability dl dt { width: 25%; } .availability dl dd { width: 75%; } .availability div.checkbox_list { clear: none; width: 33.33%; } .availability .travel div.checkbox_list { width: 50%; } .availability div.checkbox_list div.l { width: 10%; } .availability div.checkbox_list div.r { width: 90%; } /* FRAMES / BACKGROUNDS - JUST REMOVE THE ELEMENT IF YOU DONT NEED IT */ div.frame { clear: both; margin: 0 auto; width: 1060px; background-color: #fff; /* THIS FIXES A 1PX HAIRLINE ISSUE IN IOS AND ANDROID - IF USING WHITE BACKGROUNDS, THIS CAN BE IGNORED */ margin-top: -1px; } div.frame.full_width { width: 100%; float: left; } div.frame.pop_width { width: 1080px; } div.frame.full_width.band_three { background-color: #fff; border-bottom: 1px solid #e9e9e9; } div.frame.full_width.band_two { background-color: #f6f6f6; } div.frame.full_width.band_four { background-color: #f6f6f6; border-top: 3px solid #ececec; border-bottom: 3px solid #ececec; margin-bottom: 30px; } div.frame.full_width.band_four.add_margin_bottom { margin-bottom: 70px; } div.frame.full_width.band_four.latest_tutors_wrap { margin-bottom: 0px; border-bottom: 0; } div.frame.internal { padding-top: 20px; } div.frame.full_width.how_one { background-color: #00ccff; } div.frame.full_width.how_two { background-color: #f1f1f1; } div.frame.full_width.how_three { background-color: #2e6876; } div.frame.full_width.how_four { background-color: #f1f1f1; } /* FIXED HEADER */ div.fixed_header { -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.15); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.15); position: fixed; z-index:100000; width:100%; top:0px; background-color:#fff; } div.fixed_header.internal { -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0); } div.fixed_header.internal.scrolled { -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.15); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.15); } body { padding-top:167px; } /* END OF FIXED HEADER */ /* SECTION */ section.section, div.section { width: 1060px; clear: both; margin: 0 auto; } section.section.pop, div.section.pop { width: 1080px; } /* PRE HEADER */ header.pre_header { width: 100%; clear: both; float: left; background-color: #fff; z-index: 100; } header.pre_header > ul { display: block; float: left; clear: both; width: 100%; position: relative; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: right; } header.pre_header > ul > li { display: block; float: right; border-left: 1px solid #ebebeb; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; } header.pre_header > ul > li > a { color: #8b9ca0; text-decoration: none; display: block; float: left; padding: 10px 10px 7px 10px; border-bottom: 2px solid transparent; } header.pre_header > ul > li > a:hover { background-color: #f9f9f9; border-bottom: 2px solid #00ccff; } header.pre_header > ul > li > a strong { display: block; float: left; border: 1px solid #00ccff; background-color: #00ccff; color: #fff; padding: 2px 8px 2px 8px; font-weight: normal; margin-left: 9px; border-radius:30px; } header.pre_header > ul > li > a > span { display: block; float: left; padding: 3px 0px 3px 0px; background-repeat: no-repeat; background-position: left; } header.pre_header > ul > li.country > a { background-image: url(/_template/img/pre_header_down_arrow.png); background-position: right; background-repeat: no-repeat; padding-right: 30px; background-size: 22px 12px; } header.pre_header > ul > li.country > a > span { background-size: 25px 25px; } header.pre_header > ul > li.country.gbp > a > span { background-image:url(/_template/img/pre_header_gbp.png); padding-left: 30px; } header.pre_header > ul > li.country.usd > a > span { background-image:url(/_template/img/pre_header_usd.png); padding-left: 30px; } header.pre_header > ul > li.country.eur > a > span { background-image:url(/_template/img/pre_header_eur.png); padding-left: 30px; } header.pre_header > ul > li.my_account > a > span { background-image:url(/_template/img/pre_header_my_account.png); padding-left: 35px; background-size: 25px 25px; } header.pre_header > ul > li > div { display: block; position: absolute; top: 43px; left: -1px; width: 100px; background-color: #fff; border: 1px solid #ebebeb; text-align: left; z-index: 100; display: none; border-top: 2px solid #00ccff; -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.63); -moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.63); box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.63); } header.pre_header > ul > li > div ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; clear: both; float: left; width: 100%; } header.pre_header > ul > li > div ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; float: left; width: 100%; display: block; } header.pre_header > ul > li > div ul li a { text-decoration: none; color: #7c7c7c; display: block; padding: 0px 0px 0px 10px; background-repeat: no-repeat; background-position: left; } header.pre_header > ul > li > div ul li a:hover { background-color: #f9f9f9; } header.pre_header > ul > li.country > div { width: 220px; } header.pre_header > ul > li.country > div ul li a { background-position: 10px; text-indent: 30px; padding-top: 6px; padding-bottom: 6px; background-size: 25px 25px; } header.pre_header > ul > li.country > div ul li.gbp a { background-image:url(/_template/img/pre_header_gbp.png); } header.pre_header > ul > li.country > div ul li.usd a { background-image:url(/_template/img/pre_header_usd.png); } header.pre_header > ul > li.country > div ul li.eur a { background-image:url(/_template/img/pre_header_eur.png); } header.pre_header > ul > li.last { border-right: 1px solid #ebebeb; } header.pre_header > ul > li.basket.shortlist { border-right: none; } header.pre_header > ul > li.basket > div { width: 320px; left: auto; right: 0px; font-size: 14px; line-height: 17px; } header.pre_header > ul > li.basket > div ul li { border-bottom: 1px solid #ebebeb; clear: both; float: left; position: relative; } header.pre_header > ul > li.basket > div ul li a { padding: 0px 0px 0px 0px; width: 100%; clear: both; float: left; } header.pre_header > ul > li.basket > div ul li a img { display: block; float: left; padding: 10px; border-radius: 0px; border-radius: 60px; } header.pre_header > ul > li.basket > div ul li a em { display: block; float: left; width: 230px; font-style: normal; padding-top: 10px; padding-bottom: 10px; } header.pre_header > ul > li.basket > div > a { display: block; clear: both; text-align: center; color: #fff; background-color: #00ccff; text-decoration: none; } header.pre_header > ul > li.basket > div > a:hover { background-color: #C6EF07; color: #484848; } header.pre_header > ul > li.basket > div > span { display: block; float: left; width: 100%; text-align: right; } header.pre_header > ul > li.basket > div > span > strong { display: block; padding: 5px 5px 5px 5px; font-weight:normal; } header.pre_header > ul > li.basket > div > a > strong { display: inline-block; /* background-image:url(/_template/img/pre_header_basket.png); */ background-position: left; background-repeat: no-repeat; padding: 10px 33px 8px 33px; font-size: 16px; font-weight: normal; margin-bottom: 2px; *display: inline; /* IE7 FIX */ zoom: 1; /* IE7 FIX */ } header.pre_header > ul > li.basket > div ul li div.controls { position: absolute; top: 10px; right: 10px; width: 40px; } header.pre_header > ul > li.basket > div ul li div.controls > a { display: block; width: 10px; height: 10px; clear: none; float: right; text-align: center; color: #000; font-size: 14px; } header.pre_header > ul > li.my_account > div { width: 320px; left: auto; right: 0px; font-size: 14px; } header.pre_header > ul > li.my_account > div > div.box_inner { padding: 0px 10px 0px 10px; } header.pre_header > ul > li.my_account > div > div.box_inner div.controls { width: 100%; clear: both; float: left; margin: 10px 0px 10px 0px; } header.pre_header > ul > li.my_account > div > div.box_inner div.controls div.l { float: left; width: 60%; } header.pre_header > ul > li.my_account > div > div.box_inner div.controls div.r { float: left; width: 40%; text-align: right; } div.box_inner dl { border-bottom: 1px solid #eee; margin: 0px 0px 0px 0px; padding-bottom: 0px; } div.box_inner dl dd { margin-bottom: 0px; width: 75%; overflow:hidden; } div.box_inner dl dt { margin-bottom: 0px; width: 25%; padding-top: 10px; } div.box_inner dl dd input { border: none; width: 100%; padding: 10px 0px 10px 10px; border-left: 1px solid #eee;; } div.box_inner p { width: 100%; clear: both; float: left; text-align: center; margin: 0px 0px 0px 0px; padding: 20px 0px 20px 0px; } div.box_inner dl.email { border-top: 1px solid #eeeeee; } header.pre_header > ul > li > div ul.social_logins { clear: both; list-style: none; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; } header.pre_header > ul > li > div ul.social_logins li { float: left; clear: none; padding: 5px; margin: 0px 0px 0px 0px; width: auto; } header.pre_header > ul > li > div ul.social_logins li a { text-indent: 0px; padding: 0px 0px 0px 0px; } header.pre_header > ul > li > div ul.social_logins li a:hover { background-color: transparent; } header.pre_header > ul > li > div ul.social_logins li a img { width: 26px; height: 26px; } div.box_inner dl.social_logins dt { padding-top: 16px; } /* MAIN HEADER AND MAIN NAV */ header.header { width: 100%; clear: both; float: left; position: relative; border-bottom: 1px solid #eee; } header.header a.logo { display: block; position: absolute; top: 0px; left: 0px; width: 200px; padding: 30px 0px 30px 0px; } header.header a.logo img { width: 200px; height: 60px; } div#mobile_menu_trigger { display: none; position: absolute; top: -46px; left: 0px; text-align: center; clear: both; background-image:url(/_template/img/mobile_menu_trigger_bg.png); background-position: 9px 10px; background-repeat: no-repeat; float: left; } div#mobile_menu_trigger.open { background-image:url(/_template/img/mobile_menu_trigger_open_bg.png); } div#mobile_menu_trigger a { display: block; color: #8B9CA0; text-decoration: none; white-space: nowrap; width: 44px; height: 45px; text-indent: 200px; overflow:hidden; } div#mobile_menu_trigger:hover { background-color: #f9f9f9; } header.header nav { clear: both; float: left; width: 100%; text-align: right; min-height: 120px; } header.header nav > ul { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } header.header nav > ul > li { display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } header.header nav > ul > li > a { display: block; position: relative; padding: 50px 10px 50px 10px; color: #5d5d5d; background-repeat: no-repeat; background-position: center; } header.header nav > ul > li.home a { width: 20px; background-image:url(/_template/img/nav_home_icon.png); background-size: 22px 22px; } header.header nav > ul > li.my_account a { margin: 20px 10px 30px 10px; padding: 0px 0px 0px 0px; } header.header nav > ul > li.my_account a img { border-radius: 20px; width: 41px; height: 41px; } header.header nav > ul > li > a:hover { color: #00ccff; text-decoration: none; } header.header nav > ul > li.home a:hover, header.header nav > ul > li.my_account a:hover { background-color: #fff; } header.header nav > ul > li.megamenu.full_width > a { background-image:url(/_template/img/header_menu_hint.png); background-size: 12px 50px; } header.header nav > ul > li.megamenu.full_width > a:hover, header.header nav > ul > li.megamenu.full_width > a.active { color: #00ccff; } header.header nav div.megamenu.full_width { position: absolute; top: 120px; left: 0px; width: 100%; border-top: 2px solid #00ccff; background-color: #fff; text-align: left; -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.33); -moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.33); box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.33); z-index: 10000; display: none; } header.header nav div.megamenu.full_width div.col { width: 33%; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; list-style: none; text-align: center; } header.header nav div.megamenu.full_width div.col span.profile_thumb { display: inline-block; width: 130px; height: 130px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 5px; background-color: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); border-radius: 100px; } header.header nav div.megamenu.full_width div.col span.profile_thumb img { width: 100%; border-radius: 130px; } header.header nav div.megamenu.full_width div.col ul { margin-top: 15px; } header.header nav div.megamenu.full_width div.col ul li { clear: both; margin: 2px 10px 2px 10px; padding: 0px 0px 0px 0px; } header.header nav div.megamenu.full_width div.col div.heading { font-weight: bold; padding: 20px 0px 20px 0px; text-transform: uppercase; } header.header nav div.megamenu.full_width img.supporting { float: right; } header.header nav div.megamenu.full_width div.col a { color: #5d5d5d; } header.header nav div.megamenu.full_width div.col a:hover { text-decoration: none; color: #00ccff; } header.header nav > ul > li.megamenu.mini_width { position: relative; } header.header nav div.megamenu.mini_width, div#mobile_account_trigger > div { position: absolute; top: 70px; right: 6px; width: 52px; text-align: left; z-index: 10000; display: none; background-position: top center; background-repeat: no-repeat; background-image:url(/_template/img/header_menu_active_mini.png); padding-top: 5px; } div#mobile_account_trigger > div { top: 50px; right: -4px; } div#mobile_account_trigger img { width: 41px; height: 41px; } header.header nav div.megamenu.mini_width > ul, div#mobile_account_trigger > div > ul { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; background-color: #2c373a; width: 52px; border-radius: 10px; overflow:hidden; } header.header nav div.megamenu.mini_width > ul > li, div#mobile_account_trigger > div > ul > li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; clear: both; float: left; border-bottom: 1px solid #4f6064; } header.header nav div.megamenu.mini_width > ul > li > a, div#mobile_account_trigger > div > ul > li > a { display: block; background-repeat: no-repeat; background-position: center; width: 52px; text-indent: 60px; white-space: nowrap; height: 52px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; overflow:hidden; background-size: 32px 32px; } header.header nav div.megamenu.mini_width > ul > li > a:hover, div#mobile_account_trigger > div > ul > li > a:hover { background-color: #4f6064; } header.header nav div.megamenu.mini_width > ul > li.my_settings > a, div#mobile_account_trigger > div > ul > li.my_settings > a { background-image:url(/_template/img/head_my_ico_settings.png); } header.header nav div.megamenu.mini_width > ul > li.my_signout, div#mobile_account_trigger > div > ul > li.my_signout { border-bottom: none; } header.header nav div.megamenu.mini_width > ul > li.my_signout > a, div#mobile_account_trigger > div > ul > li.my_signout > a{ background-image:url(/_template/img/head_my_ico_signout.png); } header.header nav div.megamenu.mini_width > ul > li.my_bookings > a, div#mobile_account_trigger > div > ul > li.my_bookings > a { background-image:url(/_template/img/head_my_ico_bookings.png); } header.header nav div.megamenu.mini_width > ul > li.my_messages > a, div#mobile_account_trigger > div > ul > li.my_messages > a { background-image:url(/_template/img/head_my_ico_messages.png); } /* SCOLLED HEADER PATCHES */ @media only screen and (min-width: 900px) { header.header.scrolled nav { min-height: 60px; } header.header.scrolled nav > ul > li > a { padding: 30px 10px 30px 10px; } header.header.scrolled nav > ul > li.home > a { padding-top: 28px; } header.header.scrolled a.logo { padding: 10px 0px 0px 0px; } header.header.scrolled nav > ul > li.my_account a { margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; } header.header.scrolled nav div.megamenu.full_width { top: 79px; } header.header.scrolled nav div.megamenu.mini_width { top: 50px; } } /* MOBILE ACCOUNT TRIGGER */ div#mobile_account_trigger { position: absolute; top: 14px; right: 10px; display: none; } div#mobile_account_trigger a img { border-radius: 20px; } /* SYNC ONE - THE MAIN BANNER CONTENT */ #sync1 .item { padding: 0px 0px; margin: 0px; width: 100%; height: 600px; } /* SYNC TWO - THE BACKGROUND IMAGES */ #sync2 { background-color: #000; } #sync2 .item { background: #000; padding: 0px 0px; margin: 0px; color: #FFF; text-align: center; /* cursor: normal;*/ height: 600px; width: 100%; overflow:hidden; } #sync2 .item img { width: 100%; height: auto; /* SIZE OF THE IMAGE */ min-height: 600px; min-width: 2000px; } #sync2 .synced .item { /* background: #0c83e7; */ } section.section.over_sync2 { margin-top: -600px; } div.home_banner_cols { clear: both; float: left; width: 100%; position: relative; } div#sync1.category_lander { margin-bottom: 30px; } div.home_banner_cols > div.l { border-right: 460px solid transparent; } div.home_banner_cols > div.r { position: absolute; width: 440px; top: 60px; right: 0px; } div.home_banner_cols > div.l.home_page h2 { color: #fff; font-size: 50px; font-weight: 300; line-height: 60px; padding-top: 80px; margin: 0px 0px 0px 0px; } div.home_banner_cols > div.l.home_page h3 { color: #fff; font-size: 30px; font-weight: 300; line-height: 30px; padding-top: 35px; margin: 0px 0px 0px 0px; } /* CATEGORY LANDER MOD */ div.home_banner_cols > div.l.category_lander { color: #fff; } div.home_banner_cols > div.l.category_lander h1 { color: #fff; font-size: 50px; font-weight: 300; line-height: 60px; padding-top: 50px; margin: 0px 0px 30px 0px; } div.home_banner_cols > div.l.category_lander h2 { color: #fff; font-size: 26px; font-weight: 300; line-height: 36px; padding-top: 0px; margin: 0px 0px 30px 0px; } div.home_banner_cols > div.l.category_lander h3 { color: #fff; font-size: 22px; font-weight: 300; line-height: 30px; padding-top: 0px; margin: 0px 0px 0px 0px; } div.home_banner_cols > div.l.category_lander p { color: #fff; font-size: 14px; line-height: 20px; margin: 0px 0px 30px 0px; } /* TABS */ div.tabs { clear: both; } div.tabs > div.controls { clear: both; float: left; width: 100%; } div.tabs > div.controls ul { display: block; width: 100%; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } div.tabs > div.controls ul li { float: left; } div.tabs > div.controls.two ul li { width: 50%; background-image:url(/_template/img/tab_control_bg.png); } div.tabs > div.controls.two ul li a { display: block; width: 100%; padding: 20px 0px 20px 0px; text-align: center; font-size: 14px; text-transform: uppercase; color: #fff; border-top: 4px solid transparent; } div.tabs > div.controls.two ul li a:hover, #sync1 div.tabs > div.controls.two ul li a:hover { text-decoration: none; color:#5d5d5d; } div.tabs > div.controls.two ul li.active a , #sync1 div.tabs > div.controls.two ul li.active a { border-top: 4px solid #00ccff; background-color: #fff; color: #5d5d5d; } #sync1 div.tabs > div.controls.two ul li a { background-color: transparent; color: #fff; } div.tabs > div.content { clear: both; float: left; width: 100%; background-color: #fff; } div.tabs.band_two > div.content { background-color: #f6f6f6; } div.tabs.band_two > div.controls.two ul li.active a { background-color: #f6f6f6; } div.tabs > div.controls.two ul li a { color: #5d5d5d; background-color: #ededed; } div.tabs > div.content > div { clear: both; float: left; padding: 20px; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } div.home_banner_message { text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.home_banner_message h2 { color: #fff; font-size: 50px; font-weight: 300; line-height: 60px; padding-top: 80px; margin: 0px 0px 0px 0px; } div.home_banner_message h3 { color: #fff; font-size: 30px; font-weight: 300; line-height: 30px; padding-top: 20px; margin: 0px 0px 40px 0px; } div#home_usps { margin-top: 30px; margin-bottom: 30px; } div#home_usps div.item { padding: 0px 10px 0px 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } div#home_usps div.item > div { border-bottom: 4px solid #000; width: 100%; background-color: #ffffff; float: left; } div#home_usps div.item > div.one { border-color: #c6ef07; } div#home_usps div.item > div.two { border-color: #ef8f07; } div#home_usps div.item > div.three { border-color: #ad20e1; } div#home_usps div.item > div.four { border-color: #00ccff; } div#home_usps div.item div img { width: 100%; clear: both; float: left; } div#home_usps div.item div p { display: block; clear: both; float: left; width: 100%; text-align: center; font-size: 24px; line-height: 24px; padding: 20px 0px 20px 0px; margin: 0px 0px 0px 0px; font-weight: 300; } div#home_usps div.item a { color: #2c373a; } div#home_usps div.item a:hover { color: #00ccff; text-decoration: none; } div#home_usps div.item div p a.small { font-size: 14px; color: #2c373a; } div#home_usps div.item div p a.small:hover { text-decoration: underline; } div.pre_fifty_fifty { padding: 0px 10px 0px 10px; } div.fifty_fifty { clear: both; float: left; width: 100%; } div.fifty_fifty > div { float: left; width: 50%; padding: 0px 10px 30px 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } div.fifty_fifty > div.fw { width: 100%; padding: 0px 20px 30px 20px; } div.fifty_fifty > div div.tabs { margin-top: 30px; } div.home_feature { display: block; float: left; width: 100%; margin: 30px 0px 0px 0px; overflow:hidden; background-size: 400px 300px; } div.home_feature > div { width: 320px; float: right; overflow:hidden; height: 250px; } div.home_feature h2 { background-color: #f6f6f6; margin: 0px 0px 0px 0px; font-weight: 300; font-size: 24px; line-height: 24px; padding: 20px 20px 20px 20px; text-align: right; } div.home_feature h2 strong { font-weight: 300; color: #00ccff; } div.home_feature p { background-color: #f6f6f6; margin: 0px 0px 0px 50px; padding: 0px 20px 80px 20px; } ul.featured_profiles { clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } ul.featured_profiles li { display: block; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; width: 100%; clear: both; float: left; } ul.featured_profiles li.last { margin-bottom: 0px; } ul.featured_profiles li a { display: block; clear: both; border-right: 4px solid #fff; float: left; position: relative; } ul.featured_profiles li a div.img { position: absolute; top: 0px; left: 0px; float: left; width: 120px; height: 120px; } ul.featured_profiles li a div.img img { width: 100%; -webkit-transition: all 0.3s ; -moz-transition: all 0.3s ; -o-transition: all 0.3s ; -ms-transition: all 0.3s ; transition: all 0.3s ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } ul.featured_profiles li a:hover div.img img { border: 6px solid #c6ef07; /* border-radius: 50%; */ } ul.featured_profiles.wanted_ads li a:hover div.img img { border: 6px solid #00ccff; } ul.featured_profiles li a div.txt { clear: both; /* border-left: ;*/ background-color: #fff; min-height: 120px; border-left: 140px solid transparent; } ul.featured_profiles li a:hover { border-right: 4px solid #c6ef07; text-decoration: none; } ul.featured_profiles.wanted_ads li a:hover { border-right: 4px solid #00ccff; } ul.featured_profiles li a div.txt h4 { padding: 20px 20px 0px 0px; margin: 0px 0px 0px 0px; color: #5d5d5d; font-size: 24px; line-height: 24px; } ul.featured_profiles li a div.txt p { padding: 0px 20px 0px 0px; margin: 0px 0px 0px 0px; color: #878787; line-height: 20px; } ul.featured_profiles li a div.txt b { font-weight: normal; color: #00ccff; } ul.profile_grid { width: 100%; clear: both; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none; } ul.profile_grid.my_bookmarks { margin: 0px 0px 30px 0px; } ul.profile_grid.latest_tutors { margin: 0px 0px 50px 0px; } ul.profile_grid li { float: left; width: 16.66%; } ul.profile_grid.my_bookmarks li { width: 25%; } ul.profile_grid.latest_tutors li { width: 8.3333%; } ul.profile_grid li a { display: block; margin: 1px 1px 1px 1px; } ul.profile_grid li img { width: 100%; -webkit-transition: all 0.3s ; -moz-transition: all 0.3s ; -o-transition: all 0.3s ; -ms-transition: all 0.3s ; transition: all 0.3s ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } ul.profile_grid li a:hover img { border: 6px solid #00ccff; /* border-radius: 50%; */ } html.lt-ie9 ul.profile_grid li a:hover img { border: none; } section.footer { position: relative; } section.footer h5 { color: #00ccff; font-size: 25px; padding: 60px 0px 30px 0px; margin: 0px 0px 0px 0px; font-weight: 300; } section.footer ul.links { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; float: left; display: block; width: 33.33%; } section.footer ul.links li { /* margin: 0px 0px 0px 0px 0px; */ padding: 0px 0px 0px 0px; } section.footer ul.links li.title { text-transform: uppercase; color: #666; font-size: 12px; margin-bottom: 10px; } section.footer ul.links li a { color: #b0b0b0; padding: 3px 20px 3px 0px; display: block; } section.footer ul.links li a:hover { border-left: 4px solid #00ccff; padding: 3px 6px 3px 10px; text-decoration: none; color: #000; } section.footer .disclaimer { margin-top: 30px; clear: both; width: 90%; color: #b0b0b0; float: left; } section.footer .disclaimer img { display: block; margin-bottom: 10px; } section.footer .disclaimer p { margin: 0; } section.footer div.fifty_fifty { padding-bottom: 30px; background-image:url(/_template/img/footer_base_bg.png); background-position: bottom center; background-repeat: no-repeat; background-size: 64px 32px; } div.footer_close_control { position: absolute; width: 100%; top: 0px; left: 0px; text-align: center; border-top: 3px solid #ececec; } div.footer_close_control img { width: 64px; height: 32px; position: relative; top: -3px; } div.footer_open_control { text-align: center; clear: both; float: left; border-bottom: 4px solid #ececec; width: 100%; display: none; } div.footer_open_control img { height: 36px; width: 69px; position: relative; top: 3px; } .internal_footer div.footer_open_control { display: block; } .internal_footer.dark-style div.footer_open_control { background-color: #f6f6f6; } #pop_footer.internal_footer section { display: none; } footer { width: 1080px; clear: both; margin: 0 auto; color: #878787; } footer div.l { width: 50%; float: left; padding: 30px 0px 30px 0px; } footer div.l p { padding: 0px 10px 0px 10px; } footer div.r { width: 50%; float: left; padding: 30px 0px 30px 0px; } ul.social_logos { display: block; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; list-style: none; text-align: right; } ul.social_logos li { display: inline-block; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; } ul.social_logos li a { display: block; width: 25px; height: 25px; background-position: bottom left; overflow: hidden; text-indent: 40px; background-size: 25px 50px; } ul.social_logos li a:hover { background-position: top left; } ul.social_logos li.linkedin a { background-image:url(/_template/img/social_icon_linkedin.png); } ul.social_logos li.vimeo a { background-image:url(/_template/img/social_icon_vimeo.png); } ul.social_logos li.facebook a { background-image:url(/_template/img/social_icon_facebook.png); } ul.social_logos li.twitter a { background-image:url(/_template/img/social_icon_twitter.png); } /* CATEGORY SECTION */ div.pop_in { clear: both; margin: 0px 10px 0px 10px; } div.category_topper { background-color: #ececec; float: left; clear: both; width: 100%; } div.category_topper h1 { color: #00ccff; font-size: 18px; line-height: 18px; font-weight: 500; margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px; float: left; display: block; } div.category_topper ul#filter_tab_controls { float: right; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.category_topper ul#filter_tab_controls li { display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.category_topper ul#filter_tab_controls li a { border-left: 1px solid #d5d5d5; display: block; margin: 12px 0px 12px 0px; padding: 10px 20px 10px 20px; color: #000000; line-height: 14px; } div.category_topper ul#filter_tab_controls li a:hover { color: #00ccff; text-decoration: none; } div.category_topper ul#filter_tab_controls li.active { background-image:url(/_template/img/cat_filter_selected_bg.png); background-position: bottom center; background-repeat: no-repeat; background-size: 20px 6px; } div.category_topper ul#filter_tab_controls li.first a { border-left: none; } div#filter_tabs { background-color: #2d3b3f; clear: both; float: left; width: 100%; margin: 0px 0px 20px 0px; } div#filter_tabs ul.filter_and_sort_list { list-style: none; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; clear: both; float: left; } div#filter_tabs ul.filter_and_sort_list li { display: block; float: left; margin: 20px 7px 20px 0px; padding: 0px 0px 0px 0px; width: 250px; } div#filter_tabs ul.filter_and_sort_list li.first { margin-left: 20px; } div#filter_tabs ul.filter_and_sort_list li a { display: block; width: 100%; text-align: center; text-transform: uppercase; background-color: #00ccff; font-weight: 500; color: #484848; font-size: 14px; line-height: 14px; padding: 12px 0px 12px 0px; } div#filter_tabs ul.filter_and_sort_list li a:hover { text-decoration: none; color: #fff; } div#filter_tabs ul.filter_and_sort_list li.latest a { background-color: #c6ef07; } div#filter_tabs ul.filter_and_sort_list li.online a { background-color: #ef8f07; } div#filter_tabs ul.filter_and_sort_list li.facetoface a { background-color: #bb3dea; } div.filter_list h6 { color: #fff; font-size: 14px; line-height: 14px; padding: 20px 20px 20px 20px; margin: 0px 0px 0px 0px; } div.filter_list ul { width: 16.6%; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; list-style: none; } div.filter_list ul li { margin: 0px 0px 0px 0px; padding: 2px 20px 2px 20px; color: #a9e9f9; } div.filter_list ul li a { color: #fff; font-weight: normal; } div.filter_list ul li a img { width: 18px; } div.filter_list ul li a:hover { color: #00ccff; text-decoration: none; } div.filter_list#add_a_filter ul { width: 25%; } /* PRODUCT AND OR PROFILE LIST */ div.product_list_wrap { clear: both; width: 100%; float: left; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; box-sizing: border-box; } div.product_list_wrap.empty .cms-box { padding: 0 10px 0 10px; } div.product_list_wrap.empty .cms-box .img { margin: 0 0 30px 0; } div.product_list_wrap.empty .cms-box .img img { display: block; width: 100%; } div.product_list > div.product { display: block; width: 25%; float: left; margin-bottom: 20px; } div.product_list.not_infinite_scroll { margin-bottom: 10px; clear: both; float: left; } div.product_list.wanted_ads div.product { width: 33.3333%; } div.product_list div.product > div.was_a { display: block; margin: 0px 10px 0px 10px; } div.product_list div.product > a:hover { text-decoration: none; } div.product_list div.product img { width: 100%; } div.product_list div.product img.rating { width: 65px; position:relative; top: -1px; margin-right: 5px; } em.rating-count { color: #9a9a9a; font-style: normal; } div.product_list div.product div.thumb { border-top: 5px solid #00ccff; } div.product_list div.product.on-shortlist .thumb:hover .shortlisted, div.product_list div.product.not-shortlisted .thumb:hover div.quick_view_trigger, div.product_list div.product.not-shortlisted .thumb:hover div.quick_view_trigger_alt { opacity: 1; visibility: visible; } div.product_list div.product div.quick_view_trigger_alt, div.product_list div.product div.quick_view_trigger { position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: -60px; opacity: 0; visibility: hidden; } div.product_list div.product div.quick_view_trigger_alt a, div.product_list div.product div.quick_view_trigger a { display: block; background-color: #00ccff; text-align: center; width: 120px; color: #fff; text-transform: uppercase; font-size: 14px; padding: 5px 0px 5px 0px; } div.product_list div.product div.quick_view_trigger_alt a:hover, div.product_list div.product div.quick_view_trigger a:hover { text-decoration: none; color: #000; background-color: #c7ee07; } div.product_list div.product:hover div.product_quickview { opacity: 1; } div.product_list div.product div.product_quickview { position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: -60px; opacity: 0; } div.product_list div.product div.product_quickview a { display: block; background-color: #00ccff; text-align: center; width: 120px; color: #fff; text-transform: uppercase; font-size: 14px; padding: 5px 0px 5px 0px; } div.product_list div.product div.product_quickview a:hover { text-decoration: none; color: #000; background-color: #c7ee07; } div.product_list div.product_quick div.product_quickview a:hover { text-decoration: none; } div.product_group_title { clear: both; float: left; width: 100%; } div.product_group_title h3 { font-size: 20px; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; } div.product_list div.product div.decals { position: absolute; bottom: 0px; left: 0px; width: 100%; background-image:url(/_template/img/decals_bg.png); } div.product_list div.product div.decals ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; text-align: center; display: block; width: 100%; min-height: 36px; } div.product_list div.product div.decals ul li { display: inline-block; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 0px; vertical-align: middle; } div.product_list div.product div.decals ul li span { display: block; width: 30px; height: 30px; background-size: 30px 30px; } div.product_list div.product div.decals ul li.distance span, div.product_list div.product div.decals ul li.remote span { background-image:url('/_template/img/thumb_decal_long_distance.png'); } div.product_list div.product div.decals ul li.venue span { background-image:url('/_template/img/thumb_decal_venue_tutoring.png'); } div.product_list div.product div.decals ul li.home span { background-image:url('/_template/img/thumb_decal_home_tutoring.png'); } div.product_list div.product div.decals ul li.facetoface span { background-image:url('/_template/img/thumb_decal_home_face_to_face.png'); } div.product_list div.product div.decals ul li.group span { background-image:url('/_template/img/thumb_decal_group.png'); } div.product_list div.product div.text { background-color: #f6f6f6; padding: 20px 15px 0px 15px; text-align: center; } div.product_list div.product a:hover div.text { background-color: #fff; } div.product_list div.product div.text p { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; color: #5d5d5d; } div.product_list div.product.bold div.text p { color: #005c73; font-weight: bold; } div.product_list div.product div.text p span.bold-name { font-weight: bold; } div.product_list div.product.spotlight div.text p span.bold-name { background-color: #f7941d; color: #fff; display: inline-block; border-radius: 3px; padding: 1px 7px; margin-bottom: 8px; } div.product_list div.product.featured div.text p span.bold-name { background-color: #000; color: #fff; display: inline-block; border-radius: 3px; padding: 1px 7px; margin-bottom: 8px; } div.product_list div.product.featured div.thumb div.ribbon { background-image: url(../img/featured-ribbon.png); background-repeat: no-repeat; background-size: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin-top: -5%; margin-left: -3%; } div.product_list div.product div.text p em { color: #9a9a9a; font-style: normal; } div.product_list div.product > div.controls { clear: both; width: 100%; padding: 0px 10px 0px 10px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.product_list div.product > div.controls ul { float: left; width: 100%; clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } div.product_list div.product > div.controls ul li { width: 50%; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; } div.product_list div.product > div.controls ul li.view.ad { width: 100%; } div.product_list div.product > div.controls ul li a { display: block; text-transform: uppercase; text-align: center; width: 100%; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 0px; text-decoration: none; } div.product_list div.product > div.controls ul li.view a { background-color: #c6ef07; color: #000000; } div.product_list div.product > div.controls ul li.view a:hover { color: #fff; text-decoration: none; background-color: #00ccff; } div.product_list div.product > div.controls ul li.shortlist a { background-color: #00ccff; color: #fff; } div.product_list div.product > div.controls ul li.shortlist a:hover { color: #000000; background-color: #c6ef07; text-decoration: none; } div.blog_articles div.load_more, div.blog_articles div.jscroll-loading { margin-top: 30px; } div.blog_articles .cms_pad p { font-size: 16px; line-height: 26px; } .cms_pad.blog_pad { padding-top: 15px; } div.load_more { width: 100%; clear: both; text-align: center; } div.load_more a { width: 100%; text-align: center; margin: 0px 0px 0px 0px; padding: 5px 0px 60px 0px; display: block; } div.load_more a img { width: 32px; height: 32px; } div.jscroll-loading { clear: both; float: left; width: 100%; text-align: center; padding: 5px 0px 60px 0px; } div.jscroll-loading img { width: 32px; height: 32px; } div.jscroll-added > div.product { opacity: 0; -webkit-transition: opacity 600ms ease-in-out; -moz-transition: opacity 600ms ease-in-out; -o-transition: opacity 600ms ease-in-out; transition: opacity 600ms ease-in-out; } div.jscroll-added > div.product.reveal { opacity: 1; } /* PROFILE PAGE */ div.profile_topper { background-color: #ececec; float: left; clear: both; width: 100%; position: relative; } div.profile_topper h1 { color: #00ccff; font-size: 18px; line-height: 18px; font-weight: 500; margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px; float: left; display: block; } div.profile_topper ul { float: right; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.profile_topper ul li { display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.profile_topper ul li.first a { border-left: none; } div.profile_topper ul li a { border-left: 1px solid #d5d5d5; display: block; margin: 12px 0px 12px 0px; padding: 10px 20px 10px 20px; color: #000000; line-height: 14px; } div.profile_topper ul li.no_border a { border-left: none; } div.profile_topper ul li a:hover { color: #00ccff; text-decoration: none; } div.profile_topper ul li.back a { width: 41px; padding-left: 0px; padding-right: 0px; background-color: #00ccff; background-image:url(/_template/img/back_icon.png); background-size: 35px 35px; background-repeat: no-repeat; margin-right: 10px; background-position: top center; } div.profile_topper ul li.back a:hover { background-color: #5D5D5D; } div.profile_topper ul li.credit a { border: 1px solid #d5d5d5; border-right: none; background-color: #d5d5d5; } div.profile_topper ul li.credit a:hover { background-color: #fff; } div.profile_topper ul li.invite a { border: 1px solid #d5d5d5; } div.profile_topper ul li.invite a:hover { background-color: #fff; } div.progress_topper { background-color: #2d3b3f; float: left; clear: both; width: 100%; } div.progress_topper div.progressbar_area { padding: 15px 10px 10px 25px; } div.progress_topper div.progressbar_area > span { color: #fff; font-weight: bold; font-size: 13px; display: block; margin-bottom: 8px; text-align: center; } div.progressbar { margin-right: 55px; background-color: #fff; height: 12px; position: relative; } div.progressbar > div { height: 12px; background-color: #1ABFD4; width: 0%; transition: width 1s ease-in-out; } div.progressbar > span { position: absolute; right: -40px; top: -6px; color: #fff; } div.progress_tip { padding: 15px 25px 10px 25px; text-align: center; } div.progress_topper.show_progress div.progress_tip { } div.progress_tip > div { position: relative; } div.progress_tip a.button { background-color: #c6ef07; padding: 8px 16px; color: #2d3b3f; text-transform: uppercase; } div.progress_tip.important a.button { background-color: #f35050; color: #fff; } div.progress_tip a.button:hover { background-color: #00ccff; color: #fff; } div.progress_tip.important a.button:hover { background-color: #EC9191; } div.progress_tip span { margin-top: 8px; font-size: 14px; color: #fff; display: block; } div.progress_tip a.close { display: inline-block; width: 12px; height: 12px; background-image:url(/_template/img/progress_close.png); background-size: 12px 23px; overflow:hidden; text-indent: 30px; background-position: top left; text-decoration: none; margin-left: 10px; } div.progress_tip a.close:hover { background-position: bottom left; } /* div.progress_topper p { color: #fff; font-size: 14px; line-height: 14px; font-weight: 500; margin: 0px 0px 0px 0px; padding: 20px 20px 20px 52px; float: left; display: block; background-image:url(/_template/img/icon_progress_70.png); background-position: top left; background-size: 29px 29px; background-position: 12px 12px; background-repeat: no-repeat; } div.progress_topper ul { float: right; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.progress_topper ul li { display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 20px 0px 0px; } div.progress_topper ul li div { clear: both; float: left; } div.progress_topper ul li span.label { display: block; margin-top: 12px; padding: 5px; color: #ffffff; float: left; } div.progress_topper ul li a.action { display: block; float: left; background-color: #c6ef07; color: #2d3b3f; text-transform: uppercase; font-size: 14px; line-height: 14px; padding: 10px 20px 10px 20px; margin-top: 9px; margin-bottom: 6px; } div.progress_topper ul li a.action:hover { background-color: #00ccff; color: #fff; } div.progress_topper ul li a.close { margin-top: 20px; margin-left: 10px; display: block; float: left; width: 12px; height: 12px; background-image:url(/_template/img/progress_close.png); background-size: 12px 23px; overflow:hidden; text-indent: 30px; background-position: top left; } div.progress_topper ul li a:hover { text-decoration: none; background-position: bottom left; } */ div.profile_cover_area { clear: both; float: left; width: 100%; margin-top: 20px; position: relative; } div.profile_social_icons { clear: both; float: left; width: 100%; height: 40px; } div.profile_social_icons ul { float: right; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } div.profile_social_icons ul li { float: right; display: block; padding: 0px 0px 0px 0px; margin: 7px 0px 0px 7px; } div.profile_social_icons ul li a { display: block; width: 26px; height: 26px; overflow: hidden; text-indent: 30px; background-size: 26px 26px; background-position: top left; } div.profile_social_icons ul li.facebook a { background-image:url(/_template/img/profile_social_i_facebook.png); } div.profile_social_icons ul li.twitter a { background-image:url(/_template/img/profile_social_i_twitter.png); } div.profile_social_icons ul li.linkedin a { background-image:url(/_template/img/profile_social_i_linkedin.png); } div.profile_social_icons ul li.bebo a { background-image:url(/_template/img/profile_social_i_bebo.png); } div.profile_social_icons ul li.googleplus a { background-image:url(/_template/img/profile_social_i_googleplus.png); } div.profile_social_icons ul li.rss a { background-image:url(/_template/img/profile_social_i_rss.png); } div.profile_social_icons ul li.pinterest a { background-image:url(/_template/img/profile_social_i_pinterest.png); } div.profile_social_icons ul li.youtube a { background-image:url(/_template/img/profile_social_i_youtube.png); } div.profile_columns { clear: both; float: left; width: 100%; color: #878787; position: relative; /* KEY BIT */ padding-bottom: 60px; padding-top: 70px; } div.profile_columns > div { float: left; width: 33.3333%; margin: 0px 0px 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.profile_columns > div.l { background-color: #ececec; border: 1px solid #ececec; } div.profile_columns > div.m { border: 1px solid #ececec; } div.profile_columns > div.r { border: 1px solid #ececec; } div.editable { border-bottom: 1px solid #ececec; clear: both; float: left; width: 100%; position: relative; } div.editable.last { border-bottom: none; } div.editable a.edit { display: block; position: absolute; bottom: 0px; right: 0px; width: 30px; height: 30px; background-image:url(/_template/img/editable_bg.png); background-position: top left; background-size: 30px 60px; overflow:hidden; text-indent: 90px; } div.profile_summary_box div.editable a.edit { bottom: 4px; } div.editable a.edit:hover { background-position: bottom left; } div.profile_columns div.pad { padding: 30px 30px 30px 30px; clear: both; } div.profile_columns div.pad strong { color: #313b3e; } div.profile_columns h2 { font-size: 24px; font-weight: 300; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; color: #5d5d5d; } div.profile_columns h6 { color: #313b3e; font-size: 14px; font-weight: 700; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.profile_columns h6 > em, div.profile_columns em.review, #reviews em { font-style: normal; color: #aaa; font-weight: 300; } div.profile_columns em.review.endorsement { color: #00ccff; } div.profile_columns p { line-height: 23px; } dl.rate { margin: 0px 0px 30px 0px; } dl.rate dd { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 30%; text-align: right; } dl.rate dt { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 70%; } div.profile_video { clear: both; float: left; width:100%; } div.profile_video img { width: 100%; } div.profile_video a { display: block; position: relative; clear: both; } div.profile_video a div.overlay { background-image:url(/_template/img/profile_watch_video.png); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; opacity: 0.5; } div.profile_video a:hover div.overlay { opacity: 1; } div.method_icons { position: absolute; top: 0px; left: 0px; width: 100%; background-color: #ececec; height: 70px; z-index: 2; } div.method_icons ul { display: block; width: 100%; clear: both; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none; text-align: right; } div.method_icons ul li { display: inline-block; margin-right: 30px; margin-top: 13px; } div.method_icons ul li span { display: block; margin: 0px 0px 0px 0px; background-position: left; background-repeat: no-repeat; padding: 10px 0px 10px 35px; background-size: 27px 27px; color: #313b3e; } div.method_icons ul li.fix_spacing { margin-top: 24px; } div.method_icons ul li.facetoface span { background-image:url(/_template/img/profile_i_facetoface.png); } div.method_icons ul li.venue span { background-image:url(/_template/img/profile_i_venue.png); } div.method_icons ul li.group span { background-image:url(/_template/img/profile_i_group.png); } div.method_icons ul li.home span { background-image:url(/_template/img/profile_i_home.png); } div.method_icons ul li.distance span { background-image:url(/_template/img/profile_i_distance.png); } div.profile_summary_box_wrap { position: relative; clear: both; width: 100%; } div.profile_summary_box { position: absolute; top: -430px; z-index: 4; background-image:url(/_template/img/profile_summary_box_bg.png); width: 100%; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); } div.profile_summary_box > div.controls { width: 100%; clear: both; float: left; } div.profile_summary_box > div.controls > div { width: 50%; float: left; } div.profile_summary_box > div.controls > div > a, div.profile_summary_box > div.controls > div > div.button_options_wrapper > a { display: block; width: 100%; text-align: center; padding: 10px 0px 10px 0px; text-transform: uppercase; } div.profile_summary_box > div.controls > div.message div.button_options { width: 200px; left: 0; right: auto; } div.profile_summary_box > div.controls > div.message div.button_options a { color: #0CF; background-color: #666; text-align: left; padding-left: 16px; padding-right: 8px; box-sizing: border-box; } div.profile_summary_box > div.controls > div.message div.button_options a:hover { background-color: #444; } div.profile_summary_box > div.controls > div.message a { background-color: #c6ef07; color: #000000; } div.profile_summary_box > div.controls > div.message a:hover { text-decoration: none; color: #fff; background-color: #00ccff; } div.profile_summary_box > div.controls > div.bookmark a { color: #fff; background-color: #00ccff; } div.profile_summary_box > div.controls > div.bookmark a:hover { text-decoration: none; background-color: #c6ef07; color: #000000; } div.profile_summary_box div.image { text-align: center; clear: both; float: left; width: 100%; margin-bottom: 10px; margin-top: 25px; } div.profile_summary_box div.image img { width: 105px; height: 105px; border-radius: 60px; } div.profile_summary_box div.caption { width: 100%; clear: both; float: left; text-align: center; margin: 0px 0px 20px 0px; } div.profile_summary_box div.caption strong { color: #313b3e; } div.profile_summary_box div.caption .name { text-transform: uppercase; } div.profile_summary_box div.caption img.rating { display: inline-block; width: 65px; height: 12px; position: relative; top: -1px; margin-right: 5px; } div.profile_summary_box div.summary { clear: both; padding: 0px 30px 30px 30px; } div.profile_summary_box div.strip { position: absolute; bottom: 0px; left: 0px; width: 100%; vertical-align: text-bottom; height: 4px; background-image:url(/_template/img/strip.png); background-size: 100% auto; } div.profile_summary_box div.strip img { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } dl.summary { font-size: 13px; } dl.summary dt { color: #313b3e; /* font-weight: 700px;*/ width: 50%; } dl.summary dd { width: 50%; } div.profile_summary_box div.status { position: absolute; left: 100%; top: 10px; width: 200px; padding-left: 10px; } div.profile_summary_box div.status span > em { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 8px; } div.profile_summary_box div.status a { color: #878787; text-decoration: none; } div.profile_googlemap { width: 100%; height: 160px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); margin: 0px 0px 20px 0px; } div.tag_cloud { background-color: #f5f5f5; clear: both; float: left; width: 100%; } div.category_base_pad ul.tags { padding-bottom: 45px; } ul.tags { display: block; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px; list-style: none; clear: both; float: left; } ul.tags li { display: block; padding: 0px 0px 0px 0px; margin: 0px 10px 10px 0px; float: left; } ul.tags li a { display: block; text-transform: uppercase; color: #5d5d5d; background-color: #ececec; padding: 3px 6px 3px 6px; } ul.tags li a:hover { background-color: #f7941d; color: #fff; text-decoration: none; } ul.tags li.js_auto_expand_link a { background-color: #f7941d; color: #fff; } ul.tags li.js_auto_expand_link a:hover { color: #5d5d5d; background-color: #ececec; } ul.my_course_list { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; clear: both; float: left; width: 100%; } ul.my_course_list li { display: block; position: relative; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 30px 0px; min-height: 70px; } ul.my_course_list li div { border-left: 90px solid transparent; } /*ul.my_course_list li strong { color: #353535; font-weight: normal; }*/ ul.my_course_list li em { font-style: normal; color: #00ccff; } ul.my_course_list li img { position: absolute; top: 0px; left: 0px; border: 1px solid #ececec; width: 70px; height: 70px; } ul.available_delivery { display: block; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; list-style: none; clear: both; float: left; width: 100%; } ul.available_delivery li { display: block; position: relative; width: 100%; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; min-height: 50px; background-position: top left; background-repeat: no-repeat; background-size: 50px 50px; } ul.available_delivery li div { border-left: 70px solid transparent; } ul.available_delivery li.facetoface { background-image:url(/_template/img/profile_b_facetoface.png); } ul.available_delivery li.group { background-image:url(/_template/img/profile_b_group.png); } ul.available_delivery li.distance { background-image:url(/_template/img/profile_b_distance.png); } ul.available_delivery li.venue { background-image:url(/_template/img/profile_b_venue.png); } ul.available_delivery li.home{ background-image:url(/_template/img/profile_b_home.png); } ul.my_wanted_ads { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; clear: both; float: left; width: 100%; } ul.my_wanted_ads.extra_pad { padding-bottom: 30px; } ul.my_wanted_ads li { display: block; clear: both; float: left; position: relative; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 30px 0px; background-color: #f5f5f5; border-bottom: 4px solid #c6ef07; } ul.my_wanted_ads li div.title { background-color: #ececec; clear: both; float: left; width: 100%; position: relative; } ul.my_wanted_ads li div.title h3 { font-weight: bold; color: #313b3e; font-size: 14px; text-transform: uppercase; padding: 11px 11px 10px 11px; margin: 0px 0px 0px 0px; line-height: 20px; } ul.my_wanted_ads li div.description { clear: both; float: left; padding: 20px 20px 20px 20px; } ul.my_wanted_ads li div.description p { margin: 0px 0px 0px 0px; } ul.my_wanted_ads li a.wave { display: block; position: absolute; top: 0px; right: 0px; bottom: 0; margin: auto; width: 44px; background-color: #c6ef07; } ul.my_wanted_ads li a.wave span { display: block; position: absolute; background-image:url(/_template/img/profile_wave_bg.png); background-repeat: no-repeat; background-position: top left; overflow: hidden; text-indent: 300px; width: 44px; height: 35px; top: 0; bottom: 0; right: 0; margin: auto; } ul.my_wanted_ads li a.wave:hover span { background-position: bottom left; } ul.my_wanted_ads li a.wave:hover { background-color: #00ccff; } ul.achievements { display: block; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; list-style: none; clear: both; float: left; width: 100%; } ul.achievements li { display: block; clear: both; float: left; position: relative; width: 100%; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; background-position: top left; background-repeat: no-repeat; background-size: 70px 70px; min-height: 70px; } ul.achievements li div { border-left: 90px solid transparent; } ul.achievements li strong { color: #313b3e; } ul.achievements li.crb_check { background-image:url(/_template/img/badge_crb_check.png); } ul.achievements li.residence { background-image:url(/_template/img/proof_of_residence.png); } ul.achievements li.full_profile { background-image:url(/_template/img/badge_full_profile.png); } ul.achievements li.frequent_flyer { background-image:url(/_template/img/badge_frequent_flyer.png); } ul.achievements li.reply_rate { background-image:url(/_template/img/badge_reply_rate.png); } ul.achievements li.qualification_certs { background-image:url(/_template/img/badge_qualification_certs.png); } ul.achievements li.qualification_certs { background-image:url(/_template/img/badge_qualification_certs.png); } ul.achievements li.photo_id { background-image:url(/_template/img/badge_photo_id.png); } ul.achievements li.telephone_verified { background-image:url(/_template/img/mobile_verify.png); } ul.achievements li.teacher_status { background-image:url(/_template/img/teacher_status.png); } ul.achievements li.ticked:after { content: ''; display: block; position: absolute; background-image: url(/_template/img/green_tick.png); background-repeat: no-repeat; background-size: 16px; width: 16px; height: 16px; top: 50px; left: 50px; } img.ticked { width: 16px; display: inline-block; margin-left: 5px; } ul.reviews { display: block; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; list-style: none; clear: both; float: left; width: 100%; max-height: 1000px; overflow-y: auto; } ul.reviews::-webkit-scrollbar { width: 8px; } ul.reviews::-webkit-scrollbar-track { background: #f1f1f1; } ul.reviews::-webkit-scrollbar-thumb { background: #888; } ul.reviews::-webkit-scrollbar-thumb:hover { background: #555; } ul.reviews li { display: block; clear: both; float: left; position: relative; width: 100%; padding: 0px 10px 20px 0px; box-sizing:border-box; margin: 0px 0px 20px 0px; line-height: 22px; min-height: 70px; border-bottom: 1px solid #ececec; } ul.reviews li:last-of-type { border-bottom: 0; margin-bottom: 0; } ul.reviews li > div { border-left: 90px solid transparent; } ul.reviews li > div > div { position: absolute; top: 0px; left: 0px; } ul.reviews li > div > div img { width: 70px; height: 70px; } ul.reviews li > div > img { width: 65px; height: 12px; display: inline-block; vertical-align: middle; } ul.reviews li > div > strong { font-weight: bold; color: #353535; text-transform: uppercase; display: inline-block; vertical-align: middle; } ul.reviews li > div > span.date { color: #f7941d; font-size: 13px; } .show_reply { cursor: pointer; } .reply_container { border-left-width: 45px!important; display: none; } .reply_container .replycontent { border-top: 1px solid #ececec; padding-top: 15px; margin-top: 15px; position: static; width: calc(100% - 45px); display: inline; float: right; } .reply_container .replycontent strong { text-transform: uppercase; } .reply_container img { height: auto!important; width: 45px!important; max-width: 100%; position: relative; left: -20px; padding-top: 30px; } ul.reviews li > div > span.date span, ul.reviews li > div > span.date span a { color: #878787; } ul.reviews li > div > span.date span img { width: 16px; position: relative; top: -2px; margin-left: 5px; } #large_review { width: 30%; float: left; padding-top: 10px; margin-left: -7px; padding-right: 7px; } #large_review h3 { color: #2d3b3f; font-size: 54px; text-align: center; font-weight: bold; } #review_header { overflow: hidden; } #large_review h3 span { display: block; font-size: 16px; color: #8b8c8c; margin-top: 10px; } #stars { line-height: 14px; text-align: right; padding-bottom: 30px; width: 70%; float: left; } #stars .fa { color: #2d3b3f; text-align: right; font-size: 10px; } #stars .bar_container { margin-left: 10px; background: #e9e9eb; height: 3px; width: calc(65% - 10px); position: relative; float: right; margin-top: 8px; } #stars .review_bar { background: #2d3b3f; display: inline-block; height: 4px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } #review_breakdown { clear: both; overflow: hidden; padding-bottom: 30px; } #review_breakdown > div { clear: both; overflow: hidden; padding-bottom: 5px; } .bar_container_alt { display: block; width: 50%; float: right; position: relative; top: 7px; } .bar_block { width: 20%; float: left; padding: 0 0 0 7px; box-sizing: border-box; } .bar_block_inner_container { display: block; /*border: 1px solid #2d3b3f;*/ background: #e9e9eb; height: 11px; overflow: hidden; } .bar_block_inner { background: #2d3b3f; height: 12px; display: block; } @media( max-width: 991px ) and ( min-width: 681px ) { #large_review, #stars { width: 100%; } .bar_container_alt { width: 100%; float: none; padding-bottom: 5px; overflow: hidden; } } section.latest_tutors h4, div.latest_tutors h4 { display: block; width: 100%; text-align: center; padding: 30px 30px 30px 30px; margin: 0px 0px 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } section.latest_tutors h4 strong, div.latest_tutors h4 strong { font-weight: 700; color: #5d5d5d; } div.mobile_shortcuts { display: block; float: left; clear: both; width: 100%; margin: 0px 0px 45px 0px; position: relative; display: none; } div.mobile_shortcuts ul { border: 1px solid #e2e2e2; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 0px; list-style: none; background-color: #fff; clear: both; float: left; width: 100%; background-image:url(/_template/img/mobile_shortcuts_bg.png); background-position: top right; background-repeat: no-repeat; background-size: 35px 35px; display: block; } div.mobile_shortcuts ul li { margin: 3px 0px 3px 0px; padding: 0px 0px 0px 0px; text-align: center; text-transform: uppercase; clear: both; float: left; width: 100%; display: block; } div.mobile_shortcuts ul li a { color: #727272; text-decoration: none; } div.mobile_shortcuts ul li a:hover { color: #00ccff; } div.mobile_shortcuts div.lip { background-size: 33px 19px; background-image: url(/_template/img/mobile_shortcuts_lip.png); background-repeat: no-repeat; position: absolute; width: 33px; height: 19px; bottom: -17px; left: 50%; margin-left: -17px; } h2#about_me { clear: both; } div.back_to_top { width: 45px; height: 45px; position: fixed; left: 50%; bottom: 10px; z-index: 1000; margin-left: -23px; display: none; } div.back_to_top a { display: block; background-image:url(/_template/img/back_to_top_bg.png); background-size: 45px 45px; height: 45px; width: 45px; } #user_register_window { display: none; } /* SIMPLE MODAL WORK */ #basic-modal-content {display:none;} #simplemodal-overlay {background-color:#000;} #simplemodal-container {height:560px; width:600px; color:#878787; background-color:#fff; border:4px solid #ececec; padding:0px 0px 0px 0px;} #simplemodal-container .simplemodal-data {padding:0px 0px 0px 0px;} #simplemodal-container a.modalCloseImg {background:url(/_template/img/x.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; right:-0px; cursor:pointer;} #simplemodal-container a.back_link {background:url(/_template/img/b.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; left:-0px; cursor:pointer;} .simplemodal-wrap { overflow:auto !important; } /* ENHANCED MODAL WORK */ #enhanced-modal-content {display:none;} #enhancedmodal-overlay {background-color:#000;} #enhancedmodal-container {height:560px; width:600px; color:#878787; background-color:#fff; border:4px solid #ececec; padding:0px 0px 0px 0px; transition: all 0.2s ease-in-out} #enhancedmodal-container .simplemodal-data {padding:0px 0px 0px 0px;} #enhancedmodal-container a.modalCloseImg {background:url(/_template/img/x.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; right:-0px; cursor:pointer;} #enhancedmodal-container a.back_link {background:url(/_template/img/b.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; left:-0px; cursor:pointer;} /* ENHANCED MODAL WORK */ #prompt-modal-content {display:none;} #promptmodal-overlay {background-color:#000;} #promptmodal-container {height:300px; width:600px; color:#878787; background-color:#fff; border:4px solid #ececec; padding:0px 0px 0px 0px;} #promptmodal-container .simplemodal-data {padding:0px 0px 0px 0px;} #promptmodal-container a.modalCloseImg {background:url(/_template/img/x.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; right:-0px; cursor:pointer;} #promptmodal-container a.back_link {background:url(/_template/img/b.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; left:-0px; cursor:pointer;} /* YOUTUBE MODAL WORK */ #youtube-modal-content {display:none;} #youtubemodal-overlay {background-color:#000;} #youtubemodal-container {width:640px; height:480px; color:#878787; background-color:#fff; border:4px solid #ececec; padding:0px 0px 0px 0px;} #youtubemodal-container .simplemodal-data {padding:0px 0px 0px 0px;} #youtubemodal-container a.modalCloseImg {background:url(/_template/img/x.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; right:-0px; cursor:pointer;} #youtubemodal-container a.back_link {background:url(/_template/img/b.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; left:-0px; cursor:pointer;} #youtubemodal-container .simplemodal-wrap { overflow: hidden !important; height: auto !important; } #youtube-modal-content iframe { width: 640px; height: 480px; border: none; } /* ENHANCED MODAL WORK */ #another-modal-content {display:none;} #anothermodal-overlay {background-color:#000;} #anothermodal-container {width:600px; height: 400px; color:#878787; background-color:#fff; border:4px solid #ececec; padding:0px 0px 0px 0px; transition: all 0.2s ease-in-out} #anothermodal-container .simplemodal-data {padding:0px 0px 0px 0px;} #anothermodal-container a.modalCloseImg {background:url(/_template/img/x.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; right:-0px; cursor:pointer;} #anothermodal-container a.back_link {background:url(/_template/img/b.png) no-repeat; background-size: 20px 20px; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-0px; left:-0px; cursor:pointer;} @media only screen and (min-width: 0px) and (max-width: 600px) { #enhancedmodal-container {width:300px;height:360px;} #simplemodal-container {width:300px;height:360px;} #promptmodal-container {width:300px;height:360px;} #youtubemodal-container {width:300px;height:180px;} #anothermodal-container {width:300px;height:360px;} dl.internal dd { width: 100%; } dl.internal dt { width: 100%; } #youtubemodal-container {width:300px; height:225px;} #youtube-modal-content iframe {width:300px; height:225px;} } #basic-modal-content h3, #enhanced-modal-content h3 { line-height: 38px; } /* CUSTOM FORM ELEMENTS */ ul.current_list { display: block; width: 100%; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } ul.current_list li { display: block; position: relative; float: left; width: auto; padding: 3px 10px 3px 10px; margin: 0px 10px 10px 0px; border: 1px solid #eee; } ul.current_list li a.remove_current_list_item { position: absolute; top: 8px; right: -7px; background-image: url(/_template/img/delete_current_list.png); background-size: 12px 12px; width: 12px; height: 12px; } table.my_profile_features { } table.my_profile_features .main { width: 95%; } table.my_profile_features .control { width: 5%; } table.my_profile_features tr.unread td { background-color: #e0f4f9; } table.my_profile_features td { vertical-align: middle; } table.my_profile_features.notifications { border: 0px; } table.my_profile_features.notifications tr { cursor: pointer; } table.my_profile_features.notifications td { border: 0px solid #fff; border-bottom: 1px solid #fff; } table.my_profile_features.notifications td .date { color: #f7941d; font-size: 12px; } a.edit_internal, a.delete_internal { display: block; width: 20px; height: 20px; overflow:hidden; background-image:url(/_template/img/inner_edit_icon.png); background-size: 20px 20px; background-position: top left; text-indent: 40px; } a.delete_internal { background-image:url(/_template/img/inner_delete_icon.png); } .missing_dot_container a.edit_internal { background-image:url(/_template/img/inner_edit_icon_white.png); } .missing_dot_container a.delete_internal { background-image:url(/_template/img/inner_delete_icon_white.png); } /* LEFT SIDEBAR TEMPLATE */ div.cms_topper { background-color: #ececec; float: left; clear: both; width: 100%; } div.cms_topper h1, div.cms_topper .blog_category { color: #00ccff; font-size: 18px; line-height: 18px; font-weight: 500; margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px; float: left; display: block; } div.left_sidebar_cols { clear: both; float: left; width: 100%; margin: 20px 0px 30px 0px; position: relative; overflow-x: hidden; } div.left_sidebar_cols > div.content { border-left: 270px solid transparent; } div.left_sidebar_cols > div.content > aside { position: absolute; top: 0px; left: 0px; width: 250px; } section.pop div.left_sidebar_cols > div.content > aside { left: 10px; } aside.sidebar h6 { font-weight: 700; color: #5d5d5d; font-size: 14px; line-height: 14px; } aside.sidebar h6 a { color: #5d5d5d; } aside.sidebar ul.std_links.sub { padding-left: 15px; margin-bottom: 0px; } aside.sidebar ul.std_links { list-style: none; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; } aside.sidebar ul.std_links li { margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; } aside.sidebar ul.std_links li a { color: #878787; } aside.sidebar ul.std_links li a:hover { color: #1abfd4; text-decoration: none; } aside.sidebar div.sidebar_search { border: 1px solid #d5d5d5; width: 100%; margin: 0px 0px 30px 0px; box-sizing: border-box; } aside.sidebar div.sidebar_search > input { background-image:url(/_template/img/sidebar_search_bg.png); background-position: top left; background-size: 50px 50px; background-repeat: no-repeat; border: none; padding: 20px 30px 20px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; } aside.sidebar ul.checkbox_links, aside.sidebar .city_filter { display: block; clear: both; float: left; width: 100%; list-style: none; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; } aside.sidebar ul.checkbox_links li { margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; color: #878787; } aside.sidebar ul.checkbox_links li label { color: #878787; } aside.sidebar ul.checkbox_links li label:hover { color: #1abfd4; text-decoration: none; } aside.sidebar ul.checkbox_links.filters li a { text-decoration: none; color: #878787; display: block; background-image: url(../img/checkbox_off.gif); background-repeat: no-repeat; background-size: 15px 15px; background-position: left center; padding: 0 0 0 25px; } aside.sidebar ul.checkbox_links.filters li a:hover { color: #1ABFD4; } aside.sidebar ul.checkbox_links.filters li a.active { background-image: url(../img/checkbox_on.gif); } /* BLOG SECTION */ div.jscroll-added > .blog_article { opacity: 0; -webkit-transition: opacity 600ms ease-in-out; -moz-transition: opacity 600ms ease-in-out; -o-transition: opacity 600ms ease-in-out; transition: opacity 600ms ease-in-out; } div.jscroll-added > .blog_article.reveal { opacity: 1; } article.blog_article { clear: both; float: left; width: 100%; height: 330px; background-position: center; -webkit-transition: all 1000ms ease-in-out!important; -moz-transition: all 1000ms ease-in-out!important; -o-transition: all 1000ms ease-in-out!important; transition: all 1000ms ease-in-out!important; position: relative; overflow: hidden; } .blog_article .article-bg { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-position: center; background-size: cover; -webkit-transition: all 1000ms ease-in-out!important; -moz-transition: all 1000ms ease-in-out!important; -o-transition: all 1000ms ease-in-out!important; transition: all 1000ms ease-in-out!important; } article.blog_article:hover .article-bg { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 1000ms ease-in-out!important; -moz-transition: all 1000ms ease-in-out!important; -o-transition: all 1000ms ease-in-out!important; transition: all 1000ms ease-in-out!important; } article.blog_article div.intro { width: 270px; float: right; background-image:url(/_template/img/blog_article_intro_bg.png); height: 100%; position: relative; } article.blog_article div.intro div.intro_pad { padding: 30px 30px 0px 20px; } article.blog_article.alt div.intro { float: left; } article.blog_article div.intro h1 { color: #5d5d5d; font-size: 14px; line-height: 16px; font-weight: 700; text-transform: uppercase; margin: 0px 0px 10px 0px; } article.blog_article div.intro p.by { color: #00ccff; margin: 0px 0px 20px 0px; font-style: italic; } article.blog_article div.intro div.read { position: absolute; bottom: 0px; left: 0px; width: 100%; background-image:url(/_template/img/blog_article_link_bg.png); min-height: 64px; } article.blog_article div.intro div.read a { display: block; color: #fff; font-weight: 700; text-transform: uppercase; padding: 22px 30px 20px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-image:url(/_template/img/blog_intro_a_bg.png); background-size: 64px 64px; background-position: right; background-repeat: no-repeat; } article.blog_article div.intro div.read a.js-down { background-image:url(/_template/img/blog_intro_a_bg_down.png); background-position: center; } article.blog_article div.intro div.read a:hover { text-decoration: none; color: #e2f9ff; } article.blog_article div.intro div.date { position: absolute; width: 64px; height: 64px; bottom: 0px; left: -64px; background-color: #00ccff; } article.blog_article.alt div.intro div.date { left: auto; right: -64px; } article.blog_article.alt.topper div.intro div.date { left: auto; right: 0px; top: 0px; } article.blog_article.alt.topper { position: relative; margin-bottom: 30px; } article.blog_article.alt.topper div.intro { position: static; } article.blog_article div.intro div.date span.day { font-size: 36px; line-height: 50px; display: block; color: #fff; font-weight: 700; text-align: center; margin-top: -2px; } article.blog_article div.intro div.date span.month { font-size: 16px; line-height: 24px; display: block; color: #fff; text-align: center; margin-top:-12px; text-transform: uppercase; } div#filters_and_cats { clear: both; float: left; width: 100%; } div#filters_and_cats_trigger { clear: both; float: left; margin-top: -63px; margin-left: 20px; width: 40px; overflow:hidden; white-space:nowrap; } div#filters_and_cats_trigger.has_breadcrumbs { margin-top: 0; position: absolute; left: 20px; margin-left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 999; } div#filters_and_cats_trigger a { background-color: #00ccff; background-image:url(/_template/img/filter_trigger_bg.png); background-position: top left; background-repeat: no-repeat; background-size: 38px 28px; display: block; width: 100%; color: #fff; } div#filters_and_cats_trigger.open a { background-image:url(/_template/img/filter_trigger_open_bg.png); } div#filters_and_cats_trigger a:hover { text-decoration: none; } div#filters_and_cats_trigger a strong { font-weight: normal; display: block; padding: 5px 20px 5px 138px; } ul.shortlist_list { margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; display: block; clear: both; float: left; width: 100%; } ul.shortlist_list > li { margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; display: block; clear: both; float: left; width: 100%; } ul.shortlist_list > li.removing { opacity: 0.2; } ul.shortlist_list > li div.shortlist_item { display: block; float: left; width: 100%; position: relative; border-top: 5px solid #00ccff; background-color: #f6f6f6; } ul.message_hub div.cols > div.r > div.controls a.mobile_button { display: none; } ul.shortlist_list > li div.shortlist_item div.cols { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-left: 250px; min-height: 190px; color: #9a9a9a; } ul.shortlist_list > li div.shortlist_item div.cols strong { font-weight: 700; color: #5d5d5d; } ul.shortlist_list > li div.shortlist_item div.cols > div.l { width: 45%; float: left; } ul.shortlist_list > li div.shortlist_item div.cols > div.r { width: 55%; float: left; min-height: 132px; } ul.shortlist_list > li div.shortlist_item div.cols > div div.pad { padding: 27px 27px 25px 27px; line-height: 18px; } ul.shortlist_list > li div.shortlist_item div.cols > div p { margin: 0px 0px 10px 0px; } ul.shortlist_list > li div.shortlist_item div.cols > div p.last { margin: 0px 0px 0px 0px; } ul.shortlist_list > li div.shortlist_item div.cols > div.l p.pricing { margin-top: 10px; } ul.shortlist_list > li div.shortlist_item div.cols > div.l p.pricing strong { font-size: 11px; } ul.shortlist_list li div.shortlist_item div.thumb { position: absolute; top: 0px; left: 0px; width: 250px; } ul.shortlist_list li div.shortlist_item div.thumb img { width: 100%; } ul.shortlist_list li div.shortlist_item div.thumb div.decals { position: absolute; bottom: 0px; left: 0px; width: 100%; background-image:url(/_template/img/decals_bg.png); } ul.shortlist_list li div.shortlist_item div.thumb div.decals ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; text-align: center; display: block; width: 100%; } ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li { display: inline-block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li span { display: block; width: 30px; height: 30px; background-size: 30px 30px; } ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.distance span { background-image:url('/_template/img/thumb_decal_long_distance.png'); } ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.home span { background-image:url('/_template/img/thumb_decal_home_tutoring.png'); } ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.facetoface span { background-image:url('/_template/img/thumb_decal_home_face_to_face.png'); } ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.venue span { background-image:url('/_template/img/thumb_decal_venue_tutoring.png'); } ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.group span { background-image:url('/_template/img/thumb_decal_group.png'); } ul.shortlist_list li div.shortlist_item div.controls { position: absolute; top: 30px; right: 30px; width: 125px; } ul.shortlist_list li div.shortlist_item div.controls > div > a { display: block; padding: 10px 0px 10px 0px; margin: 0px 0px 10px 0px; width: 100%; text-align: center; background-color: #c6ef07; color: #000000; } ul.shortlist_list li div.shortlist_item div.controls > div > a.arrow { background-image: url(../img/button_arrow.png); background-repeat: no-repeat; background-size: 8px 7px; background-position: right center; border-right: 8px solid transparent; box-sizing: border-box; } ul.shortlist_list li div.shortlist_item div.controls > div > a:hover { text-decoration: none; background-color: #00ccff; color: #fff; } ul.shortlist_list li div.shortlist_item div.controls div.remove a { background-color: #f7941d; } ul.shortlist_list li div.shortlist_item div.controls div.remove a:hover { background-color: #f73c1d; } ul.shortlist_list li div.shortlist_item div.controls div.pricing { text-align: center; font-size: 11px; line-height: 16px; } ul.shortlist_list li div.shortlist_item div.controls div.pricing span.offer { font-size: 12px; } ul.shortlist_list li div.shortlist_item div.controls div.pricing span.offer strong { color: #e22d2d; } div.full_form { position: relative; float: left; width: 100%; margin: 0 auto; margin-bottom: 70px; } div.full_form.less_margin_bottom { margin-bottom: 0px; } div.full_form > div.l { width: 50%; float: left; } div.full_form > div.r { width: 50%; float: left; } div.full_form > div > div.pad { padding: 20px; } div.full_form h2 { font-size: 14px; line-height: 18px; font-weight: 700; } p.form_link { text-align: right; } div.full_form_terms { float: left; width: 100%; clear: both; margin: 0px 0px 30px 0px; } div.radios { float: left; width: 100%; margin: 0px 0px 30px 0px; clear: both; } div.radios > div { width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; padding-left: 15px; */ } div.radios > div div.checkbox_list div.l { width: 10%; } div.radios > div div.checkbox_list div.r { width: 90%; } div.radios > div div.checkbox_list div.r label { margin-right: 10px; } /* MESSAGE HUB AREA */ div.message_hub_topper { clear: both; float: left; width: 100%; background-color: #ececec; position: relative; margin-top: 30px; } div.message_hub_topper h1 { display: block; clear: both; margin: 0px 0px 0px 0px; font-size: 24px; color: #000000; padding: 30px 0px 30px 145px; font-weight: 300; } div.message_hub_topper h1 em { color: #a4a4a4; font-style: normal; } div.profile_thumb { position: absolute; top: 0px; left: 20px; width: 100px; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 5px; background-color: #fff; z-index: 6000; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); border-radius: 100px; } div.profile_thumb img { width: 100%; border-radius: 100px; } ul.topper_tabs { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; position: absolute; bottom: 0px; right: 20px; } ul.topper_tabs li { display: block; position: relative; float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } ul.topper_tabs li a { display: block; text-align: center; width: 235px; padding: 10px 0px 10px 0px; border-top: 3px solid #f6f6f6; background-color: #f6f6f6; color: #313b3e; } ul.topper_tabs li.active a { border-top: 3px solid #00ccff; background-color: #fff; color: #313b3e; } ul.topper_tabs li a:hover { border-top: 3px solid #00ccff; background-color: #fff; color: #313b3e; text-decoration: none; } ul.topper_tabs li.back a { width: 40px; padding: 10px 0px 10px 0px; background-color: #00ccff; border-top: 3px solid #00ccff; background-image:url(/_template/img/back_icon.png); background-size: 40px 40px; background-repeat: no-repeat; } ul.topper_tabs li.back a:hover { background-color: #5D5D5D; border-top: 3px solid #5D5D5D; } div.messages_wrap { clear: both; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 20px; } div.messages_wrap.extra_spacing { margin-bottom: 45px; } div.messages_wrap div.suggester div.links { padding-bottom: 22px; } div.messages_sub_topper { clear: both; float: left; width: 100%; background-color: #5d5d5d; } div.messages_sub_topper div.label { float: left; padding: 13px 20px 13px 20px; color: #fff; } div.messages_sub_topper div.data_tags { float: right; } div.messages_sub_topper div.data_tags > div { float: right; } div.messages_sub_topper div.data_tags > div.up a { display: block; width: 48px; height: 48px; background-image:url(/_template/img/message_cen_top_arrow.png); background-size: 46px 46px; } div.messages_sub_topper div.data_tags > div.up a:hover { background-color: #00ccff; } div.messages_sub_topper div.data_tags > div.original a { display: block; color: #fff; padding: 13px 20px 13px 20px; background-color: #363636; } div.messages_sub_topper div.data_tags > div.original a:hover { text-decoration: none; background-color: #00ccff; } div.messages_sub_topper div.data_tags > div.date strong { display: block; color: #fff; padding: 13px 20px 13px 20px; font-weight: normal; } div.messages_sub_topper.closed { background-color: #777; } div.messages_sub_topper.closed div.label { color: #bbb; } div.helper { clear: both; float: left; width: 100%; background-color: #ececec; background-image:url(/_template/img/helper_bg.png); background-size: 47px 47px; background-repeat: no-repeat; background-position: left; position: relative; } div.helper p { padding: 13px 40px 13px 50px; margin: 0px 0px 0px 0px; color: #878787; } div.helper a.helper_close { display: block; position: absolute; top: 50%; margin-top: -6px; right: 17px; background-image:url(/_template/img/progress_close.png); background-size: 12px 23px; background-position: top left; width: 12px; height: 12px; } div.helper a.helper_close:hover { background-position: bottom left; } ul.message_hub { clear: both; float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; display: block; border-top: 1px solid #ececec; } ul.message_hub li { clear: both; float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; display: block; border: 1px solid #ececec; border-top: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } ul.message_hub li.alt { background-color: #f6f6f6; } ul.message_hub li.new { display: none; } ul.message_hub div.cols { padding-left: 140px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; clear: both; float: left; width: 100%; position: relative; min-height: 140px; line-height: 16px; } ul.message_hub div.cols p { margin: 0px 0px 0px 0px; } ul.message_hub div.cols p.two_buttons > a { display: inline-block; text-align: center; margin: 0px 10px 10px 0px; } ul.message_hub div.cols > div.thumb { position: absolute; top: 20px; left: 20px; padding: 5px; background-color: #fff; border-radius: 100px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); } ul.message_hub div.cols > div.thumb img { width: 90px; height: 90px; border-radius: 100px; } ul.message_hub div.cols > div.r > div.controls { position: absolute; top: 50%; right: 20px; margin-top: -15px; } ul.message_hub div.cols > div.dialogue { width: 100%; padding-top: 18px; padding-bottom: 18px; color: #878787; line-height: 24px; } ul.message_hub div.cols > div.dialogue em { color: #ef8f07; font-style: normal; font-size: 12px; } ul.message_hub div.cols > div.dialogue strong { color: #000; font-weight: normal; } ul.message_hub div.cols > div.dialogue p { margin: 0px 0px 0px 0px; padding: 0px 20px 0px 0px; } ul.message_hub div.cols > div.l { float: left; width: 50%; } ul.message_hub div.cols > div.l.full_width { width: 100%; position: relative; } ul.message_hub div.cols > div.r { float: left; width: 50%; } ul.message_hub div.cols > div.l > div.message_data { clear: both; float: left; width: 100%; } ul.message_hub div.cols > div.l > div.message_data > div { width: 33.33%; float: left; padding-top: 51px; } ul.message_hub li.centered div.cols > div.l > div.message_data > div.l { padding-top: 28px; padding-bottom: 18px; } ul.message_hub div.cols > div.l > div.message_data > div em { font-style: normal; display: inline-block; margin: 8px 0; } ul.message_hub div.cols > div.l > div.message_data > div em.accepted { background-image: url(../img/green_tick.png); background-repeat: no-repeat; background-position: right; padding-right: 22px; background-size: 16px; } ul.message_hub div.cols > div.l > div.message_data > div.m { padding-top: 55px; } ul.message_hub div.cols > div.l > div.message_data > div.r { padding-top: 59px; } ul.message_hub div.cols > div.r { padding-top: 51px; } ul.message_hub div.cols > div.l > div.message_data > div.m.full_width { width: 66.66%; } ul.message_hub div.cols > div.l > div.message_data > div.m.full_width { width: 66.66%; } ul.message_hub div.cols > div.l > div.message_data > div.m.full_width p { text-align: right; } ul.message_hub div.cols div.message_count_small { display: none; } div.short_status { padding-top: 15px; } div.suggester { clear: both; float: left; width: 100%; background-color: #F6F6F6;; position: relative; min-height: 52px; } div.spacer { clear: both; float: left; width: 100%; position: relative; } div.suggester.add_margin_bottom, div.spacer.add_margin_bottom { margin-bottom: 60px; } div.suggester p { padding: 15px 20px 15px 20px; margin: 0px 0px 0px 0px; } div.suggester div.links { position: absolute; right: 20px; top: 10px; } div.suggester div.links a { display: inline-block; margin-left: 20px; } div.suggester a { color: #2a2525; } div.suggester a:hover { color: #00ccff; text-decoration: none; } div.suggester a.small_button:hover { color: #fff; } div.suggester a.small_button.opposite:hover { color: #484848; } div.chat_base { clear: both; float: left; width: 100%; background-color: #ececec; position: relative; } div.chat_base div.entry { float: left; width: 80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 30px 20px 30px 20px; position: relative; } div.chat_base div.entry div.lip { width: 30px; height: 30px; position: absolute; bottom: 5px; right: 40px; background-image:url(/_template/img/chat_lip.png); background-size: 30px 30px; } div.chat_base div.entry textarea { width: 100%; height: 120px; background-color: #fff; border: none; resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; } div.chat_base div.submit { float: left; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 30px 20px 30px 0px; } div.chat_base div.submit input { color: #fff; background-color: #00ccff; border: none; width: 100%; text-transform: uppercase; padding: 52px 0px 52px 0px; } div.chat_base div.submit input:hover { background-color: #c6ef07; color: #000; } div.big_prompt { clear: both; float: left; width: 100%; margin: 0px 0px 0px 0px; text-align: center; padding-top: 40px; padding-bottom: 60px; } div.features.feature-404 { padding: 60px 0 180px 0; overflow: hidden; } div.features.feature-404 div.l { position: relative; } div.features.feature-404 .features_one { float: none; width: 850px; max-width: 100%; margin: 0 auto; } div.features.feature-404 div.l img { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto 60px; transform: translateY(-50%); } div.features div.frame section div div.r.big_prompt { clear: none; padding-top: 0; text-align: center; } div.features div.frame section div.big_prompt.r p { margin: 0px 0px 0px 0px; font-size: 24px; line-height: 30px; padding: 0 20px 10px; font-weight: 300; vertical-align: middle; } div.features div.frame section div.big_prompt.r p.small { font-size: 16px; font-weight: 300; margin: 30px auto 20px; max-width: 275px; } div.big_prompt.add_margin_bottom { margin-bottom: 40px; } div.big_prompt.base { margin-bottom: 40px; } div.big_prompt p { margin: 0px 0px 0px 0px; font-size: 24px; line-height: 30px; padding: 10px 20px 10px 20px; font-weight: 300; vertical-align:middle; } div.big_prompt p img.profile { width: 100px; padding: 5px; background-color: #fff; border-radius: 100px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); } img.profile_small_60 { width: 60px; /*padding: 5px;*/ /*background-color: #fff;*/ border-radius: 60px; /* -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40);*/ } div.big_prompt p img.stars { width: 65px; } div.big_prompt p.small { font-size: 16px; font-weight: 300; margin: 20px 0; } div.big_prompt a { display: inline-block; vertical-align:middle; } div.how h2 { color: #fff; text-align: center; font-size: 18px; line-height: 28px; font-weight: 700; margin: 40px 30px 15px 30px; letter-spacing: 0.3px; } div.how p { margin: 0px 0px 18px 0px; padding: 0px 30px 0px 30px; color: #fff; text-align: center; } div.how div.how_two h2, div.how div.how_two p { color: #5d5d5d; } div.how div.how_four h2, div.how div.how_four p { color: #5d5d5d; } div.how_scoller { width: 100%; margin: 30px 0px 15px 0px; text-align: center; } div.how_scoller a { display: inline-block; background-image:url(/_template/img/how_scroller.png); width: 43px; height: 43px; background-size: 43px 43px; } div.how h3 { color: #00ccff; text-align: center; font-size: 24px; line-height: 34px; font-weight: 400; margin: 30px 30px 15px 30px; } div.how_one div.img { width: 100%; clear: both; float: left; text-align: center; position: relative; } div.how_one div.img img { max-width: 840px; width: 100%; } div.how_one div.img div.imgb { position: absolute; z-index: 2; width: 100%; text-align: center; } div.how_one div.img div.imgb img { max-width: 840px; width: 100%; margin-top: -1px; vertical-align: top; } div.how_two div.img { width: 100%; clear: both; float: left; text-align: center; } div.how_two div.img img { max-width: 732px; width: 100%; } div.how_three div.img { width: 100%; clear: both; float: left; text-align: center; } div.how_three div.img img { max-width: 732px; width: 100%; } div.how_four div.img { width: 100%; clear: both; float: left; text-align: center; } div.how_four div.img img { max-width: 900px; width: 100%; } div.how .extra_pad { padding-top: 40px; padding-bottom: 40px; } /* WANTED AD DECALS */ div.wanted_ad_decals { width: 100%; } div.wanted_ad_decals ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; text-align: center; display: block; width: 100%; } div.wanted_ad_decals ul li { display: inline-block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } div.wanted_ad_decals ul li span { display: block; width: 30px; height: 30px; background-size: 30px 30px; } div.wanted_ad_decals ul li.remote span { background-image:url('/_template/img/thumb_decal_long_distance_inv.png'); } div.wanted_ad_decals ul li.home span { background-image:url('/_template/img/thumb_decal_home_tutoring_inv.png'); } div.wanted_ad_decals ul li.facetoface span { background-image:url('/_template/img/thumb_decal_home_face_to_face_inv.png'); } div#travel_options { display: none; } div.travel_options { margin-top: -30px; clear: both; float: left; width: 100%; margin-bottom: 30px; } div.quickview { clear: both; float: left; width: 100%; } div.quickview > div.cover { width: 100%; clear: both; float: left; } div.quickview > div.cover > img { width: 100%; } div.quickview > div.image { width: 100%; clear: both; float: left; text-align: center; margin-top: -53px; } div.quickview > div.image > img { width: 100px; border-radius: 125px; border: 3px solid #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); } div.quickview > div.summary { width: 100%; clear: both; float: left; text-align: center; padding-top: 20px; padding-bottom: 20px; } div.quickview > div.summary p { padding: 0px 20px 0px 20px; margin: 0px 0px 0px 0px; } div.quickview > div.summary p img { width: 65px; } div.quickview > div.summary p img.rating { margin-right: 5px; } div.quickview > div.content { padding: 20px; padding-bottom: 20px; } div.quickview > div.content h2 { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; font-size: 20px; line-height: 20px; } div.quickview > div.content h6 { margin-bottom: 0px; font-size: 14px; } div.quickview > div.content p { margin: 0px 0px 15px 0px; } div.quickview > div.controls { position: relative; clear: both; float: left; width: 100%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; border-top: 1px solid #eee; /* bottom: 0px; */ } div.quickview > div.controls > div.l { float: left; width: 50%; } div.quickview > div.controls > div.r { float: left; width: 50%; } div.quickview > div.controls > div.fw { float: left; width: 100%; } div.quickview > div.controls > div.l > div { padding: 0px 10px 0px 20px; } div.quickview > div.controls > div.fw > div { padding: 0px 20px 0px 20px; } div.quickview > div.controls > div.r > div { padding: 0px 20px 0px 10px; } div.quickview > div.controls > div > div > a, div.quickview > div.controls > div > div > div > a { display: block; padding: 8px 0px 8px 0px; color: #fff; text-align: center; } div.quickview > div.controls > div > div > a:hover, div.quickview > div.controls > div > div > div > a:hover { text-decoration: none; } div.quickview > div.controls > div.l > div > a, div.quickview > div.controls > div.fw > div > a { background-color: #C6EF07; color: #000; } div.quickview > div.controls > div.r > div > a, div.quickview > div.controls > div.r > div > div > a { background-color: #0CF; color: #FFF; } div.quickview > div.controls > div.l > div > a:hover, div.quickview > div.controls > div.fw > div > a:hover { background-color: #0CF; color: #FFF; } div.quickview > div.controls > div.r > div > a:hover, div.quickview > div.controls > div.r > div > div > a:hover { background-color: #C6EF07; color: #000; } div.quickview > div.content > div.split_content { width: 100%; clear: both; float: left; } div.quickview > div.content > div.split_content > div { float: left; width: 50%; } div.quickview > div.content > div.split_content > div.l > div { padding-right: 10px; } div.quickview > div.content > div.split_content > div.r > div { padding-left: 10px; } div.shortlist_helper { clear: both; float: left; width: 100%; text-align: center; } div.shortlist_helper > p { margin: 0px 0px 0px 0px; padding: 30px 20px 0px 20px; } textarea#notes { height: 72px; } ul.notifications_list { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; display: block; float: left; clear: both; width: 100%; } ul.notifications_list > li { display: block; float: left; clear: both; width: 100%; position: relative; min-height: 120px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; border-bottom: 1px solid #eee; } ul.notifications_list > li.last { border-bottom: none; } ul.notifications_list > li div.text { border-left: 120px solid transparent; border-right: 140px solid transparent; } ul.notifications_list > li div.thumb { position: absolute; top: 0px; left: 0px; } ul.notifications_list > li div.thumb img { width: 90px; height: 90px; padding: 5px; background-color: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); border-radius: 100px; } ul.notifications_list > li div.controls { position: absolute; top: 0px; right: 0px; width: 120px; } ul.notifications_list > li div.controls > div { width: 100%; margin: 0px 0px 10px 0px; } ul.notifications_list > li div.controls > div > a { display: block; text-align: center; } div.category_base_pad { padding: 0px 10px 0px 10px; clear:both; } div.category_base_pad.double_top_margin { padding-top: 30px; } div.category_base_pad h2 { padding-top: 10px; } div.category_base_text { padding: 0px 0px 0px 0px; } div.category_base_text p { margin: 0px 0px 30px 0px; } @media only screen and (max-width: 1399px) { div.features.feature-404 { padding: 0 0; } } @media only screen and (min-width: 0px) and (max-width: 600px) { ul.notifications_list > li div.thumb img { width: 55px; height: 55px; padding: 2px; } ul.notifications_list > li { margin-bottom: 30px; } ul.notifications_list > li div.text { border-left: 75px solid transparent; border-right: 0px solid transparent; margin-bottom: 20px; } ul.notifications_list > li div.controls { position: relative; top: auto; right: auto; width: 100%; clear: both; float: left; } ul.notifications_list > li div.controls > div { float: left; width: 50%; } ul.notifications_list > li div.controls > div.view > a { margin-right: 5px; } ul.notifications_list > li div.controls > div.dismiss > a { margin-left: 5px; } .availability div.checkbox_list { clear: both; width: 100%; } .availability div.checkbox_list div.l { width: 5%; } .availability div.checkbox_list div.r { width: 95%; } } div.category_link_list { clear: both; float: left; width: 100%; border-bottom: 1px solid #EDEDED; margin-bottom: 30px; } div.category_link_list p.head { border-bottom: 2px solid #00ccff; color: #5D5D5D; text-transform: uppercase; background-color: #EDEDED; display: block; clear: both; float: left; width: 100%; margin: 0px 0px 0px 0px; } div.category_link_list p > span { display: block; padding: 20px 0px 20px 0px; clear: both; float: left; width: 100%; text-align: center; } div.category_link_list div.embedded_copy { color: #5D5D5D; display: block; margin: 0px 0px 30px 0px; padding: 20px 20px 0px 20px; list-style: none; clear: both; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.category_link_list ul { display: block; margin: 0px 0px 30px 0px; padding: 20px 20px 20px 20px; list-style: none; clear: both; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #F6F6F6; } div.category_link_list ul li { display: block; float: left; width: 100%; padding: 2px 0px 2px 0px; border-bottom: 1px solid #EDEDED; } div.category_link_list li.last { border-bottom: none; } div.category_link_list ul li a { color: #5D5D5D; } div.category_link_list ul li a:hover { text-decoration: none; color: #00ccff; } div.embedded_mini_search { clear: both; float: left; width: 100%; padding: 20px 20px 20px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.home_composition_banner { clear: both; float: left; width: 100%; margin: 0px 0px 30px 0px; } div.home_composition_banner > img { width: 100%; } div.prompt { text-align: center; } div.prompt h4 { margin-bottom: 20px; } div.quickview > div.content div.prompt p { margin-bottom: 30px; } div.quickview h5 { margin-bottom: 15px; } div.prompt ul.prompt_icons { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; width: 100%; clear: both; float: left; } div.prompt ul.prompt_icons > li { display: block; width: 25%; float: left; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; } div.prompt ul.prompt_icons > li > a { display: block; margin: 0 auto; width: 100px; height: 100px; background-image:url(/_template/img/prompt_share_placeholder_bg.png); background-position: top left; background-repeat: no-repeat; background-size: 100px 200px; } div.prompt ul.prompt_icons > li > a:hover { background-position: bottom left; } div.prompt ul.prompt_icons > li.facebook > a { background-image:url(/_template/img/prompt_share_facebook.png); } div.prompt ul.prompt_icons > li.twitter > a { background-image:url(/_template/img/prompt_share_twitter.png); } div.prompt ul.prompt_icons > li.youtube > a { background-image:url(/_template/img/prompt_share_youtube.png); } div.prompt ul.prompt_icons > li.google > a { background-image:url(/_template/img/prompt_share_google.png); } span.date { color: #f5a100; } div.blog_comments { border-top: 1px solid #eee; border-bottom: 1px solid #eee; clear: both; float: left; width: 100%; margin: 0px 0px 30px 0px; padding: 26px 0px 13px 0px; } @media only screen and (min-width: 0px) and (max-width: 600px) { div.prompt ul.prompt_icons > li { width: 50%; } } div.features div.frame { background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6); } div.features div.frame.add_bottom_margin { margin-bottom: 20px; } div.features div.frame section > div { padding-top: 30px; padding-bottom: 30px; clear: both; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.features div.frame section div.features_one { text-align: center; padding: 60px 100px 60px 100px; } div.features div.frame section div div.circle { display: inline-block; padding: 5px; background-color: #FFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); border-radius: 100px; margin: 0px 10px 20px 10px; } div.features div.frame section div div.circle img { width: 100px; height: 100px; border-radius: 100px; } div.features div.frame section div h2 { color: #fff; font-weight: 300; font-size: 28px; line-height: 38px; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px; } div.features div.frame section div .header_search h2 { font-weight: 400; font-size: 30px; line-height: 36px; } div.features div.frame section div .header_search input[type="text"] { border: 0; box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.15); padding: 14px 14px 14px 55px; border-radius: 3px; font-size: 14px; line-height: 1; font-family: Lato; color: #7c7c7c; width: 100%; box-sizing: border-box; } div.features div.frame section div .header_search label { position: relative; width: 575px; max-width: 100%; display: block; margin: 0 auto; } div.features div.frame section div .header_search label:before { content: "\f002"; font-family: "FontAwesome"; color: #7c7c7c; position: absolute; left: 15px; font-size: 22px; line-height: 22px; top: 12px; display: block; z-index: 1; } div.features div.frame section div h4 { font-weight: 400; font-size: 24px; line-height: 40px; padding: 0px 0px 0px 0px; margin: 0px 0px 40px 0px; } div.features div.frame section div p { color: #fff; font-size: 14px; line-height: 22px; margin: 0px 0px 0px 0px; } div.features div.frame section div p.add_margin { margin-bottom: 30px; } div.features div.frame.plain.light { background-color: #F6F6F6; box-shadow: none; color: #7C7C7C; } div.features div.frame.plain.light section div h2 { color: #7C7C7C; } div.features div.frame.plain.light section div p { color: #7C7C7C; } div.features div.frame.plain.white { background-color: #FFF; box-shadow: none; color: #7C7C7C; } div.features div.frame.plain.white section div h2 { color: #7C7C7C; } div.features div.frame.plain.white section div p { color: #7C7C7C; } div.features div.frame.plain.dark { background-color: #555; box-shadow: none; color: #fff; } div.features div.frame.plain.dark section div h2 { color: #fff; } div.features div.frame.plain.dark section div p { color: #fff; } div.features div.frame.plain.dark.blue { background-color: #01BCFF; } div.features div.frame section div div.l { float: left; width: 50%; } div.features div.frame section div div.r { float: left; width: 50%; text-align: left; } div.features div.frame section div div div.circle { margin-top: 10px; } div.features div.frame section div div.l.rev, div.features div.frame section div div.r.rev { float: right; } div.features div.frame section div div.m { float: left; width: 33.33%; } div.features div.frame section div div.m p { padding: 0px 10px 0px 10px; } /* HOW IT WORKS HOME PAGE */ div.how_it_works_home h2 { font-weight: 300; font-size: 30px; line-height: 40px; text-align: center; padding: 30px 0px 10px 0px; margin: 0px 0px 0px 0px; } div.how_it_works_home h3 { color: #0CF; font-size: 20px; line-height: 30px; text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 60px 0px; } div.how_it_works_home ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; display: block; float: left; clear: both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.how_it_works_home ul li { display: block; float: left; clear: both; width: 100%; position: relative; min-height: 120px; } div.how_it_works_home ul li div.img { position: absolute; top: 0px; left: 0px; width: 85px; height: 85px; padding: 5px; background-color: #FFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); border-radius: 100px; } div.how_it_works_home ul li div.img img { width: 100%; border-radius: 100px; } div.how_it_works_home ul li div.text { border-left: 115px solid transparent; } div.how_it_works_home ul li div.text h4 { font-size: 20px; line-height: 30px; padding: 0px 0px 0px 0px; margin: 0px 0px 7px 0px; } div.youtube { padding: 0px 180px 0px 180px; } div.how_it_works_home h3 { margin-bottom: 30px; } div.how_it_works_home div.fw h2 { padding-top: 60px; } iframe.youtube { width: 100%; border: none; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); } /* STANDARD PAGINATION */ div.pagination { clear: both; float: left; width: 100%; text-align: center; } div.pagination ul { margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; list-style: none; display: block; clear: both; float: left; width: 100%; text-align: center; } div.pagination ul li { display: inline-block; margin: 0px 5px 0px 5px; padding: 0px 0px 0px 0px; } div.pagination ul li a { display: block; border: 1px solid #ececec; background-color: #ececec; color: #0a2b5e; padding: 2px 10px 2px 10px; text-decoration: none; } div.pagination ul li a:hover { background-color: #c6ef07; color: #000; } div.pagination ul li.selected a { background-color: #0a2b5e; color: #fff; } div.pagination ul li.active a { background-color: #00ccff; color: #fff; } div.product_buy_modal { padding: 20px 20px 20px 20px; } div.product_buy_modal h2 { margin: 0px 0px 0px 0px; } div.product_options_wrap p.item_quantity, div.product_buy_modal p.item_quantity { display: block; width: 100%; text-align: center; } div.product_options_wrap p.price, div.product_buy_modal p.price { display: block; width: 100%; text-align: center; font-size: 30px; font-weight: bold; } div.product_options_wrap p.buy, div.product_buy_modal p.buy { display: block; width: 100%; text-align: center; } div.product_options_wrap p.notes, div.product_buy_modal p.notes { display: block; width: 100%; text-align: center; } div.product_options_wrap p.notes input, div.product_buy_modal p.notes input { width: 200px; border: 1px solid #ccc; padding: 4px 4px 4px 4px; } div.product_options_wrap div.control, div.product_buy_modal div.control { clear: both; width: 100%; } div.product_options_wrap { margin-bottom: 60px; } div.product_options_wrap div.control input, div.product_buy_modal div.control input { width: 100%; background-color: #c6ef07; color: #484848; padding: 10px 0px 10px 0px; display: block; margin-bottom: 0px; border: none; text-transform: uppercase; } div.product_options_wrap div.control input:hover, div.product_buy_modal div.control input:hover { background-color: #00ccff; color: #fff; } table { width: 100%; margin: 0px 0px 30px 0px; } table th { background: #1ABFD4; color: #fff; line-height: 14px; padding: 12px 12px 12px 12px; border: 1px solid #fff; } table th.heading { text-align: left; -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; } table th.last{ -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; } table td { background-color: #f5f5f5; border: 1px solid #fff; text-align: center; font-size: 14px; vertical-align:middle; padding: 6px 12px 6px 12px; } table td.heading { text-align: left; } table td.details { width: 100%; } table td.align-left { text-align: left; } div.pay_connect { text-align: center; display: block; clear: both; width: 100%; float: left; padding-top: 30px; padding-bottom: 60px; } .page { padding: 20px 0; clear: both; } .page.centered { text-align: center; } .booking_list ul.shortlist_list > li div.shortlist_item div.cols > div.l { width: 34%; } .booking_list ul.shortlist_list > li div.shortlist_item div.cols > div.r { width: 66%; } .booking_list ul.shortlist_list { margin-bottom: 45px; } .enquiry_modal .em_content { padding: 15px; } div.quickview.enquiry_modal { box-sizing: border-box; } .enquiry_modal h2, .wanted_ad_modal h2 { font-size: 18px; text-align: center; } .enquiry_modal p { margin-bottom: 15px; text-align: center; } .enquiry_modal p.sub_heading { border-bottom: 1px solid #eee; padding-bottom: 30px; } .enquiry_modal h3, .wanted_ad_modal h3 { font-size: 14px; font-weight: bold; } .enquiry_modal h4, .wanted_ad_modal h4 { font-size: 14px; text-align: center; font-weight: bold; margin-bottom: 0px; } .enquiry_modal span.featured { color: #0CF; } .enquiry_modal img.profile { width: 80px; padding: 5px; background-color: #fff; border-radius: 100px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); } /* HELP */ .faq_q { color: #5d5d5d; font-size: 18px; } h1.faq_title { color: #7c7c7c; font-size: 30px; line-height: 36px; } div.faq_q { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #dbdbdb; } div.faq_q:last-of-type { border-bottom: 0; } div.faq_related { padding-top: 30px; margin-top: 30px; border-top: 1px solid #dbdbdb; } div.faq_related a { color: #404040; font-weight: bold; } a.faq_q:hover, div.faq_related a:hover { color: #00caf9; text-decoration: none; } div.faq_answer a, aside.sidebar ul.std_links a.active_link { color: #00caf9; font-weight: bold; } div.faq_answer_content a { font-weight: normal; } div.faq_related p, div.faq_answer p { font-size: 16px; line-height: 26px; } p.feedback-bg { background: #00ccff; color: #fff; padding: 15px; text-align: center; font-weight: bold; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.40); } div.faq_answer a:hover { text-decoration: underline; } .breadcrumbs, .breadcrumbs a { color: #878787; } .breadcrumbs { border-bottom: 1px solid #e9e9e9; padding: 7.5px 0; margin-bottom: 11px; clear: both; position: relative; } .breadcrumbs span { padding: 0 5px; } .breadcrumbs a:hover { color: #00caf9; text-decoration: none; } div.search_content { padding-top: 10px; } div.search_content .faq_q { border-bottom: 0; margin-bottom: 30px; padding-bottom: 0; } div.search_content .faq_q { font-size: 30px; } div.search_content .faq_a { border-bottom: 1px solid #e9e9e9; margin-bottom: 30px; } div.search_content .faq_a:last-of-type { border-bottom: 0; margin-bottom: 0; } /*ABOUT */ #about-page img { max-width: 100%; position: relative; bottom: -50px; } div.frame#about-page section div.features_one { text-align: left; padding: 60px 0 0; } #about-page h1 { font-size: 30px; line-height: 36px; font-weight: bold; color: #00caf9; } #about-page h3 { font-size: 24px; line-height: 30px; color: #404040; max-width: 425px; } #about-page ul { list-style-position: inside; padding-left: 0; color: #00caf9; font-size: 18px; } #about-page li a { color: #00caf9; font-weight: bold; font-size: 18px; line-height: 36px; } #about.full_width { background: #fff; padding: 30px 0 60px; position: relative; z-index: 1; } div.features div.frame.no-shadow { box-shadow: none; } #about p { margin-bottom: 30px; font-weight: 400; color: #2A3539; line-height: 30px; font-size: 20px; } #about h2 { color: #01BCFF; font-size: 26px; line-height: 1.5; font-weight: 400; } #about h3 { color: #7c7c7c; font-size: 24px; line-height: 30px; } #about p span { color: #00caf9; padding: 0 7.5px; } #about a { color: #00caf9; line-height: 1.5; font-weight: bold; } #about p:last-of-type { margin-bottom: 0; } #mission { position: relative; background: #01BCFF; z-index: 0; overflow: hidden; } div.frame#mission section div.features_one { padding-left: 0; padding-right: 0; } #mission .mission-section { padding: 150px 0 300px; overflow: hidden; } #mission .mission-bg { background-color: #e7e7e7; position: absolute; top: 0; height: 100%; left: 0; width: 100%; background-position: top center; z-index: -1; background-size: cover; background-repeat: no-repeat; } #home_new #about-cta { background-image: url('/_template/img/about-cta.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: initial; padding: 60px 0; } #home_new .ui-widget-content { text-align: left!important; } #home_new #about-cta h3 { color: #fff; width: 350px; max-width: 100%; margin: 0 auto 30px; display: block; font-size: 26px; line-height: 1.5; } #home_new #about-cta a.button { color: #fff; } .about div.footer_open_control { background: transparent; margin-top: -36px; } #home_new #with-rocket { position: relative; } #home_new #with-rocket #clouds-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url( '../img/blue-clouds.png' ); background-position: top center; background-size: cover; background-repeat: no-repeat; overflow: hidden; } #home_new #rocket_bg { position: absolute; top: 0; right: 0; left: 0; background-image: url( '../img/rocket1.png' ); background-position: 300px 400px; background-size: cover; background-repeat: no-repeat; overflow: hidden; min-height: 2000px; } #home_new #values { background-image: url( '../img/grey-clouds.png' ); background-position: top center; background-size: cover; background-repeat: no-repeat; overflow: hidden; padding-top: 200px; margin-top: -200px; z-index: 2; position: relative; } div.frame#mission section { z-index: 2; position: relative; } div.frame#mission section div.features_one, div.frame#mission #values section div.features_one .l, div.frame#mission #values section div.features_one .r { text-align: left; } div.frame#mission #values section div.features_one { text-align: center; padding-bottom: 90px; } div.frame#mission #values section div.features_one .row { clear: both; overflow: hidden; margin-bottom: 30px; } #mission h3 { color: #fff; font-size: 24px; line-height: 30px; } #mission h3.alt { color: #404040; font-weight: 300; } #mission p { color: #404040; font-weight: 300; font-size: 18px; line-height: 30px; margin-bottom: 30px; } #mission p a { color: #fff; font-weight: bold; } #mission p span { color: #fff; padding: 0 7.5px; } #mission #values h3 { color: #01BCFF; margin-bottom: 0; font-weight: 600; font-size: 28px; line-height: 1.5; margin-top: 30px; } #mission #values p { margin-bottom: 45px; } #values h4 { color: #7c7c7c; font-weight: bold; text-transform: uppercase; margin-bottom: 0; font-size: 18px; line-height: 30px; } #mission #values .r p, #mission #values .l p { margin-bottom: 0; font-weight: 400; font-size: 18px; line-height: 30px; color: #404040; } #values ul { padding-left: 0; list-style-position: inside; list-style-type: disc; color: #404040; } #values ul li { font-weight: 300; font-size: 18px; line-height: 30px; color: #404040; } #mission #values p span { color: #00caf9; padding: 0 7.5px; } #mission #values a { color: #00caf9; font-weight: bold; } #manifesto { background: #2d3e41; position: relative; z-index: 1; } div.frame#manifesto section div.features_one { padding-left: 0; padding-right: 0; } #manifesto h3 { font-size: 24px; line-height: 30px; color: #fff; margin-bottom: 60px; } .manifesto-box { width: calc(33.33333333% - 30px); float: left; margin-bottom: 30px; background: #00caf9; color: #fff; font-size: 30px; text-transform: uppercase; font-weight: bold; min-height: 235px; line-height: 235px; box-shadow: 4px 3px 35px 0px rgba(0, 0, 0, 0.61); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; position: relative; margin-right: 15px; margin-left: 15px; } .manifesto-box:hover .title { display: none!important; } .manifesto-box div.hidden-content { opacity: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .manifesto-box:hover div.hidden-content { opacity: 1; cursor: pointer; } .manifesto-box div.hidden-content { background: #fff; position: absolute; top: 0; left: 0; height: 235px; width: 100%; } div.features div.frame section .manifesto-box div.hidden-content p { position: absolute; font-size: 18px; color: #404040; line-height: 30px; font-weight: 400; top: 50%; width: 100%; left: 0; right: 0; text-align: center; transform: translateY(-50%); text-transform: none; padding: 0 15px; box-sizing: border-box; } /* PROFILE UPDATES */ .identity_field ul { margin-bottom: 0; padding: 15px; background: #ececec; list-style: none; } .identity_field ul li { margin-bottom: 15px; } .identity_field ul li:last-of-type { margin-bottom: 0; } .identity_field ul li div { display: inline-block!important; float: left; } .identity_field ul li div input { opacity: 0; } .identity_field ul li p { display: inline-block; width: calc(90% - 63px); padding-left: 15px; line-height: 48px; margin-bottom: 0!important; } div dl.identity_field { margin-bottom: 0; } .identity_field ul li p i { padding-left: 15px; } .identity_field ul li div.deleteFile, .identity_field ul li span { display: inline-block; width: 5%; text-align: center; line-height: 48px; float: none; } .identity_field ul li span .fa-close { color: #f7941d; } .identity_field ul li span .fa-check { color: #00caf9; } div.deleteFile { float: none; } p#rejection { text-align: center; clear: both; padding: 5px 0; border: 1px solid #ececec; } p#rejection img { margin-left: 0; margin-right: 5px; } p#rejection a { color: #313b3e; } @media only screen and (min-width: 1100px) and (max-width: 9999px) { div.tabs.band_two > div.content { min-height: 467px; } } @media only screen and (max-width:1099px) { div.frame#mission section div.features_one, div.frame#manifesto section div.features_one, div.frame#about-page section div.features_one { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width:991px) { div.features div.frame#about-page section div div.l { margin-bottom: 30px; } div.features div.frame#about-page section div div.l, div.features div.frame#about-page section div div.r { width: 100%; float: none; } #about-page img { width: 450px; bottom: -43px; margin: 0 auto; display: block; } #about-page h3 { max-width: 100%; } .manifesto-box { width: calc(50% - 30px); } } @media only screen and (max-width: 767px) { article.blog_article { background-size: cover!important; } #home_new .col-sm-6.f_right { float: none; } #home_new .mb-img-hidden { display: block!important; margin: 0 auto; width: 100%; } #home_new .col-sm-6.pad-left { padding-left: 15px!important; } #home_new .testi_bottom:after, .owl_testi .item > img { display: none!important; } #home_new .testi_detail { width: 100%!important; min-width: 375px!important; transform: translateX(120px); } #home_new .banner_content h1 { position: relative; } #home_new .banner_content h1:after { content: ""; height: 2px; background: #fff; width: 400px; max-width: 80%; display: block; margin: 30px auto 0; } #home_new .row > div:last-of-type { padding: 0 0!important; } #home_new .banner_tab { float: none!important; width: 100%!important; max-width: 100%!important; } #home_new .home_banner .row > div:first-of-type { text-align: center; width: 100%; } #home_new .home_banner .row > div:last-of-type { text-align: center; width: 100%; } #home_new .banner_content { padding: 60px 0!important; } #home_new .tutor_bag, #home_new .feauture, #home_new .get_involve, #home_new .learning { background-image: none!important; } #home_new .family_content .col-sm-2 { width: 25%!important; } #mission .mission-section { padding-bottom: 280px; } .identity_field ul li div { display: block!important; float: none; margin: 0 auto; } .identity_field ul li:first-of-type { padding-top: 0; border-top: 0; } .identity_field ul li { border-top: 1px solid #000; padding-top: 15px; } .identity_field ul li p { width: 100%; padding-left: 0; text-align: center; } .identity_field ul li p i { display: none; } .identity_field ul li div.deleteFile, .identity_field ul li span { display: inline-block!important; width: 50%; font-size: 24px; line-height: 24px; } } @media only screen and (max-width: 499px) { .manifesto-box { width: 100%; margin-left: 0; margin-right: 0; } #mission .mission-section { padding-bottom: 650px; } #home_new .family_content .col-sm-2 { width: 50%!important; } } @media only screen and (min-width: 0px) and (max-width: 1100px) { header.header a.logo { left: 20px; } header.header nav > ul { margin-right: 20px; } div.home_banner_cols > div.r > div.tabs { margin-right: 20px; } div.home_banner_cols > div.l.home_page > h2 { margin-left: 20px; margin-right: 20px; font-size: 40px; line-height: 55px; } div.home_banner_cols > div.l.home_page > h3 { margin-left: 20px; margin-right: 20px; padding-top: 35px; } div.profile_social_icons ul { margin-right: 30px; } div.home_banner_cols > div.l.category_lander { border-left: 20px solid transparent; } } @media only screen and (min-width: 0px) and (max-width: 1080px) { .page { padding-left: 10px; padding-right: 10px; } div.internal_pad_carousel { padding: 0px 10px 0px 10px; } div.pop_in { width: 100%; margin: 0px 0px 0px 0px; } section.pop div.left_sidebar_cols > div.content > aside { left: 0px; } section.pop div.left_sidebar_cols > div.content { border-left: 260px solid transparent; border-right: 0px solid transparent; } section.section.pop, div.section.pop { width: 100%; } footer { width: 100%; } ul.featured_profiles li a div.txt { border-left: none; } ul.featured_profiles li a div.txt h4 { padding: 28px 20px 28px 80px; border-bottom: 1px solid #eee; font-size: 24px; line-height: 24px; } ul.featured_profiles li a div.txt p { padding: 10px 10px 10px 10px; } ul.featured_profiles li a div.img { top: 10px; left: 10px; width: 60px; height: 60px; } ul.featured_profiles li a:hover div.img img { } .full_desktop_only { display: none; } div#filter_tabs ul.filter_and_sort_list { width: 100%; } div#filter_tabs ul.filter_and_sort_list li.first { margin-left: 0px; } div#filter_tabs ul.filter_and_sort_list li { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; width: 25%; } div.product_list { padding: 0px 10px 0px 10px; } /* div.progress_topper p { clear: both; display: block; width: 100%; text-align: center; padding: 20px 50px 20px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.progress_topper ul { width: 100%; clear: both; text-align: center; } div.progress_topper ul li { margin-top: -10px; padding: 0px 20px 0px 20px; } */ div.breadcrumbs, div.sidebar_pad { padding-left: 20px; padding-right: 20px; } ul.topper_tabs li a { width: auto; padding-left: 20px; padding-right: 20px; } div.cms_pad { padding: 0px 20px 30px 0px; clear: both; float: left; } div.text_label_text_label div.text_and_label { clear: both; float: left; width: 100%; padding-bottom: 2px; } div.category_base_pad { padding: 0px 20px 0px 20px; } } @media only screen and (min-width: 0px) and (max-width: 1060px) { section.section, div.section { width: 100%; } div.frame { width: 100%; } header.header nav div.megamenu.full_width img.supporting { display: none; } /* header.header nav div.megamenu.full_width ul { width: 25%; }*/ } @media only screen and (min-width: 0px) and (max-width: 960px) { header.header a.logo { left: auto; top: auto; position: relative; clear: both; float: left; width: 100%; text-align: center; padding: 20px 0px 10px 0px; } header.header nav { text-align: center; min-height: 0px; } header.header nav > ul > li.my_account a { margin: 0px 10px 10px 10px; } header.header nav > ul > li > a { padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; } header.header nav div.megamenu.mini_width { top: 50px; } header.header nav div.megamenu.full_width { top: 140px; } } @media only screen and (min-width: 901px) { div.profile_topper ul { position: absolute; left: 0; right: 0; text-align: center; } } @media only screen and (min-width: 0px) and (max-width: 900px) { div.internal_pad_carousel { padding-bottom: 30px; } header.pre_header > ul > li.country { float: left; border-right: 1px solid #ebebeb; } header.pre_header > ul > li.my_account { float: left; } header.pre_header > ul > li.my_account > div { width: 320px; left: 0px; right: auto; } ul.profile_grid li { width: 25%; } div.product_list > div.product { width: 33.33%; } div.profile_topper { min-height: 56px; } div.profile_topper h1 { text-align: center; width: auto; clear: both; padding: 20px 20px 10px 20px; margin: 0 auto; float: none; } div.profile_topper ul { width: 100%; text-align: center; } div.profile_topper ul li.back { position: absolute; top: 11px; right: 10px; margin: 0px 0px 0px 0px; } div.profile_topper ul li.back a { margin: 0px 0px 0px 0px; background-position: top center; } div.profile_summary_box { width: 240px; } div.profile_summary_box div.summary { display: none; } div.profile_summary_box div.image img { width: 170px; height: 170px; border-radius: 100px; } div.cms_topper h1, div.cms_topper .blog_category { text-align: center; width: auto; clear: both; margin: 0 auto; float: none; } div.product_list.wanted_ads div.product { width: 50%; } ul.shortlist_list > li div.shortlist_item div.cols { padding-left: 160px; min-height: 290px; } ul.shortlist_list li div.shortlist_item div.thumb { position: absolute; top: 20px; left: 20px; width: 140px; height:140px; } ul.shortlist_list li div.shortlist_item div.thumb div.image { overflow:hidden; border-radius: 120px; width: 140px; height:140px; position: relative; } ul.shortlist_list li div.shortlist_item div.thumb img { height:140px; width: auto; position: relative; left: -23px; } ul.shortlist_list li div.shortlist_item { min-height: 268px; } ul.shortlist_list li div.shortlist_item div.controls { bottom: 10px; top: auto; right: auto; left: 20px; width: 140px; } ul.shortlist_list li div.shortlist_item div.controls > div > a { padding: 5px 0px 5px 0px; } ul.shortlist_list li div.shortlist_item div.controls > div > a { margin: 0px 0px 10px 0px; } ul.shortlist_list li div.shortlist_item > div.cols > div.l { width: 50%; } ul.shortlist_list li div.shortlist_item > div.cols > div.r { width: 50%; } ul.shortlist_list li div.shortlist_item div.controls div.pricing { position: absolute; right: -184px; text-align: left; bottom: 9px; } ul.shortlist_list li div.shortlist_item div.thumb div.decals { position: absolute; bottom: -30px; left: 0px; width: 100%; background-image: none; } ul.shortlist_list li div.shortlist_item div.thumb div.decals ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; text-align: center; display: block; width: 100%; } ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li { display: inline-block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li span { display: block; width: 20px; height: 20px; background-size: 20px 20px; } ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.remote span { background-image:url('/_template/img/thumb_decal_long_distance_inv.png'); } ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.home span { background-image:url('/_template/img/thumb_decal_home_tutoring_inv.png'); } ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.facetoface span { background-image:url('/_template/img/thumb_decal_home_face_to_face_inv.png'); } ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.venue span { background-image:url('/_template/img/thumb_decal_venue_tutoring_inv.png'); } ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.group span { background-image:url('/_template/img/thumb_decal_group_inv.png'); } ul.shortlist_list li div.shortlist_item div.thumb div.decals ul li.distance span { background-image:url('/_template/img/thumb_decal_long_distance_inv.png'); } div.message_hub_topper h1 { font-size: 22px; padding: 8px 20px 52px 145px; text-align: right; } ul.message_hub div.cols > div.l { width: 25%; } ul.message_hub div.cols > div.r { width: 75%; padding-top: 38px; } ul.message_hub div.cols > div.l > div.message_data > div { width: 100%; float: none; padding-top: 0px; } ul.message_hub div.cols > div.l > div.message_data > div.l { padding-top: 18px; } ul.message_hub li.centered div.cols > div.l > div.message_data > div.l { padding-right: 18px; box-sizing: border-box; } ul.message_hub div.cols > div.l > div.message_data > div.m { padding-top: 9px; } ul.message_hub div.cols > div.l > div.message_data > div.r { display: none; } ul.message_hub div.cols div.message_count_small { display: block; } div.suggester div.links { position: relative; clear: both; float: right; /*top: auto;*/ right: auto; padding-right: 20px; padding-bottom: 35px; padding-left: 20px; text-align: center; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.suggester p { text-align: center; } div.suggester div.links a { margin-left: 10px; margin-right: 10px; } div.product_list div.product_quick div.quick_view_trigger, div.product_list div.product_quick div.quick_view_trigger_alt, div.product_list div.product div.quick_view_trigger_alt, div.product_list div.product div.quick_view_trigger { display: none; } ul.message_hub div.cols > div.l > div.message_data > div.m.full_width { width: 100%; } div.home_banner_cols > div.l.category_lander h1 { font-size: 30px; line-height: 30px; margin: 0px 0px 20px 0px; padding-top: 60px; } div.home_banner_cols > div.l.category_lander h2 { font-size: 22px; line-height: 28px; margin: 0px 0px 20px 0px; } div.home_banner_cols > div.l.category_lander h3 { font-size: 18px; line-height: 24px; } div.home_banner_cols > div.l.category_lander p { color: #fff; font-size: 14px; line-height: 20px; margin: 0px 0px 20px 0px; } div.youtube { padding: 0px 100px 30px 100px; } .booking_list ul.shortlist_list > li div.shortlist_item div.cols > div.l { width: 45%; } .booking_list ul.shortlist_list > li div.shortlist_item div.cols > div.r { width: 55%; } ul.shortlist_list > li div.shortlist_item div.cols > div p.text-right-resp { text-align: right; } } @media only screen and (min-width: 0px) and (max-width: 680px) { div.full_form > div.l { width: 100%; float: left; } div.full_form > div.r { width: 100%; } div.breadcrumbs { padding: 15px 20px 15px 75px; } } @media only screen and (min-width: 0px) and (max-width: 680px) { div.progress_tip a.button { padding: 6px 12px; } div.progress_topper div.progressbar_area > span { text-align: center; } div.progress_tip span { font-size: 12px; } #filters_and_cats { display: none; } div.cms_pad { padding: 30px 20px 30px 20px; clear: both; float: left; } div.fixed_header { /*-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: relative;*/ background-color:#fff; } div.fixed_header.internal.scrolled { -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0); } section.pop div.left_sidebar_cols > div.content { border-left: 0px solid transparent; border-right: 0px solid transparent; } /*body { padding-top:0px !important; }*/ .no_mobile { display: none !important; } .only_desktop { display: none !important; } .only_mobile { display: block !important; } .only_mobile_inline { display: inline-block !important; } header.header a.logo { padding: 15px 0px 15px 0px; text-align: left; } header.header a.logo img { width: auto; height: 40px; } header.header a.logo img { margin-left: 10px; } div#mobile_menu_trigger { display: block; } div#mobile_account_trigger { display: block; } header.pre_header > ul > li { border: none; } header.pre_header > ul > li.my_account { margin-left: 44px; border-left: 1px solid #eee; } header.pre_header > ul > li > a { padding: 10px 8px 7px 8px; } header.header nav { display: none; position: absolute; top: -3px; left: 1px; width: 50%; } header.header nav ul { clear: both; float: left; width: 100%; background-color: #fff; -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.63); -moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.63); box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.63); border-top: 2px solid #00ccff; } header.header nav ul li { float: left; clear: both; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: center; border-top: 1px solid #eee; } header.header nav ul li a { display: block; width: 100%; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; color: #7C7C7C; } header.header nav > ul > li.megamenu.full_width > a { background-image: none; } header.header nav ul li a:hover, header.header nav ul li.home a:hover, header.header nav > ul > li.megamenu.full_width > a:hover { background-color: #f9f9f9; color: #7C7C7C; } header.header nav ul li.home { border-top: none; } header.header nav ul li.home a { width: 100%; } header.header nav ul li.my_account a { margin: 0px 0px 0px 0px; padding: 4px 0px 4px 0px; } header.header nav > ul > li > div { display: none !important; } div.home_banner_cols > div.r { width: 100%; position: relative; top: auto; right: auto; left: auto; padding-top: 13px; /* max-width: auto;*/ margin: 0 auto; } div.home_banner_cols > div.r > div.tabs { margin: 0px 10px 0px 10px; } div.home_banner_cols > div.l { position: absolute; bottom: -80px; border-right: 0px solid transparent; width: 100%; padding: 0px 20px 0px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.home_banner_cols > div.l.home_page h2 { padding-top: 30px; font-size: 26px; line-height: 36px; text-align: center; margin: 0px 0px 0px 0px; } div.home_banner_cols > div.l.home_page h3 { display: none; } div.home_banner_cols > div.l.category_lander { position: relative; bottom: auto; } div.home_banner_cols > div.l.category_lander h1 { padding-top: 40px; } div.home_banner_cols > div.l.category_lander h3 { margin-bottom: 30px; } div#sync2.category_lander div.item img { display: none; } div#sync1.category_lander div.home_banner_cols { background-image:url(/_template/img/full_width_carousel_1.jpg); background-position: center top; background-size: cover; } div#sync1.category_lander div.home_banner_cols div.r div.tabs > div.content { margin-bottom: 12px; } div.tabs > div.controls.two ul li a { padding: 10px 0px 10px 0px; } dl.mini dd.button input { padding: 5px 0px 5px 0px; } div.fifty_fifty > div.no_mb_mob { padding-bottom: 0px; } div.fifty_fifty > div { width: 100%; clear: both; } div.home_feature > div { height: 300px; } section.footer .disclaimer { width: auto; } ul.profile_grid li { width: 16.66%; } div.home_feature p { min-height: 160px; } div#filter_tabs ul.filter_and_sort_list { padding: 10px 0px 10px 0px; } div#filter_tabs ul.filter_and_sort_list li { width: 50%; margin: 0px 0px 0px 0px; } div#filter_tabs ul.filter_and_sort_list li a { font-size: 12px; padding: 7px 0px 7px 0px; } div.category_topper h1 { text-align: center; width: auto; clear: both; padding: 20px 20px 10px 20px; margin: 0 auto; float: none; } div.category_topper ul#filter_tab_controls { width: 100%; text-align: center; } div.category_topper ul#filter_tab_controls li a { /* width: 100px; */ } div.filter_list h6 { padding-left: 10px; } div.filter_list ul { width: 33.33%; } div.filter_list ul li { padding-left: 10px; padding-right: 10px; } div#filter_tabs ul.filter_and_sort_list li.first { clear: both; } div.method_icons { display: none; } div.profile_columns > div { width: 100%; } div.profile_video { padding: 30px 30px 0px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.profile_video.mobile_version { padding: 0px 0px 30px 0px; } div.profile_social_icons { position: absolute; right: 0px; top: 305px; z-index: 4; } div.profile_cover_area { margin-top: 60px; } ul.profile_grid.my_bookmarks li { width: 12.5%; } ul.profile_grid.latest_tutors li { width: 16.6666%; } div.left_sidebar_cols > div.content { border-left: none; } div.left_sidebar_cols > div.content > aside { position: relative; top: auto; left: auto; width: 100%; } div.product_list.wanted_ads div.product { width: 33.3333%; } div.product_list.wanted_ads { margin-top: 20px; } div.sidebar_pad.no_search { padding-top: 30px; } ul.message_hub div.cols > div.l { width: 150px; clear: both; } ul.message_hub div.cols > div.r { width: 100%; clear: both; padding-top: 8px; padding-bottom: 18px; } ul.message_hub div.cols > div.l > div.message_data > div.m { position: absolute; padding: 0px 0px 0px 0px; top: 20px; right: 20px; width: auto; } ul.message_hub div.cols > div.l > div.message_data > div.m.full_width { width: auto; top: 50px; } ul.message_hub div.cols > div.l > div.message_data.contact-button-fix > div.m.full_width { right: auto; width: 76px; left: 0; top: 80px; margin: auto; } ul.message_hub div.cols p.text-margin-top { margin-top: 50px; } ul.message_hub div.cols > div.l > div.message_data > div.m.full_width.extra_top { top: 66px; right: auto; } ul.message_hub div.cols p.two_buttons > a { margin: 5px 0px; width: 100%; box-sizing: border-box; } div.message_hub_topper h1 { padding: 8px 20px 52px 20px; text-align: center; } div.profile_thumb { display: none; } ul.topper_tabs { width: 100%; text-align: center; right: 0px; } ul.topper_tabs > li { display: inline-block; float: none; } ul.topper_tabs li a { width: auto; padding-left: 15px; padding-right: 15px; vertical-align: baseline; } div.chat_base div.entry { float: left; clear: both; width: 100%; padding: 30px 20px 30px 20px; } div.chat_base div.submit { clear: both; float: left; width: 100%; padding-top: 0px; padding-left: 20px; } div.chat_base div.submit input { padding: 10px 0px 10px 0px; clear: both; float: left; width: 100%; display: block; } dl.full { width: 100%; } dl.full dt.button { display: none; } dl.full dd.button { width: 100%; } ul.shortlist_list > li div.shortlist_item { display: block; float: left; width: 100%; position: relative; border-top: 5px solid #00ccff; background-color: #f6f6f6; } ul.shortlist_list > li div.shortlist_item.noright_col { padding-bottom: 52px; } .booking_list ul.shortlist_list li div.shortlist_item.noright_col div.controls { width: 125px; } ul.shortlist_list > li div.shortlist_item div.cols { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-left: 0px; padding-top: 0px; min-height: 0px; color: #9a9a9a; } ul.shortlist_list > li div.shortlist_item div.cols strong { font-weight: 700; color: #5d5d5d; } ul.shortlist_list > li div.shortlist_item div.cols > div.l { width: 100%; float: left; min-height: 165px; background-color: #fff; } ul.shortlist_list > li div.shortlist_item div.cols > div.l div.pad { padding: 20px 20px 20px 150px; } ul.shortlist_list > li div.shortlist_item div.cols > div.r { width: 100%; float: left; } ul.shortlist_list > li div.shortlist_item div.cols > div.r div.pad { padding: 20px 20px 20px 20px; clear: both; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } ul.shortlist_list > li div.shortlist_item div.cols > div p { margin: 0px 0px 0px 0px; font-size: 12px; } ul.shortlist_list > li div.shortlist_item div.cols > div p strong { font-size: 14px; } ul.shortlist_list > li div.shortlist_item div.cols > div.l p.pricing strong { color: #E22D2D; } ul.shortlist_list > li div.shortlist_item div.cols > div p.last { margin: 0px 0px 0px 0px; } ul.shortlist_list li div.shortlist_item div.thumb { position: absolute; top: 20px; left: 20px; width: 115px; height:110px; } ul.shortlist_list li div.shortlist_item div.thumb div.image { overflow:hidden; border-radius: 120px; width: 110px; height:110px; } ul.shortlist_list li div.shortlist_item div.thumb img { height:120px; width: auto; } ul.shortlist_list li div.shortlist_item div.controls { position: absolute; bottom: 10px; right: 20px; top: auto; left: auto; width: 125px; } ul.shortlist_list li div.shortlist_item div.controls > div > a { display: block; padding: 10px 0px 10px 0px; margin: 0px 0px 10px 0px; width: 100%; text-align: center; background-color: #c6ef07; color: #000000; } ul.shortlist_list li div.shortlist_item div.controls > div > a:hover { text-decoration: none; background-color: #00ccff; color: #fff; } ul.shortlist_list li div.shortlist_item div.controls div.remove a { background-color: #f7941d; } ul.shortlist_list li div.shortlist_item div.controls div.remove a:hover { background-color: #f73c1d; } ul.shortlist_list li div.shortlist_item div.controls div.pricing { display: none; } ul.shortlist_list.only_shortlist li div.shortlist_item div.controls { top: 30px; } ul.shortlist_list.only_shortlist li div.shortlist_item { min-height: auto; } div.category_base_cols > div { width: 100%; } div.category_base_cols > div.l > div { padding-right: 0px; } div.category_base_cols > div.r > div { padding-left: 0px; } aside.sidebar ul.std_links { padding-bottom: 25px; border-bottom: 1px solid #D5D5D5; } aside.sidebar ul.std_links.sub { border-bottom: 0px; padding-bottom: 0px; } aside.sidebar ul.checkbox_links, aside.sidebar .city_filter { padding-bottom: 25px; border-bottom: 1px solid #D5D5D5; } div.sidebar_pad.no_search { /* border-top: 1px solid #D5D5D5; */ } div.features div.frame section div.features_one { padding: 40px 20px 40px 20px; } div.youtube { padding: 0px 0px 0px 0px; } div.fifty_fifty > div.video { padding-bottom: 0px; } div.mobile_shortcuts { display: block; } div.how_it_works_home div.fw h2.add_margin_on_mobile { margin-bottom: 30px; } .booking_list ul.shortlist_list > li div.shortlist_item div.cols > div.l, .booking_list ul.shortlist_list > li div.shortlist_item div.cols > div.r { width: 100%; } ul.shortlist_list > li div.shortlist_item div.cols > div p.text-right-resp { text-align: left; } } @media only screen and (min-width: 0px) and (max-width: 600px) { div.product_list div.product { width: 50%; } div.profile_topper ul li.credit, div.profile_topper ul li.invite { display: block; width: 50%; float: left; } div.profile_topper ul { padding-right: 0; } div.profile_topper ul li.credit a { border: 1px solid #d5d5d5; border-right: none; background-color: #d5d5d5; margin-bottom: 0px; } div.profile_topper ul li.credit a:hover { background-color: #fff; } div.profile_topper ul li.invite a { border: 1px solid #d5d5d5; margin-bottom: 0px; } div.filter_list#add_a_filter ul { width: 50%; } div.product_list.wanted_ads div.product { width: 50%; } ul.message_hub li.centered div.cols > div.thumb { width: 75px; position: relative; left: auto; display: inline-block; } ul.message_hub li.centered div.cols > div.l > div.message_data > div.l { padding-left: 18px; } ul.message_hub div.cols > div.thumb img { width: 75px; height: 75px; } ul.message_hub div.cols { padding-left: 125px; } ul.message_hub li.centered div.cols { padding-left: 0; text-align: center; } div.quickview > div.content > div.split_content > div { float: left; width: 100%; } div.quickview > div.content > div.split_content > div.l > div { padding-right: 0px; } div.quickview > div.content > div.split_content > div.r > div { padding-left: 0px; } ul.shortlist_list.only_shortlist li div.shortlist_item div.controls { top: auto; } ul.shortlist_list.only_shortlist li div.shortlist_item { min-height: 330px; } ul.message_hub div.cols > div.l > div.message_data.contact-button-fix > div.m.full_width { right: 0; } } @media only screen and (min-width: 0px) and (max-width: 500px) { header.pre_header > ul > li.my_account > div { width: 280px; } div.tabs > div.controls.two ul li a { font-size: 12px; } /* div.progress_topper ul li a.action { padding: 10px 8px 10px 8px; font-size: 12px; } */ div.profile_summary_box { width: 100%; } div.profile_summary_box div.image img { width: 135px; height: 135px; } div.profile_summary_box div.status { position: relative; top: auto; right: auto; left: auto; padding: 0px 0px 0px 0px; text-align: center; width: 100%; clear: both; float: left; margin-bottom: 20px; } div.profile_summary_box div.status span { display: inline-block; padding-right: 22px; } div.profile_summary_box div.caption { /*margin-bottom: 10px;*/ } div.profile_social_icons ul { margin-right: 0px; text-align: center; display: block; width: 100%; } div.profile_social_icons ul li { display: inline-block; float: none; margin: 7px 3px 0px 3px; } ul.profile_grid.my_bookmarks li { width: 25%; } ul.message_hub div.cols > div.r > div.controls { position: absolute; width: auto; top: auto; right: auto; left: 125px; bottom: 20px; padding: 0px 0px 0px 0px; } div.short_status { padding-top: 5px; } div.short_status.green { color: green; } ul.message_hub div.cols > div.l > div.message_data > div.m { position: absolute; padding: 0px; top: auto; bottom: 20px; right: 20px; width: auto; } div.features div.frame section div div.l { width: 100%; } div.features.feature-404 { padding: 30px 0; } div.features.feature-404 div.l img { max-width: 100px; margin-bottom: 60px; position: initial; transform: none; } div.features div.frame section div div.r, div.features div.frame section div div.l { min-height: 0!important; } div.features div.frame section div div.r { width: 100%; text-align: center; } div.features div.frame section div div.m { width: 100%; } div.features div.frame section div div.m p { padding: 0px 0px 20px 0px; } div.features div.frame section div div div.circle { margin-top: 0px; } ul.message_hub div.cols > div.r > div.controls a.mobile_button { display: inline-block; } ul.message_hub div.cols > div.l > div.message_data > div.m a.desktop_button { display: none; } } @media only screen and (min-width: 0px) and (max-width: 400px) { div.home_feature { background-position: -50px; } div.home_feature > div p { margin-left: 100px; } ul.profile_grid li { width: 25%; } header.pre_header > ul > li > a { padding: 10px 5px 7px 5px; } div.product_list div.product { width: 100%; } div.product_list.wanted_ads div.product { width: 100%; } .booking_list ul.shortlist_list li div.shortlist_item div.controls { width: 90px; } } @media only screen and (min-width: 0px) and (max-width: 360px) { article.blog_article div.intro div.date { display: none; } } /* PATCHES */ div.load_no_more { width: 100%; height: 97px; clear: both; float: left; } #klon0 .js_remove_row { display: none; } table.rates_table { margin: 0px 0px 0px 0px; } div.notice { margin: 25px 0; clear: both; width: 100%; float: left; text-align: center; color: #666; } .button_options_wrapper { position: relative; } .button_options { position: absolute; right: 0; width: 100%; z-index: 100001; min-width: 125px; /* max-height: 260px; overflow: auto;*/ } .button_options a { display: block; background-color: #555; width: 100%; padding: 8px 0px; text-align: center; text-transform: uppercase; text-decoration: none; font-size: 12px; } .button_options a:hover { background-color: #333; } .modal_message { padding: 6px 12px; } .modal_message h3 { margin-bottom: 16px; } .modal_message p { margin-bottom: 12px; } .modal_message .buttons { padding-top: 12px; border-top: 1px solid #eee; text-align: right; } .modal_message a.button { display: inline-block; padding: 10px 30px; margin-left: 10px; } .modal_message a.button.remove { background-color: #F7941D; } .modal_message a.button.remove:hover { background-color: #F73C1D; } .greyoutready { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; opacity: 1; } .greyout { opacity: 0.2; } .ui-menu .ui-menu-item a em { font-style: normal; color: #bbb; } .validation-error { /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAM1BMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AADpjjcQAAAAEHRSTlMAAQQFBiInKCtxi53g4uv9t0kwigAAAE5JREFUKFPNyTsSgCAAA9EoIigouf9pKRiGX3rd8i3wj9x7b8p9IoM4PpHqFF9P9fk0H0/v/Rm9ndnrWb2cUzgZgEc5aXFJjwewGxG+LQPIVgt1C1T+UAAAAABJRU5ErkJggg=='); background-size: 12px 12px; background-repeat: no-repeat; background-position: left center; padding-left: 16px;*/ font-size: 12px; color: red; display: none; } #browser_width { display: none !important; } .shortlist-message { padding-top: 15px; float: left; width: 100%; clear: both; } .password-meter .bar { height: 6px; background-color: #ECECEC; } .password-meter .bar > div { height: 100%; } .password-meter .text { margin-top: 6px; } .enquiry_totals { clear: both; text-align: right; } .enquiry_totals span { display: inline-block; width: 200px; font-size: 20px; font-weight: bold; padding: 0 20px 0 0; } .enquiry_totals span.price { color: #0CF; } .enquiry_message { text-align: center; padding: 20px; width: 80%; margin: 30px auto 0 auto; font-size: 14px; font-weight: normal; background-color: #FFF8B6; } .enquiry_message.green { background-color: #CDFFA5; } @media only screen and (min-width: 0px) and (max-width: 680px) { .enquiry_totals { text-align: initial; } .enquiry_totals span { width: 49%; text-align: left; box-sizing: border-box; padding: 0 20px; } .enquiry_totals span.price { text-align: right; } .enquiry_message { width: auto; margin-left: 20px; margin-right: 20px; } #mobile-screenpop { display: block; position: fixed; bottom: 0; left: 0; right: 0; background-color: #ececec; padding: 12px 15px; border-top: 1px solid #d4d4d4; z-index: 12; } #footer-pusher { height: 45px; width: 100%; float: left; clear: both; } } #panel_complete, #panel_reauth { display: none; } .adi_invitation_wrapper { margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; display: block; clear: both; float: left; width: 100%; } @media only screen and (min-width: 0px) and (max-width: 420px) { header.pre_header > ul > li.basket { position: static; } header.pre_header > ul > li.basket > div { width: auto; left: 15px; right: 15px; } header.pre_header > ul > li.basket > div ul li a em { width: auto; } } /* @media only screen and (min-width: 0px) and (max-width: 660px) { .adi_invitation_wrapper { float: left; } }*/ .js-autocollapse.closed { height: 150px; overflow: hidden; position: relative; cursor: pointer; } .js-autocollapse.closed > span { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 100px; background-image: url(../img/collapsebg.png); background-repeat: repeat-x; } #overlay-mask { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.7); z-index: 99999999; } #overlay-mask > div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .loading-circle { background-image: url(../img/loader.svg); background-repeat: no-repeat; background-position: center; width: 50px; height: 50px; display: inline-block; -webkit-animation-name: spin; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 1s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 1s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -webkit-transform-origin: center; -moz-transform-origin: center; transform-origin: center; animation-name: spin; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; } /* Chrome, Safari, Opera */ @-webkit-keyframes spin { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } @-moz-keyframes spin { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(360deg);} } /* Standard syntax */ @keyframes spin { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } i.icon-padlock { display: inline-block; width: 16px; height: 16px; background-image: url(../img/icon-padlock.png); background-repeat: no-repeat; background-position: center; position: relative; top: 2px; background-size: 16px; margin-left: 5px; } i.icon-phone { display: inline-block; width: 44px; height: 44px; background-image: url(../img/icon-phone-big.png); background-repeat: no-repeat; background-position: center; margin: 0 7px; background-size: 44px; } i.icon-messages { display: inline-block; width: 44px; height: 44px; background-image: url(../img/icon-message-big.png); background-repeat: no-repeat; background-position: center; margin: 0 7px; background-size: 44px; } i.icon-distance { display: inline-block; width: 44px; height: 44px; background-image: url(../img/icon-online-learning.png); background-repeat: no-repeat; background-position: center; margin: 0 7px; background-size: 44px; } .form-tip { font-size: 12px; color: #888; line-height: 16px; margin: 5px 0; } dl.internal dd.text.email-verified input { color: #888; } dl.internal.bolder dt { font-weight: bold; color: #313b3e; } a.abs-link { font-size: 14px; right: 30px; top: 0; bottom: 0; height: 18px; margin: auto; color: #0cf; position: absolute; } @media only screen and (min-width: 0px) and (max-width: 900px) { a.abs-link { position: static; display: block; text-align: center; padding: 10px 0; } } .bold-name { color: #313b3e; } .bold-name em, ul.my_wanted_ads li div.title h3 em { font-weight: 300; font-style: normal; color: #aaa; text-transform: initial; } .capitalize { text-transform: uppercase; } .fancy-btn { display: block; border: 1px solid #1abfd4; text-decoration: none !important; text-align: center; padding: 5px; margin: 15px 0; text-transform: uppercase; } .fancy-btn:hover { color: #fff; background-color: #1abfd4; } #mobile-screenpop .sp-user-contact a { text-transform: uppercase; background-color: #f35050; display: block; padding: 10px; text-align: center; color: #fff; text-decoration: none; } #mobile-screenpop .sp-user-contact a:hover { background-color: #444; } #mobile-screenpop .sp-user-contact .button_options a { width: auto; background-color: #666; padding: 8px 0px; } #mobile-screenpop .sp-user-contact .button_options a:hover { background-color: #444; } #mobile-screenpop .sp-shortlist { text-align: center; } #mobile-screenpop .sp-shortlist h6 { color: #313b3e; font-size: 14px; font-weight: bold; margin: 0 0 20px 0; } #mobile-screenpop .sp-shortlist ul { list-style: none; margin: 0 0 10px 0; padding: 0; } #mobile-screenpop .sp-shortlist ul li { display: inline-block; margin: 0 5px; border-radius: 50%; border: 2px solid #cacaca; overflow: hidden; width: 32px; height: 32px; } #mobile-screenpop .sp-shortlist ul li.counter { border: 0; border-radius: 0; height: 28px; margin-left: -2px; } #mobile-screenpop .sp-shortlist ul li a { display: block; } #mobile-screenpop .sp-shortlist a.sp-next { text-transform: uppercase; background-color: #c6ef07; display: block; padding: 10px; text-align: center; color: #000; text-decoration: none; } #mobile-screenpop .sp-shortlist a.sp-next:hover { background-color: #00ccff; color: #fff; } #mobile-screenpop .sp-shortlist .js-sp-collapse { position: absolute; top: 10px; right: 15px; } #mobile-screenpop .sp-shortlist .icon-collapse { background-image: url(../img/icon-angle-down.png); display: inline-block; height: 12px; width: 12px; background-size: 12px; } #mobile-screenpop .sp-shortlist .icon-uncollapse { background-image: url(../img/icon-angle-up.png); display: inline-block; height: 12px; width: 12px; background-size: 12px; } div.blog_articles .cms_pad p.date { color: #bdbdbd; background-image: url(../img/clock.png); background-repeat: no-repeat; background-position: center left; background-size: 18px; padding-left: 24px; font-size: 15px; margin-bottom: 10px; margin-top: 10px; clear: both; float: left; width: 100%; } .addthis_inline_share_toolbox { margin-bottom: 25px; } .blog_article h2.small { font-weight: bold; font-size: 14px; line-height: 20px; margin-bottom: 10px; } .capitals { text-transform: uppercase; } .btn-spaced { margin-top: 30px; } /*.qtip-tipsy { max-width: 80px !important; }*/ .cms_pad ul, .cms_pad ol { padding: 0 0 0 15px; } #custom-tooltip-title-hold { display: block; position: absolute; left: -9999px; /*bottom: -9999px;*/ font-size: 12px; line-height: 18px; padding: 0 5px; } #custom-tooltip { display: none; position: absolute; background-color: #2c373a; font-size: 12px; line-height: 18px; color: #fff; z-index: 1005; /* above product lightbox */ padding: 6px 5px; opacity: 0; height: 16px; text-align: center; white-space: nowrap; border-radius: 5px; /* -ms-transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);*/ box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45); /* -webkit-transition: all 200ms ease-in, width 1ms; -moz-transition: all 200ms ease-in, width 1ms; -o-transition: all 200ms ease-in, width 1ms; transition: all 200ms ease-in, width 1ms;*/ } #custom-tooltip.limited { height: auto; white-space: normal; } #custom-tooltip > span.arrow { width: 12px; height: 12px; position: absolute; background-color: #2c373a; /*top: 26px;*/ bottom: -6px; left: 0; right: 0; margin: auto; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); /* -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;*/ box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.45); } html.lt-ie10 #custom-tooltip > span.arrow { display: none; } #custom-tooltip.in { opacity: 1; -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .autocomplete-holder { position: relative; } .missing_dot_container, .missing_dot_container td{ position: relative; background: #f35050; color: #fff; } .missing_dot_container .missing_dot { display: none; position: absolute; width: 7px; height: 7px; background-color: #ff1a1a; border-radius: 25%; display: block; bottom: 20px; right: 3px; } dl.city_filter { position: relative; } dl.city_filter dd { width: 100% !important; } dl.city_filter dd > div { padding-right: 24px; } dl.city_filter input { width: 100%; padding: 4px 4px 4px 4px; border: 1px solid #ebebeb; background-color:#ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; } dl.city_filter dt a { display: block; background-color: #00ccff; text-align: center; width: 120px; color: #fff; text-transform: uppercase; font-size: 14px; padding: 5px 0px 5px 0px; text-decoration: none; } dl.city_filter a.clear { display: block; margin-top: 2px; position: absolute; right: 0; } dl.city_filter a.clear img { width: 18px; } dl.city_filter dt a:hover { text-decoration: none; color: #000; background-color: #c7ee07; } dl.city_filter dt a.disabled, dl.city_filter dt a.disabled:hover { color: #ddd; background-color: #999; } @media only screen and (min-width: 0px) and (max-width: 600px) { .modal_message .buttons { text-align: center; } .modal_message a.button { display: block; padding: 10px 30px; margin-left: 0px; margin-bottom: 15px; } } /* TOOLTIP */ .tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-bottom-color: #000000; border-width: 0 5px 5px; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-bottom-color: #000000; border-width: 0 5px 5px; } /* NEW MENU */ .pull-right { float: right; } #logo{ display: inline-block; margin: 6px 0 0 0; } #logo img { height: 35px; } #head-section{ height: 49px; background:#ffffff; border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; position: relative; border: 0!important; } .fixed_header.internal { border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; margin-top: 0; } .fixed_header div.frame { margin-top: 0; } header .search-field{ width: 100%; position: absolute; left: 50px; top:0; height: 45px; border: 1px solid #ebebeb; background: #f9f9f9 url('../img/search-field.png') 10px center no-repeat; background-size: 15px 14px; z-index: 1000; border-right: 0; text-indent: 45px; display: none; font-family: Lato; } header .search-container { position: relative; } .main-nav li{ float: left; list-style: none; } .main-nav { padding-left: 0; margin-bottom: 0; } .main-nav ul li{ float: none; border-bottom: 1px solid #738386; padding: 10px 0; } .main-nav ul li:first-of-type { padding-top: 0; } .main-nav ul li:first-of-type h4 { margin-top: 0; } .main-nav ul li:last-of-type { border-bottom: 0; padding-bottom: 0; } .main-nav li a{ cursor: pointer; width: 49px; height: 49px; line-height: 45px; display: inline-block; text-align: center; color: #ffffff; background: #ffffff; border-left: 1px solid #ebebeb; z-index: 9999999; position: relative; } .main-nav li.user-info a { width: auto; } .main-nav li.user-info a .fa { background: transparent; height: auto; width: auto; } .main-nav li.user-info a:hover .fa { background: transparent; } .main-nav li a:hover { background: #f9f9f9; text-decoration: none; } .main-nav li a:hover .fa{ background: #40bfef; } .main-nav li:last-child a{ border-right:1px solid #ebebeb; } .main-nav li a .fa{ font-size: 14px; background: #d2d2d2; height: 30px; width: 30px; line-height: 30px; text-align: center; border-radius: 100px; } .main-nav li a.menu-icon .fa { background: transparent; color: #d2d2d2; } .main-nav li a.menu-icon:hover .fa { color: #40bfef; } .main-nav li a.clicked .fa, .main-nav li a.clicked span, .main-nav li a.clicked-constant span{ color: #fff; background: #2a3539; } .main-nav li.clicked, .main-nav li.clicked a, .main-nav li.clicked span, .main-nav li.clicked.user-info .name:hover, .main-nav li a.bag span { background: #40bfef; color: #fff; } .main-nav li a.menu-icon.clicked .fa, .main-nav li a.bag.clicked .fa{ color: #2a3539; background: transparent; } header .user-info img{ display: inline-block; margin: 0 5px 0 10px; width: 30px; height: 30px; -webkit-border-radius: 100px; border-radius: 100px; border: 1px solid #ebebeb; } header .user-info .name{ margin: 0; display: inline-block; color: #1b1b1b; padding: 0 15px 0 0; cursor: pointer; font-weight: bold; } header .user-info .name .fa{ position: relative; top:-3px; margin-left: 5px; } header .user-info:hover{ color: #40bfef; text-decoration: none; } header .user-info .name:hover, header .user-info .name:active{ text-decoration: none; color: #40bfef; } .main-nav li .user-icon:hover+.log, .log:hover{ display: inline-block; } .main-nav li a.menu-icon:hover+.nav, .nav:hover{ display: inline-block; } .main-nav .submenu{ position: absolute; width:275px; background: #2a3539; top:49px; right: 0; padding: 30px; min-height: 500px!important; display: none; box-sizing:border-box; margin-bottom: 0; z-index: 999999999999; } .main-nav .submenu li > a > span, ul.links li a span { color: #fff; background: #40bfef; font-size: 8px; padding: 2px; text-transform: uppercase; border-radius: 2px; position: relative; top: -1px; margin-left: 5px; } .main-nav .loggedin-menu{ position: absolute; width:130px; background: #eaeaea; top:48px; left:0; padding: 20px 10px; border-bottom:2px solid #d6d6d6; display: none; text-align: left; } .main-nav .loggedin-menu li{ border:none; padding: 0; float: none; display: block; text-align: left; } .main-nav .loggedin-menu li a{ font-size: 12px; color: #767676; padding:5px 0; line-height: 14px; display: inline-block; width: 100%; height: auto !important; background: none; text-align: left; } .main-nav .loggedin-menu li a:hover{ text-decoration: none; opacity: 0.9; } .main-nav .submenu li a{ font-size: 14px; line-height: 22px; color: #ffffff; display: block; padding: 3px 20px 3px 0px; margin: 5px 0; width: 100%; background: none; text-align: left; border-right:none; height: auto; -webkit-transition: all 0.3s; /* Safari */ transition: all 0.3s; border-left: 0; padding-left: 0; } .main-nav .submenu li a:not(.bfh-selectbox-toggle):hover { border-left: 4px solid #40bfef; text-decoration: none; padding: 3px 6px 3px 10px; } .main-nav .submenu li .bfh-selectbox .bfh-selectbox-options ul li > a { padding-top: 0px; padding-bottom:0px; line-height: 30px; } .main-nav .submenu li .bfh-selectbox .bfh-selectbox-options ul li > a i { display: inline-block; } .main-nav .submenu li .bfh-selectbox .bfh-selectbox-options ul li > a:hover { border-left: 0; padding-left: 5px; padding-top: 0px; padding-bottom:0px; } .main-nav .submenu li h4{ font-size: 16px; font-weight: 700; color: #40bfef; text-transform: uppercase; margin: 10px 0 5px 0; line-height: 1.1; font-family: Lato; } .main-nav .bfh-selectbox{ width: 65%; } .main-nav .bfh-selectbox .bfh-selectbox-toggle{ display: inline-block; box-sizing:border-box; padding: 6px 24px 6px 12px; color: #444444; background: #ffffff; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; border: 0; margin-bottom: 0; } header .search span, header .add_friends span, header .notifications span, header .user-icon span, header .bag span { background: #d2d2d2; padding: 5px 6px 8px; border-radius: 100px; } header .add_friends .nav-counter { opacity: 0; } header .notifications span { padding-left: 8px; padding-right: 8px; } header .notifications span.date { display: inline-block; background: transparent!important; margin-top: 5px; } header .user-icon span { padding-left: 9px; padding-right: 9px; } header .bag span { padding-left: 7.5px; padding-right: 7.5px; } header .notifications img { width: 14px; } header .bag img { width: 15px; position: relative; top: -2px; } header .user-icon img { width: 12px; } header .menu-icon img { width: 25px; } header .search img, header .add_friends img { width: 18px; } .bfh-selectbox .bfh-selectbox-options { width: 100%; -webkit-border-radius: 0; border-radius: 0; border: 0; border-top: 1px solid #d2d2d2; padding: 5px; box-sizing:border-box; margin-top: -6px; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid #000000; border-right: 4px solid transparent; border-bottom: 0 dotted; border-left: 4px solid transparent; } .bfh-selectbox-option i { position: relative; top: 1px; display: inline-block; } .main-nav .bfh-selectbox li { padding: 0; border: 0; } .bfh-selectbox .bfh-selectbox-options ul li > a{ padding: 5px; min-height: auto; margin: 0; border: 0; } .tooltip { font-size: 14px; z-index: 999999999; } .tooltip-inner { background: #40bfef; border-radius: 1px; padding: 5px 10px; } .logged-in .tooltip-inner { background: #2a3539; } .logged-in .tooltip.bottom .tooltip-arrow { border-bottom-color: #2a3539; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #40bfef; } .col-xs-2 { float: left; width: 16.666666666666664%; } .col-xs-10 { float: left; width: 83.33333333333334%; } header .ui-autocomplete { padding: 0; width: 100%!important; } header .ui-autocomplete .ui-menu-item.list-header, header .ui-autocomplete .ui-menu-item a { padding: 5px 15px 5px 45px; border: 0; color: #40bfef; border-bottom: 1px solid #ebebeb; } header .ui-autocomplete .ui-menu-item.list-header { color: #8B9D9F; } header .ui-autocomplete .ui-menu-item.list-header, header .ui-autocomplete .ui-menu-item span, header .ui-autocomplete .ui-menu-item a em { color: #8B9D9F; } header .ui-autocomplete .ui-menu-item:last-of-type a { border-bottom: 0; } header .ui-autocomplete .ui-menu-item a:hover { background: #40bfef; background-color: #40bfef; color: #000; margin: 0; cursor: pointer; } header .ui-autocomplete .ui-menu-item a:hover em { color: #fff; } #notification-menu, #shortlist-menu { padding: 0; left: 0; right: auto; width: 320px; } #notification-menu { left: initial; } #notification-menu::-webkit-scrollbar { width: 8px; } #notification-menu::-webkit-scrollbar-track { background: #f1f1f1; } #notification-menu::-webkit-scrollbar-thumb { background: #888; } #notification-menu::-webkit-scrollbar-thumb:hover { background: #555; } #notification-menu li.profile, #shortlist-menu li.profile { margin: 0 0; padding: 0 15px; position:relative; box-sizing:border-box; } header .nav-counter { position: absolute; font-size: 10px; font-weight: bold; background: red; line-height: 1; top: 4px; right: 3px; text-align: center; color: #fff; border-radius: 50px; height: 15px; width: 15px; line-height: 15px; } #notification-menu li.profile div, #shortlist-menu li.profile div { max-width: calc(100% - 70px); display: inline-block; padding-left: 15px; color: #fff; font-size: 13px; font-weight: normal; box-sizing: border-box; line-height: 1.4; position: relative; top: 10px; } #notification-menu li.profile div { color: #40bfef; padding-left: 65px; } #notification-menu li.profile:hover div { color: #fff; } #notification-menu li.profile div > em { font-size: 13px;line-height: 1.4; display: inline-block; color: #fff; font-style: normal; } #notification-menu li.profile div span { color: #fff; padding: 0; margin-bottom: 15px; font-size: 11px; } #notification-menu li.profile div span em, #shortlist-menu li.profile div em { color: #8B9D9F; font-style: normal; } #notification-menu li.profile div span em { font-style: italic; } #notification-menu li.profile:hover div span em { color: #fff!important; } #notification-menu li:first-of-type > a, #shortlist-menu li:first-of-type > a { border-top: 0!important; } #notification-menu li.profile > a #shortlist-menu li.profile > a { margin: 0 auto; padding: 0; padding: 20px 0; box-sizing: border-box; border-top: 1px solid #8B9D9F; display: block; width: calc(100% - 30px); } #notification-menu li.profile:hover, #shortlist-menu li.profile:hover { background: #40bfef; } #notification-menu li.profile .unread-tag { display: none; color: #fff; background: #40bfef; font-size: 8px; padding: 2px; text-transform: uppercase; border-radius: 2px; position: relative; top: -1px; margin-left: 5px; } #notification-menu li.profile.unread .unread-tag { display: inline; } #notification-menu li.profile.unread:hover .unread-tag { background: #2a3539; } #shortlist-menu li.profile a, #notification-menu li.profile a { margin-top: 0; } #shortlist-menu li.profile a, #shortlist-menu li.profile a:hover { padding-top: 6px!important; } #notification-menu li.profile a.js_mark_as_read, #shortlist-menu li.profile a.js_shortlist_remove_menu { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); padding: 0; width: auto; display: inline; color: #FF9000; border: 0!important; margin: 0; z-index:99999999999999999999999; } #notification-menu li.profile a.js_mark_as_read { text-indent: 0; padding: 0; } #notification-menu li.profile a.js_mark_as_read:hover, #shortlist-menu li.profile a.js_shortlist_remove_menu:hover { color: #fff; } #notification-menu li.profile a.js_mark_as_read:hover { padding: 0; } #notification-menu li.profile:hover div em, #notification-menu li.profile:hover a.js_mark_as_read, #shortlist-menu li.profile:hover div em, #shortlist-menu li.profile:hover a.js_shortlist_remove_menu { color: #000; } #notification-menu li.profile a.js_mark_as_read .fa, #shortlist-menu li.profile a.js_shortlist_remove_menu .fa { padding: 0; background: transparent; } #shortlist-menu li.remove-all-shortlist, #shortlist-menu li.remove-all-shortlist a { padding: 0; text-align: center; color: #40BFEF; border: 0; margin: 0; } #shortlist-menu li.remove-all-shortlist a { padding: 5px 0; font-size: 12px; } #shortlist-menu li.remove-all-shortlist a:hover { color: #fff; padding: 5px 0; border: 0; } #notification-menu li.profile img, #shortlist-menu li.profile img { -webkit-border-radius: 100px; border-radius: 100px; border: 1px solid #ebebeb; max-width: 50px; width: 50px; } #notification-menu li.profile img { position: absolute; top: 50%; transform: translateY(-50%) } #notification-menu li.profile a:hover, #shortlist-menu li.profile > a:hover { border-bottom: 0; border-left: 0; padding: 3px 20px 3px 0px; } #shortlist-menu li.profile > a.js_shortlist_remove_menu:hover { padding-right: 0; padding-left: 0; } div.notification-menu-button, #shortlist-menu li.shortlist-menu-button { padding: 0; } div.notification-menu-button { display: block; width: 320px; position: absolute; top: 449px; z-index: 9999999999999; } div.notification-menu-button a { width: 100%; line-height: 1.1; } div.notification-menu-button a, div.notification-menu-button a:hover, #shortlist-menu li.shortlist-menu-button a, #shortlist-menu li.shortlist-menu-button a:hover { background: #40bfef; color: #fff; text-align: center; padding: 15px; border: 0; box-sizing: border-box; font-size: 16px; margin: 0; } div.notification-menu-button a:hover, #shortlist-menu li.shortlist-menu-button a:hover { background: #a7c132; } div.notification-menu-button { display: none; } /*---------------media queries---------------*/ @media(max-width: 1099px){ #logo { padding-left: 10px; } } @media (min-width:768px) { header .ui-autocomplete { top: 49px!important; } header .search a:hover span, header .add_friends a:hover span, header .notifications a:hover span, header .user-icon:hover span, header .bag:hover span{ background: #40bfef; } #delete_search { display: none; position: absolute; left: calc(100% - 340px); line-height: 46px; border: 1px solid transparent; z-index: 99999999999; color: #FF9000; } #main-header { margin-top: 0!important; position: fixed!important; } #main-header.internal { -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0); border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; z-index: 100000; width: 100%; top: 0px; background-color: #fff; } #notification-menu, #shortlist-menu { height: auto!important; min-height: 0!important; } #notification-menu { height: auto!important; min-height: 0!important; max-height: 400px; overflow-y: scroll; min-height:400px!important; overflow-x: hidden; } .col-sm-6 { width: 50%; float: left; } .main-nav li { position: relative; } .main-nav li a.clicked, .main-nav li a.clicked-constant { position: relative; } .main-nav li a.clicked:after, .main-nav li a.clicked-constant:after { background: #40bfef; height: 2px; content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; } .main-nav .submenu { height: auto!important; } .main-nav .submenu .currency { display: none; } } @media(max-width: 767px){ div.notification-menu-button { top: initial; position: fixed; bottom: 0; width: 100%; left: 0!important; } #notification-menu { padding-bottom: 80px!important; left: 0!important; } header .notifications span.date { display: block; } #delete_search, #delete_search_mobile { position: absolute; right: 15px; top: 68px; z-index: 99999999999; line-height: 1; display: none; color: #FF9000; } #delete_search_mobile { display: block; top: 19.5px; } .main-nav .submenu .currency i { display: inline-block; } .bfh-selectbox { display: none; } .main-nav .submenu li a { font-size: 16px; line-height: 20px; } .main-nav .submenu li h4 { font-size: 18px; margin-bottom: 10px; } .main-nav .submenu { padding: 45px; height: 1px!important; overflow-y:scroll; padding-bottom: 90px; min-height: 100vh!important; } #notification-menu, #shortlist-menu { padding-bottom: 50px; } .main-nav li:last-of-type .submenu { padding-bottom: 120px; } .tooltip { display: none!important; } .main-nav li a.menu-icon.clicked, .main-nav li a.search-icon.clicked, .main-nav li a.bag.clicked, .main-nav li.clicked a{ position: relative; } .logged-in .main-nav { float: none!important; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .col-xs-10 { padding-right: 0; } .col-xs-2 { text-align: center; } .main-nav li a.menu-icon.clicked:after, .main-nav li.clicked a:after, .main-nav li a.search-icon.clicked:after, .main-nav li a.notifications-tag.clicked:after, .main-nav li a.bag.clicked:after { content: "\f0d8"; display: block; position: absolute; bottom: -4px; left: 0; right: 0; font-size: 20px; color: #2a3539; font-family: "FontAwesome"; line-height: 14px; height: auto; width: auto; } .col-xs-10 { position: static!important; } .tool-tip{ display: none !important; } .main-nav li a, .main-nav li:last-child a{ border:none; } header .search-field{ position: fixed; line-height: 1px; left: 0; top:50px; width: 100%; height: 100%; background: #2a3539; border: 0; max-width: 100%!important; height: 50px; z-index: 9999999999; text-indent: 15px; color: #40bfef; -webkit-appearance: none; appearance: none; line-height: normal; border: 0; font-size: 18px; border-bottom: 1px solid #738386; } header .search-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #8B9D9F; } header .search-field::-moz-placeholder { /* Firefox 19+ */ color: #8B9D9F; } header .search-field:-ms-input-placeholder { /* IE 10+ */ color: #8B9D9F; } header .search-field:-moz-placeholder { /* Firefox 18- */ color: #8B9D9F; } #notification-menu, #shortlist-menu { width: 100%; } .main-nav .submenu { left: 0; width: 100%; } header .search-container.active .ui-autocomplete { padding: 0; height: 100%; background: #2A3539; position: fixed; display: block!important; width: 100%; /*top: 103px!important;*/ border: 0; max-width: 100%!important; } header .ui-autocomplete li:first-of-type { margin-top: 15px!important; } header .ui-autocomplete .ui-menu-item a, header .ui-autocomplete .ui-menu-item.list-header { padding-left: 15px; color: #fff; border-bottom: 0; font-size: 18px; } header .ui-autocomplete .ui-menu-item.list-header { /*margin-top: 15px!important;*/ color: #8B9D9F; } header .ui-autocomplete .ui-menu-item a em { color: #40bfef; } ::-webkit-scrollbar { width: 0px; /* remove scrollbar space */ background: transparent; /* optional: just make scrollbar invisible */ } } @media(max-width: 480px){ .tool-tip{ display: none !important; } .main-nav li a, .main-nav li:last-child a{ border:none; } header .search-field{ position: fixed; left: 0; width: 100%; padding-left: 0; background: #2a3539; } #profile_wrap { overflow: hidden; } } @media(max-width: 399px){ header .user-info .name { display: none; } header .user-info img { margin-left: 5px; } .main-nav li.user-info > a { width: 47px; } #head-section .col-xs-2 { width: 20%; } #head-section .col-xs-10 { width: 80%; } #logo { padding-left: 0; } } /* Toggle Switches */ .toggle_switch label { position: relative; display: inline-block; width: 50px; top: -3px; height: 30px; } .toggle_switch input { display: none; } .toggle_switch span { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ebebeb; -webkit-transition: .4s; transition: .4s; border-radius: 30px; } .toggle_switch span:before { position: absolute; content: ""; height: 26px; width: 26px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15); } .toggle_switch input:checked + span { background-color: #00ccff; } .toggle_switch input:focus + span { box-shadow: 0 0 1px #00ccff; } .toggle_switch input:checked + span:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } .contact-details-toggles .toggle_switch { display: none; } .contact-details-toggles #distance.toggle_switch { display: block; } /* RATE CARD */ .rate-card-item { display: inline-block; padding: 3px 15px; border: 1px solid #ececec; position: relative; margin: 0 10px 10px 0; box-sizing: border-box; text-align: center; color: #878787; -webkit-transition: all 0.1s; transition: all 0.1s; } .menu-links, .menu-links li { list-style: none; margin: 0; padding: 0; } .menu-links li .rate-card-item { display: block; border: 0; margin: 0; color: #fff; padding: 5px 15px; padding-left: 15px; font-size: 18px; line-height: 1.5; text-align: left; font-weight: normal; } .menu-links { margin-bottom: 15px; } .menu-links li .rate-card-item:hover { background: #40bfef; color: #000; } .menu-links li .rate-card-item:hover i, .menu-links li .rate-card-item:hover em { color: #fff; } .menu-links li .rate-card-item:hover i { color: #2a3539; } .menu-links li .rate-card-item em { font-style: normal; color: #40bfef; } .rate-card-item i { position: absolute; top: 50%; right: -5.5px; transform: translateY(-50%); } #search-window h5 { margin-bottom: 5px; margin-top: 15px; font-size: 18px; line-height: 1.5; padding-left: 15px; color: #8B9D9F; } #search-window h5:first-of-type { margin-top: 15px; font-size: 18px; } .menu-links li .rate-card-item i { right: 15px; } .rate-card-item-delete i { color: #F7941D; } .rate-card-item:hover { color: #00CCFF; text-decoration: none; } .rate-card-item-add i { color: #00CCFF; } #search-window { display: none; } #search-window .ui-helper-hidden-accessible { display: none; } #search-window .ui-autocomplete-input { width: 100%; border: 0; background: #2a3539; height: 100%; height: 50px; padding-left: 15px; color: #40bfef; -webkit-appearance: none; appearance: none; line-height: normal; border: 0; font-size: 18px; border-bottom: 1px solid #738386; font-family: Lato; } #search-window .ui-autocomplete-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #8B9D9F; } #search-window .ui-autocomplete-input::-moz-placeholder { /* Firefox 19+ */ color: #8B9D9F; } #search-window .ui-autocomplete-input:-ms-input-placeholder { /* IE 10+ */ color: #8B9D9F; } #search-window .ui-autocomplete-input:-moz-placeholder { /* Firefox 18- */ color: #8B9D9F; } #search-window .ui-autocomplete { padding: 0; height: 100%; background: #2A3539; display: block!important; width: 100%; border: 0; position: relative; top: 1px!important; } #rate_cat_container { overflow-y: scroll; max-height: calc(100vh - 50px); } #close-search-window { position: fixed; bottom: 0; padding: 0; font-size: 18px; color: #fff; line-height: 50px; width: 100%; background: #40bfef; text-align: center; } #close-search-window:hover { text-decoration: none; } #search-window .ui-autocomplete .ui-menu-item a { padding: 5px 15px; padding-left: 15px; color: #fff; border-bottom: 0; font-size: 18px; border: 0; } #search-window .ui-autocomplete .ui-menu-item a:hover { background: #40bfef; background-color: #40bfef; color: #000; margin: 0; cursor: pointer; } #search-window .ui-autocomplete .ui-menu-item a em { color: #40bfef; } #search-window .ui-autocomplete .ui-menu-item a:hover em { color: #fff; } #search-suggestions { display: none; position: absolute; top: 50px; } #search-suggestions-popular { display: none; } #rate_subjects_container { overflow: hidden; clear: both; margin-left: -7.5px; margin-right: -7.5px; } .category_box_container { width: 33.333333333%; float: left; padding: 7.5px; box-sizing: border-box; } .category_box { background: #2d3b3f; color: #fff; text-align: center; display: block; line-height: 100px; font-size: 18px; padding: 0 15px; } .category_box span { display: inline-block; vertical-align: middle; line-height: normal; } .category_box.category_box_small.active { color: #fff; background: #2d3b3f; } .category_box.category_box_small:hover, .category_box:hover { text-decoration: none; } .category_box.category_box_small { line-height: 60px; color: #000; background: #d9d9d9; } .rate_subjects_container_limit { max-height: 300px; overflow-y: visible!important; } a.save_multiple_cats { background-color: #0CF; color: #FFF; text-decoration: none; display: block; padding: 8px 0px 8px 0px; text-align: center; margin-top:30px; text-transform: uppercase; } a.save_multiple_cats:hover { background-color: #C6EF07; color: #000; text-decoration: none; } a#back_button { color: #fff; background: #d9d9d9; font-size: 10px; padding: 5px; text-transform: uppercase; border-radius: 2px; position: relative; float: right; line-height: 20px; margin-top: 4px; margin-right: 15px; } a#back_button:hover { text-decoration: none; background: #2d3b3f; } @media (min-width: 768px) { .category_box.category_box_small:hover, .category_box:hover { background: #00b0f0; } } @media (max-width: 991px) { .category_box_container { width: 50%; } } @media (max-width: 767px) { #search-window .ui-autocomplete li:first-of-type { margin-top: 8px; } .category_box_container { width: 100%; } .category_box { line-height: 60px; } #rate_subjects_container { display: none; } #search-window { background: #2a3539; position:fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999999999999; } a#back_button { margin-right: 0; } } .rating_holder { padding-top: 25px; } .rating_holder_last { padding-bottom: 25px; } @media (max-width: 767px) { .rating_holder { text-align: center; padding: 0; } .rating_holder_last { border-bottom: 0; padding-bottom: 0; } .rating_holder .starrr { padding-bottom: 15px; border-bottom: 1px solid #ececec; width: 100%; margin-top: 0; } .rating_holder_first { padding-top: 15px; } .rating_holder_last .starrr { border-bottom: 0; } } .starrr { display: inline-block; margin-top: -5px; } .starrr a { font-size: 36px; padding: 0 2.5px; cursor: pointer; color: #FFD119; text-decoration: none; } /* NEW HOME PAGE 12/04/2018 */ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /** * Simple fade transition, */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } #home_new { clear: both; } #home_new .hidden_profile { display: none; } #home_new a.button-normal.button { background: none; padding: 0; text-transform: none; } #home_new #about a.button-normal.button img { margin-right: 20px; } #home_new #about span { padding: 0 20px; } #home_new .home_block h3{ font-size: 18px; padding: 60px 0; font-size: 15px; letter-spacing: 5px; font-family: 'Lato'; color: #808080; text-transform: uppercase; font-weight: 600; margin-bottom: 0; } #home_new .home_block h4{ font-size: 25px; font-family: 'Lato'; color: #01BCFF; font-weight: 500; margin-bottom: 0; } #home_new .home_block p{ font-size: 20px; font-family: 'Lato'; color: #2A3539; line-height: 30px; padding: 25px 0; font-weight: 400; margin-bottom: 0; } #home_new .home_block .button{ margin:30px 0 60px 0; } #home_new .home_block .button{ font-size: 20px; font-family: 'Lato'; color: #01BCFF; font-weight: 600; cursor: pointer; } #home_new .mb-img-hidden{ display: none; } #home_new section .f_right{ float: right; } #home_new a { color: #01BCFF; } #home_new .home_block .button:hover, #home_new a:hover { color: #408EBE; text-decoration: none; } #home_new .learning{ background-position: 90% 100px !important; background-repeat: no-repeat !important; height: auto; position: relative; background: #f8f8f8; overflow: hidden; } #home_new .tutor_bag{ background-size:45% auto !important; background-position:left top !important; background-repeat: no-repeat !important; height: auto; position: relative; overflow: hidden; } #home_new .get_involve{ background-size:45% auto !important; background-position:right top !important; background-repeat: no-repeat !important; height: auto; position: relative; background: #f8f8f8; overflow: hidden; } #home_new .feauture{ background-size:45% auto !important; background-position:left top !important; background-repeat: no-repeat !important; height: auto; position: relative; overflow: hidden; } #home_new .newest{ background: #d3dee0; padding: 75px 0 125px 0; text-align: center; font-size: 25px; color: #333; line-height: 35px; } #home_new .owl-pagination .owl-page { background: none repeat scroll 0 0 #3ccdfa; border-radius: 20px; display: block; height: 12px; margin: 5px 7px; width: 12px; } #home_new .owl-theme .owl-controls .owl-page span { height: 12px; border-radius: 100%; background: #3ccdfa; } #home_new #owl-slide2 .owl-pagination { display: block; position: absolute; bottom: 65px; right: 0; } #home_new .owl-theme .owl-controls .owl-page.active span { background: #398fc2; } #home_new #owl-slide2 .owl-item img{ width: auto !important; } #home_new #owl-slide2 .owl-dots { display: block; position: absolute; bottom: 65px; right: 0; } #home_new #owl-slide2 .owl-dots .owl-dot{ float:left; } #home_new #owl-slide2 .owl-dots span { background: none repeat scroll 0 0 #3ccdfa; border-radius: 20px; display: block; height: 12px; margin: 5px 7px; width: 12px; } #home_new #owl-slide2 .owl-dots .owl-dot.active span{ background: #398fc2; } #home_new .vimeo{ text-align: center; padding: 50px 0 56px; background: #F8F8F8; } #home_new .vimeo h3{ font-size: 25px; line-height: 35px; text-align: center; position: relative; display: block; margin-bottom: 50px; color: #3a4245; } #home_new #market_place { background: #F2F2F2; } #home_new .vimeo img { border: 5px solid #CBD6D9; max-width: 100%; width: 635px; display: block; margin: 0 auto; box-sizing: border-box; } #home_new #footer{ background: #cbd6d8; padding:140px 0; text-align: center; } #home_new #footer h3{ font-size: 25px; font-weight: 500; margin-bottom: 40px; color: #3a4245; } #home_new #footer h3.first { margin-bottom: 15px; } #home_new #footer h3 span{ font-weight: 600; } #home_new #footer a.btn, #home_new #footer button{ width: 250px; height: 60px; font-size: 20px; text-transform: uppercase; background: #b5cf26; display: block; margin: 0 auto; line-height: 60px; color: #333; padding: 0; font-size: 18px; text-transform: uppercase; border: 0; border-radius: 4px; outline: 0; font-weight: 600; } #home_new #footer h3 span{ font-weight: 800; } #home_new #footer a.btn:hover { text-decoration: none; background: #00ccff; color: #fff; } #home_new .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } #home_new .nav-alt, #home_new .nav { list-style: none; padding-left: 0; display: block; } #home_new .nav-alt-tabs>li, #home_new .nav-tabs>li { float: left; margin-bottom: -1px; } #home_new .banner_tab { position: relative; } #home_new .banner_tab .nav-alt li { margin-bottom: 0; } #home_new .nav-alt>li, #home_new .nav>li { position: relative; display: block; } #home_new .nav-alt>li>a, #home_new .nav>li>a { position: relative; display: block; } #home_new .nav-alt>li>a:hover, #home_new .nav>li>a:hover { text-decoration: none; } #home_new .family-tab .nav-alt, #home_new .family_tab .nav{ max-width: 400px; margin:auto; border:0; margin-top: -61px; overflow: hidden; } #home_new .family-tab .nav-alt li, #home_new .family_tab .nav li{ width: 50%; text-align: center; } #home_new .family-tab .nav-alt li a, #home_new .family_tab .nav li a{ background:#f2f2f2; border:0; border-radius: 0; font-size: 15px; color: #000; padding: 20px; margin-right: 0; font-weight: 600; text-transform: uppercase; } #home_new .family-tab .nav-alt li.active a, #home_new .family_tab .nav li.active a{ color: #48cafe !important; } #home_new .family-tab .nav-alt li.active a, #home_new .family-tab .nav-alt li.active a:focus, #home_new .family_tab .nav-tabs>li.active>a, #home_new .family_tab .nav-tabs>li.active>a:focus{ background:transparent; border:0; background-color: transparent; outline: 0; color: #000; } #home_new .family-tab .nav-alt li.tab1, #home_new .family_tab .nav li.tab1, #home_new .family-tab .nav-alt li.tab1 a, #home_new .family_tab .nav li.tab1 a, #home_new .family-tab .nav-alt li.active.tab1, #home_new .family_tab .nav li.active.tab1 { background: #fff!important; } #home_new .family-tab .nav-alt li.active.tab2, #home_new .family_tab .nav li.active.tab2 { background: #F2F2F2; } #home_new .family-tab .nav-alt li.tab1.active a, #home_new .family_tab .nav li.tab1.active a { color: #01BCFF; } #home_new .family-tab .nav-alt li.tab2.active a, #home_new .family_tab .nav li.tab2.active a { color: #2A3539; } #home_new .family-tab .nav-alt li.tab2 a, #home_new .family_tab .nav li.tab2 a { color: #A2A2A2; } #home_new #market_place, #home_new #feauture_tutor { min-height: 400px; } #home_new .family_tab .family_content{ max-width: 950px; margin:auto; padding: 100px 0 75px 0; } #home_new .tutor_block{ background-size:cover !important; background-position:center !important; background-repeat: no-repeat !important; border-radius: 50%; width: 80px; height: 80px; margin-bottom: 30px; opacity: 0.75; } #home_new .tutor_block:hover { opacity: 1; } #home_new .tutor_block_inner{ background-size:cover !important; background-position:center !important; background-repeat: no-repeat !important; border-radius: 50%; width: 80px; height: 80px; border:2px solid #0ac7ff; } #home_new .tab-content>div { display: none; } #home_new .tab-content>div.active { display: block; } #home_new .family_content .col-sm-2{ width: 11.11111111111%; position: relative; box-sizing: border-box; float: left; } #home_new .tutor_detail{ position: absolute; z-index: 9; background: #fff; width: 175px; height: 260px; text-align: center; top:-25px; left:-32.5px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25); border-radius: 10px; display: none; transition: all 0.5s ease; } #home_new .family_content .col-sm-2:hover .tutor_detail{ display: block; } #home_new .family_content .col-sm-2.active .tutor_detail{ display: block; } #home_new .tutor_detail img{ max-width: 100%; width: 80px; height: 80px; border-radius: 50%; } #home_new .m_auto{ margin:25px auto 25px auto !important; } #home_new #market_place .m_auto { margin-bottom: 15px!important; } #home_new .tutor_detail h2{ font-size: 15px; color: #7e7e7e; font-weight: 600; text-transform: uppercase; line-height: 1.1; margin: 0; } #home_new .tutor_detail p{ font-size: 12px; line-height: 18px; color: #000; font-weight: 600; font-style: italic; letter-spacing: 1px; margin: 5px 0 0; padding: 0 5px; } #home_new .t_logo{ font-size: 10px; font-style: italic; color: #3b3b3b; line-height: 1.1; position: absolute; left: 0; right: 0; bottom: 45px; } #home_new #market_place .t_logo { bottom: 35px; } body, html, #home_new { touch-action: manipulation; } #home_new .t_logo span img{ max-width: 100%; border-radius: 0 !important; height: auto !important; width: auto !important; } #home_new .tutor_detail .profile:not(.profile-alt){ width: 100%; padding: 5px; font-size: 14px; overflow: hidden; position: absolute; bottom: 0; background: #2A3539; color: #fff; font-weight: bold; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; text-transform: uppercase; cursor: pointer; box-sizing:border-box; left: 0; right: 0; } #home_new .tutor_detail .profile:not(.profile-alt):hover { background: #01BCFF; color: #2A3539; } #home_new .tutor_detail.marketplace_tutor .profile:not(.profile-alt) { background: #B6CF27; color: #fff; width: 50%; right: initial; border-bottom-right-radius: 0; } #home_new .tutor_detail.marketplace_tutor .profile:not(.profile-alt):hover { background: #01BCFF; color: #2A3539; } #home_new .tutor_detail.marketplace_tutor .wave{ width: 50%; padding: 5px; font-size: 14px; overflow: hidden; position: absolute; bottom: 0; background: #FF8000; color: #fff; font-weight: bold; border-bottom-right-radius: 10px; border-bottom-left-radius: 0; text-transform: uppercase; cursor: pointer; box-sizing: border-box; right: 0; } #home_new .tutor_detail.marketplace_tutor .cat_name { color: #01BCFF; line-height: 16px; font-style: normal; } #home_new .tutor_detail.marketplace_tutor .cat_name span { text-transform: uppercase; } #home_new .tutor_detail .profile:hover{ text-decoration: none; } #home_new .testimonial { background: #333; text-align: center; padding-bottom: 56px; overflow: hidden; height: auto; position: relative; background: #333; } #home_new .testimonial-slide { background-size:contain !important; background-position:center bottom !important; background-repeat: repeat-x !important; height: auto; position: relative; background: #333; text-align: center; min-width: 30345px; display: block; position: absolute; top: 0; bottom: 0; animation: testimonial-slidebg 1200s linear infinite; } .slider_anchor { position: absolute; bottom: 30px; left: 0; right: 0; } .slider_anchor img { width: 40px; display: block; margin: 0 auto; } @keyframes testimonial-slidebg { 0%{ transform: translate3d(0, 0, 0); } 100%{ transform: translate3d(-11150px, 0, 0); } } #home_new .testimonial h3{ font-size: 25px; line-height: 35px; color: #fff; padding: 50px 0; text-align: center; position: relative; } #home_new .testimonial .item h3 { color: #fff; font-size: 16px; line-height: 20px; padding:0; margin-bottom: 5px; } #home_new .testimonial .item h3 img { display: inline-block; border: 0!important; } #home_new .testi_detail{ position: relative; border-radius: 10px; background: rgba(42, 53, 57, 0.9); border: 5px solid #fff; width: 635px; right: 258px; margin: auto; bottom: 50px; margin-top:50px; min-height: 380px; } #home_new .testi_detail h1{ font-size: 26px; color: #fff; margin-bottom: 0; padding-bottom: 0px; padding-top: 25px; } #home_new .testi_detail h2{ font-size: 13px; line-height: 18px; color: #fff; letter-spacing: 4px; text-transform: uppercase; color:#01BCFF; margin-bottom: 0; } #home_new .testi_detail p{ font-size: 24px; color: #fff; padding: 25px 0; max-width: 450px; margin:auto; margin-bottom: 25px; margin-top: 25px; line-height: 32px; position: absolute; left: 50%; /*right: 0;*/ top: 50%; width: 100%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } #home_new .testi_bottom{ position: absolute; left: 0; bottom: 0; height: 50px; width: 100%; } #home_new .owl-item.active { z-index: 9999999999; } #home_new .testi_bottom span{ font-size: 20px; color: #fff; padding: 10px; } #home_new .testi_bottom a{ font-size: 20px; padding: 10px; text-align: left; position: absolute; bottom: 0; left: 0; } #home_new .testi_bottom span i{ color:#e3d52a; padding-right: 2px; } #home_new .testi_bottom span i.alt { color: rgba(222,216,43,0.5); } #home_new .testi_bottom span:nth-child(2){ float: right !important; } #home_new .testi_bottom:after{ content: ""; position: absolute; bottom: -19px; z-index: 9; left:48%; transform: translate(-50%); width: 25px; height: 25px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); border-right: 5px solid #fff; border-bottom: 5px solid #fff; background: rgba(42, 53, 57, 0.9); } #home_new .carousel-indicators .active{ width: 80px; height:80px; border-radius: 50%; margin-right: 15px; border: 5px solid #fff; } #home_new .carousel-indicators li { width: 80px; height:80px; border-radius: 50%; margin-right: 15px; border: 5px solid #3c8cbd; } #home_new .carousel-indicators li img{ border-radius: 50%; } #home_new .carousel-indicators{ bottom: -130px; width: 100%; left:51.5%; transform: translate(-50%); margin: 0 !important; padding: 0; } #home_new .carousel-inner{ overflow: unset; } #home_new #owl-slide1 .owl-item img{ max-width: 85px; max-height: 85px; border-radius: 50%; margin: auto; border: 5px solid #01BCFF; box-sizing: border-box; } #home_new #owl-slide1 .owl-item .testi_detail img{ margin-right: 10px; } #home_new #owl-slide1 .owl-item img:hover { border: 5px solid #407fa8; } #home_new #owl-slide1 .owl-stage-outer{ overflow: visible !important; } #home_new #owl-slide1{ max-width: 120px; margin: 0 auto; padding: 0; } #home_new .owl_testi{ width: 635px; overflow: hidden; margin: 0 auto; } #home_new #owl-slide1 .owl-item.active img{ border: 5px solid #fff; } #home_new .testi_detail{ opacity: 0; box-sizing: border-box; } #home_new #owl-slide1 .owl-item.active .testi_detail{ opacity: 1; } #home_new .testi_bottom img{ max-width: 35px !important; float: left; border: 0 !important; border-radius: 0!important; } #home_new .testi_bottom span:nth-child(1){ display: block; width:auto; } .home div.footer_open_control { background: #cbd6d8; margin-top: -36px; } @media (min-width: 768px) { #home_new .container { width: 750px; } } @media (min-width: 992px) { #home_new .container { width: 970px; } } @media (min-width: 1200px) { #home_new .container { width: 1060px; } } @media (min-width: 1400px) { #home_new .home_block h3{ padding: 75px 0; } #home_new .home_block .button { margin-bottom: 75px; } } #home_new .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } #home_new .row { margin-right: -15px; margin-left: -15px; } #home_new .col-xs-1, #home_new .col-sm-1, #home_new .col-md-1, #home_new .col-lg-1, #home_new .col-xs-2, #home_new .col-sm-2, #home_new .col-md-2, #home_new .col-lg-2, #home_new .col-xs-3, #home_new .col-sm-3, #home_new .col-md-3, #home_new .col-lg-3, #home_new .col-xs-4, #home_new .col-sm-4, #home_new .col-md-4, #home_new .col-lg-4, #home_new .col-xs-5, #home_new .col-sm-5, #home_new .col-md-5, #home_new .col-lg-5, #home_new .col-xs-6, #home_new .col-sm-6, #home_new .col-md-6, #home_new .col-lg-6, #home_new .col-xs-7, #home_new .col-sm-7, #home_new .col-md-7, #home_new .col-lg-7, #home_new .col-xs-8, #home_new .col-sm-8, #home_new .col-md-8, #home_new .col-lg-8, #home_new .col-xs-9, #home_new .col-sm-9, #home_new .col-md-9, #home_new .col-lg-9, #home_new .col-xs-10, #home_new .col-sm-10, #home_new .col-md-10, #home_new .col-lg-10, #home_new .col-xs-11, #home_new .col-sm-11, #home_new .col-md-11, #home_new .col-lg-11, #home_new .col-xs-12, #home_new .col-sm-12, #home_new .col-md-12, #home_new .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing: border-box; } #home_new .col-sm-6.pad-left { padding-left: 0; } #home_new .col-sm-6.f_right { padding-right: 0; } #home_new .col-xs-1, #home_new .col-xs-2, #home_new .col-xs-3, #home_new .col-xs-4, #home_new .col-xs-5, #home_new .col-xs-6, #home_new .col-xs-7, #home_new .col-xs-8, #home_new .col-xs-9, #home_new .col-xs-10, #home_new .col-xs-11, #home_new .col-xs-12 { float: left; } #home_new .col-xs-12 { width: 100%; } #home_new .col-xs-11 { width: 91.66666667%; } #home_new .col-xs-10 { width: 83.33333333%; } #home_new .col-xs-9 { width: 75%; } #home_new .col-xs-8 { width: 66.66666667%; } #home_new .col-xs-7 { width: 58.33333333%; } #home_new .col-xs-6 { width: 50%; } #home_new .col-xs-5 { width: 41.66666667%; } #home_new .col-xs-4 { width: 33.33333333%; } #home_new .col-xs-3 { width: 25%; } #home_new .col-xs-2 { width: 16.66666667%; } #home_new .col-xs-1 { width: 8.33333333%; } #home_new .col-xs-pull-12 { right: 100%; } #home_new .col-xs-pull-11 { right: 91.66666667%; } #home_new .col-xs-pull-10 { right: 83.33333333%; } #home_new .col-xs-pull-9 { right: 75%; } #home_new .col-xs-pull-8 { right: 66.66666667%; } #home_new .col-xs-pull-7 { right: 58.33333333%; } #home_new .col-xs-pull-6 { right: 50%; } #home_new .col-xs-pull-5 { right: 41.66666667%; } #home_new .col-xs-pull-4 { right: 33.33333333%; } #home_new .col-xs-pull-3 { right: 25%; } #home_new .col-xs-pull-2 { right: 16.66666667%; } #home_new .col-xs-pull-1 { right: 8.33333333%; } #home_new .col-xs-pull-0 { right: auto; } #home_new .col-xs-push-12 { left: 100%; } #home_new .col-xs-push-11 { left: 91.66666667%; } #home_new .col-xs-push-10 { left: 83.33333333%; } #home_new .col-xs-push-9 { left: 75%; } #home_new .col-xs-push-8 { left: 66.66666667%; } #home_new .col-xs-push-7 { left: 58.33333333%; } #home_new .col-xs-push-6 { left: 50%; } #home_new .col-xs-push-5 { left: 41.66666667%; } #home_new .col-xs-push-4 { left: 33.33333333%; } #home_new .col-xs-push-3 { left: 25%; } #home_new .col-xs-push-2 { left: 16.66666667%; } #home_new .col-xs-push-1 { left: 8.33333333%; } #home_new .col-xs-push-0 { left: auto; } #home_new .col-xs-offset-12 { margin-left: 100%; } #home_new .col-xs-offset-11 { margin-left: 91.66666667%; } #home_new .col-xs-offset-10 { margin-left: 83.33333333%; } #home_new .col-xs-offset-9 { margin-left: 75%; } #home_new .col-xs-offset-8 { margin-left: 66.66666667%; } #home_new .col-xs-offset-7 { margin-left: 58.33333333%; } #home_new .col-xs-offset-6 { margin-left: 50%; } #home_new .col-xs-offset-5 { margin-left: 41.66666667%; } #home_new .col-xs-offset-4 { margin-left: 33.33333333%; } #home_new .col-xs-offset-3 { margin-left: 25%; } #home_new .col-xs-offset-2 { margin-left: 16.66666667%; } #home_new .col-xs-offset-1 { margin-left: 8.33333333%; } #home_new .col-xs-offset-0 { margin-left: 0; } #home_new .home_banner{ background-size: cover !important; background-position: center!important; background-repeat: no-repeat!important; height: auto; position: relative; background-attachment: fixed; } #home_new .banner_content{ padding: 150px 0; } #home_new .banner_content h1{ font-family: 'Lato'; font-size:54px; color: #fff; font-weight: bold; margin-bottom: 40px; line-height: 60px; word-wrap: break-word; } #home_new .banner_content p{ font-family: 'Lato'; font-size: 25px; line-height: 40px; color: #fff; display: block; } #home_new #category_autocomplete_holder, #home_new #suggest_city_holder_t, #home_new #suggest_categories_home_holder { margin-bottom: 15px; } #home_new .home_levels { margin-bottom: 0!important; } #home_new .banner_content p strong { font-weight: 900; } #home_new .banner_content p span{ font-family: 'Lato'; font-size: 32px; color: #b6cc2c; font-weight: 900; font-style: italic; padding-right: 5px; } #home_new .banner_tab{ padding: 70px 0; max-width: 400px; width: 400px; float: right; margin:auto; } #home_new .banner_tab .nav-alt, #home_new .banner_tab .nav{ margin:auto; } #home_new .banner_tab .nav-alt li, #home_new .banner_tab .nav li{ width: calc(50% - 2px); border: 0; text-align: center; } #home_new .banner_tab > .nav-alt li:nth-of-type(1) { border-right: 2px solid transparent!important; } #home_new .banner_tab > .nav-alt li:nth-of-type(2) { border-left: 2px solid transparent!important; } #home_new .banner_tab .nav-alt li a, #home_new .banner_tab .nav li a{ background:#B7B7B7; border:0; border-radius: 0; font-size: 14px; padding: 20px 0; color: #fff; margin-right: 0; font-family: 'Lato' !important; text-transform: uppercase; font-weight: bold; } #home_new .banner_tab .nav-alt li.active a, #home_new .banner_tab .nav li.active a{ color: #fff; border: 0; } #home_new .banner_tab .nav-alt li.active #home_new .banner_tab .nav li.active { background: #969696; border: 0; } #home_new .currency_marker_container { position: relative; } #home_new .currency_marker { position: absolute; left: 20px; line-height: 50px; font-family: 'Lato'; font-size: 18px; color: #7f7f7f; z-index: 1; } #home_new .learning_tab .form-control.currency_input { padding: 5px 10px 5px 30px; } #home_new .banner_tab .nav-alt li.active>a, #home_new .banner_tab .nav-alt li.active>a:focus, #home_new .banner_tab .nav-tabs>li.active>a, .banner_tab .nav-tabs>li.active>a:focus{ background:transparent; border:0; background-color: transparent; outline: 0; font-family: 'Lato'; } @media( max-width: 767px ) { #home_new .banner_tab .nav-alt li a, #home_new .banner_tab .nav li a { border-bottom: 1px solid transparent; } #home_new .banner_tab .nav-alt li.active>a, #home_new .banner_tab .nav-alt li.active>a:focus, #home_new .banner_tab .nav-tabs>li.active>a, .banner_tab .nav-tabs>li.active>a:focus{ border-bottom: 1px solid #EAEBEB; } } #tutor.tab-pane.active { min-height: 447px; } #home_new .banner_tab .tab-content{ background: #fff; padding: 25px 25px 10px 25px; clear: both; } #home_new .banner_tab .tab-content h2{ color: #01bcff; font-size: 20px; font-family: 'Lato'; text-align: center; margin: 0; line-height: 1.1; } #home_new .banner_tab .tab-content #pass h2 { color: red; font-size: 18px; } #home_new .banner_tab .nav-alt li.active, #home_new .banner_tab .nav li.active { background: #fff; border: 0; } #home_new .banner_tab .nav-alt li.active a, #home_new .banner_tab .nav li.active a{ color: #000; } #home_new .learning_tab .nav-alt, #home_new .learning_tab .nav{ margin:auto; border:0; } #home_new .learning_tab .nav-alt li, #home_new .learning_tab .nav li{ width: 33.3% !important; border-bottom: 5px solid #B7B7B7; } #home_new #register .learning_tab .nav-alt li { width: 25%!important; } #home_new .learning_tab .nav-alt li a, #home_new .learning_tab .nav li a{ background: transparent; border:0; border-radius: 0; font-size: 14px; font-weight: bold; font-family: 'Lato' !important; color: #dadadb; } #home_new .learning_tab .nav-alt li.active a, #home_new .learning_tab .nav li.active a{ color: #01bcff; font-family: 'Lato'; font-weight: bold; } #home_new .learning_tab .nav-alt li.active a, #home_new .learning_tab .nav li.active a{ color: #01bcff!important; } #home_new .learning_tab .nav-alt li.active>a, #home_new .learning_tab .nav-alt li.active>a:focus, #home_new .learning_tab .nav-tabs>li.active>a, .learning_tab .nav-tabs>li.active>a:focus{ background:transparent; border:0; background-color: transparent; outline: 0; color: #000; } #home_new .learning_tab .nav-alt li.active, #home_new .learning_tab .nav li.active { background: transparent; border-bottom: 5px solid #00bbff; } #home_new .learning_tab .tab-content{ padding: 25px 0; } #home_new .learning_tab select{ background: #f6f6f6; height: 50px; border-radius: 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../img/drop_arrow.png); background-position: 95% 45% !important; background-repeat: no-repeat; -webkit-text-fill-color: #7f7f7f; margin-bottom: 15px; width: 100%; padding-left: 10px; font-family: 'Lato'; font-size: 20px; } #home_new .learning_tab select::-ms-expand { display: none; } #home_new .learning_tab .form-control{ background: #f6f6f6; height: 50px; border-radius: 0; border: 0; color: #7f7f7f; -webkit-text-fill-color: #7f7f7f; font-family: 'Lato'; font-size: 18px; width: 100%; padding: 5px 20px; box-sizing: border-box; position: relative; background-repeat: no-repeat; background-position: calc(100% - 10px) center; } #home_new .learning_tab .form-control.home_levels, #home_new .learning_tab .form-control.ui-autocomplete-input { background-image: url('../img/dd_1.png'); } #phone_input.failed, input.failed, #home_new .learning_tab .form-control.failed{ background-image: url('../img/cross.png'); } input.completed, #home_new .learning_tab .form-control.complete{ background-image: url('../img/tick.png'); } #phone_input.failed, input.failed, input.completed { background-repeat: no-repeat; background-position: calc(100% - 5px) center; background-size: 20px; } #home_new .tab-content .autocomplete-holder { margin: 0; } #home_new .home_block .button img{ margin-right: 10px; padding-bottom: 2px; } #home_new .learning_tab button{ background: #C2DB27; color: #2A3539; padding: 10px 25px; width: 250px; margin: auto; font-size: 18px; display: inherit; margin-top: 15px; height: 60px; text-transform: uppercase; border: 0; border-radius: 4px; outline: 0; font-weight: 600; } #home_new .learning_tab button.disabled, #home_new .learning_tab button.disabled:hover { background: #BFBFBF; color: #fff; } #home_new small { margin: 10px 0; display: block; line-height: 1.2; text-align: center; color: #888888; font-size: 10px; } #home_new #recaptcha > div, #home_new #recaptcha2 > div{ margin: 0 auto; } #home_new .placeholder_label { background: #f6f6f6; position: relative; height: 50px; border-radius: 0; border: 0; -webkit-text-fill-color: #7f7f7f; font-family: 'Lato'; font-size: 18px; width: 100%; padding: 5px 20px; box-sizing: border-box; display: block; color: #7f7f7f; line-height: 40px; } #home_new .placeholder_label:after { display :block; position: absolute; content: ""; right: 15px; background: url('../img/tick.png'); background-size: contain; top: 0; bottom: 0; width: 20px; background-position: center center; background-repeat: no-repeat; } #home_new .learning_tab button:hover { background: #01BCFF; color: #fff; outline: 0; } #home_new .learning_tab .form-control:focus,.learning_tab select:focus{ outline: 0; } .text.alt { margin-left: 0; margin-bottom: 15px; } .text.fifty.first { width: 50%; float: left; box-sizing:border-box; padding-right: 7.5px; } .text.fifty.second { width: 50%; float: right; box-sizing:border-box; padding-left: 7.5px; } .text.seventyfive.first { width: 72%; float: left; box-sizing:border-box; padding-right: 7.5px; } #steptut2 { min-height: 448px; } .text.twentyfive.second { width: 28%; float: right; box-sizing:border-box; padding-left: 7.5px; } #home_new .home_banner_slider { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover; background-attachment: fixed; background-position:center center; } @media (min-width: 768px) { #home_new .col-sm-1, #home_new .col-sm-2, #home_new .col-sm-3, #home_new .col-sm-4, #home_new .col-sm-5, #home_new .col-sm-6, #home_new .col-sm-7, #home_new .col-sm-8, #home_new .col-sm-9, #home_new .col-sm-10, #home_new .col-sm-11, #home_new .col-sm-12 { float: left; } #home_new .col-sm-12 { width: 100%; } #home_new .col-sm-11 { width: 91.66666667%; } #home_new .col-sm-10 { width: 83.33333333%; } #home_new .col-sm-9 { width: 75%;c } #home_new .col-sm-8 { width: 66.66666667%; } #home_new .col-sm-7 { width: 58.33333333%; } #home_new .col-sm-6 { width: 50%; } #home_new .col-sm-5 { width: 41.66666667%; } #home_new .col-sm-4 { width: 33.33333333%; } #home_new .col-sm-3 { width: 25%; } #home_new .col-sm-2 { width: 16.66666667%; } #home_new .col-sm-1 { width: 8.33333333%; } #home_new .col-sm-pull-12 { right: 100%; } #home_new .col-sm-pull-11 { right: 91.66666667%; } #home_new .col-sm-pull-10 { right: 83.33333333%; } #home_new .col-sm-pull-9 { right: 75%; } #home_new .col-sm-pull-8 { right: 66.66666667%; } #home_new .col-sm-pull-7 { right: 58.33333333%; } #home_new .col-sm-pull-6 { right: 50%; } #home_new .col-sm-pull-5 { right: 41.66666667%; } #home_new .col-sm-pull-4 { right: 33.33333333%; } #home_new .col-sm-pull-3 { right: 25%; } #home_new .col-sm-pull-2 { right: 16.66666667%; } #home_new .col-sm-pull-1 { right: 8.33333333%; } #home_new .col-sm-pull-0 { right: auto; } #home_new .col-sm-push-12 { left: 100%; } #home_new .col-sm-push-11 { left: 91.66666667%; } #home_new .col-sm-push-10 { left: 83.33333333%; } #home_new .col-sm-push-9 { left: 75%; } #home_new .col-sm-push-8 { left: 66.66666667%; } #home_new .col-sm-push-7 { left: 58.33333333%; } #home_new .col-sm-push-6 { left: 50%; } #home_new .col-sm-push-5 { left: 41.66666667%; } #home_new .col-sm-push-4 { left: 33.33333333%; } #home_new .col-sm-push-3 { left: 25%; } #home_new .col-sm-push-2 { left: 16.66666667%; } #home_new .col-sm-push-1 { left: 8.33333333%; } #home_new .col-sm-push-0 { left: auto; } #home_new .col-sm-offset-12 { margin-left: 100%; } #home_new .col-sm-offset-11 { margin-left: 91.66666667%; } #home_new .col-sm-offset-10 { margin-left: 83.33333333%; } #home_new .col-sm-offset-9 { margin-left: 75%; } #home_new .col-sm-offset-8 { margin-left: 66.66666667%; } #home_new .col-sm-offset-7 { margin-left: 58.33333333%; } #home_new .col-sm-offset-6 { margin-left: 50%; } #home_new .col-sm-offset-5 { margin-left: 41.66666667%; } #home_new .col-sm-offset-4 { margin-left: 33.33333333%; } #home_new .col-sm-offset-3 { margin-left: 25%; } #home_new .col-sm-offset-2 { margin-left: 16.66666667%; } #home_new .col-sm-offset-1 { margin-left: 8.33333333%; } #home_new .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { #home_new .col-md-1, #home_new .col-md-2, #home_new .col-md-3, #home_new .col-md-4, #home_new .col-md-5, #home_new .col-md-6, #home_new .col-md-7, #home_new .col-md-8, #home_new .col-md-9, #home_new .col-md-10, #home_new .col-md-11, #home_new .col-md-12 { float: left; } #home_new .col-md-12 { width: 100%; } #home_new .col-md-11 { width: 91.66666667%; } #home_new .col-md-10 { width: 83.33333333%; } #home_new .col-md-9 { width: 75%; } #home_new .col-md-8 { width: 66.66666667%; } #home_new .col-md-7 { width: 58.33333333%; } #home_new .col-md-6 { width: 50%; } #home_new .col-md-5 { width: 41.66666667%; } #home_new .col-md-4 { width: 33.33333333%; } #home_new .col-md-3 { width: 25%; } #home_new .col-md-2 { width: 16.66666667%; } #home_new .col-md-1 { width: 8.33333333%; } #home_new .col-md-pull-12 { right: 100%; } #home_new .col-md-pull-11 { right: 91.66666667%; } #home_new .col-md-pull-10 { right: 83.33333333%; } #home_new .col-md-pull-9 { right: 75%; } #home_new .col-md-pull-8 { right: 66.66666667%; } #home_new .col-md-pull-7 { right: 58.33333333%; } #home_new .col-md-pull-6 { right: 50%; } #home_new .col-md-pull-5 { right: 41.66666667%; } #home_new .col-md-pull-4 { right: 33.33333333%; } #home_new .col-md-pull-3 { right: 25%; } #home_new .col-md-pull-2 { right: 16.66666667%; } #home_new .col-md-pull-1 { right: 8.33333333%; } #home_new .col-md-pull-0 { right: auto; } #home_new .col-md-push-12 { left: 100%; } #home_new .col-md-push-11 { left: 91.66666667%; } #home_new .col-md-push-10 { left: 83.33333333%; } #home_new .col-md-push-9 { left: 75%; } #home_new .col-md-push-8 { left: 66.66666667%; } #home_new .col-md-push-7 { left: 58.33333333%; } #home_new .col-md-push-6 { left: 50%; } #home_new .col-md-push-5 { left: 41.66666667%; } #home_new .col-md-push-4 { left: 33.33333333%; } #home_new .col-md-push-3 { left: 25%; } #home_new .col-md-push-2 { left: 16.66666667%; } #home_new .col-md-push-1 { left: 8.33333333%; } #home_new .col-md-push-0 { left: auto; } #home_new .col-md-offset-12 { margin-left: 100%; } #home_new .col-md-offset-11 { margin-left: 91.66666667%; } #home_new .col-md-offset-10 { margin-left: 83.33333333%; } #home_new .col-md-offset-9 { margin-left: 75%; } #home_new .col-md-offset-8 { margin-left: 66.66666667%; } #home_new .col-md-offset-7 { margin-left: 58.33333333%; } #home_new .col-md-offset-6 { margin-left: 50%; } #home_new .col-md-offset-5 { margin-left: 41.66666667%; } #home_new .col-md-offset-4 { margin-left: 33.33333333%; } #home_new .col-md-offset-3 { margin-left: 25%; } #home_new .col-md-offset-2 { margin-left: 16.66666667%; } #home_new .col-md-offset-1 { margin-left: 8.33333333%; } #home_new .col-md-offset-0 { margin-left: 0; } #about-slider .item .background, #about-slider .item .row, #about-slider .item, #home_new .home_banner{ height: -moz-calc(100vh - 48px); height: -webkit-calc(100vh - 48px); height: calc(100vh - 48px); } #about-slider .item .row, #about-slider .item, #home_new .home_banner .row { position: relative; height: -moz-calc(100vh - 48px); height: -webkit-calc(100vh - 48px); height: calc(100vh - 48px); } #home_new .home_banner .col-sm-6 { position: absolute; top: 50%; transform: translateY(-50%); } #home_new .home_banner .row > div:first-of-type { left: 0; } #home_new .home_banner .row > div:last-of-type { right: 0; } } @media (min-width: 1200px) { #home_new .col-lg-1, #home_new .col-lg-2, #home_new .col-lg-3, #home_new .col-lg-4, #home_new .col-lg-5, #home_new .col-lg-6, #home_new .col-lg-7, #home_new .col-lg-8, #home_new .col-lg-9, #home_new .col-lg-10, #home_new .col-lg-11, #home_new .col-lg-12 { float: left; } #home_new .col-lg-12 { width: 100%; } #home_new .col-lg-11 { width: 91.66666667%; } #home_new .col-lg-10 { width: 83.33333333%; } #home_new .col-lg-9 { width: 75%; } #home_new .col-lg-8 { width: 66.66666667%; } #home_new .col-lg-7 { width: 58.33333333%; } #home_new .col-lg-6 { width: 50%; } #home_new .col-lg-5 { width: 41.66666667%; } #home_new .col-lg-4 { width: 33.33333333%; } #home_new .col-lg-3 { width: 25%; } #home_new .col-lg-2 { width: 16.66666667%; } #home_new .col-lg-1 { width: 8.33333333%; } #home_new .col-lg-pull-12 { right: 100%; } #home_new .col-lg-pull-11 { right: 91.66666667%; } #home_new .col-lg-pull-10 { right: 83.33333333%; } #home_new .col-lg-pull-9 { right: 75%; } #home_new .col-lg-pull-8 { right: 66.66666667%; } #home_new .col-lg-pull-7 { right: 58.33333333%; } #home_new .col-lg-pull-6 { right: 50%; } #home_new .col-lg-pull-5 { right: 41.66666667%; } #home_new .col-lg-pull-4 { right: 33.33333333%; } #home_new .col-lg-pull-3 { right: 25%; } #home_new .col-lg-pull-2 { right: 16.66666667%; } #home_new .col-lg-pull-1 { right: 8.33333333%; } #home_new .col-lg-pull-0 { right: auto; } #home_new .col-lg-push-12 { left: 100%; } #home_new .col-lg-push-11 { left: 91.66666667%; } #home_new .col-lg-push-10 { left: 83.33333333%; } #home_new .col-lg-push-9 { left: 75%; } #home_new .col-lg-push-8 { left: 66.66666667%; } #home_new .col-lg-push-7 { left: 58.33333333%; } #home_new .col-lg-push-6 { left: 50%; } #home_new .col-lg-push-5 { left: 41.66666667%; } #home_new .col-lg-push-4 { left: 33.33333333%; } #home_new .col-lg-push-3 { left: 25%; } #home_new .col-lg-push-2 { left: 16.66666667%; } #home_new .col-lg-push-1 { left: 8.33333333%; } #home_new .col-lg-push-0 { left: auto; } #home_new .col-lg-offset-12 { margin-left: 100%; } #home_new .col-lg-offset-11 { margin-left: 91.66666667%; } #home_new .col-lg-offset-10 { margin-left: 83.33333333%; } #home_new .col-lg-offset-9 { margin-left: 75%; } #home_new .col-lg-offset-8 { margin-left: 66.66666667%; } #home_new .col-lg-offset-7 { margin-left: 58.33333333%; } #home_new .col-lg-offset-6 { margin-left: 50%; } #home_new .col-lg-offset-5 { margin-left: 41.66666667%; } #home_new .col-lg-offset-4 { margin-left: 33.33333333%; } #home_new .col-lg-offset-3 { margin-left: 25%; } #home_new .col-lg-offset-2 { margin-left: 16.66666667%; } #home_new .col-lg-offset-1 { margin-left: 8.33333333%; } #home_new .col-lg-offset-0 { margin-left: 0; } } #complete_popup, #phone_popup, #email_popup, #terms_popup { background: #fff; margin: 0 auto; padding: 30px; box-sizing:border-box; width: 470px; border: 5px solid #F2F2F2; max-width: 90%; background-size: cover; background-repeat: no-repeat; } #terms_popup a { color: #00caf9; } #terms_popup a.btn { font-family: Lato; font-weight: bold; font-size: 18px; border-radius: 5px; width: 140px; margin-right: 15px; text-align: center; line-height: 40px; padding-top: 0; padding-bottom: 0; box-sizing: border-box; } #terms_popup p a:last-of-type { margin-right: 0; } #complete_popup a.btn-green, #phone_popup a.btn-green, #email_popup a.btn-green, #terms_popup a.btn.btn-blue:hover, #terms_popup a.btn.btn-green { background: #C3DC27; color: #2A3539; text-decoration: none; } #complete_popup { padding-bottom: 120px; } #complete_popup a.btn-green:hover, #phone_popup a.btn-green:hover, #email_popup a.btn-green:hover, #terms_popup a.btn.btn-blue, #terms_popup a.btn.btn-green:hover { background: #00caf9; color: #fff; text-decoration: none; } #terms_popup p, #complete_popup p, #phone_popup p, #email_popup p { text-align: center; line-height: 1.4!important; } #phone_popup p a, #email_popup p a { color: #00caf9; } #phone_popup p a:hover, #email_popup p a:hover { color: #2a3539; text-decoration: none; } #terms_popup h2, #complete_popup h2, #phone_popup h2, #email_popup h2 { text-align: center; color: #40BFEF; letter-spacing: 2px; text-transform: uppercase; font-size: 20px; font-weight: bold; line-height: 24px; margin-bottom: 60px; } #complete_popup h2 { margin-bottom: 30px; } #phone_container { position: relative; width: 340px; margin: 0 auto; max-width: 100%; } #prefix_div { position: absolute; left: 0; top: 0; width: 70px; border-right: 5px solid #fff; background: #f2f2f2; font-size: 18px; font-family: Lato; padding: 15px 0; text-align: center; color: #808080; } #phone_popup select, #phone_popup input, #email_popup input { display: block; width: 340px; max-width: 100%; margin: 0 auto 15px; font-size: 18px; font-family: Lato; color: #808080; background: #F2F2F2; border: 0; box-shadow: none; outline: 0; padding: 15px; box-sizing: border-box; } #phone_popup select { background-image: url(../img/dd_1.png); background-repeat: no-repeat; background-position: calc(100% - 10px) center; appearance: none; -webkit-appearance: none; } #phone_popup #phone_input { width: 270px; margin-left: 70px; max-width: calc(100% - 70px); } #complete_popup a.btn-green, #phone_popup a.btn-green, #email_popup a.btn-green { display: block; width: 340px; text-align: center; font-family: Lato; font-weight: bold; font-size: 18px; line-height: 34px; text-transform: uppercase; border-radius: 5px; box-sizing: border-box; margin: 0 auto; max-width: 100%; } #terms_popup p, #phone_popup p, #phone_popup p a.dismiss, #phone_popup p a.dismiss:hover, #email_popup p, #email_popup p a.dismiss, #email_popup p a.dismiss:hover { color: #808080; font-size: 18px; font-family: Lato; line-height: 22px; max-width: 340px; margin: 0 auto 30px; text-decoration: none; } #terms_popup p strong { color: #2A3539; font-weight: bold; } #terms_popup hr { border-top: 1px solid #F2F2F2; margin: 0 auto 30px; width: 100px; } #complete_popup img { display: block; margin: 90px auto 30px; } #complete_popup p { color: #fff; font-size: 18px; font-family: Lato; line-height: 22px; max-width: 340px; margin: 0 auto 30px; text-decoration: none; } #phone_popup .mfp-close, #email_popup .mfp-close, #complete_popup .mfp-close { display: none; } #home_new .text-right { text-align: right; } #home_new .text-center { text-align: center; margin-top: 15px; margin-bottom: 0; } #home_new #login .text-left, #home_new #login .text-center { color: #808080; } #home_new #login .text-left { float: left; } .styled-checkbox { position: absolute; opacity: 0; } .styled-checkbox + label { position: relative; cursor: pointer; padding: 0; } .styled-checkbox + label:before { content: ""; background: #f6f6f6; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; } .styled-checkbox:checked + label:after { content: ""; position: absolute; left: 5px; top: 9px; background: #01BCFF; width: 2px; height: 2px; box-shadow: 2px 0 0 #01BCFF, 4px 0 0 #01BCFF, 4px -2px 0 #01BCFF, 4px -4px 0 #01BCFF, 4px -6px 0 #01BCFF, 4px -8px 0 #01BCFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #home_new .or { text-align: center; position: relative; font-size: 18px; line-height: 24px; margin-bottom: 15px; color: #808080; } #home_new .btn.btn-disabled { background: #BFBFBF; color: #fff; padding: 10px 25px; width: 250px; margin: auto; font-size: 14px; display: inherit; margin-top: 5px; text-transform: uppercase; border: 0; border-radius: 4px; outline: 0; font-weight: 600; line-height: 26px; text-align: center; box-sizing:border-box; margin-bottom: 15px; } #home_new .facebook-signin { text-align: center; margin-bottom: 15px; } #home_new .facebook-signin ~ small { font-size: 11px; color: #808080; } #home_new .facebook-signin img { width: 100%; } #home_new .btn.btn-disabled:hover { background: #C2DB27; color:#2A3539; } #home_new .or:before, #home_new .or:after { background: #CCCCCC; height: 1px; width: calc(50% - 20px); position: absolute; top: 50%; transform: translateY(-50%); display: block; content: ""; margin-top: 2px; } #home_new .or:before { left: 0; } #home_new .or:after { right: 0; } #pass_overlay_complete, #pass_overlay_failed, #login_overlay { display: none; position: absolute; top: 70px; bottom: 70px; right: 0; left: 0; background: rgba(255,255,255,0.95); } #pass_overlay_failed div, #pass_overlay_complete div, #login_overlay div { position:absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); max-width: 350px; margin: 0 auto; text-align: center; } #pass_overlay_failed img, #pass_overlay_complete img, #login_overlay img { margin: 0 auto 30px; display: block; max-width: 47px; } #pass_overlay_failed p, #pass_overlay_complete p, #login_overlay p { text-align: center; color: #808080; font-size: 18px; line-height: 22px; margin-bottom: 30px; } #pass_overlay_failed a, #pass_overlay_complete a, #login_overlay a { font-family: Lato; font-weight: bold; font-size: 20px; border-radius: 5px; width: 140px; margin-right: 15px; text-align: center; line-height: 50px; background: #C3DC27; color: #2A3539; text-decoration: none; } #pass_overlay_failed a:hover, #pass_overlay_complete a:hover, #login_overlay a:hover { background: #00caf9; color: #fff; text-decoration: none; } #pass_overlay_complete span, #pass_overlay_failed span { color: #00caf9; } #phone_verification, #resend_email_input { background-repeat: no-repeat!important; background-position: calc(100% - 10px) center!important; } #phone_verification { text-align: center!important; font-size: 22px!important; } #phone_verification.failed, #resend_email_input.failed{ background-image: url('../img/cross.png'); } .popup-dots { text-align: center; padding-top: 60px; margin-bottom: 0!important; } .popup-dots span { margin: 0 15px; border: 2px solid #00caf9; border-radius: 100%; width: 20px; height: 20px; display: inline-block; } .popup-dots span.active { background: #00caf9; } #home_new .password-meter .bar { height: 7px; } #home_new .password-meter .text { text-align: center; font-size: 11px; color: #808080; } #home_new #login.tab-pane { min-height: 460px; } /* DW HOME PAGE MOBILE EDITS */ /* ABOUT PAGE */ #about-slider .item .background { background-repeat: no-repeat; width: 100%; background-size: cover; background-position: center center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translateZ(0); -webkit-transform: translateZ(0); } #about-slider .item .col-xs-12 { position: static; } #about-slider .item .item_content { position: absolute; margin: 0 auto; display: block; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: auto; left: 15px; right: 15px; margin-top: 0!important; } #about-slider h1 { width: 600px; max-width: 100%; color: #fff; font-size: 44px; line-height: 1.3; font-weight: 400; margin-bottom: 30px; font-family: 'Lato'; font-size: 54px; color: #fff; font-weight: bold; margin-bottom: 40px; line-height: 60px; word-wrap: break-word; } #about-slider p { color: #fff; font-size: 24px; line-height: 1.5; margin-bottom: 30px; width: 600px; max-width: 100%; } #about-slider ul { list-style: disc; list-style-position: inside; overflow: hidden; margin-bottom: 15px; padding-left: 0; } #about-slider ul:last-of-type { margin-bottom: 0; } #about-slider ul li { float: left; width: 200px; max-width: 100%; font-size: 20px; line-height: 1.5; color: #01BCFF; } #about-slider ul li a { color: #fff; } #about-slider ul li a:hover { color: #01BCFF; } #about-slider .vid { text-align: center; } #about-slider img { margin: 0 auto; width: auto; display: inline; } #customDots { z-index: 1; } #about-header .slider_anchor { z-index: 2; max-width: 150px; margin: 0 auto; } #customDots { position: relative; right: 0; bottom: 60px; text-align: right; } #customDots .owl-dot{ display: inline; } #customDots span { background: none repeat scroll 0 0 #3ccdfa; border-radius: 20px; display: inline-block; height: 12px; margin: 5px 7px; width: 12px; } #customDots .owl-dot.active span{ background: #398fc2; } #values_container { margin-left: -7.5px; margin-right: -7.5px; } #values_container .value_holder { padding: 0 7.5px; float: left; box-sizing: border-box; width: 33.333333%; position: relative; min-height: 350px; margin: 0 0 15px; } #values_container .value_holder:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 7.5px; right: 7.5px; background: #F2F2F2; outline: 0; } #values_container .value_holder img { max-height: 85px; } #values_container .value_holder .value_outer { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } #values_container .value_holder.active .value_outer, #values_container .value_holder:focus .value_outer, #values_container .value_holder:hover .value_outer { display: none; } #values_container .value_holder .value_inner { color: #fff; opacity: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; box-sizing:border-box; padding: 0 30px; left: 0; } #values_container .value_holder.active:before, #values_container .value_holder:focus:before, #values_container .value_holder:hover:before { background: #01BCFF; } #values_container .value_holder.active .value_inner, #values_container .value_holder:focus .value_inner, #values_container .value_holder:hover .value_inner { outline: 0; opacity: 1; } #manifesto { padding: 30px 0; } #manifesto h2 { font-weight: bold; line-height: 1; margin-bottom: 60px; font-size: 25px; font-weight: 500; } #manifesto-slider .item { background: #01BCFF; position: relative; min-height: 500px; } #manifesto-slider .item .manifesto_inner { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; } #manifesto-slider .item h3 { margin-bottom: 0; font-size: 46px; line-height: 1.5; } #manifesto-slider .item p { margin: 0 auto; display: block; font-size: 28px; line-height: 1.5; } #manifesto-slider .item hr { width: 50px; display: block; margin: 15px auto; border-color: #fff; border-width: 2px; } #manifesto-slider { position: relative; } #manifesto-slider .owl-nav .owl-prev, #manifesto-slider .owl-nav .owl-next { position: absolute; top: 50%!important; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #CBD6D9; color: #2E3D42; text-align: center; width: 50px; } #manifesto-slider .owl-nav .owl-prev .fa, #manifesto-slider .owl-nav .owl-next .fa { font-size: 28px; line-height: 50px; } #manifesto-slider .owl-nav .owl-prev:hover, #manifesto-slider .owl-nav .owl-next:hover { opacity: 0.8; } #manifesto-slider .owl-nav .owl-prev { left: 0; } #manifesto-slider .owl-nav .owl-next { right: 0; } #manifesto-slider .owl-dots { position: absolute; text-align: center; bottom: 15px; left: 0; right: 0; } #manifesto-slider .owl-dots .owl-dot { display: inline-block; } #manifesto-slider .owl-dots span { background: rgba(255,255,255,0.5); border-radius: 20px; display: block; height: 12px; margin: 5px 7px; width: 12px; } #manifesto-slider .owl-dots .owl-dot.active span { background: rgba(255,255,255,1); } #about .l { position: relative; width: 30%; } #about .l img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -50px; } #about .r { width: 70%; } #mission h2 { font-weight: bold; font-size: 25px; font-weight: 500; line-height: 1.5; margin-bottom: 30px; } #mission p { font-weight: 400; font-size: 20px; line-height: 1.5; color: #2A3539; } #values h2 { color: #01BCFF; } #mission #values .value_inner h3 { color: #fff; margin-top: 0; margin-bottom: 15px; } #mission #values .value_inner p { margin-bottom: 15px; } #mission #values .value_inner p, #mission #values .value_inner li { color: #fff; font-size: 16px; text-align: left; line-height: 20px; font-weight: 400; } #mission #values .value_inner ul { list-style-position: outside; padding-left: 18px; margin-left: 0; margin-bottom: 0; } #mission #values .value_inner ul li { margin-bottom: 10px; } #mission #values .value_inner ul li:last-of-type { margin-bottom: 0; } #home_new #market_slider, #home_new #featured_slider { display: none; } #home_new .banner_content h1.mobile { display: none; } @media( max-width: 1170px ) { #home_new .feauture, #home_new .tutor_bag { background-size: 50% auto !important; background-position: -10% top !important; } #home_new .get_involve { background-size: 50% auto !important; background-position: 110% top !important; } } @media( max-width: 1050px ) { #home_new .feauture, #home_new .tutor_bag { background-size: 55% auto !important; background-position: -20% top !important; } #home_new .get_involve { background-size: 55% auto !important; background-position: 120% top !important; } } #home_new .banner_content a.slider_anchor { display: none; position: static; } @media( max-width: 991px ) { #home_new .feauture, #home_new .tutor_bag { background-size: 65% auto !important; background-position: -50% top !important; } #home_new .get_involve { background-size: 65% auto !important; background-position: 150% top !important; } .slider_anchor { display: none; } #home_new .banner_content a.slider_anchor { display: block; } } @media (min-width: 768px) and (max-width: 991px) { #home_new .home_banner .container { width: 100%; } } @media( max-width: 850px ) { #home_new .feauture { background-size: 80% auto !important; background-position: -160% top !important; } } #home_new .videoWrapper img.mobile { display: none; } @media (min-width:768px) and (max-width: 991px) { #home_new .banner_content { padding: 130px 0; } #manifesto-slider .item h3, #about-slider h1, #home_new .banner_content h1 { font-size: 36px; line-height: 48px; } #home_new .home_banner .row > div:nth-of-type(1) { width: 40%; } #home_new .home_banner .row > div:nth-of-type(2) { width: 60%; } #about-slider h1 br, #home_new .banner_content p br, #home_new .banner_content h1 br { display: none; } } #home_new .home_banner_slider h2 { display: none; } @media( max-width: 767px ) { #home_new .home_banner_slider.home_banner_slider_mobile { display: block; } #home_new #market_slider .owl-item > div { padding: 5px 0; } #pass_overlay_complete, #pass_overlay_failed, #login_overlay { bottom: 0; } .popup-dots { padding-top: 30px; } #home_new .home_banner_alt .slider_anchor, #home_new .home_banner_alt .banner_content { display: none; } #home_new .home_banner_alt #home_forms { top: initial!important; bottom: 0!important; } #terms_popup h2, #complete_popup h2, #phone_popup h2, #email_popup h2 { margin-bottom: 30px; } #about-slider .item .background, #about-slider .item, #home_new .home_banner{ height: -moz-calc(100vh - 48px); height: -webkit-calc(100vh - 48px); height: calc(100vh - 48px); min-height: 500px; } #home_new .home_banner.home_banner_alt { min-height: 600px; } #home_new .slider_anchor { bottom: 32%; } #home_new .banner_tab { padding-top: 0; padding-bottom: 0; } #home_new #home_forms { position: absolute; top: calc(100% - 63px); z-index: 99999; } #home_new #home_forms.main_home_form { top: calc(100% - 133px); } #home_new .banner_content h1 { font-size: 44px; line-height: 1.2; display: none; } #manifesto-slider .item h3, #about-slider h1 { font-size: 44px; line-height: 1.2; } #home_new .banner_content h1:after { max-width: 60%; opacity: 0.6; } #home_new .banner_content h1.mobile { display: block; } /*#home_new .banner_content h1.mobile.main_home_form_title { margin-top: -60px; }*/ #home_new .banner_content h1.mobile br { display: block; } #home_new .banner_content p br { display: none; } #home_new .banner_content p { max-width: 270px; margin: 0 auto 30px; } #home_new .banner_content { padding: 0 0; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: -15px; } #home_new .home_banner .row > div:first-of-type { position: static; } #home_new .banner_tab > .nav-alt li:nth-of-type(2), #home_new .banner_tab > .nav-alt li:nth-of-type(1), #home_new .banner_tab .nav-alt li, #home_new .banner_tab .nav li { width: 50%; border-right: 0!important; border-left: 0!important; } #home_new > section:first-of-type { background-color: transparent!important; overflow: hidden; } #home_new #learning .mb-img-hidden { width: 80%; } #home_new .get_involve .container > div:last-of-type, #home_new .feauture .container > div:last-of-type, #home_new .tutor_bag .container > div:last-of-type { margin: 0 -15px; padding: 0 0; } #home_new .newest { font-weight: bold; font-size: 27px; padding-left: 30px; padding-right: 30px; } #home_new .family_content .col-sm-2 { width: 100%!important; display: none!important; } #home_new .family_tab .family_content { padding: 60px 0; } #home_new .tutor_detail { display: block; position: relative; left: initial; top: initial; margin: 0 auto; padding-top: 15px; box-sizing: border-box; } #home_new .tutor_block { display: none; } #home_new #market_slider .t_logo span img { margin-top: 0px; } #home_new .t_logo span img #home_new .tutor_detail { padding-top: 15px; } #home_new .m_auto { margin-top: 10px!important; } #home_new #market_slider, #home_new #featured_slider { position: relative; display: block; } #home_new #market_slider .owl-prev, #home_new #market_slider .owl-next, #home_new #featured_slider .owl-prev, #home_new #featured_slider .owl-next { position: absolute; top: 50%!important; font-size: 30px; color: #40BEEE; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #home_new #featured_slider .owl-item, #home_new #market_slider .owl-item { opacity: 0.6; } #home_new #market_slider .owl-item.active, #home_new #featured_slider .owl-item.active { opacity: 1; } #home_new #market_slider .owl-prev, #home_new #featured_slider .owl-prev { left: 30px; } #home_new #market_slider .owl-next, #home_new #featured_slider .owl-next { right: 30px; } #home_new #market_place, #home_new #feauture_tutor { min-height: 0; } #home_new .owl_testi { width: auto; } #home_new #owl-slide1 { max-width: initial; } #home_new .testi_detail { width: 90%!important; right: initial!important; transform: none!important; min-width: 100px!important; } #home_new .testi_bottom:after, .owl_testi .item > img { display: block!important; } #home_new .testi_bottom:after { left: 50%; transform: translate(-50%) rotate(45deg); -webkit-transform: translate(-50%) rotate(45deg); -moz-transform: translate(-50%) rotate(45deg); } #home_new .testimonial { overflow: initial; padding-bottom: 0; } #home_new .testimonial h3 { padding-bottom: 10px; } #home_new .owl_testi { position: relative; top: 40px; } #home_new .vimeo { padding-top: 90px; } #home_new .testi_detail, #home_new #owl-slide1 .owl-item.active img { border: 5px solid #01BCFF; } #home_new .testi_bottom:after { border-right: 5px solid #01BCFF;; border-bottom: 5px solid #01BCFF;; } #home_new .col-sm-6.pad-left, #home_new .col-sm-6.f_right { padding-left: 45px!important; padding-right: 45px!important; } #home_new .home_block h3 { max-width: 150px; } #home_new #learning .home_block h3 { max-width: 210px; } #home_new .tutor_detail .profile:not(.profile-alt) { color: #2A3539; background: #01BCFF; } #home_new .inner_tutor { padding: 5px 0; } #home_new .testi_detail p { font-size: 20px; line-height: 28px; } #home_new .testi_bottom a { font-size: 18px; } #home_new .testi_bottom img { max-width: 30px!important; } #home_new .testimonial h3 { padding-left: 30px; padding-right: 30px; } #home_new .testimonial h3 br { display: none; } #home_new .testi_detail p { max-width: calc(100% - 30px); } #home_new .testi_bottom a { left: 10px; } #home_new .testi_bottom span:nth-child(2) { padding-right: 20px; } #home_new .vimeo { padding-bottom: 0; } #home_new .videoWrapper { margin: 0 -15px; padding: 15px 15px 00px; background: #cbd6d8; } #home_new .videoWrapper img { display: none!important; } #home_new .videoWrapper img.mobile { display: block!important; } #home_new #footer { padding: 60px 0; } #home_new .home_block h3 { font-size: 14px; line-height: 20px; } #home_new #footer h3, #home_new .vimeo h3, #home_new .testi_detail h1, #home_new .testimonial h3, #home_new .home_block h4, #about h2, #mission h2, #manifesto h2 { font-size: 22px; line-height: 32px; } #about p, #mission p, #home_new .home_block .button, #home_new .home_block p { font-size: 18px; line-height: 26px; } #home_new section .feauture, #home_new section .get_involve, #home_new section .tutor_bag { position: relative; } #home_new section .feauture:after, #home_new section .get_involve:after, #home_new section .tutor_bag:after, #home_new #learning:after { display: block; background-image: url( "/_template/img/shadow.png" ); content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 45px; } #home_new section .feauture:after, #home_new section .get_involve:after, #home_new section .tutor_bag:after { background-image: url( "/_template/img/shadow-alt.png" ); } #home_new .home_block h3 { padding-bottom: 15px; } #home_new .home_block .button { margin-top: 0; } #home_new .home_block h3 { font-size: 15px; line-height: 20px; } #mission h2, #about h2, #manifesto h2, #home_new .testi_detail h1, #home_new .home_block h4 { font-size: 19px; line-height: 26px; } #mission p, #about p, #home_new .home_block .button, #home_new .home_block p { font-size: 16px; line-height: 21px; } #home_new .home_block p { padding: 15px 0; } #home_new { overflow-x: hidden; } #home_new .home_banner_slider { background-attachment: initial!important; z-index: -1!important; position: fixed!important; } #home_new section { background-color: #fff; } #manifesto-slider .item h3, #about-slider h1, #home_new .banner_content h1 { font-size: 36px; } #manifesto-slider .item p, #about-slider p, #about-slider ul li, #home_new .banner_content p { font-size: 22px; line-height: 1.2; } #home_new .banner_content p span { font-size: 28px; } #home_new .learning_tab .form-control.home_levels, #home_new .learning_tab .form-control.ui-autocomplete-input { background-position: 95% 50% !important; } } @media(max-width: 480px) { #terms_popup p { font-size: 16px; } #home_new .testi_bottom img { width: 25px!important; margin-top: 8px!important; } #home_new .testi_bottom span i, #home_new .testi_bottom a { font-size: 16px; } #home_new .testi_bottom a { line-height: 34px; } #manifesto-slider .item h3, #about-slider h1, #home_new .banner_content h1 { font-size: 36px; } #manifesto-slider .item p, #about-slider p, #about-slider ul li, #home_new .banner_content p { font-size: 20px; line-height: 1.2; } #home_new .banner_content p span { font-size: 26px; } #complete_popup { padding: 30px 15px; } #complete_popup a.btn-green { font-size: 16px; } } @supports (-webkit-overflow-scrolling: touch) { #home_new #home_forms.main_home_form { top: calc(100% - 163px); } } @media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) { #home_new #home_forms.main_home_form { top: calc(100% - 133px); } } @media(max-width: 360px) { #home_new .banner_tab .tab-content h2 { font-size: 18px; } #home_new .testi_bottom img { width: 20px!important; margin-top: 9px!important; margin-right: 5px!important; } #home_new .testi_bottom span i, #home_new .testi_bottom a { font-size: 14px; } #home_new .testi_bottom a { line-height: 30px; } #manifesto-slider .item h3, #about-slider h1, #home_new .banner_content h1 { font-size: 32px; } #manifesto-slider .item p, #about-slider p, #about-slider ul li, #home_new .banner_content p { font-size: 18px; line-height: 1.2; } #home_new .banner_content p span { font-size: 24px; } } #terms_popup .mfp-close { display: none; } @media( max-width: 480px ) { #terms_popup a.btn { display: block; margin-bottom: 15px; width: 100%; margin-right: 0; margin-left: 0; } } .verify_number_btn { display: block; color: #fff; background: #f35050; width: 55px; text-align: center; font-weight: bold; text-transform: uppercase; margin-top: 5px; font-size: 12px; } .verify_number_btn:hover { background: #EC9191; text-decoration: none; } #cookie_policy { position: fixed; top: 0; left: 0; right: 0; width: 100%; background: #2c3538; overflow: hidden; z-index: 9999999999; padding: 10px 0; } #cookie_policy p { color: #fff; float: left; font-size: 13px; line-height: 1.4; margin-bottom: 0; } #cookie_policy p a { font-weight: bold; color: #fff; } #cookie_policy p a:hover { text-decoration: underline; } #cookie_policy p:first-of-type { width: 785px; max-width: calc(100% - 60px); } #cookie_policy p:last-of-type { float: right; text-align: right; } #cookie_policy p img { vertical-align: middle; height: 36px; } .cookie-present #main-header { top: 56px; } body.cookie-present { margin-top: 56px; } #cookie_policy div.section { max-width: -moz-calc(100% - 20px); max-width: -webkit-calc(100% - 20px); max-width: calc(100% - 20px); } @media( min-width: 992px ) { .cookie-present #about-slider .item .background, .cookie-present #about-slider .item, .cookie-present #about-slider .item .row, .cookie-present #home_new .home_banner, .cookie-present #home_new .home_banner .row { height: -moz-calc(100vh - 105px); height: -webkit-calc(100vh - 105px); height: calc(100vh - 105px); } .cookie-present #about-slider .item .background, .cookie-present #about-slider .item, .cookie-present #about-slider .item .row { height: -moz-calc(100vh - 100px); height: -webkit-calc(100vh - 100px); height: calc(100vh - 100px); } } @media( max-width: 991px) { #cookie_policy p:first-of-type { width: 680px; } #cookie_policy p:last-of-type { line-height: 54px; } #cookie_policy { top: inherit; bottom: 0; } .cookie-present #main-header { top: 0; } body.cookie-present { margin-top: 0; } } @media( max-width: 767px) { #cookie_policy { padding: 40px 0; } #cookie_policy div.section { max-width: calc(100% - 80px); } #home_new .banner_content { margin-top: -67px; } } @media( max-width: 680px) { #cookie_policy p:first-of-type { width: 450px; } #cookie_policy p:last-of-type { line-height: 72px; } #cookie_policy { padding: 35px 0; } #cookie_policy div.section { max-width: calc(100% - 70px); } #home_new .banner_content { margin-top: -80px; } } @media( max-width: 500px) { #cookie_policy p:first-of-type { width: 350px; } #cookie_policy p:last-of-type { line-height: 90px; } #cookie_policy { padding: 25px 0; } #cookie_policy div.section { max-width: calc(100% - 50px); } #home_new .banner_content { margin-top: -70px; } } @media( max-width: 400px) { #cookie_policy { padding: 15px 0; } #cookie_policy p:first-of-type { width: 275px; } #cookie_policy p:last-of-type { line-height: 108px; } #cookie_policy div.section { max-width: calc(100% - 30px); } } @media( max-width: 350px) { #cookie_policy p:first-of-type { width: 240px; } #cookie_policy p:last-of-type { line-height: 126px; } #home_new .banner_content { margin-top: -78px; } } @media( max-width: 991px) and (min-width: 768px) { #about-slider .item .background, #about-slider .item, #home_new .home_banner { height: -moz-calc(100vh - 48px); height: -webkit-calc(100vh - 48px); height: calc(100vh - 48px); } #home_new .home_banner .col-sm-6 { position: absolute; top: 50%; transform: translatey(-50%); } #home_new .home_banner .row > div:nth-of-type(2) { right: 0; } } .country_flag { margin-right: 5px; width: auto!important; max-height: 20px; position: relative; top: -1px; } .country_flag.country_flag_block, .product .country_flag:not(.country_flag_standard) { margin: 0 auto 5px; display: block; top: 0; } .country_flag.country_flag_block.left { margin: 0 0 5px; } @media( max-width: 1599px) { #home_new #rocket_bg { background-position: -50px 400px; } } @media( max-width: 1239px) { #mission .mission-section { padding: 60px 0 180px; } #home_new #rocket_bg { background-position: -200px 200px; } #about .l img { left: 0; max-width: 85%; } } @media( max-width: 991px ) { #about-slider h1, #about-slider p, #about-slider ul { padding-left: 20px; box-sizing: border-box; } #about.full_width { padding: 30px 20px 60px; box-sizing: border-box; } #values_container .value_holder { width: 50%; } #home_new #rocket_bg { right: -25%; background-image: url(../img/rocket.png); min-height: 1000px; background-size: contain; background-position: 150px 200px; } #home_new #values { margin-top: -250px; } #mission .features_one { padding-top: 30px; padding-bottom: 30px; } } @media( max-width: 767px ) { #mission .mission-section { background-color: transparent; } #home_new #rocket_bg { right: -40%; } #about { position: relative; z-index: 2; } #about .l { width: 100%; text-align: center; min-height: 0!important; } #about .l img { position: static; max-width: 85%; margin: -15px auto 60px; transform: none; width: 200px; } #about .r { width: 100%; text-align: left; } #mission { z-index: 1; } #about-slider ul { margin-bottom: 0; } #about-slider ul li { width: 100%; margin-bottom: 10px; } #about-slider ul:last-of-type li.last { margin-bottom: 0; } #about-slider img { width: 100px; } #sticky_holder div.adi_cont_details { padding: 0 50px; } #sticky_holder .adi_cont_details table td:nth-of-type(2), #sticky_holder .adi_cont_details table td:nth-of-type(3) { width: auto!important; } #sticky_holder .adi_cont_details table td:nth-of-type(2) form { display: block!important; margin-top: 15px; } #sticky_holder .adi_cont_details table td:nth-of-type(3) { display: none; } #sticky_holder { position: static!important; max-width: 100%; } .adi_conts_container { margin-top: 30px!important; } .adi_cont_name, .adi_cont_email, .adi_cont_status { white-space: normal!important; } .adi_bd_sp, #sticky_holder div.adi_cont_details, .invite_bubble p, .adiinviter .adi_serv_expand_block, .adiinviter .adi_serv_expand_alt_block { padding: 0 15px!important; } .invite_bubble hr { margin: 60px 15px!important; } .invite_bubble > img { margin: 30px auto; width: 300px!important; } .adi_serv_ico { width: 85px!important; } .adi_nc_conts_html { padding: 0 30px!important; } .adi_nc_invites_table_out { margin-top: 30px!important; padding: 0 15px!important; } #sticky_holder .adi_bd_sp { padding: 0 0!important; } } @media( max-width: 599px ) { .invite_bubble p.smaller span { display: none; } #manifesto-slider .owl-nav { display: none; } #values_container .value_holder { width: 100%; } #with-rocket .l { width: 70%; } #home_new #rocket_bg { min-height: 700px; } #mission p a, #mission p span { color: #2A3539; } #values_container .value_holder { min-height: 280px; } #manifesto-slider .item .manifesto_inner { max-width: 70%; margin: 0 auto; } } @media( max-width: 549px ) { #home_new #rocket_bg { display: none; } #with-rocket .l { width: 100%; } } @media( min-width: 2000px ) { #mission .mission-section { padding: 200px 0 350px; } #home_new #values { padding-top: 250px; margin-top: -250px; } #home_new #rocket_bg { background-position: 500px 400px; } } #phone_prefix { width: 340px!important; margin: 0 auto; } .dd-select { width: 100%!important; border: 0!important; background: #F2F2F2!important; margin-bottom: 15px!important; font-size: 18px!important; font-family: Lato!important; color: #808080!important; padding: 0 15px!important; box-sizing: border-box!important; } a.dd-option, .dd-select a { color: #808080!important; text-decoration: none!important; font-weight: normal; } .dd-pointer-down { display:none!important; } .dd-selected-text { line-height: 52px!important; font-weight: normal; } .dd-selected-image { margin-top: 14px!important; margin-right: 5px!important; } #phone_prefix .dd-options { width: 340px!important; display: block; top: 52px; border: 0; box-shadow: none; height: 270px; } .dd-selected { padding: 0!important; } .owl-carousel .owl-item img.country_flag { display: inline-block; } /* INVITE */ .invite_bubble > img { margin: 60px auto; display: block; width: 400px; max-width: 100%; } .invite_bubble h2 { color: #01BCFF; font-size: 26px; line-height: 1.5; margin-bottom: 30px; text-align: center; } .invite_bubble p { color: #313b3e; color: #000; font-size: 16px; line-height: 1.5; margin-bottom: 30px; text-align: center; font-weight: bold; } .adiinviter, .adi_txt, .adi_head1, .adi_head2, .adi_inp, .adi_link, .adi_link, .adi_cont_name { color: #000!important; } .adi_cont_name { margin-right: 0!important; } .adi_link, .adi_link, .invite_bubble p a { color: #01BCFF!important; } .invite_bubble p a:hover { color: #8B9D9F; } .invite_bubble p.smaller img { margin: 10px 30px 35px 0; display: inline-block; float: left; } .adiinviter .adi_serv_expand_block, .adiinviter .adi_serv_expand_alt_block { padding: 0 50px; } .invite_bubble p.smaller { font-size: 12px; text-align: left; padding: 0 50px; } .invite_bubble p.smaller strong { font-size: 14px; } .adi_serv_impbtn input { border-color: #01BCFF; color: #01BCFF; font-weight: bold; } .adi_serv_hsep { height: auto!important; } .adi_button:hover, .adi_button:active, input.adi_button:hover { color: #fff!important; border-color: #01BCFF!important; background: #01BCFF!important; } .adi_link1, .adi_link1:link, .adi_link1:visited { background: #01BCFF!important; color: #fff!important; border-color: #01BCFF!important; display: inline-block; margin-top: 5px; font-family: inherit; } .adi_serv_ico { width: 100px!important; } .adi_head2 { font-weight: bold!important; font-size: 14px!important; color: #000000!important; } .adi_servtxt { font-size: 12px!important; color: #000000!important; margin-top: 0!important; } .adi_invitation_wrapper { margin-bottom: 60px; } .adi_pagination_lnks { margin-top: 60px!important; } .adi_pagi_link_out { padding-left: 20px!important; padding-right: 20px!important; } .adi_close_block { width: auto!important; } .blog { padding-top: 61px; } .blog .cms_topper { position: fixed; top: 51px; z-index: 1; width: 1060px; max-width: 100%; } .cookie-present .blog .cms_topper { top: 107px; } @media( max-width: 991px ) { .cookie-present .blog .cms_topper { top: 51px; } } .blog div#filters_and_cats_trigger { margin-top: 0; position: fixed; top: 65px; z-index: 2; } /* CATEGORY PAGE */ .dww_category { padding: 0 10px; } .dww_category div.pop_in { margin: 0 0 0 0; } .dww_category #category-header { text-align: center; padding: 60px 0; } .dww_category #category-header h2 { font-size: 20px; color: #2A3539; } .dww_category #category-header h2 span { color: #40BAEA; font-weight: bold; } .dww_category #category-header p { margin-bottom: 0; } .dww_category #category-header a.button { padding: 0; margin: 0; background: transparent; border: 0; color: #408EBE; font-size: 20px; font-weight: bold; } .dww_category #category-header a.button img { width: 36px; height: auto; margin-right: 10px; position:relative; top: -2px; } .dww_category .product_list_filters { width: 25%; float: left; padding-right: 15px; box-sizing: border-box; } .dww_category .product_list { margin-left: -15px; margin-right: -15px; } .dww_category .product_list_wrap { width: 75%; float: right; clear: none; padding-left: 15px; box-sizing: border-box; } .dww_category div.product_list > div.product { width: 33.333333%; padding: 0 15px; margin-bottom: 30px; box-sizing: border-box; } .dww_category div.product_list > div.product.quick { width: 100%; } .dww_category div.product_list div.product > div.was_a { margin: 0 0 0 0; } .dww_category .dww_filter_list { border-radius: 5px; border: 1px solid #F2F2F2; margin-bottom: 15px; } .dww_category .dww_filter_list_header { background: #FCFCFC; padding: 15px; overflow: hidden; position: relative; } .dww_category .dww_filter_list_header.trigger { background-image: url('../img/chevron-down.png'); background-position: 95% center; background-size: 12px 6px; background-repeat: no-repeat; cursor: pointer; } .dww_category .dww_filter_list.active .dww_filter_list_header.trigger { background-image: url('../img/chevron-up.png'); } .dww_category .dww_filter_list_header .inner { width: 80%; float: left; } .dww_category .dww_filter_list_header .outer { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dww_category .dww_filter_list_body { background: #fff; padding: 15px; display: none; } .dww_category .dww_filter_list_body ul { margin-bottom: 0; } .dww_category .checkbox_list label, .dww_category .dww_filter_list_body ul, .dww_category .dww_filter_list_body li { padding: 0; list-style: none; } .dww_category .checkbox_list div.r label { color: #999999; font-size: 13px; } .dww_category .dww_filter_list.active .dww_filter_list_body { display: block; overflow: hidden; } .dww_category .dww_filter_list h4 { color: #808080; font-size: 16px; margin-bottom: 5px; line-height: 1.2; font-weight: 500; } .dww_category .dww_filter_list .inner_text h4 { font-size: 12px; font-weight: bold; color: #40baea; } .dww_category .dww_filter_list p{ font-size: 12px; color: #999999; line-height: 1; margin-bottom: 0; } .dww_category .dww_filter_list p a { color: #40BAEA; } .dww_category .toggle_switch { text-align: right; } .dww_category .toggle_switch label { height: 22px; width: 36px; top: 0; } .dww_category .toggle_switch span:before { height: 18px; width: 18px; } .dww_category .toggle_switch input:checked + span:before { -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); } .dww_category div.category_topper ul#filter_tab_controls li.active { background-image: none; position: relative; } .dww_category div.category_topper ul#filter_tab_controls li.active:after { background-image: url('../img/chevron-grey.png'); background-size: 12px 6px; background-repeat: no-repeat; display: block; position: absolute; content: ""; bottom: -6px; width: 12px; margin: 0 auto; left: 0; right: 0; height: 6px; } .dww_category div#filter_tabs ul.filter_and_sort_list li { width: 100%; margin: 0; padding: 15px; text-align: left; box-sizing: border-box; background-image: url('../img/chevron-down.png'); background-position: 95% center; background-size: 12px 6px; background-repeat: no-repeat; cursor: pointer; position: relative; border: 1px solid #E6E6E6; border-top: 0; } .dww_category div#filter_tabs ul.filter_and_sort_list li.active { background-image: url('../img/chevon-blue.png'); } .dww_category div#filter_tabs ul.filter_and_sort_list li.active:before { display: block; content: ""; background: #40BAEA; width: 3px; position: absolute; left: 0; top: 0; bottom: 0; } .dww_category div#filter_tabs ul.filter_and_sort_list li a { padding: 0; margin: 0; background: transparent; text-align: left; text-transform: none; color: #808080; } .dww_category div#filter_tabs { width: 150px; float: right; background: #FCFCFC; position: relative; z-index: 999999; } .dww_category .inner > div { display: inline-block; max-width: 143px; } .dww_category .inner_image { margin-right: 10px; } .dww_category .inner_image img { width: 22px; display: block; vertical-align: middle; position: relative; top: 3px; } .dww_category .featured_warning { padding: 15px 30px; border-radius: 5px; border: 1px solid #F2F2F2; background: #fcfcfc; margin-bottom: 15px; position: relative; } .dww_category .featured_warning > div { display: inline-block; } .dww_category .featured_warning img { margin-right: 10px; display: block; width: 22px; vertical-align: middle; position: relative; top: 3px; } .dww_category .featured_warning p { font-size: 14px; color: #808080; line-height: 1; margin-bottom: 0; } .dww_category .featured_warning p strong { color: #2a3539; margin-bottom: 5px; display: block; } .dww_category .featured_warning .close { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dww_category .featured_warning .close img { margin: 0; top: 0; width: 10px; } .dww_category .product { position: relative; } .dww_category .product .badge { position: absolute; top: 0; z-index: 1; } .dww_category .product .badge.verified_badge { left: 0px; } .dww_category .product .badge.spotlight_badge, .dww_category .product .badge.featured_badge { right: 0px; } .dww_category .product .badge.verified_badge img { width: 32px; } .dww_category .product .badge.spotlight_badge img, .dww_category .product .badge.featured_badge img { width: 39px; } .dww_category div.product_list div.product div.thumb { border-top: 0; } .dww_category .product .product_inner { border: 1px solid #f2f2f2; margin: 4px; position: relative; } .dww_category .product.featured-profile .product_inner { border: 5px solid #40baea; margin: 0; } .dww_category div.product_list div.product div.decals { position: static; background-image: none; background: #fcfcfc; border-bottom: 1px solid #f2f2f2; } .dww_category div.product_list div.product div.text { background: #fff; padding: 20px 10px; margin: 0; text-align: left; overflow: hidden; } .dww_category div.product_list div.product div.text p { color: #2a3539; padding: 0; margin: 0; } .dww_category div.product_list div.product div.offer { background: #fcfcfc; padding: 20px 10px; margin: 0; text-align: left; overflow: hidden; } .dww_category div.product_list div.product div.decals ul li.distance span, .dww_category div.product_list div.product div.decals ul li.remote span { background-image:url('/_template/img/new_distance.png'); } .dww_category div.product_list div.product div.decals ul li.venue span { background-image:url('/_template/img/new_venue.png'); } .dww_category div.product_list div.product div.decals ul li.home span { background-image:url('/_template/img/new_home.png'); } .dww_category div.product_list div.product div.decals ul li.facetoface span { background-image:url('/_template/img/new_face_to_face.png'); } .dww_category div.product_list div.product div.decals ul li.group span { background-image:url('/_template/img/new_group.png'); } .dww_category div.product_list div.product div.decals ul li.distance_marker { color: #b3b3b3; font-size: 12px; font-weight: bold; line-height: 30px; min-width: 30px; padding: 3px 5px; } .dww_category div.product_list div.product div.text .left { width: 70%; float: left; padding-right: 10px; box-sizing: border-box; } .dww_category div.product_list div.product div.text .right { width: 30%; float: left; text-align: right; } .dww_category div.product_list div.product div.text .left h3 { color: #2a3539; font-weight: bold; font-size: 16px; margin: 0 0 5px; line-height: 1; } .dww_category div.product_list div.product div.text .left p { color: #808080; font-weight: 300; font-size: 10px; line-height: 1.2; } .dww_category div.product_list div.product div.text .rating_container img { width: 20px; margin-right: 5px; vertical-align: middle; display: inline-block; position: relative; top: -2px; } .dww_category div.product_list div.product div.text p.rating_container { color: #ffcf40; font-size: 14px; line-height: 33px; } .dww_category div.product_list div.product_quick div.text .rating_container em { margin-left: 5px; font-size: 10px; color: #b3b3b3; } .dww_category div.product_list div.product div.offer .left { width: 60%; float: left; padding-right: 10px; box-sizing: border-box; } .dww_category div.product_list div.product div.offer .right { width: 40%; float: left; text-align: right; } .dww_category div.product_list div.product div.offer .left h3 { margin-bottom: 0; color: #2a3539; font-size: 14px; font-weight: normal; line-height: 1; } .dww_category div.product_list div.product div.offer .left p { font-size: 14px; color: #40baea; margin-bottom: 0; padding: 0; } .dww_category div.product_list div.product div.offer .right p { color: #2a3539; font-size: 20px; font-weight: bold; line-height: 1; margin-bottom: 0; } .dww_category div.product_list div.product div.offer .right p strike span { display: none; } .dww_category div.product_list div.product.wanted div.offer .left { width: 100%; padding: 0; } .dww_category div.product_list div.product.wanted div.offer .left h3 { font-weight: bold; } .dww_category div.product_list div.product.wanted div.offer .left p { font-weight: bold; } .dww_category div.product_list div.product div.offer .right p span { display: block; font-size: 10px; font-weight: normal; } .dww_category div.product_list div.product div.quick_view_trigger_alt, .dww_category div.product_list div.product div.quick_view_trigger { top: -5px; margin: 0; bottom: -5px; left: -5px; right: -5px; background: rgba(64,186,234,0.9); z-index: 1; text-align: center; } .dww_category div.product_list div.product div.quick_view_trigger_alt > div, .dww_category div.product_list div.product div.quick_view_trigger > div { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; } .dww_category div.product_list div.product div.quick_view_trigger_alt a.btn, .dww_category div.product_list div.product div.quick_view_trigger a.btn { text-transform: uppercase; color: #fff; border: 0; background: #2a3539; border: 0; font-weight: bold; font-size: 16px; border-radius: 0; margin: 0 auto 10px; width: 175px; padding: 10px 15px; box-sizing: border-box; display: block; } .dww_category div.product_list div.product.wanted div.quick_view_trigger_alt a.btn, .dww_category div.product_list div.product.wanted div.quick_view_trigger a.btn { font-size: 14px; padding: 10px 5px; } .dww_category div.product_list div.product div.quick_view_trigger_alt a.btn.btn-alt { background: #408ebe; margin-bottom: 0; } .dww_category div.product_list div.product div.quick_view_trigger_alt a.btn:hover { background: #b5cf26; } .dww_category div.product_list div.product div.quick_view_trigger_alt a.btn.btn-alt:hover { background: #f7941d; } .dww_category div.product_list div.product div.quick_view_trigger_alt a.btn img { width: 20px; margin-right: 8px; vertical-align: middle; } .dww_category div.product_list div.product div.quick_view_trigger_alt a.btn img.wave { width: 14px; } .dww_category div.product_list div.product div.quick_view_trigger_alt a.btn.btn-alt img { width: 18px; } .dww_category .shortlisted { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(42,53,57,0.9); text-align: center; opacity: 0; visibility: hidden; } .dww_category .thumb_inner { position: relative; } .dww_category .shortlisted img { position: absolute; top: 50%; transform: translateY(-50%); width: 45px!important; margin: 0 auto; display: block; left: 0; right: 0; } div.category_base_pad { padding-bottom: 60px; } div.category_base_pad h2 { color: #01bcff; font-size: 26px; line-height: 1.5; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px 0px 40px 0px; } div.category_base_pad p { font-size: 18px; font-family: 'Lato'; color: #666666; line-height: 26px; font-weight: 400; margin-bottom: 30px; } div.category_base_pad p:last-of-type { margin-bottom: 0; } .dww_category .product_quick { position: relative; padding: 0 15px; margin-bottom: -10px; box-sizing: border-box; } .dww_category .product_quick .badge { position: absolute; top: 0; z-index: 1; } .dww_category .product_quick .was_a { overflow: hidden; } .dww_category .product_quick .thumb { border-radius: 100%; background: #40baea; position: relative; padding: 5px; display: inline-block; border-top: 0; float: left; width: 95px; box-sizing: border-box; } .dww_category .product_quick .thumb .thumb_inner { overflow: hidden; border-radius: 100%; } .dww_category .product_quick .thumb .thumb_inner img { max-width: 85px; } .dww_category .product .thumb_inner .button { position: absolute; bottom: 0; right: 0; color: #fff; font-weight: 900; font-size: 12px; line-height: 30px; text-align: center; padding: 0 20px; border-radius: 5px 0 0 0; background: #2a3539; } .dww_category .product_quick .badge.verified_badge { left: 2px; top: 5px; } .dww_category .product_quick .badge.spotlight_badge, .dww_category .product_quick .badge.featured_badge { right: 0px; } .dww_category .product_quick .badge.verified_badge img { width: 24px; } .dww_category .product_quick .badge.spotlight_badge img, .dww_category .product_quick .badge.featured_badge img { width: 39px; } .dww_category .product_quick .product_inner { border: 1px solid #f2f2f2; margin: 4px; position: relative; padding: 15px 30px; } .dww_category .product_quick.featured-profile .product_inner { border: 5px solid #40baea; margin: 0; } .dww_category div.product_list div.product_quick div.text { padding: 0 15px; margin: 0; text-align: left; overflow: hidden; width: 50%; float: left; box-sizing: border-box; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 125px; } .dww_category div.product_list div.product_quick div.text p { color: #2a3539; padding: 0; margin: 0; } .dww_category div.product_list div.product_quick div.offer { overflow: hidden; width: calc(50% - 95px); float: left; text-align: right; box-sizing: border-box; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 30px; background: transparent; } .dww_category div.product_list div.product_quick div.text .left { display: inline-block; padding-right: 15px; box-sizing: border-box; } .dww_category div.product_list div.product_quick div.text .right { display: inline-block; text-align: left; } .dww_category div.product_list div.product_quick div.text .left h3 { color: #2a3539; font-weight: bold; font-size: 16px; margin: 0 0 5px; line-height: 1; } .dww_category div.product_list div.product_quick div.text .left p { color: #808080; font-weight: 300; font-size: 10px; line-height: 1.2; } .dww_category div.product_list div.product_quick div.text .rating_container img { width: 20px; margin-right: 5px; vertical-align: middle; display: inline-block; position: relative; top: -2px; } .dww_category div.product_list div.product_quick div.text p.rating_container { color: #ffcf40; font-size: 14px; line-height: 22px; } .dww_category div.product_list div.product_quick div.text .rating_container em { margin-left: 5px; font-size: 10px; } .dww_category div.product_list div.product_quick div.offer h3 { margin-bottom: 0; color: #40baea; font-size: 16px; font-weight: normal; line-height: 1; } .dww_category div.product_list div.product_quick div.offer h4 { margin-bottom: 0; color: #808080; font-size: 16px; font-weight: 500; font-weight: normal; line-height: 1; } .dww_category div.product_list div.product_quick div.offer p { color: #2a3539; font-size: 20px; font-weight: bold; line-height: 1; margin-bottom: 5px; } .dww_category div.product_list div.product_quick div.offer p span { display: block; font-size: 10px; font-weight: normal; } .dww_category div.product_list div.product_quick div.quick_view_trigger_alt { top: -5px; margin: 0; bottom: -5px; left: -5px; right: -5px; background: rgba(64,186,234,0.9); z-index: 1; text-align: center; position: absolute; } .dww_category div.product_list div.product_quick div.quick_view_trigger_alt > div { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; } .dww_category div.product_list div.product_quick div.quick_view_trigger_alt a.btn { text-transform: uppercase; color: #fff; border: 0; background: #2a3539; border: 0; font-weight: bold; font-size: 16px; border-radius: 0; margin: 0 5px; width: 175px; padding: 10px 15px; box-sizing: border-box; display: inline-block; text-decoration: none; } .dww_category div.product_list div.product_quick div.quick_view_trigger_alt a.btn.btn-alt { background: #408ebe; margin-bottom: 0; } .dww_category div.product_list div.product_quick div.quick_view_trigger_alt a.btn:hover { background: #b5cf26; text-decoration: none; } .dww_category div.product_list div.product_quick div.quick_view_trigger_alt a.btn.btn-alt:hover { background: #f7941d; } .dww_category div.product_list div.product_quick div.quick_view_trigger_alt a.btn img { width: 20px; margin-right: 8px; vertical-align: middle; } .dww_category div.product_list div.product_quick div.quick_view_trigger_alt a.btn.btn-alt img { width: 18px; } .dww_category .product_quick .shortlisted { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(42,53,57,0.9); text-align: center; opacity: 0; visibility: hidden; } .dww_category .product_quick .shortlisted img { position: absolute; top: 50%; transform: translateY(-50%); width: 45px!important; margin: 0 auto; display: block; left: 0; right: 0; } div.product_list div.product_quick.on-shortlist:hover .shortlisted, div.product_list div.product_quick.not-shortlisted:hover div.quick_view_trigger_alt { opacity: 1; visibility: visible; } div.product_list div.product_quick div.quick_view_trigger_alt { opacity: 0; visibility: hidden; } div.category_topper ul#filter_tab_controls li a { font-weight: 500; } div.category_topper ul#filter_tab_controls li.list-view a, div.category_topper ul#filter_tab_controls li.grid-view a { border: 0; padding-left: 5px; padding-right: 5px; font-weight: 500; } div.category_topper ul#filter_tab_controls li.grid-view a { margin-right: 15px; } div.category_topper ul#filter_tab_controls li.list-view a img, div.category_topper ul#filter_tab_controls li.grid-view a img { width: 18px; } div.category_topper ul#filter_tab_controls li.list-view:after, div.category_topper ul#filter_tab_controls li.grid-view:after { display: none!important; } .travel_container { overflow: hidden; } .travel_container .l { width: 33.3333%; float: left; } .travel_container .r { width: 66.6666%; float: left; } .radio_tabs { overflow: hidden; } .radio_tabs input { display: none; } .radio_tabs label { display: inline-block; margin: 0; padding: 5px 10px; font-weight: 400; text-align: center; color: #00ccff; background:#FFF; float: left; border: 1px solid #ebebeb; } .radio_tabs label:nth-of-type(1) { border-radius: 5px 0 0 5px; border-right: 0; } .radio_tabs label:nth-of-type(2) { border-radius: 0; border-right: 0; } .radio_tabs label:nth-of-type(3) { border-radius: 0 5px 5px 0; } .radio_tabs label:hover { color: #00ccff; cursor: pointer; } .radio_tabs input:checked + label, .radio_tabs input:checked + label:hover { color: #fff; background: #00ccff; border-color: #00ccff; } .checkbox_container { overflow: hidden; } .checkbox_inner_container { display: none; overflow: hidden; clear: both; margin-bottom: 10px; } .dww_filter_list_body .checkbox_inner_container .checkbox_list { width: auto; clear: none; margin-right: 5px; } .dww_filter_list_body .checkbox_inner_container .checkbox_list label { margin-left: 0; margin-right: 5px; font-size: 10px; } .dww_filter_list_body .checkbox_inner_container .checkbox_list .l, .dww_filter_list_body .checkbox_inner_container .checkbox_list .r { width: auto; } .dww_filter_list_body .checkbox_inner_container .checkbox_list .l img { height: 12px; width: 12px; } .dww_filter_list_body .distance_slider { position: relative; padding-top: 25px; } .dww_filter_list_body .distance_slider a { position: absolute; bottom: 7px; color: #40baea; font-size: 10px; font-weight: bold; line-height: 10px; } .dww_filter_list_body .distance_slider a:hover { text-decoration: none; color: #999999; } .dww_filter_list_body .distance_slider a.prev { left: 0; } .dww_filter_list_body .distance_slider a.next { right: 0; } .dww_filter_list_body .distance_slider:before, .dww_filter_list_body .distance_slider:after { height: 3px; width: 1px; background: #40baea; content: ""; display: block; position: absolute; bottom: -1px; } .dww_filter_list_body .distance_slider:before { left: 0; } .dww_filter_list_body .distance_slider:after { right: 0; } .dww_filter_list_body input[type="range"] { -webkit-appearance: none; width: 100%; display: block; height: 1px; background: #40baea; outline: none; opacity: 1; } .dww_filter_list_body input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 8px; height: 8px; background: #fff; border: 1px solid #40baea; border-radius: 100%; cursor: pointer; } .dww_filter_list_body input[type="range"]::-moz-range-thumb { width: 8px; height: 8px; background: #fff; border: 1px solid #40baea; border-radius: 100%; cursor: pointer; } .dww_category .dww_filter_list p.distance_filter { font-size: 14px; } .dww_filter_list_body .distance_filter span { display: inline-block; border: 1px solid #40baea; padding: 4px 6px; margin-right: 10px; color: #40baea; } .dww_filter_list_body .distance_filter span small { font-size: 8px; margin-left: 2px; display: inline-block; } .dww_filter_list_body .inline p, .dww_filter_list_body .inline > * { display: inline-block; margin-right: 5px; color: #40baea; font-size: 14px; } .dww_filter_list_body .inline input { border: 1px solid #40baea; padding: 4px 6px; text-align: center; width: 30px; } .dww_filter_list_body .filter_show_more { font-size: 12px; font-weight: 600; color: #40baea; } .dww_filter_list_body .filter_show_more:hover { text-decoration: none; color: #999999; } .dww_filter_list_body .hide_checklists { display: none; } .dww_filter_list_body .starrr .fa-star-o { color: #f2f2f2; } .dww_filter_list_body .starrr .fa-star-o:before { content: "\f005"; } .dww_filter_list_body .starrr { margin-bottom: 5px; margin-top: 0; } .dww_filter_list_body .starrr a { font-size: 20px; } .dww_filter_list_body .starrr a:first-of-type { padding-left: 0; } .dww_category .dww_filter_list p.rating_text { font-size: 14px; } .dww_filter_list_body .starrr .fa-star { color: #40baea; } dd.text .l { float: left; width: 50%; padding-right: 2.5px; box-sizing: border-box; } dd.text .r { float: left; width: 50%; padding-left: 2.5px; box-sizing: border-box; } .category_empty #home_new { overflow: hidden; } .new_empty_cat div.category_base_pad.double_top_margin { padding-top: 60px; padding-bottom: 0; } .new_empty_cat .dww_category .product_list_wrap { width: 100%; float: none; padding: 0; } .new_empty_cat .dww_category div.product_list > div.product { width: 25%; } .new_empty_cat .dww_category .product_list_wrap { overflow: hidden; padding-bottom: 30px; margin-bottom: 60px; border-bottom: 1px solid #f2f2f2; } .new_empty_cat h3 { color: #2a3539; font-weight: bold; font-size: 26px; font-family: "Lato"; margin-bottom: 45px; } div#home_usps div.item div p { color: #2a3539; font-size: 22px; font-weight: 400; font-family: "Lato"; } .new_empty_cat h4 { color: #01bcff; font-weight: bold; font-size: 26px; font-family: "Lato"; margin-bottom: 45px; text-align: center; } div.category_link_list { border-bottom: 1px solid #f2f2f2; margin-bottom: 60px; } div.category_link_list p.head { color: #fff; font-weight: bold; font-size: 26px; font-family: "Lato"; text-transform: none; background: #408ebe; border: 0; } div.category_link_list p > span { text-align: left; padding: 15px 20px; text-transform: none; } div.category_link_list ul { padding: 0; background-color: #f8f8f8; margin-bottom: 60px; } div.category_link_list ul li { padding: 0; border-bottom: 1px solid #f2f2f2; } div.category_link_list ul li:last-of-type { border-bottom: 0; } div.category_link_list ul li a { display: block; padding: 10px 20px; color: #666666; font-size: 17px; font-family: "Lato"; font-weight: 400; } div.category_link_list ul li a:hover { color: #fff; background: #01bcff; } #category_type_filters { overflow: hidden; clear: both; text-align: right; } #category_type_filters ul { list-style: none; border-bottom: 1px solid #e6e6e6; padding-top: 10px; padding-bottom: 5px; margin-bottom: 25px; } #category_type_filters ul li { display: inline-block; padding: 0 30px; } #category_type_filters ul li a { color: #40baea; padding: 5px 0; } #category_type_filters ul li a.active, #category_type_filters ul li a:hover { color: #2a3539; border-bottom: 1px solid #2a3539; text-decoration: none; } .tooltip.bottom { max-width: 160px; } /* NEW PROFILE QUICK VIEW */ div.quickview.dww_profile_modal > div.summary div.profile_name { margin-bottom: 10px; } div.quickview.dww_profile_modal > div.summary div.profile_name p { font-size: 18px; font-weight: bold; color: #2a3539; padding: 0 0!important; } div.quickview.dww_profile_modal > div.summary div.profile_name > * { display: inline-block; margin: 0 5px!important; vertical-align: middle; } div.quickview.dww_profile_modal > div.summary div.profile_name img:first-of-type { width: 17px; } div.quickview.dww_profile_modal > div.summary div.profile_name img:last-of-type { width: 23px; } div.quickview.dww_profile_modal > div.summary p { color: #2a3539; font-size: 12px; line-height: 15px; max-width: 250px; text-align: center; margin: 0 auto 10px; } div.quickview.dww_profile_modal > div.summary > div.rating_location { margin-bottom: 15px; } div.quickview.dww_profile_modal > div.summary > div.rating_location p { display: inline-block; color: #808080; font-weight: 300; font-size: 10px; line-height: 16px; padding: 0; max-width: 90%; } div.quickview.dww_profile_modal > div.summary > div.rating_location .rating_container span { padding: 0 5px; color: #808080; } div.quickview.dww_profile_modal > div.summary > div.rating_location .rating_container img { width: 14px; display: inline-block; margin-right: 3px; position: relative; top: -1px; } div.quickview.dww_profile_modal > div.summary > div.rating_location .rating_container { color: #ffcf40; } div.quickview.dww_profile_modal > div.summary > div.rating_location .rating_container em { color: #b3b3b3; font-size: 7px; padding-left: 3px; } div.quickview.dww_profile_modal > div.summary .controls a.at_btn { color: #64b7e4; border-radius: 5px; border: 2px solid #64b7e4; font-size: 14px; line-height: 45px; width: 150px; text-align: center; text-transform: uppercase; background: #fff; position: relative; display: block; margin: 0 auto; padding-left: 15px; font-weight: bold; box-sizing: border-box; } div.quickview.dww_profile_modal > div.summary .controls a.at_btn:hover { background: #64b7e4; color: #fff; text-decoration: none; } div.quickview.dww_profile_modal > div.summary .controls a.at_btn img { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 18px; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; } div.quickview.dww_profile_modal > div.summary .controls a.at img:last-of-type { opacity: 0; visibility: hidden; } div.quickview.dww_profile_modal > div.summary .controls a.at:hover img:first-of-type { opacity: 0; visibility: hidden; } div.quickview.dww_profile_modal > div.summary .controls a.at:hover img:last-of-type { opacity: 1; visibility: visible; } div.quickview.dww_profile_modal div.profile_video a div.overlay { background-image: url('../img/video-play-btn.png'); width: 60px; height: 60px; opacity: 1; border-radius: 100%; opacity: 0.8; background-size: cover; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; } .dww_modal_controls { width: 100%; text-align: center; } .dww_modal_controls a { display: block; width: 100%; line-height: 50px; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: bold; background: #64b7e4; } .dww_modal_controls a img { margin-right: 10px; display: inline-block; width: 18px; position: relative; top: -1px; } .dww_modal_controls a:hover { background: #f7941d; text-decoration: none; } div.quickview.dww_profile_modal .video { clear: both; overflow: hidden; } div.quickview.dww_profile_modal .content { padding: 0 0 0 0; clear: both; margin-top: 30px; padding-bottom: 30px; margin-right: 30px; margin-left: 30px; border-left: 1px solid #e6e6e6; } div.quickview.dww_profile_modal .content .inner { margin-left: 30px; position: relative; } div.quickview.dww_profile_modal .content .inner:before { width: 18px; height: 18px; border: 1px solid #e6e6e6; border-radius: 100%; position: absolute; top: 15px; left: -40px; display: block; content: ""; background: #fff; } div.quickview.dww_profile_modal .content > div:first-of-type:before { top: 0px; } div.quickview.dww_profile_modal .content .inner:after { background: #64b7e4; width: 6px; height: 6px; display: block; border-radius: 100%; content: ""; position: absolute; top: 25px; transform: translate(-50%, -50%); left: -30px; } div.quickview.dww_profile_modal .content > div:first-of-type:after { top: 10px; } .js-autocollapseAlt.closed { height: 100px; overflow: hidden; position: relative; } .js-autocollapseAlt.closed > span { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 100px; background: transparent; /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 60%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 60%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .js-autocollapseAlt.closed.small { height: 80px; } .js-autocollapseAlt.closed.small > span { height: 80px; } .js-autocollapseToggle { position: relative; padding-right: 15px; } .js-autocollapseToggle:after { position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 0; height: 0; content: ""; display: block; border-style: solid; border-width: 5px 5px 0 5px; border-color: #408ebe transparent transparent transparent; } .js-autocollapseToggle.active:after { width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #408ebe transparent; } div.quickview.dww_profile_modal .content .inner h2 { color: #2a3539; font-weight: bold; font-size: 15px; } div.quickview.dww_profile_modal .content .inner p { color: #808080; font-weight: 300; font-size: 13px; line-height: 16px; } div.quickview > div.content h2 a.js-autocollapseToggle { font-weight: bold; font-size: 11px; color: #408ebe; float: right; } div.quickview > div.content h2 a.js-autocollapseToggle:hover { text-decoration: none; } div.quickview > div.content h2 em { color: #c8c8c8; font-style: normal; font-weight: 400; } div.quickview > div.content h2 em span { padding-left: 15px; padding-right: 10px; } div.quickview.dww_profile_modal .content .inner ul.reviews, div.quickview.dww_profile_modal .content .inner ul.reviews li, div.quickview.dww_profile_modal .content .inner ul.achievements, div.quickview.dww_profile_modal .content .inner ul.achievements li { float: none; } div.quickview.dww_profile_modal .content .inner ul li:after { display: none; } div.quickview.dww_profile_modal .content .inner { padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #e6e6e6; } div.quickview.dww_profile_modal .content > div:first-of-type { padding-top: 0; } div.quickview.dww_profile_modal .content > div:last-of-type { float: left; box-sizing: border-box; width: 100%; padding-bottom: 0; border-bottom: 0; padding-right: 30px; } div.quickview.dww_profile_modal .content .inner ul.reviews li { margin-bottom: 15px; border-bottom: 0; } div.quickview.dww_profile_modal .content .inner ul.achievements li { background-size: 32px 32px; } div.quickview.dww_profile_modal .content .inner ul.achievements li div { border-left: 50px solid transparent; } div.quickview.dww_profile_modal .content .inner ul.school { display: block; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; list-style: none; clear: both; width: 100%; } div.quickview.dww_profile_modal .content .inner ul.school li { background-size: 15px 13px; display: block; clear: both; position: relative; width: 100%; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; background-position: 10px center; background-repeat: no-repeat; min-height: 10px; display: block; float: none; background-image: url(/_template/img/qualifications-modal.png); } div.quickview.dww_profile_modal .content .inner ul.school li div { border-left: 50px solid transparent; } div.quickview.dww_profile_modal .content .inner ul.school li div h6 { color: #2a3539; font-weight: 500; font-size: 13px; line-height: 22px; margin-bottom: 5px; } div.quickview.dww_profile_modal .content .inner ul.school li div p { color: #808080; font-weight: 300; font-size: 12px; line-height: 15px; margin-bottom: 0; } div.quickview.dww_profile_modal .content .inner ul.reviews li > div > div img { width: 24px; height: 24px; vertical-align: top; border-radius: 100%; display: inline-block; } div.quickview.dww_profile_modal .content .inner ul.reviews li > div > div { position: static; } div.quickview.dww_profile_modal .content .inner ul.reviews li > div > div p { display: inline-block; width: calc(100% - 45px); padding-left: 15px; color: #ffcf40; line-height: 16px; } div.quickview.dww_profile_modal .content .inner ul.reviews li > div > div p strong { font-weight: 600; color: #2a3539; font-size: 13px; } div.quickview.dww_profile_modal .content .inner ul.reviews li > div > div p .date { color: #ff8000; font-size: 10px; line-height: 14px; font-style: italic; font-weight: 300; } div.quickview.dww_profile_modal .content .inner ul.reviews li > div > div p img { height: auto; width: 15px; margin-left: 5px; padding-right: 3px; } div.quickview.dww_profile_modal .content .inner ul.reviews li > div { border-left: 15px solid transparent; } div.quickview.dww_profile_modal .content .inner ul.reviews li > div h4 { color: #2a3539; font-size: 14px; font-weight: 500; line-height: 22px; margin-bottom: 15px; } div.quickview.dww_profile_modal .content .inner ul.reviews li > div hr { border-color: #e6e6e6; max-width: 190px; margin-bottom: 15px; } div.quickview.dww_profile_modal .content .inner ul.reviews li p { margin-bottom: 0; } div.quickview.dww_profile_modal .profile_summary { clear: both; text-align: center; padding: 20px 30px; border-top: 1px solid #e6e6e6; margin-top: 15px; } div.quickview.dww_profile_modal .profile_summary p { color: #808080; font-size: 13px; line-height: 22px; margin: 0; } div.quickview.dww_profile_modal .profile_summary p .blue { color: #64b7e4; font-weight: bold; } div.quickview.dww_profile_modal > div.controls { padding: 0; border: 0; } div.quickview.dww_profile_modal .content .inner ul.highlights { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; clear: both; width: 100%; } div.quickview.dww_profile_modal .content .inner ul.highlights li { background-size: 15px 13px; display: block; clear: both; position: relative; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-position: 10px center; background-repeat: no-repeat; min-height: 10px; display: block; float: none; } div.quickview.dww_profile_modal .content .inner ul.highlights li.education { background-image: url(/_template/img/teaching-icon.png); background-size: 14px 8px; } div.quickview.dww_profile_modal .content .inner ul.highlights li.supports { background-image: url(/_template/img/supports-icon.png); background-size: 10px 12px; } div.quickview.dww_profile_modal .content .inner ul.highlights li.teacher { background-image: url(/_template/img/qualified-icon.png); background-size: 10px 11px; } div.quickview.dww_profile_modal .content .inner ul.highlights li.gender { background-image: url(/_template/img/gender-icon.png); background-size: 11px 11px; } div.quickview.dww_profile_modal .content .inner ul.highlights li.signedIn { background-image: url(/_template/img/signedin-icon.png); background-size: 8px 10px; } div.quickview.dww_profile_modal .content .inner ul.highlights li div { border-left: 35px solid transparent; } div.quickview.dww_profile_modal .content .inner ul.highlights li div p { color: #2a3539; font-weight: 500; font-size: 13px; line-height: 22px; margin-bottom: 0; } /* STEP BY STEP GUIDE */ .introjs-overlay { position: absolute; box-sizing: content-box; z-index: 999999; background-color: #000; opacity: 0; background: -moz-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%); background: -o-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%); background: -ms-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%); background: radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%); filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)"; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .introjs-fixParent { z-index: auto !important; opacity: 1.0 !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .introjs-showElement, tr.introjs-showElement > td, tr.introjs-showElement > th { z-index: 9999999 !important; } .introjs-disableInteraction { z-index: 99999999 !important; position: absolute; background-color: white; opacity: 0; filter: alpha(opacity=0); } .introjs-relativePosition, tr.introjs-showElement > td, tr.introjs-showElement > th { position: relative; } .introjs-helperLayer { box-sizing: content-box; position: absolute; z-index: 9999998; background-color: #FFF; background-color: rgba(255,255,255,.9); border: 1px solid #777; border: 1px solid rgba(0,0,0,.5); border-radius: 4px; box-shadow: 0 2px 15px rgba(0,0,0,.4); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .introjs-tooltipReferenceLayer { box-sizing: content-box; position: absolute; visibility: hidden; z-index: 100000000; background-color: transparent; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .introjs-helperLayer *, .introjs-helperLayer *:before, .introjs-helperLayer *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } .introjs-helperNumberLayer { box-sizing: content-box; position: absolute; visibility: visible; top: -16px; left: -16px; z-index: 9999999999 !important; padding: 2px; font-family: Arial, verdana, tahoma; font-size: 13px; font-weight: bold; color: white; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.3); background: #ff3019; /* Old browsers */ background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */ background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */ background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C */ width: 20px; height:20px; line-height: 20px; border: 3px solid white; border-radius: 50%; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)"; /* IE6-9 */ filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)"; /* IE10 text shadows */ box-shadow: 0 2px 5px rgba(0,0,0,.4); } .introjs-arrow { border: 5px solid transparent; content:''; position: absolute; } .introjs-arrow.top { top: -10px; border-bottom-color:white; } .introjs-arrow.top-right { top: -10px; right: 10px; border-bottom-color:white; } .introjs-arrow.top-middle { top: -10px; left: 50%; margin-left: -5px; border-bottom-color:white; } .introjs-arrow.right { right: -10px; top: 10px; border-left-color:white; } .introjs-arrow.right-bottom { bottom:10px; right: -10px; border-left-color:white; } .introjs-arrow.bottom { bottom: -10px; border-top-color:white; } .introjs-arrow.bottom-right { bottom: -10px; right: 10px; border-top-color:white; } .introjs-arrow.bottom-middle { bottom: -10px; left: 50%; margin-left: -5px; border-top-color:white; } .introjs-arrow.left { left: -10px; top: 10px; border-right-color:white; } .introjs-arrow.left-bottom { left: -10px; bottom:10px; border-right-color:white; } .introjs-tooltip { box-sizing: content-box; position: absolute; visibility: visible; padding: 10px; background-color: white; min-width: 200px; max-width: 300px; border-radius: 3px; box-shadow: 0 1px 10px rgba(0,0,0,.4); -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -ms-transition: opacity 0.1s ease-out; -o-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; } .introjs-tooltipbuttons { text-align: right; white-space: nowrap; } /* Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/ Changed by Afshin Mehrabani */ .introjs-button { box-sizing: content-box; position: relative; overflow: visible; display: inline-block; padding: 0.3em 0.8em; border: 1px solid #d4d4d4; margin: 0; text-decoration: none; text-shadow: 1px 1px 0 #fff; font: 11px/normal sans-serif; color: #333; white-space: nowrap; cursor: pointer; outline: none; background-color: #ececec; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec)); background-image: -moz-linear-gradient(#f4f4f4, #ececec); background-image: -o-linear-gradient(#f4f4f4, #ececec); background-image: linear-gradient(#f4f4f4, #ececec); -webkit-background-clip: padding; -moz-background-clip: padding; -o-background-clip: padding-box; /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */ -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; /* IE hacks */ zoom: 1; *display: inline; margin-top: 10px; } .introjs-button:hover { border-color: #bcbcbc; text-decoration: none; box-shadow: 0px 1px 1px #e3e3e3; } .introjs-button:focus, .introjs-button:active { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4)); background-image: -moz-linear-gradient(#ececec, #f4f4f4); background-image: -o-linear-gradient(#ececec, #f4f4f4); background-image: linear-gradient(#ececec, #f4f4f4); } /* overrides extra padding on button elements in Firefox */ .introjs-button::-moz-focus-inner { padding: 0; border: 0; } .introjs-skipbutton { box-sizing: content-box; margin-right: 5px; color: #7a7a7a; } .introjs-prevbutton { -webkit-border-radius: 0.2em 0 0 0.2em; -moz-border-radius: 0.2em 0 0 0.2em; border-radius: 0.2em 0 0 0.2em; border-right: none; } .introjs-prevbutton.introjs-fullbutton { border: 1px solid #d4d4d4; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; } .introjs-nextbutton { -webkit-border-radius: 0 0.2em 0.2em 0; -moz-border-radius: 0 0.2em 0.2em 0; border-radius: 0 0.2em 0.2em 0; } .introjs-nextbutton.introjs-fullbutton { -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; } .introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus { color: #9a9a9a; border-color: #d4d4d4; box-shadow: none; cursor: default; background-color: #f4f4f4; background-image: none; text-decoration: none; } .introjs-hidden { display: none; } .introjs-bullets { text-align: center; } .introjs-bullets ul { box-sizing: content-box; clear: both; margin: 15px auto 0; padding: 0; display: inline-block; } .introjs-bullets ul li { box-sizing: content-box; list-style: none; float: left; margin: 0 2px; } .introjs-bullets ul li a { box-sizing: content-box; display: block; width: 6px; height: 6px; background: #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-decoration: none; cursor: pointer; } .introjs-bullets ul li a:hover { background: #999; } .introjs-bullets ul li a.active { background: #999; } .introjs-progress { box-sizing: content-box; overflow: hidden; height: 10px; margin: 10px 0 5px 0; border-radius: 4px; background-color: #ecf0f1 } .introjs-progressbar { box-sizing: content-box; float: left; width: 0%; height: 100%; font-size: 10px; line-height: 10px; text-align: center; background-color: #08c; } .introjsFloatingElement { position: absolute; height: 0; width: 0; left: 50%; top: 50%; } .introjs-fixedTooltip { position: fixed; } .introjs-hint { box-sizing: content-box; position: absolute; background: transparent; width: 20px; height: 15px; cursor: pointer; } .introjs-hint:focus { border: 0; outline: 0; } .introjs-hidehint { display: none; } .introjs-fixedhint { position: fixed; } .introjs-hint:hover > .introjs-hint-pulse { border: 5px solid rgba(60, 60, 60, 0.57); } .introjs-hint-pulse { box-sizing: content-box; width: 10px; height: 10px; border: 5px solid rgba(60, 60, 60, 0.27); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: rgba(136, 136, 136, 0.24); z-index: 10; position: absolute; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .introjs-hint-no-anim .introjs-hint-dot { -webkit-animation: none; -moz-animation: none; animation: none; } .introjs-hint-dot { box-sizing: content-box; border: 10px solid rgba(146, 146, 146, 0.36); background: transparent; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; height: 50px; width: 50px; -webkit-animation: introjspulse 3s ease-out; -moz-animation: introjspulse 3s ease-out; animation: introjspulse 3s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; position: absolute; top: -25px; left: -25px; z-index: 1; opacity: 0; } @-webkit-keyframes introjspulse { 0% { -webkit-transform: scale(0); opacity: 0.0; } 25% { -webkit-transform: scale(0); opacity: 0.1; } 50% { -webkit-transform: scale(0.1); opacity: 0.3; } 75% { -webkit-transform: scale(0.5); opacity: 0.5; } 100% { -webkit-transform: scale(1); opacity: 0.0; } } @-moz-keyframes introjspulse { 0% { -moz-transform: scale(0); opacity: 0.0; } 25% { -moz-transform: scale(0); opacity: 0.1; } 50% { -moz-transform: scale(0.1); opacity: 0.3; } 75% { -moz-transform: scale(0.5); opacity: 0.5; } 100% { -moz-transform: scale(1); opacity: 0.0; } } @keyframes introjspulse { 0% { transform: scale(0); opacity: 0.0; } 25% { transform: scale(0); opacity: 0.1; } 50% { transform: scale(0.1); opacity: 0.3; } 75% { transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(1); opacity: 0.0; } } .introjs-bullets, .introjs-helperLayer, .introjs-helperNumberLayer { display: none; } .introjs-arrow.left { border-right-color: #40baea; } .introjs-arrow.top-right, .introjs-arrow.top-middle { border-bottom-color: #40baea; } .introjs-tooltip { background-color: #40baea; border-radius: 0; } .introjs-tooltiptext { color: #ffffff; font-size: 12px; font-weight: 400; line-height: 15px; padding-right: 15px; } .introjs-tooltiptext strong { display: block; color: #2a3539; font-size: 14px; font-weight: bold; margin-bottom: 5px; } .introjs-button:focus, .introjs-button:active, .introjs-button:hover, .introjs-button { background-image: none; font-weight: bold; font-size: 10px; line-height: 12px; text-transform: uppercase; color: #fff; background: #2a3539; border-radius: 0; border: 0; box-shadow: none; margin-left: 5px; margin-right: 0; text-shadow: none; } .introjs-button.introjs-skipbutton:not(.introjs-donebutton) { position: absolute; right: 5px; top: 0; background-color: transparent; background: transparent; color: #fff; } .introjs-button.introjs-skipbutton.introjs-donebutton { float: right; } .introjs-button.introjs-disabled { opacity: 0.4; display: none; } #active_filters { overflow: hidden; margin-bottom: 15px; } #active_filters ul { list-style: none; padding-left: 0; margin-bottom: 0; text-align: left; display: block; margin-right: 15px; max-width: calc(100% - 115px); float: left; } #active_filters div { display: block; float: right; } #active_filters div a { border: 1px solid transparent; color: #40baea; font-weight: 400; font-size: 12px; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; padding: 5px 0; display: block; } #active_filters div a:hover { color: #808080; text-decoration: none; } #active_filters ul li { display: inline-block; margin: 0 15px 10px 0; position: relative; } #active_filters ul li img { position: absolute; top: 50%; transform: translateY(-50%); width: 14px; height: auto; right: -6.5px; } #active_filters ul li a { border: 1px solid #808080; color: #808080; font-weight: 400; font-size: 12px; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; padding: 5px 15px; display: block; } #active_filters ul li a:hover { background: #40baea; color: #fff; border-color: #40baea; text-decoration: none; } .blank_loading img { width: 100%; } .blank_loading img:last-of-type { display: none; } @media( max-width: 767px) { .blank_loading img:first-of-type { display: none; } .blank_loading img:last-of-type { display: block; } } @media( min-width: 768px ) { #main-header.nonfixed { position: absolute!important; } } .dww_offer_modal { overflow: hidden; position: relative; } .dww_offer_modal .left { width: 250px; position: absolute; top: 50%; transform: translateY(-50%); text-align: center; box-sizing: border-box; } .dww_offer_modal .right { width: 500px; text-align: left; float: right; padding: 20px; background: #fcfcfc; box-sizing: border-box; border-left: 2px solid #f2f2f2; overflow: hidden; } .dww_offer_modal hr { border-top: 2px solid #f2f2f2; margin: 0 0 60px 0; } .dww_offer_modal .image img { width: 95px; height: 95px; border-radius: 100%; border: 2px solid #40baea; margin-bottom: 10px; } .dww_offer_modal .profile_name p { font-size: 18px; line-height: 22px; margin-bottom: 5px; } .dww_offer_modal .profile_name p img { display: inline-block; margin: 0 0 0 8px; height: 22px; } .dww_offer_modal .rating_location p:not(.rating_container) { font-size: 10px; line-height: 15px; color: #808080; font-weight: 300; margin-bottom: 10px; } .dww_offer_modal .rating_location .rating_container span { padding: 0 5px; color: #808080; } .dww_offer_modal .rating_location .rating_container img { width: 14px; display: inline-block; margin-right: 3px; position: relative; top: -1px; } .dww_offer_modal .rating_location .rating_container { color: #ffcf40; margin-bottom: 10px; } .dww_offer_modal .rating_location .rating_container em { color: #b3b3b3; font-size: 7px; padding-left: 3px; } .dww_offer_modal .left .dww_modal_controls a { padding: 0; color: #40baea; background: transparent; line-height: 18px; } .dww_offer_modal .left .dww_modal_controls a:hover { background: transparent; color: #40baea; } .dww_offer_modal .right h2 { color: #2a3539; font-size: 20px; font-weight: bold; line-height: 20px; margin-bottom: 15px; } .dww_offer_modal .right strong { color: #2a3539; margin-right: 10px; } .dww_offer_modal .right .l { float: left; width: 50%; } .dww_offer_modal .right .r { float: left; width: 50%; text-align: right; } .dww_offer_modal .right .r .dww_modal_controls a { width: auto; display: inline-block; padding: 0 20px; line-height: 40px; } .dww_offer_modal .right .r .dww_modal_controls { text-align: right; margin-top: 10px; } div.quickview.dww_profile_modal.dww_offer_modal .content { margin: 0; border: 0; padding-bottom: 60px; } div.quickview.dww_profile_modal.dww_offer_modal .content p { margin-bottom: 10px; } div.quickview.dww_profile_modal.dww_offer_modal .content p:last-of-type { margin-bottom: 0; } .dww_offer_modal .right .prices p { color: #2a3539; font-weight: bold; margin: 0; font-size: 25px; } .dww_offer_modal .right .prices p span { font-size: 8px; } .dww_offer_modal .prices strike { font-size: 14px; font-weight: bold; color: #808080; }