/*---------------------------------- Theme name: Michigan ----------------------*/ /* #elements ================================================== */ #wrap .colorf, #wrap .hcolorf:hover {color:#d0ae5e;} #wrap .colorb, #wrap .hcolorb:hover {background-color:#d0ae5e;} #wrap .colorr, #wrap .hcolorr:hover {border-color:#d0ae5e;} #wrap .webnus-p p, #wrap .slog-p-w p { max-width: 810px; margin: 0 auto 40px; text-align: center; font-size: 18px; font-weight: 300;} #wrap .webnuc-c { max-width: 900px; margin: 0 auto;} .blox.dark .vc_separator .vc_sep_holder .vc_sep_line {border-color:#d0ae5e} /* contact page */ .w-contact i {font-size: 22px;padding-right: 15px;line-height: 22px;display: table-cell;} .w-contact span {display: table-cell;font-weight: 400; font-size:16px;} .w-contact h5 {margin-top: 52px;font-weight: 900;color: #333;} .w-contact h6 {font-size: 48px;color: #777;font-weight: 100;} #wrap .w-contact-p input, #wrap .w-contact-p textarea {font-family: 'Montserrat',sans-serif; margin-bottom:17px;} #wrap .w-contact-p input[type="submit"]{background:#000;font-weight:100;font-size:12px;border-radius: 4px;padding: 18px 30px;} #wrap .w-contact-p input[type="submit"]:hover {background:#d0ae5e} #wrap .w-contact-p textarea {height: inherit;} /* single event element */ .single-event{position: relative;} .single-event .event-cover{background:transparent;position: absolute; color: #fff;bottom: 0;left: 0;} .single-event .event-cover .event-overlay {transition: all 0.5s; opacity:0.8; width: 100%; height: 100%; position: absolute;} .single-event .event-cover:hover .event-overlay{opacity:1;} .single-event .event-detail{padding: 40px; position: relative;} .single-event .event-cover:hover .event-tag {color: #333;transition:all 0.5s;} .single-event .event-cover .event-title:hover { text-decoration:underline;} .single-event .event-tag{font-family: 'Montserrat',sans-serif; background: #fff; color: #d0ae5e; display: inline-block; padding: 5px 9px; font-size: 10px; text-transform:uppercase; letter-spacing:1px; margin-bottom: 24px;} .single-event .event-date {text-transform: uppercase;font-size: 18px;font-weight: 300;} .single-event .event-title{color: #fff; font-size: 40px; font-weight: 400;} .single-event .event-place {font-weight: 700; text-transform: uppercase; letter-spacing: 2px; font-family: 'Montserrat',sans-serif;} @media only screen and (max-width: 767px) { .single-event .event-cover{width: 100%;} } /* custom single event type 2 ====================================================*/ .event-custom-t2 .r-side {background: #323436;padding: 40px 28px 88px 40px;} .event-custom-t2 .r-side, .event-custom-t2 .l-side img, .event-custom-t2 .l-side { min-height: 405px; max-height: 405px;} .event-custom-t2 .l-side { padding-right: 0;} .event-custom-t2 .r-side {min-width: 360px; max-width: 360px;} .event-custom-t2 .r-side *, .event-custom-t2 .r-side .readmore { color: #fff; border-color: #fff;} .event-custom-t2 .r-side { position: relative;} .event-custom-t2 .r-side .event-tagline { margin-bottom: 37px;} .event-custom-t2 .r-side .event-tagline span { font-family: lora; font-style: italic; text-transform: capitalize; font-size: 13px;} .event-custom-t2 .r-side .event-tagline i { position: absolute; right: 27px; font-size: 20px;} .event-custom-t2 .r-side .event-title {font-size: 20px;line-height: 1.2;margin-bottom: 49px;} .event-custom-t2 .r-side .event-date, .event-custom-t2 .r-side .event-date-place {font-size: 15px;font-weight: 100;text-transform: capitalize;} .event-custom-t2 .r-side .event-date-place { margin-bottom: 40px;} .event-custom-t2 .r-side .readmore { border-radius: 40px; transition: ease .3s all; padding: 10px 39px 9px; letter-spacing: 0;} .event-custom-t2 .r-side .readmore:after { display: none;} .event-custom-t2 .r-side .readmore:hover { background: #fff; border-color: #fff; color: #323436 !important;} @media (min-width:960px) and (max-width:1200px){ .event-custom-t2 .r-side { min-width: 291px; max-width: 291px;} .event-custom-t2 .r-side .event-tagline, .event-custom-t2 .r-side .event-title { margin-bottom: 20px;} .event-custom-t2 .r-side .event-title { font-size: 18px;} } @media (min-width:768px) and (max-width:960px){ .event-custom-t2 .r-side { min-width: 235px; max-width: 235px;} .event-custom-t2 .r-side .event-tagline, .event-custom-t2 .r-side .event-title { margin-bottom: 20px;} .event-custom-t2 .r-side .event-title { font-size: 17px;} .event-custom-t2 .r-side .event-date-place { margin-bottom: 30px;} } @media (max-width:768px){ .event-custom-t2 .l-side, .event-custom-t2 .r-side { min-width: 100%; max-width: 100%;} .event-custom-t2 .l-side { padding-left: 0;} .event-custom-t2 .r-side, .event-custom-t2 .l-side img, .event-custom-t2 .l-side {min-height: auto;} } @media ( max-width: 320px ){ .event-custom-t2 .r-side .event-title { font-size: 15px; margin-bottom: 20px;} } /* date box */ .date-box .ln-item {margin-bottom: 30px; padding-bottom: 28px;} .date-box .ln-date {float: left;min-width: 50px;text-align:center; margin: 0 16px 0 0;} .date-box .ln-date .ln-day {background-color: #fff;color: #666;font-size: 18px;font-weight: 700; padding: 8px 15px;border-radius: 4px 4px 0 0;} .date-box .ln-date .ln-month {color: #fff;border-radius: 0 0 4px 4px;background: #d0ae5e;font-size: 12px;text-transform: uppercase;} .date-box .ln-content .ln-title a{font-size: 18px; font-weight: 600; color: #333;} .date-box .ln-content .ln-des {margin-bottom:10px;font-size: 14px;} .date-box .ln-content h3 {font-size: 16px;font-weight: 600;color: #333;} .date-box:hover h3 {color: #d0ae5e;cursor: pointer;} /* slant box */ #wrap .slant-box {max-width: 1090px; margin: 0px auto 60px;} #wrap .slant-box .container{padding:0; width: auto;} #wrap .slant-box .wpb_column{background-color: #fff; padding-right: 0;} #wrap .slant-box .wpb_column:after {content: '';height: 100%;width: 100%;background-color: #fff;position: absolute;top: 0;right: 0;left: auto;transform: skewX(30deg);transform-origin: top;} #wrap .slant-box .wpb_text_column {z-index:1; position: relative;overflow: hidden; height: 380px; padding: 18px 0;} #wrap .slant-box .wpb_text_column h5{margin-bottom: 30px;} #wrap .slant-box .wpb_text_column p {margin: 24px 0; color: #232323;font-weight: 400;} #wrap .slant-box .wpb_text_column p strong{font-weight: 600; margin-left: 10px;} #wrap .slant-box .wpb_text_column p i { float: left; display: block; margin-top: 2px;} #wrap .slant-box .wpb_text_column .wpb_wrapper { padding-top:25px;} @media only screen and (max-width: 960px){ #wrap .slant-box { min-height: 380px; max-width: 1090px; margin: 0px auto 30px;} #wrap .slant-box .wpb_column { background-color: rgba(255,255,255,0.80);} #wrap .slant-box .wpb_text_column p { margin: 12px; font-size:13px;} #wrap .slant-box .wpb_column:after{ display:none;} } @media only screen and (max-width: 1200px) and (min-width: 960px) { #wrap .slant-box { max-width: 912px;} } @media only screen and (max-width: 767px){ #wrap .slant-box .wpb_text_column .wpb_wrapper { width:400px; margin:auto;} } @media only screen and (max-width: 479px){ #wrap .slant-box .wpb_text_column .wpb_wrapper { width:280px;} } @media only screen and (max-width: 960px) and (min-width: 780px) { #wrap .slant-box .vc_col-sm-4, #wrap .slant-box .vc_col-sm-4 {width:50%;} } /* faq-toggle */ .faq-toggle .acc-trigger a {font-family: 'Hind', sans-serif; background-image: none; padding: 30px 0;} .faq-toggle .acc-trigger a strong{ font-weight: 700;} .faq-toggle .acc-trigger a:before {font-size: 24px; font-family: 'fontawesome'; content: '\f055';margin-right: 9px;display: inline-block;color: #d0ae5e;position: relative;top: 2px;} .faq-toggle .acc-trigger.active a:before{content: '\f059 ';} .faq-toggle .acc-trigger.active {border-top-color: #eeeeee;} .faq-toggle .acc-trigger {border-top: 1px solid #eeeeee;} .faq-toggle .acc-trigger a:hover,.courses-toggle .acc-trigger.active a,.courses-toggle .acc-trigger.active a:hover {color: #242424;} .faq-toggle .content a{color:#000;} /* faq-minimal */ .faq-minimal i{font-size: 32px; float: left; margin: 5px 12px 0 0;} .faq-minimal article {padding: 5px 0 20px; clear:both; margin: 0 0 16px; display:block;} .faq-minimal h4 { font-size: 17px; font-weight: 700; color: #242424; line-height: 20px; margin: 10px 0;} .faq-minimal p {font-weight: 400;} .faq-minimal a {color:#5a5a5a;} .faq-minimal a:hover h4 {color:#d0ae5e;} .faq-minimal .faq-icon {font-size: 32px; float: left; color:#d0ae5e; margin: 5px 20px 54px 0;} .faq-minimal .faq-detail {font-size:10px; overflow:hidden; font-weight:400; color:#999; letter-spacing:1px; text-transform:uppercase;} /* default button */ .button.theme-skin {background: #d0ae5e;} .button.theme-skin:hover {background: #333;} .button.bordered-bot.theme-skin {background-color: transparent;color: #d0ae5e;border: 2px solid #d0ae5e;} .button.bordered-bot.theme-skin:hover {color: #fff;background: #d0ae5e;} /* golden button */ .button.bordered-bot.gold {background: none; color: #d0ae5e; border: 2px solid #d0ae5e;} .button.bordered-bot.gold:hover {background: #d0ae5e; color: #fff;} /* page title over header */ .college-t .page-title-x h2.big-title1 {padding-top: 112px;font-size: 18px;font-weight: 500;text-transform: uppercase;letter-spacing: 12px;} /* essential grid */ .esg-cc a:hover {color: #fff;} .esg-filter-wrapper {margin-bottom: 30px;} .esg-filter-wrapper span {background: #f4f6f8;color: #777;padding: 5px 25px;border-radius: 3px;} .esg-filter-wrapper span:hover {background: #d0ae5e;color: #fff;} #wrap .esg-filterbutton {padding: 0;} .esg-navigationbutton.esg-filterbutton.esg-pagination-button.selected {background: #d0ae5e;color: #fff;padding: 0px 12px !important;margin-right:8px;cursor:pointer;} .esg-navigationbutton.esg-filterbutton.esg-pagination-button {background: #f4f6f8;color: #777;padding: 0px 12px !important;cursor: pointer;} .esg-navigationbutton.esg-filterbutton.esg-pagination-button:hover{background: #d0ae5e;color: #fff;} .eg-grant-wrapper .eg-grant-container,.eg-grant-wrapper .esg-entry-media-wrapper {border-radius: 6px 6px 0 0;} /* webnus table */ .w-table {color:#666;font-size: 16px;border: 0; overflow-x: auto;} .w-table a{color: #666;font-weight:600;text-decoration:none;} .w-table a:hover {color: #d0ae5e;} .w-table th {padding:22px 18px;background: #d0ae5e;border: 0;color: #fff;font-weight: normal;} .w-table td {padding:18px;background: #f5f6f8;border: 0;vertical-align: middle;} .w-table tr.even td {background: #ffffff;} @media only screen and (max-width: 768px) { .w-table{display:block;} } /* courses grid */ .courses-grid article{border:2px solid #ebebeb; padding:1px; position: relative; margin-bottom: 15px;} .courses-grid article:hover .media-links.abs-top {height: 40px;margin-top: -40px;padding: 10px;display: inherit;} .courses-grid article:hover .media-links.abs-top {height: 40px;} .courses-grid article .mc-price{background: #fff; font-family: 'Montserrat','Hind',sans-serif; border-radius: 2px; color: #d0ae5e; position: absolute; top: 16px; left: 16px; text-transform: uppercase; padding: 4px 8px; font-size: 15px;} .courses-grid article .mc-content {padding:0 20px 20px;} .courses-grid article .mc-content h5 { font-size:21px; font-weight: 600; margin-bottom:10px; letter-spacing:-0.4px;} .courses-grid article .mc-content h5 a {color:#323232;} .courses-grid article .mc-content h5 a:hover{color:#d0ae5e;} .courses-grid article .mc-content p {color: #8a8a8a; font-size:14px; word-break: break-all;} .courses-grid article .mc-content .postmetadata {padding:0px; background:#fff; display:inline;} .courses-grid article .mc-content h6 { font-family: 'Montserrat','Hind',sans-serif; font-size: 11px; color: #323232;font-weight: 600; text-align:left; text-transform:uppercase; margin-bottom:8px;} .courses-grid article .mc-content .postmetadata p {padding-top:20px;} .courses-grid article .mc-content .postmetadata .blog-cat,.courses-grid .mc-content .postmetadata .blog-author {padding-right:10px; letter-spacing:0px;} .courses-grid article .mc-content h6 a{color:#777; font-weight:400} .courses-grid article .mc-content h6 a:hover {color: #d0ae5e;text-decoration: none;} .courses-grid article .mc-content h6.course-cat { margin:0 -20px 15px; background:#eaeaea; padding:10px 20px;} .courses-grid article .mc-content {border-bottom: 1px solid #ebebeb;} .courses-grid article .mc-detail {display:table; padding:30px 20px 20px;width: 100%; background:#fbfbfb;} .courses-grid article .mc-detail .mc-detail-d {display:table-row; font-family: 'Montserrat','Hind',sans-serif;} .courses-grid article .mc-detail .mc-detail-d .mc-duration{text-align:left; width:24%; display:table-cell;} .courses-grid article .mc-detail .mc-detail-d .mc-time {width:75%; display:table-cell;} .courses-grid article .mc-detail .mc-detail-d h6 {font-size: 12px; font-weight: 700; text-transform: uppercase; line-height: 0.5;color: #323232;} .courses-grid article .mc-detail .mc-detail-d span {font-size: 12px; color: #a3a3a3;} .courses-grid .rec-title {margin: 60px 0 35px;color: #333;font-size: 26px;font-weight: 700;text-transform: uppercase;text-align: center;border-top: 5px solid #eee;padding-top: 30px;} .courses-grid .row {margin-bottom: 15px;} .courses-grid img{width:100%;} @media only screen and (max-width: 768px) { .courses-grid article{margin-bottom:20px;} .courses-grid .row {margin-bottom: 0px;} } /* Instructors carousel */ .instructors-owl-carousel .owl-wrapper-outer { margin-left: -2px;} .instructors-owl-carousel .owl-item article { margin-left: 10px; margin-right: 10px;} @media only screen and (min-width: 1201px) { .instructors-owl-carousel .owl-item article { margin-left: 15px; margin-right: 15px;} } /* Course Crousle */ .courses-carousel .owl-wrapper-outer { margin-left: -2px;} .courses-carousel .owl-item article.modern-grid { padding-left: 10px; padding-right: 10px;} @media only screen and (min-width: 1201px) { .courses-carousel .owl-item article.modern-grid { padding-left: 15px; padding-right: 15px;} } .our-team-carousel-wrap .owl-controls .owl-buttons .owl-prev, .courses-carousel .owl-controls .owl-buttons .owl-prev { left: -50px; bottom: 50%; } .our-team-carousel-wrap .owl-controls .owl-buttons .owl-next, .courses-carousel .owl-controls .owl-buttons .owl-next { right: -50px; bottom: 50%; } .our-team-carousel-wrap .owl-controls .owl-buttons .owl-prev, .our-team-carousel-wrap .owl-controls .owl-buttons .owl-next , .courses-carousel .owl-controls .owl-buttons .owl-prev, .courses-carousel .owl-controls .owl-buttons .owl-next {font-family: FontAwesome; position: absolute; font-size: 18px; width: 34px; height: 34px; display: block; padding: 4px; text-align: center; border: 1px solid #e3e3e3; border-radius: 73px; color: #393939; background: #fff; cursor: pointer; opacity:1; box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.038); transition: all .18s ease; } .our-team-carousel-wrap .owl-controls .owl-buttons .owl-prev:after, .courses-carousel .owl-controls .owl-buttons .owl-prev:after { content: "\f104";} .our-team-carousel-wrap .owl-controls .owl-buttons .owl-next:after, .courses-carousel .owl-controls .owl-buttons .owl-next:after { content: "\f105";} .our-team-carousel-wrap .owl-controls .owl-buttons .owl-prev:hover, .our-team-carousel-wrap .owl-controls .owl-buttons .owl-next:hover, .courses-carousel .owl-controls .owl-buttons .owl-prev:hover, .courses-carousel .owl-controls .owl-buttons .owl-next:hover {background: #393939; color: #fff; border-color: #393939;} /* instructors Crousle & Course Crousle */ .instructors-owl-carousel .owl-controls .owl-buttons .owl-prev,.courses-carousel .owl-controls .owl-buttons .owl-prev { left: -50px; bottom: 50%; } .instructors-owl-carousel .owl-controls .owl-buttons .owl-next,.courses-carousel .owl-controls .owl-buttons .owl-next { right: -50px; bottom: 50%; } .instructors-owl-carousel .owl-controls .owl-buttons .owl-prev, .instructors-owl-carousel .owl-controls .owl-buttons .owl-next ,.courses-carousel .owl-controls .owl-buttons .owl-prev, .courses-carousel .owl-controls .owl-buttons .owl-next {font-family: FontAwesome; position: absolute; font-size: 18px; width: 34px; height: 34px; display: block; padding: 4px; text-align: center; border: 1px solid #e3e3e3; border-radius: 73px; color: #393939; background: #fff; cursor: pointer; opacity:1; box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.038); transition: all .18s ease; } .instructors-owl-carousel .owl-controls .owl-buttons .owl-prev:after,.courses-carousel .owl-controls .owl-buttons .owl-prev:after { content: "\f104";} .instructors-owl-carousel .owl-controls .owl-buttons .owl-next:after,.courses-carousel .owl-controls .owl-buttons .owl-next:after { content: "\f105";} .instructors-owl-carousel .owl-controls .owl-buttons .owl-prev:hover, .instructors-owl-carousel .owl-controls .owl-buttons .owl-next:hover,.courses-carousel .owl-controls .owl-buttons .owl-prev:hover, .courses-carousel .owl-controls .owl-buttons .owl-next:hover {background: #393939; color: #fff; border-color: #393939;} /* Our Team Carousel */ .our-team-carousel.our-team6 { margin: 0 15px; } @media only screen and (min-width: 469px) and (max-width: 961px) { .instructors-owl-carousel .owl-controls .owl-buttons .owl-next,.courses-carousel .owl-controls .owl-buttons .owl-next { right: 40%; bottom: 0; } .instructors-owl-carousel .owl-controls .owl-buttons .owl-prev,.courses-carousel .owl-controls .owl-buttons .owl-prev { left: 40%; bottom: 0; } } @media only screen and (max-width: 468px) { .instructors-owl-carousel .owl-controls .owl-buttons .owl-next,.courses-carousel .owl-controls .owl-buttons .owl-next { right: 30%; bottom: 0; } .instructors-owl-carousel .owl-controls .owl-buttons .owl-prev,.courses-carousel .owl-controls .owl-buttons .owl-prev { left: 30%; bottom: 0; } } /* Modern Course Grid */ .modern-grid.llms-course-list .llms-course-link { padding: 0; background: #fff; border: 1px solid #e3e3e3; margin-bottom: 35px; box-shadow: 0 2px 0 0px rgba(0,0,0,0.035);} .modern-grid .modern-content,.modern-grid .modern-cat { text-align: left;} .modern-grid .modern-content .llms-title { padding: 15px 20px 0;} .modern-cat { padding: 6px 12px 4px;} .modern-cat i { padding-right: 7px; font-size: 13px;} .modern-cat a,.modern-cat i { color: #777; transition: all 0.2s ease;} .modern-cat a { font-family: 'Montserrat',sans-serif; font-size:12px;} .modern-cat:hover a, .modern-cat:hover i { color: #d0ae5e;} .modern-grid.llms-course-list .courses li .llms-title { margin-bottom: 4px; line-height: 26px; padding-top: 20px;} .modern-grid .llms-title { font-size:18px; line-height:23px; font-weight: 700;} .modern-grid .llms-title a { color: #2a2a2a; transition: all 0.2s ease;} .modern-grid .llms-title a:hover {color: #d0ae5e;} .modern-grid .modern-meta .modern-instructor a { color: #888; font-weight: 400;} .modern-grid .modern-meta .modern-instructor a:hover { color: #424242;} .modern-grid .modern-meta .modern-instructor img { border-radius: 50%; margin-right:5px;} .modern-grid .modern-feature { position: relative;} .modern-grid .modern-feature img { width: 100%;} .modern-grid .modern-duration { position: absolute; bottom: 25px; right: -1px; background: #fff; padding: 1px 20px 1px 10px; font-size: 12px; color: #888; box-shadow: -1px 0px 0px 1px rgba(0,0,0,0.10);} .modern-grid .modern-duration i { padding-left: 8px; color: #888; vertical-align: middle;} .modern-grid .modern-meta { padding: 10px 4px;} .modern-grid .modern-meta div { text-align: left;} .modern-grid .modern-students i { padding-right: 6px; font-size: 15px; color: #888;} .modern-grid .modern-students { font-family: 'Montserrat',sans-serif; color: #888; display: block; text-align: right; font-size: 12px;} .modern-grid .modern-viewers i { padding-right: 6px; font-size: 15px; color: #888;} .modern-grid .modern-viewers { font-family: 'Montserrat',sans-serif; color: #888; display: block; text-align: right; font-size: 12px;} .modern-grid .modern-rating { padding: 0 0 20px 20px;} .modern-grid .modern-rating strong { color: #888; font-weight: 400; font-size: 12px;} .modern-grid .llms-price-wrapper .llms-price { color: #d0ae5e; font-size: 15px; font-weight: 400; font-family: 'Montserrat',sans-serif; padding: 14px 20px 14px; background: #f7f7f7;} .modern-grid .llms-price-wrapper .llms-price ins { background-color: rgba(0, 0, 0, 0);} .courses-modern .llms-course-list { padding: 0;} /* Course List */ .course-list-border-right {border-right: 1px solid #e3e3e3; padding-right: 0; padding-left: 0; min-height: 39px;} .w-course-list { border: 1px solid #e3e3e3; margin-bottom: 30px; box-shadow: 0 2px 0 0px rgba(0,0,0,0.035);} .w-course-list .course-list-cat { padding: 10px 12px; border-bottom: 1px solid #e3e3e3; margin: 0; font-family: 'Montserrat',sans-serif; font-size: 12px; text-align: left;} .w-course-list .course-list-cat i { padding-right: 7px; font-size: 13px;} .w-course-list .course-list-cat a,.w-course-list .course-list-cat i { color: #777; transition: all 0.2s ease;} .w-course-list .course-list-cat:hover i,.w-course-list .course-list-cat:hover a {color: #2b2b2b;} .w-course-list .llms-purchase-link-wrapper { margin: 0;} .w-course-list .llms-purchase-link-wrapper .llms-progress { margin: 0;} .course-list-review { padding: 8px 20px 7px; border-top: 1px solid #e3e3e3; color: #888;} .course-list-review strong {font-weight: 400; font-size: 12px;} .course-list-review .rating img { margin-top: -3px;} .course-list-content {padding: 33px 14px 10px; text-align: left;} .course-list-content h5 a { font-size:21px; color: #303030; font-weight: 600; transition: all 0.2s ease;} .course-list-content h5 a:hover { color: #d0ae5e;} .course-list-content p { padding-top: 8px; font-size:14px;} .course-list-col .course-list-content p { font-size:13px;} .course-list-content p, .course-list-content form, .course-list-content .llms-button { margin: 0;} .w-course-list .course-list-price { padding-top: 4px; color: #d0ae5e; font-size: 16px;} .w-course-list .course-list-price ins { background-color: transparent;} .w-course-list .course-list-viewers i { padding-right: 6px; font-size: 15px; color: #888;} .w-course-list .course-list-viewers { font-family: 'Montserrat',sans-serif; color: #888; display: block; text-align: right; font-size: 13px;} .w-course-list .course-list-meta { border-top: 1px solid #e3e3e3; padding: 8px 0; background: #f7f7f7; text-align: center; color: #888; font-size: 12px;} .w-course-list .course-list-meta i {padding-right: 7px; font-size: 13px; vertical-align: middle; color: #d0ae5e;} .w-course-list .course-list-meta a { color: #888;} .course-list-t .modern-duration {display: none;} @media only screen and (min-width: 961px) and (max-width: 1200px) { } @media only screen and (max-width: 960px) { .course-list-border-right { border: 0;} .w-course-list figure img {width: 100%;} } /** single faq */ .wsingleblog-side.leftside {text-align: right;} .wsingleblog-status ,.wsingleblog-sharing .blog-social span {color: #848484;font-style: italic;font-size: 14px;font-weight: 400;text-transform: capitalize;padding-bottom: 4px;} .wsingleblog-sharing .blog-social {display: block;direction: rtl;} .wsingleblog-sharing .blog-social span {text-transform:inherit;display: block;margin-bottom: 10px;} .wsingleblog-sharing .blog-social a {display: block;border-radius: 0px;width: 40px;height: 40px;line-height: 40px;color: #fff;background: #777;padding: 0;font-size: 20px;margin-bottom: 10px;} .wsingleblog-date {margin-bottom: 40px;text-transform: uppercase;font-weight: bold;color: #313131; font-family:'Montserrat', sans-serif;} .wsingleblog-post p {color: #666;} .wsingleblog-post p a {color: #3578ad;} .wsingleblog-post .post-trait-w h1 {padding: 25px 0 0;font-weight: 600;color: #242424;text-transform: capitalize;} .wsingleblog-post .postmetadata .blog-date {display: block;margin-bottom: 40px;text-transform: uppercase;font-weight: bold;color: #313131;font-size: 15px;border-bottom: 1px solid #ebebeb;padding-bottom: 40px;} .wsingleblog-post .postmetadata .blog-cat {margin-bottom: 25px; margin-top: 40px;} .wsingleblog-post .postmetadata .blog-cat a {color: #fff;background: #282828;letter-spacing: 1px;padding: 7px 12px;text-transform: uppercase;font-weight: 600;} .wsingleblog-post .postmetadata .blog-cat a:hover {background: #d0ae5e;text-decoration: none;color: #fff;} .rec-wsingleblogposts .rec-post {border: 0px;text-align: left;} .rec-wsingleblogposts .rec-post figure {padding-bottom: 20px;} .rec-wsingleblogposts .rec-post h5 a {color: #333;letter-spacing: 0px;} .rec-wsingleblogposts .rec-post p {letter-spacing: 0px;font-size: 13px;color: #b0b0b0;font-weight: 400;} @media only screen and (min-width: 1200px){ .container.rec-wsingleblogposts { margin-left: -15px; margin-right: -15px;} } @media only screen and (max-width: 960px) { .wsingleblog-side.leftside {display:none;} } /* admission undergraduate */ .circle-box {background: #292929;margin-left: -36px;border-radius: 50%;padding: 65px;width: 560px;height: 560px;text-align: center;} .circle-box h4 {color: #fff;font-size: 26px;padding: 0 82px;text-align: center;font-weight: 100;line-height: 46px;margin-top: 17px;} .circle-box p{color:#fff} .circle-box p strong{color:#d0ae5e} /* apply */ .golden-box {text-align: center;min-width: 400px;min-height: 240px;} .golden-box p {line-height: 6px;font-size: 16px;letter-spacing: 4px;font-weight: 400;color: #fff;} .golden-box h3 strong {font-size: 12px;color: #fff;padding: 40px 0 15px;display: block;} .golden-box h4 {font-size: 16px;display: block;color: #fff;padding-top: 16px;padding-bottom: 6px;} .golden-box strong {letter-spacing: 0;font-size: 14px;} @media only screen and (max-width : 1200px){ .golden-box { min-width: auto; } } /* big number */ .w-big-number {text-align: center;} .w-big-number h3 {font-size: 150px;font-weight: 100;line-height: 116px;} /* login and register */ #wrap .um-button {background: #d0ae5e;color: #fff;border: 2px solid #000;} #wrap .um-button:hover {background: #000;} #wrap .um-button.um-alt:hover {color: #fff;background: #000} #wrap .um-icon-android-checkbox-outline {color: #d0ae5e;} #wrap .um-form .um-button.um-alt {background: #eee;border: 2px solid #d0ae5e;color: #666;} /* max sliders */ .max-hero .slides-control {margin: 0px; padding: 0px; list-style: none; position: relative; height: 100%; display: block; background-color:#222;} .max-hero .slides-control .slides-container {display: none;} .max-hero .slides-control .sparallax .slide-image {background-attachment: fixed;background-size: cover; background-position: center center; background-repeat: no-repeat;} @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { .max-hero .slides-control .sparallax .slide-image {background-attachment: scroll;} } .max-hero .slides-control .spattern .slide-image:after, .spattern.max-video:after, .video-sec .spattern:after{ background: url(../images/spattern.png); width:100%; height:100%; bottom:0; left:0; position:absolute; z-index: 1; content: "";} /* max sliders navigation */ .max-hero .slides-navigation {margin: 0 auto;position: absolute;z-index: 3;top: 46%;width: 100%;} .max-hero .slides-navigation a {position: absolute;display: block;width:74px;height:74px;background:url(../images/arrows2.png);opacity:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;} .max-hero .slides-navigation a.prev {left: 1%;background-position:bottom center;} .max-hero .slides-navigation a.next {right: 1%;background-position:top center;} .max-hero .slides-navigation a:hover{opacity:1 !important;} .max-hero:hover .slides-navigation a{opacity:0.3;} /* max sliders content */ .maxslider .slides-content {color:#fff; position: absolute; width: 100%; top: 38% ; margin: 0 auto; z-index: 2; background: transparent; height: 300px; min-height: 300px; text-align: center; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); transform: translatey(-50%);} .tagline-slider.flexslider{background: transparent; text-align:center; margin-bottom:20px;} .tagline-slider.flexslider .slides {height:auto; padding:0;margin:0 auto;position:relative; overflow:initial;} .tagline-slider.flexslider .slides li{word-break: break-word; color:#26272e; list-style:none; line-height: 60px; font-family: 'pt serif';font-style: italic;font-size: 54px;} .tagline-slider.flexslider .slides li span{color: #a67f01;letter-spacing: 3px;} .tagline-slider.flexslider .flex-control-nav li {margin: 12px 6px 0;} .tagline-slider .flex-direction-nav {display:none;} .tagline-slider .flex-control-nav {position: static;} .tagline-slider .flex-control-paging li a {background: #a67f01;width: 8px;height: 8px;border: 2px solid #a67f01;text-shadow: 1px 1px 2px rgba(0,0,0,5);} .tagline-slider .flex-control-paging li a.flex-active { border-color: #26272e;background: #26272e;} .slides-content p {line-height: 26px; width: 100%; max-width: 670px; margin: 15px auto; position: relative; text-align: center;color: #fff; font-size:16px; font-weight: 300; letter-spacing:0;} .slides-content .button.small { margin-top:50px; font-size: 12px; font-weight:bold; color: #fff; letter-spacing: 2px; text-transform: uppercase;text-shadow:1px 1px 1px rgba(0,0,0,0.28); padding:10px 25px; border-radius:25px;} .slides-content .button.small:after { display:none;} .slides-content .button.small.gray { background:none; border: 2px solid rgba(255,255,255,0.77); box-shadow:0px 1px 5px rgba(0,0,0,0.14) inset;} .slides-content .button.small:hover { background:rgba(0, 0, 0, 0.4);} .slides-content .button.small.black { background:rgba(0, 0, 0, 0.36); box-shadow: 0 0 10px rgba(0,0,0,0.12) inset;} .slides-content .button.small.black:hover { background:rgba(0, 0, 0, 0.88);} .max-hero h1, .max-hero h2, .max-hero h3, .max-hero h4, .max-hero h5, .max-hero h6 { color:#fff; line-height:1.3; margin-bottom:10px; text-shadow:1px 1px 2px rgba(0,0,0,0.2); font-weight:400;} .max-hero h1, .max-hero h2 { font-weight:300;} .max-hero h1 strong, .max-hero h2 strong, .max-hero h3 strong { font-weight:bold;} .max-hero h1, .max-hero h1 strong { font-size:68px; letter-spacing:-3px;} .max-hero h2 { font-size:65px;} .max-hero h3 { font-size:59px; padding:7px 12px; margin:20px 0; border:5px solid #fff; line-height:1; text-transform:uppercase; display:inline-block; font-weight:900; position:relative; letter-spacing:-0.06em; opacity:0.91;} .max-hero h3:after, .max-hero h3:before, .max-hero h5:before { content:""; display:block; width:80px; height:5px; margin-left:-40px; background:#fff; position:absolute; left:50%; top:-10px;} .max-hero h3:after, .max-hero h5:after { top:auto; bottom:-10px;} .max-hero h5:before { height:3px; opacity:0.71; background:#d0ae5e; width:50px; margin-left:-25px;} .max-hero h5 { position:relative; font-size:18px; font-weight:400; padding-top:25px; margin-bottom:20px; line-height:1.6;} .max-hero h4 { font-size:30px; letter-spacing:-0.04em; font-weight:300;} .max-hero h6 { font-size:17px; padding:12px 18px; margin:20px 0 30px; background:rgba(0, 0, 0, 0.3); display:inline-block; line-height:1.8;} .spattern * { color:#fff;} @media (max-width: 767px) { .max-hero h1, .max-hero h1 strong { font-size:48px; letter-spacing:-0.03em;} .max-hero h2 { font-size:40px;} .max-hero h3 { font-size:35px; letter-spacing:-0.03em; line-height:1; margin-bottom:10px; padding:6px 11px;} .max-hero h5 { font-size:14px;} .slides-content p, .video-play-btn-wrap { margin:16px auto;} } /* video play button */ .video-play-btn-wrap { display:block; text-align:center; min-height:60px;} .video-play-btn i { background:none; font-size:32px; border-radius:50%; color:#41474d; padding: 18px 18px 16px 23px; border: 4px solid; -webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;} .blox.dark .video-play-btn i, .vc_col-has-fill .video-play-btn i { color:#fff;} .video-play-btn i:hover { color:#41474d !important; background-color:#fff !important; border:4px solid #fff !important; box-shadow:0px 1px 15px rgba(0,0,0,0.19);} @media (max-width: 767px) { .video-play-btn-wrap { line-height: 80px; height: 80px; padding-top:5px;} } .big-title1 { font-size: 38px; margin-bottom: 30px; font-weight: 300; color: #343434; position:relative; padding-bottom:20px; letter-spacing:-2px;} .big-title1:after { content:""; position:absolute; width:80px; height:0; left:0; bottom:0; margin:0; border-bottom:3px solid #d0ae5e} .big-title1.aligncenter:after { left:50%; margin-left:-40px;} @media (max-width: 767px) { .big-title1 { font-size:31px; letter-spacing:-1px;} } /* max titles */ .sec-divider { background:url(../images/dividerline1.png) center center repeat-x; margin: 25px auto 30px; display: block; position: relative; height:1px} .sec-divider .cir{margin: auto; width: 50px; height: 50px; border: 1px solid #d7d7d7; padding: 11px 0;text-align: center;position: relative;top: -26px; border-radius: 100px; font-size:16px; line-height:26px; color:#b5b9bc} .blox.dark .sec-divider { background:url(../images/dividerline2.png) center center repeat-x;} .blox.dark .sec-divider .cir {border: 2px solid rgba(255, 255, 255, 0.7); color:#fff} .max-title, .max-title2,.max-title3, .max-title4, .max-title5{text-align: center; margin:45px auto 40px; font-weight: 400; letter-spacing: 1.6px;} .max-title { margin-bottom: 5px; display: inline-block; text-align:left; margin-top:40px;} .max-title1{ position: relative; margin-bottom: 20px; margin-top:10px; padding-top:12px; text-align:center; min-height:50px;} .max-title1:before { content: ''; width: 100%; height: 0; display: block; border-bottom: 6px solid #d7d7d7; margin:15px 0 0;} .max-title1 * { display:inline-block; letter-spacing:4px; background:#fff; padding:0 15px 5px; font-size:27px; font-weight:700; color:#101010; text-transform:uppercase; line-height:35px; margin-bottom:-1px; width:auto; max-width:100%; position:absolute; top:12px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0);} @media only screen and (min-width: 961px) and (max-width: 1200px) { .max-title1 * { font-size:17px; letter-spacing:1px; padding-left:7px; padding-right:7px;} } @media only screen and (min-width: 768px) and (max-width: 960px) { .max-title1 * { font-size:21px; letter-spacing:2px; padding-left:10px; padding-right:10px;} } @media (max-width: 767px) { .max-title1 * { font-size:19px; letter-spacing:1px; padding-left:8px; padding-right:8px;} } @media (max-width: 479px) { .max-title1 * { font-size:13px; letter-spacing:0.6px; padding-left:4px; padding-right:4px;} } .vc_span6 .max-title, .vc_span3 .max-title, .vc_span4 .max-title { margin-top:14px;} .max-title * { font-weight: 400;position: relative;display: inline-block; color: #101010; font-size:21px; line-height:1.3; margin-bottom:0; letter-spacing:1px; text-transform:none;} .max-title:after { content: ''; margin: 6px 0 15px; width: 35px; height: 0; display: block; position: relative; border-bottom: 3px solid #494949;} .max-title .max-line { display:none;} .max-title3 { position:relative;text-align: center; margin: 20px auto 30px;} .max-title3:before {content: ' '; border-bottom: 1px solid #ebebeb; width: 450px; display: block; position:absolute; left:50%; margin-left:-225px; margin-top:42px;} .max-title3 * { font-size: 28px; line-height: 41px; font-weight:700; letter-spacing: 0; background: #fff; display: inline; position: relative; top: 20px; padding: 10px;} .max-title3 span { position:static; padding:0; margin:0; line-height:normal; background:none; top:auto;} .max-title3 p {display:block; font-weight:normal; font-size:28px;} .blox .max-title3:after, .blox .max-title3:before { border-color:#ddd;} .blox .max-title3 * { border:1px solid #ddd;} .blox.dark .max-title3 { border-bottom: 0 none; padding-top:20px;} .blox.dark .max-title3 * {background: none; border:none;} .blox.dark .max-title3:after {content: ' '; border-bottom: 1px solid #fff; width: 100px; display: block; margin: 0 auto; padding-top: 45px;} .blox.dark .max-title3:before { display:none;} .max-title5 *, .max-title2 *, .max-title4 *{ font-weight: bold;position: relative;display: inline-block; color: #101010; margin-top:20px; font-size:13px; line-height:1.3; margin-bottom:0; letter-spacing:1.6px; text-transform:uppercase;} .max-title5 , .max-title2 { margin-top:25px; margin-bottom:23px;} .max-title2 { margin-top:10px;} .max-title2 *, .max-title4 *{ font-weight:600; font-size:24px; color:#111;} .max-title5:after, .max-title2:after, .max-title4:after{ content: ''; margin: 14px auto 20px; width: 60px; height: 0; display: block; position: relative; border-bottom: 1px solid #d0ae5e;} .max-title2:after, .max-title4:after { width:60px; border-bottom:3px solid #d0ae5e; margin-bottom:35px;} .blox.dark .max-title5 *, .blox.dark .max-title4 *{ color:#fff;} .max-title4 { text-align:left; margin-top:8px; margin-bottom:14px;} .max-title4 * { text-align:left; font-size:17px; letter-spacing:1px;} .max-title4:after { width:40px; border-bottom: 2px solid #d0ae5e; margin:0; margin-top:8px;} .max-title6 *,.max-title5 * { font-size:32px; font-weight:400; letter-spacing:5px; text-transform:none; margin-bottom:45px; font-family:'Montserrat', sans-serif;} .max-title6 *,.max-title5 h2 { line-height:37px;} .max-title5:after {margin-top:-3px;width: 295px;height: 5px;background: url("../images/max-title-border.png") repeat-x bottom center;border: none;} .max-title1, .max-title2, .max-title3, .max-title4, .max-title5, .max-title6, .max-title7 {text-align: center;} .max-title4 * { font-weight: 300;position: relative;display: inline-block; color: #101010; margin-top:20px; font-size:33px; line-height:1.3; margin-bottom:0; letter-spacing:1.6px; text-transform:uppercase;} .max-title4 { margin-top:25px; margin-bottom:20px;} .max-title4:after { content: ""; margin: 19px auto 20px; width: 70px; height: 0; display: block; position: relative; border-bottom: 3px solid #d0ae5e;} .blox.dark .max-title4 *{ color:#fff; border-color:#fff;} .blox.dark .max-title4:after { border-color:#fff;} .max-title6:after{ content: ""; margin: 14px auto 10px; width: 195px; height: 0; display: block; position: relative; border-bottom: 1px solid #e3e3e3;} .blox.dark .max-title6:after{ border-bottom-color:#fff;} .max-title6 {position: relative;} .max-title6:before {content: "";background: #f6f4f5;;border: 1px solid #e3e3e3;border-radius: 3px;width: 11px;display: inline-block;height: 11px;position: absolute;bottom: 0;margin: 0 0 -5px -5px;z-index: 1;} /* subtitle */ .sub-title {padding: 12px 0 14px; margin: 16px 0 16px 1px; border-bottom: 2px solid #27ae60; text-transform: uppercase; font-size: 14px; color: #777; letter-spacing: 1.2px; font-weight: bold;} .sub-title { border:0; margin-bottom: 5px; display: block; text-align:left; position: relative;} .sub-title * { font-weight: 600;color: #393939; font-size: 24px; line-height: 1.2; margin-bottom: 0;border-bottom: 4px solid #ebebeb; letter-spacing: -0.5px; padding-bottom: 20px;text-transform: capitalize;} .sub-title:after {content: ""; margin: 11px 0 15px; width: 68px; height: 4px; background: #d0ae5e; position: absolute; bottom: 14px;left: 0; border-right: 3px solid #fff; margin: 0;} .subtitle-four { margin-bottom: 5px; display: block; text-align:left;} .subtitle-four *{ position: relative;display: inline-block; color: #101010; font-size:24px; font-weight:bold; line-height:1.3; margin-bottom:0; letter-spacing:1.6px; text-transform:none;} .subtitle-four:after{ content: ""; margin: 14px 0 15px; width: 60px; height: 0; display: block; position: relative; border-bottom: 3px solid #d0ae5e;} .alignright .subtitle-four {direction: rtl;} /* max paragraph */ .max-p {max-width: 660px; margin: 0 auto 40px; font-size: 19px; line-height: 1.7; color: #a2a5a7; font-weight: 300; text-align:center} .blox.blackbox .max-p {color:#808080} #wrap .bg-white { background:#fff;} /* welcome box */ p.welcomebox { background:#f7f7f7; color:#000; padding:30px; font-size:15px; text-align:center; position:relative;} p.welcomebox:after, p.welcomebox:before { content: ''; width: 50px; height: 0; display: block; border-bottom: 1px solid #d9d9d9; position:absolute; bottom:0; margin-left:-3px; left:50%;} p.welcomebox:before { width:140px; margin-left:-70px;} p.welcomebox:after { width:5px; height:5px; border-radius:3px; background:#d0ae5e; border:none; margin-bottom:-2px;} /* # webnus divider ================================================== */ .w-divider{text-align: center;margin: 40px auto 30px;} .w-divider i{padding: 25px; border-radius: 50%; margin-bottom: 20px; font-size: 24px; color: #fff; display: inline-block;} .w-divider h3{font-weight: 300;color: #202020;font-size: 28px; text-transform:uppercase; letter-spacing:1px;} .w-divider .spl, .w-divider .spr{border-bottom: 2px solid; padding: 0 1px 7px;} .w-divider2{text-align: center;margin: 24px auto 24px;} .w-divider2 i{padding: 25px; border: 1px solid #e3e3e3; border-radius: 50%; margin-bottom: 20px; font-size: 24px; display: inline-block;} .w-divider2 h3{font-weight: 700;color: #101010;font-size: 26px; letter-spacing:-1px} .w-divider2 .spl, .w-divider2 .spr, .w-divider2 .spln{border-bottom: 1px solid #e3e3e3; padding: 0 4px 10px;} .w-divider2 .spln {width: 70px; display: block; margin: 7px auto;} .w-divider3{margin: 24px auto 24px;} .w-divider3 h3{font-weight: 800;color: #101010;font-size: 24px;} .w-divider3 .spb {background:#fff; padding-right: 10px;} .w-divider3 .spl, .w-divider3 .spr {padding: 0 10px 0 0; border-radius: 6px;} .w-divider3 .spr{color:#fff; padding:0 10px;} .w-divider3 .spln {display: block; margin-top: -17px; border-bottom: 1px solid #e5e5e5;} .blox .w-divider3 .spl,.blox .w-divider3 .spr,.blox .w-divider3 .spb {background: none;} .blox .w-divider3 .spln {margin-top: 0;padding-top: 5px;} .w-divider4{margin: 24px auto 24px;} .w-divider4 h3{font-weight: 800;color: #101010;font-size: 24px;} .w-divider4 .spl, .w-divider4 .spr {background: #fff; padding: 0 10px 0 0;} .w-divider4 .spln {display: block; margin-top: -17px; border-bottom: 1px solid #e5e5e5;} .blox .w-divider4 .spl,.blox .w-divider4 .spr {background: none;} .blox .w-divider4 .spln {margin-top: 0;padding-top: 5px;} .w-divider5{text-align: center;margin: 24px auto 24px;} .w-divider5 i{ width:48px; height:48px; padding: 12px; border-radius: 50%; margin-bottom: 20px; font-size: 24px; display: inline-block; background: #fff; position: absolute; left: 50%; top: 30px; margin-left: -21px;} .w-divider5 h3{font-weight: 300;color: #101010;font-size: 26px; position: relative; display:inline-block; margin-bottom:0;} .w-divider5 .spl, .w-divider5 .spr, .w-divider5 .spln{padding: 0 4px 16px;} .w-divider5 .spln {display: block; margin: 7px auto;border-bottom: 1px solid #e5e5e5;} .w-divider6 { margin: 55px auto 17px; overflow: hidden;} .w-divider6 i { padding: 17px; border-radius: 50%; margin-bottom: 30px; font-size: 32px; color: #fff; display: inline-block; float: left;} .w-divider6 h3 { font-weight: 600;color: #535458; font-size: 22px; line-height:27px; margin-bottom: 0; display: block; border-bottom: 1px solid #e1e1e1; margin-left: 76px; margin-top: 5px; padding-bottom: 6px;} .w-divider6 p { font-size:14px; font-weight:400; color: #828282; letter-spacing: -0.4px; margin-top:11px; margin-left:75px;} .w-divider6 .spl, .w-divider6 .spr { padding-bottom: 6px;} .w-divider6 .spr { margin-left: 7px;} .w-divider7 { margin: 25px auto;} .w-divider7 h3 { font-size: 26px; margin-bottom: 0;} .w-divider7 h3 span.spr { display: block; font-weight: 800; color: #363636; font-size: 29px; letter-spacing: -1.5px;} .blox.dark .w-divider7 h3 span.spr { color:#fff;} .w-divider7 h3:after { content: ""; margin: 6px 0 15px; width: 69px; height: 0; display: block; position: relative; border-bottom: 4px solid;} .w-divider7 p { font-size:14px; font-weight:400; color: #707070; letter-spacing: 0;} .w-divider9{ margin: 24px auto 35px;} .w-divider9 h3{ font-weight: 800;color: #101010;font-size: 31px; text-align:center;} .w-divider9 .spl { display:block; margin-bottom: 9px;} .w-divider9 .spr{ color: #fff;padding: 3px 10px; font-weight: normal; text-transform: uppercase; font-size: 12px; letter-spacing: 2px;} .w-divider9 .spln { display: block; border-bottom: 1px solid #e5e5e5; width: 280px; margin: -11px auto 0;} .blox.dark .w-divider9 .spln { border-color:rgba(255,255,255,0.2);} /* # progress bar ================================================== */ #wrap .vc_progress_bar.wpb_content_element { margin-bottom: 74px;} #wrap .vc_progress_bar .vc_single_bar { margin-top: 42px; height: 4px;} #wrap .vc_progress_bar .vc_single_bar .vc_label { color:#333; font-size:12px; font-weight:600;} #wrap .vc_progress_bar .vc_single_bar { height: 4px;} #wrap .vc_progress_bar .vc_single_bar .vc_bar:before { content: ''; background-color: #fff; width: 4px; height: 4px; border-radius: 50%; position: absolute; top: 0; right: 1px; z-index: 1000;} #wrap .vc_progress_bar .vc_single_bar .vc_bar:after { content: ''; background-color: inherit; width: 14px; height: 14px; border-radius: 50%; position: absolute; top: -5px; right: -4px;} @media (min-width: 768px) { #wrap .wpb_tour .wpb_tabs_nav li { margin: 0 -1px -1px 1px !important;} } /* # accordion ================================================== */ #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before, #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before { content: '';} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before { content: '';} #wrap .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a { color:#5d5d5d; border: 1px solid #e1e1e1; padding: 14px 22px 14px 42px; font-size: 15px; margin: 0; background: #f8f8f8; min-height: 35px; letter-spacing: 0; text-transform: inherit; text-transform:uppercase; letter-spacing:1px;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { display: block; width: 24px; height: 24px; position: absolute; left: 10px; top:14px; border: none; right: auto;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before, #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before { font-family:'fontawesome'; font-size:24px;color:#61b2e8; content:"\f055"; position: absolute; left: -18px; top: -13px;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before:hover { color: #d0ae5e;} #wrap .wpb_accordion .wpb_accordion_wrapper:last-of-type { margin-bottom: 20px;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active { box-shadow: 0 -3px 0 0 #f3f3f3; border: 1px solid #e1e1e1; border-bottom: none; border-top-left-radius: 4px; border-top-right-radius: 4px; line-height: 1; padding-bottom: 0;} #wrap .wpb_accordion_section.group {margin-bottom: 6px;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active a, #wrap .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a:hover { color: #d0ae5e;} #wrap .wpb_accordion .wpb_accordion_wrapper a:hover { background-color: #f5f5f5;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active a { background-color: transparent; border:none;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before { content: "\f056"; color:#d0ae5e; left: -20px; top: -17px;} #wrap .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { padding: 0 24px 30px; border: 1px solid #e1e1e1; border-top: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;} #wrap .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content .wpb_wrapper p { color: #8a8a8a; line-height: 1.7; font-weight:300;} /* # max counter ================================================== */ .max-counter { color: #393a3a; font-size: 36px;} .max-counter.s-counter .icon-counter { color: rgba(0,0,0,0.4);margin-right: 15px; font-size:64px;} .blox.dark .max-counter.s-counter .icon-counter { color: rgba(15,15,16,0.25);} .max-counter.s-counter .max-count, .max-counter.s-counter .pre-counter {font-size: 55px;font-weight: 100;line-height: 78px;} .blox.dark .max-counter.s-counter .max-count, .blox.dark .max-counter.s-counter .pre-counter {color: #fff;} .blox.dark .max-counter.s-counter h5 { letter-spacing: 0; color: #fff;} .max-counter h5 { margin-top: 15px;font-size: 13px; font-weight:600; letter-spacing:1px; text-transform:uppercase; position:relative;} .max-counter.s-counter h5 {font-size: 14px;font-weight: 600;margin: 4px;color: #767676;text-transform: uppercase;} .max-counter h5:after { content: ''; margin: 8px auto 20px; width: 24px; height: 0; display: block; position: relative; border-bottom: 2px solid rgba(0,0,0,0.27);} .max-counter.s-counter h5:after { border:none;} .dark-bc .s-counter h5 { letter-spacing: 0; font-size: 14px; color: rgba(0,0,0,0.46); font-weight: 400; padding-top: 14px; line-height: 25px;} .dark-bc .s-counter .max-count { font-family: 'Montserrat',sans-serif; font-weight: 400; font-size: 80px; color: #fff;} .dark-bc .s-counter .suf-counter { font-size: 80px; color: #fff;} .max-counter.s-counter {padding: 31px 0; text-align: center;} .max-counter.s-counter .pre-counter{margin-right: 6px;} .max-counter.m-counter .icon-counter{color:rgba(0,0,0,0.4);margin-right:10px;font-size:37px;} .blox.dark .max-counter.m-counter .icon-counter, .blox.dark .max-counter.m-counter .max-count{color:#fff;} .max-counter.m-counter .max-count{font-size:44px;font-weight:700;color:rgba(0,0,0,0.74);} .max-counter.m-counter h5{position:relative;text-transform:none;font-size:15px;font-weight:400;padding-top:33px;margin-top:30px;letter-spacing:0;} .max-counter.m-counter h5:before{content:'';position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);width:72px;height:2px;background-color:#393a3a;} .blox.dark .max-counter.m-counter h5:before{background-color:#fff;} .max-counter.m-counter h5:after{border:none;} .max-counter.m-counter{margin: 0 auto 10%; text-align:center;} @media only screen and (min-width:768px) and (max-width:1280px){.max-counter.m-counter .icon-counter{font-size:24px;} .max-counter.m-counter .max-count{font-size:31px;} } .o-counter {padding: 23px 0 20px;} .o-counter i {display: block;font-size: 24px;margin-bottom: 24px;} .o-counter, .o-counter h5 {font-weight: 400;letter-spacing: 0;text-align: center;} .o-counter h5 {font-size: 19px;text-transform: capitalize;} .o-counter span {margin-bottom: 24px;display: block;} .blox.dark .o-counter span, .blox.dark .o-counter i {color: #fff;} .o-counter h5:after {display:none;} .max-counter.w-counter:before,.w-counter.max-counter:after {content: "";width: 80%;position: absolute;height: 70%;transition: all 0.3s ease;} .max-counter.w-counter:before{border-left: 1px solid #d0ae5e;border-top: 1px solid #d0ae5e;left: 0;top: 0;} .max-counter.w-counter:after {border-right: 1px solid #d0ae5e;border-bottom: 1px solid #d0ae5e;right: 0;bottom: 0;} .max-counter.w-counter {width:250px;margin: 0 auto;position: relative;text-align: center;padding: 36px 0 26px; cursor:crosshair;} .max-counter.w-counter i {font-size: 40px;margin-right: 10px;} .max-counter.w-counter span{display: inline-block;font-size: 40px;color: #101c38;} .max-counter.w-counter h5{display: block;color: #616161;letter-spacing: 0.6px;font-weight: 400;font-size: 18px;text-transform: inherit;margin: 10px 0;} .max-counter.w-counter h5:after{display:none} .max-counter.w-counter:hover:before, .w-counter.max-counter:hover:after {width: 100%;height: 100%;} @media only screen and (min-width: 768px) and (max-width: 1200px) { .max-counter.s-counter .icon-counter { font-size:24px;} .max-counter.s-counter .max-count { font-size:31px;} } .w-border-right {border-right: 1px solid rgba(255,255,255,0.4);margin-right: -16px;} @media only screen and (max-width: 767px) { .w-border-right {border-right: 0;} } /* max quote */ .max-quote {text-align: center; padding:15px 0;} .max-quote cite{font-size: 16px; font-style:normal; margin-top:25px; color:#7a7a7a; letter-spacing: 1px;} .max-quote small{display: block; padding-top: 4px; font-style: normal; letter-spacing: 2px; font-size: 11px; color:#a1a1a1;} .max-quote:before , .max-quote small:before { content: ''; content: none; display:none;} #wrap .max-quote h2 {font-family:'lora',serif; font-size: 23px; line-height:1.6; letter-spacing:0;} .max-quote h2:before, .max-quote h2:after { display:inline-block; content: ''; color: #ff6c6d; font-family: arial, serif; font-size: 33px; line-height:30px; margin: 0 8px; font-weight: bold; font-style:normal;} .max-quote h2:before { content: '\201c'; margin-left:0;} .max-quote h2:after { content: '\201d';} .blox .max-quote h2{color:#32373b;} .blox.dark .max-quote h2 , .blox.dark .max-quote h2:before, .blox.dark .max-quote h2:after, .blox.dark .max-quote cite {color:#fff;} /* social media */ .social-media {text-align: center} .social-media a {text-align: center; padding: 0 10px; margin-bottom: 20px; display: inline-block;} .social-media a i {border:2px transparent solid;font-size:4em;padding: 30px;border-radius: 50%;color: #fff;margin-bottom: 20px;display: block;transition: all .8s ease-in-out;background:rgba(15, 15, 15, 0.6)} .social-media a:hover i {color: #fff;border:2px #fff solid;} .social-media a span{transition: all .8s ease-in-out; color:transparent;text-transform: uppercase; font-size:16px; font-weight:600; text-shadow: 0 0 5px rgba(33, 65, 83, 1) } .social-media a:hover span{color:#fff;} #social-media.active.facebook{ background: #3b5996 !important;} #social-media.active.twitter { background: #00acee !important;} #social-media.active.vimeo { background: #0dadd6 !important;} #social-media.active.dribble { background: #d53e68 !important;} #social-media.active.youtube{ background: #cb322c !important;} #social-media.active.pinterest{background: #cb2027 !important;} #social-media.active.google{background: #c3391c !important;} #social-media.active.linkedin { background: #0073b2 !important;} #social-media.active.rss{ background: #f29a1d !important;} #social-media.active.instagram{ background: #457399 !important;} #social-media.active.skype{ background: #00aaf3 !important;} #social-media.active.other-social { background: #d0ae5e !important;} #social-media.blox .social-media a span{display:none;} #social-media.blox .social-media a i{background:none; font-size:2em;border: 1px transparent solid; margin:0; padding:20px;} #social-media{transition: background-color .8s ease-in-out;-webkit-transition: background-color .8s ease-in-out;-moz-transition: background-color .8s ease-in-out;-ms-transition: background-color .8s ease-in-out;-o-transition: background-color .8s ease-in-out;} #social-media.blox .social-media a{margin: 20px 0;} #social-media.blox .social-media a:hover i {border: 1px #fff solid;} /* contact */ #contact-map { box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1) inset; border: 1px solid #d6dbdc; border-left: none; border-right: none; padding: 0; margin: 0 } #contact-map iframe { width: 100%; padding: 0; margin: 0; margin-bottom: -7px;} .contact-inf { background: url(../images/world-map2.png) no-repeat center 30px;} #wrap .blox .contact-inf i { margin-bottom: 10px; margin-top: 10px;} #wrap .rc-anchor.rc-anchor-standard { border:none !important; box-shadow:none; background:none;} .contact-form .g-recaptcha { margin-bottom:20px;} /* Course Instructors */ .course-instructor { background:#fff; border: 1px solid #e5e5e5; position: relative; margin-bottom: 25px; transition: all 0.35s ease; box-shadow: 0 2px 0 0px rgba(0,0,0,0.035);} .course-instructor:hover { box-shadow:0 2px 4px rgba(0,0,0,0.075);} .course-instructor figure img { width: 100%;} .course-instructor .inst-desc {padding:15px 18px;} .course-instructor h3 {margin-bottom: 4px; color: #393939 ; font-weight: 700; line-height: 23px; font-family: Montserrat; font-size: 18px;} .course-instructor h3 a { color: #393939;} .course-instructor h5 { color: #555; font-size: 12px;} .course-instructor p { margin-bottom: 4px; line-height: 24px;} .course-instructor .inst-social { margin: 0; padding: 0 7px; background: #f7f7f7;} .course-instructor .inst-social li { display: inline-block; list-style: none; margin: 10px 3px; line-height: 0;} .course-instructor .inst-social li a { padding: 0 6px;} .course-instructor .inst-social li a i { color: #888; font-size: 16px; transition: all 0.2s ease;} .course-instructor .inst-social li a:hover i { color: #424242;} .course-instructor .inst-social li a:hover .fa-facebook{ color: #3b5996;} .course-instructor .inst-social li a:hover .fa-twitter{ color: #00acee;} .course-instructor .inst-social li a:hover .fa-vimeo{ color: #0dadd6;} .course-instructor .inst-social li a:hover .fa-dribbble{ color: #d53e68;} .course-instructor .inst-social li a:hover .fa-youtube{ color: #cb322c;} .course-instructor .inst-social li a:hover .fa-pinterest{ color: #cb2027;} .course-instructor .inst-social li a:hover .fa-linkedin{ color: #0073b2;} .course-instructor .inst-social li a:hover .fa-rss{ color: #f29a1d;} .course-instructor .inst-social li a:hover .fa-google-plus{ color: #c3391c;} .course-instructor .inst-social li a:hover .fa-instagram{ color: #457399;} .course-instructor .inst-social li a:hover .fa-globe{ color:#00aeef;} .course-instructor .inst-social li a:hover .fa-envelope{ color:#faaf3a;} .course-instructor .inst-detail {margin-top: -35px;padding: 0 18px;height: 35px;background: rgba(247,247,247,0.8);position: relative;width: 100%} .course-instructor .inst-tip i{cursor: pointer;padding: 0 10px 0 0;display: inline-block;} .course-instructor .inst-tip i:before { font-size: 16px;line-height: 36px;} .course-instructor .inst-tip:hover:after {content: attr(title);z-index: 1;right: 18px;line-height: 38px;position: absolute;color:#424242;} /* team */ .our-team {text-align: center; background: #fff; margin-bottom: 30px; overflow:hidden;} .social-team { padding-bottom:14px; text-align:center;} .our-team figure { position: relative; margin: 0 auto; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .our-team figure img { width:160px; border-radius:50%; height:auto;} .blox .our-team figure img { margin-top:25px;} .our-team h2 { font-size: 17px; margin-top:25px; font-weight: 700; text-transform:uppercase; letter-spacing:1px; color:#515151;} .our-team h2 a { color:#515151;} .our-team h2 a:hover { text-decoration:underline;} .our-team h5 { color:#d0ae5e; margin-top:15px; margin-bottom: 10px; font-size:12px; font-weight: 700; text-transform:uppercase; letter-spacing:2.6px;} .blox.dark .our-team p { color: #8a8a8a; } .our-team p { font-size:14px; padding:7px 25px 0; color: #8a8a8a;} .our-team .social-team{ padding-top: 10px;} .our-team .social-team i { margin:0 4px; background:#fff; font-size: 18px; padding: 5px 6px;font-size: 18px; border-radius: 3px;color: #8a8a8a;} .our-team .social-team i.fa-facebook { padding:5px 8px;} .our-team i:hover {color:#fff;} .our-team .social-team a i.fa-facebook:hover { background: #3b5996;} .our-team .social-team a i.fa-twitter:hover { background: #00acee;} .our-team .social-team a i.fa-vimeo:hover { background: #0dadd6;} .our-team .social-team a i.fa-dribbble:hover { background: #d53e68;} .our-team .social-team a i.fa-youtube:hover { background: #cb322c;} .our-team .social-team a i.fa-pinterest:hover { background: #cb2027;} .our-team .social-team a i.fa-linkedin:hover { background: #0073b2;} .our-team .social-team a i.fa-rss:hover { background: #f29a1d;} .our-team .social-team a i.fa-google-plus:hover { background: #c3391c;} .our-team .social-team a i.fa-instagram:hover { background: #457399;} /* our team 2 */ .our-team2 { border: 1px solid #e5e5e5; position: relative; margin-bottom: 25px; transition: all 0.35s ease; box-shadow: 0 2px 0 0px rgba(0,0,0,0.035);} .our-team2:hover { box-shadow:0 2px 4px rgba(0,0,0,0.075);} .our-team2 figure img { width: 100%;} .our-team2 h4 { margin: 0;} .our-team2 h4 a{ border-radius: 3px; border: 1px solid #353535; background: #444 ; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#333)) ; background: -moz-linear-gradient(0% 0% 270deg,#444, #333) ; font-size: 12px; padding: 4px 7px; position: absolute; top: 6px; left: 6px; display: none; transition: all 0.2s ease;} .our-team2 h4:hover a { background: #ea3434 ; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ea5252), to(#ea3434)) ; background: -moz-linear-gradient(0% 0% 270deg,#444, #333) ; border-color: #bd3d3d ;} .our-team2:hover h4 a{display: block;} .our-team2 h4 a { color: #fff;} .blox.dark .our-team2 .content-team { background: none; } .blox.dark .our-team2 .content-team * { color: #fff; } .our-team2 .content-team { background: #f5f5f5; padding: 20px 0 14px; text-align: center;} .our-team2 .content-team h2 { color: #393939 ; font-weight: 600; font-family: Montserrat; font-size: 16px; margin-bottom: 5px;} .our-team2 .content-team h2 a { color: #393939; transition: all 0.2s ease;} .our-team2 .content-team h2:hover a { color: #424242;} .our-team2 .content-team h5 { color: #555; font-size: 12px;} .our-team2 .content-team p { margin-bottom: 0;} .our-team2 .social-team { padding: 0;} .our-team2 .social-team ul { margin: 0; } .our-team2 .social-team ul li { display: inline-block; list-style: none; margin: 10px 3px; line-height: 0;} .our-team2 .social-team ul li a { padding: 0 7px;} .our-team2 .social-team ul li a i { color: #888; font-size: 16px; transition: all 0.2s ease;} .our-team2 .social-team ul li a:hover i { color: #424242;} /* our team 3 */ .our-team3 figure { width: 43%;float: left;margin-right: 3%;} .our-team3 figure img { border-radius: 50%; transition: all .2s ease-in-out; border: 5px solid transparent;} .our-team3:hover figure img {border: 5px solid #d0ae5e;} .our-team3 .tdetail { width: 48%;float: left;} .our-team3 .tdetail h2 { font-size:18px; letter-spacing:0; margin-bottom:0; line-height:28px;font-weight: 700; margin-top:20px;} .our-team3 .tdetail h5 { color:#888; margin-bottom: 18px;font-size: 13px; font-weight:400;} .our-team3 .social-team { text-align:left;} .our-team3 .social-team i { text-align:center; background:#bbb; color: #fff; border-radius: 50%; margin-right: 4px; font-size: 18px; padding: 7px; display:inline-block; margin: 0 0 0 4px; width: 30px; height: 30px;} .dark .our-team3 i {background:#000;} .dark .our-team3 .tdetail h5 { color:#ddd;} .alignright .our-team3 figure { float:right; margin: 0 0 0 3%;} .alignright .our-team3 .tdetail, .alignright .our-team3 .tdetail a { float:right;} @media only screen and (max-width: 768px) { .our-team2, .our-team3 { margin-bottom:30px;} } /* testimonials */ .b-author { float: right; display: block; text-align: right;} .b-author img { width: 90px; height: 90px; margin-left: 5px; border-radius: 45px; float: right;} .b-author p { margin: 0; float: left; font-size: 17px; color: #393939; margin-top: 22px; margin-right: 10px; font-weight: 400;} .b-author span { color: #797979; letter-spacing: 0; font-size: 14px; font-weight: 300;} .testimonial-content p { margin: 12px; color: #444; line-height: 1.7; font-family: 'lora', times; font-size: 21px; padding: 10px 0;} .testimonial-arrow { position: absolute; width: 11px; height: 6px; bottom: -6px; right: 110px;} .testimonial { margin-bottom:20px; clear:both; min-width:220px;} .testimonial-content { padding: 10px; position: relative; border: 2px solid #e3e3e3; border-radius:5px; background: #fff; margin: 5px 0;} .container .testimonial-content p { margin:6px;} .testimonial-content h4 { padding:5px 10px; line-height:1.22; color:#595959; margin-top:5px;} .testimonial-content h4 q { font-size: 17px; font-family: 'lora', times; font-weight:300; color: #525252;} .testimonial-arrow { position:absolute; width: 127px; height: 14px; right: 0px; bottom: -14px;} .testimonial-arrow:after, .testimonial-arrow:before {content: ''; display: block; position: absolute; width: 0; left: 0; height: 0; border-style: solid; border-width: 10px;} .testimonial-arrow:after {top: -1px; border-color: #fdfdfd transparent transparent transparent ;} .testimonial-arrow:before {top: 1px; border-color: #e3e3e3 transparent transparent transparent;} .testimonial-brand { position:relative; margin:12px 16px 8px 16px; min-height:50px;} .testimonial-brand img { width:60px; height:60px; border-radius:35px; float:right; color:transparent; background:#c5c5c5 url(../images/avatr1.png) no-repeat center;} .testimonial-brand h5 { float: right; clear: left; margin:15px; margin-right: 10px; direction: rtl; font-size: 15px; color: #393939; font-weight: 400;} .testimonial-brand h5 strong { font-weight:700; letter-spacing:0.2px;} .testimonial-brand h5 em { color: #797979; letter-spacing: 0; font-size: 13px; font-weight: 300; font-style: normal;} .blox.dark .testimonial-content { background:rgba(0,0,0,0.15); border:none;} .blox.dark .testimonial-brand img { border:none;} .blox.dark .testimonial-arrow:before { top:0; border-color: rgba(0,0,0,0.15) transparent transparent transparent;} .blox.dark .testimonial-arrow:after { border:none;} /* Main Testimonial Slider ================================================== */ .testimonials-slider-w .testimonial { margin-top:10px; margin-bottom:10px; text-align:center;} .testimonials-slider-w .testimonial-content { background:none; border:none;} @media only screen and (min-width: 961px) { .testimonials-slider-w .testimonial-content { margin-left:140px; margin-right:140px;} } .testimonials-slider-w .testimonial-content h4 { padding-bottom:55px;} .testimonials-slider-w .testimonial-content h4 q { font-size:21px; line-height:1.6; font-family: 'lora', serif; font-weight:300; font-style:italic;} .testimonials-slider-w .testimonial-content h4 q:before, .testimonials-slider-w .testimonial-content h4 q:after { position:absolute; font-family: times, serif; font-size: 30px; margin: 0 7px; font-weight: bold; opacity:0.7;} .testimonials-slider-w .testimonial-content h4 q:before { content: '\201c'; margin-left:-26px; padding-right:3px;} .testimonials-slider-w .testimonial-content h4 q:after { content: '\201d'; padding-right:7px;} .testimonials-slider-w .testimonial-brand h5 { margin:5px 0 0; line-height:1.5; font-size:14px; color:#d0ae5e;} .testimonials-slider-w .testimonial-arrow { display:none;} .testimonials-slider-w .testimonial-brand h5, .testimonials-slider-w .testimonial-brand img { float:none;} .blox.dark .testimonials-slider-w .testimonial-content { background:none; border:none;} #wrap .testimonials-slider-w .owl-theme .owl-controls .owl-page span {margin: 7px; width: 10px; height: 10px; background-color: rgba(0, 0, 0, 0); border-radius: 0 !important; border: 2px solid #585858; transform: rotate(45deg);} #wrap .testimonials-slider-w .owl-theme .owl-controls .owl-page.active span { background: #585858;} .testimonials-slider-w .testimonial-content { padding: 0 100px 10px;} .testimonials-slider-w .testimonial-content h4 { padding: 0;} .testimonials-slider-w .owl-theme .owl-controls.clickable { margin-top: 0;} /* Mono Testimonial Slider ================================================== */ #wrap .testimonials-slider-w.ts-mono .testimonial-brand .w-square {width: 70px;height: 70px;margin: 25px;transform: rotate(-45deg);overflow: hidden;display: inline-block;outline: 1px solid #363533;border: 3px solid #fff;} #wrap .testimonials-slider-w.ts-mono img{width: 110px;height: 110px !important;margin: -25px;transform: rotate(45deg);border-radius:0;max-width: inherit; max-height: inherit;} #wrap .testimonials-slider-w.ts-mono .owl-theme .owl-controls.clickable { margin-top: 10px;} #wrap .testimonials-slider-w.ts-mono .w-crsl .owl-buttons .owl-next {left:auto;} #wrap .testimonials-slider-w.ts-mono .owl-buttons .owl-prev { left: 60px; top: 158px;} #wrap .testimonials-slider-w.ts-mono .owl-buttons .owl-next { right: 70px; top: 158px;} #wrap .testimonials-slider-w.ts-mono .owl-buttons .owl-prev,#wrap .testimonials-slider-w.ts-mono .owl-buttons .owl-next { border-radius: 0; transform: rotate(-45deg); width: 45px; height: 45px; border: 2px solid rgba(0,0,0,0.6); background: #f5f6f8; transition:all 0.3s ease;} #wrap .testimonials-slider-w.ts-mono .owl-buttons .owl-prev:after, #wrap .testimonials-slider-w.ts-mono .owl-buttons .owl-next:after { transform: rotate(45deg); display: inline-block; border: none; top: 4px; right: 3px; font-size: 25px;} #wrap .testimonials-slider-w.ts-mono .w-crsl .owl-buttons .owl-next:after { content: '\f105';} #wrap .testimonials-slider-w.ts-mono .w-crsl .owl-buttons .owl-prev:after { content: '\f104'; left: 1px; top: 2px;} #wrap .testimonials-slider-w.ts-mono .w-crsl .owl-buttons .owl-next:hover, #wrap .testimonials-slider-w.ts-mono .w-crsl .owl-buttons .owl-prev:hover { background: #333; color: #fff; border-color: rgba(0,0,0,0.6);} #wrap .testimonials-slider-w.ts-mono .w-crsl .owl-buttons .owl-next:hover:after, #wrap .testimonials-slider-w.ts-mono .w-crsl .owl-buttons .owl-prev:hover:after { color: #fff;} #wrap .testimonials-slider-w.ts-mono .testimonial-content h4 q {font-size: 17px; color:#797979;} #wrap .testimonials-slider-w.ts-mono .testimonial-content h4 q:before, #wrap .testimonials-slider-w.ts-mono .testimonial-content h4 q:after{content:'';} @media only screen and (min-width: 961px)and (max-width: 1200px) { #wrap .testimonials-slider-w.ts-mono .owl-buttons .owl-prev,#wrap .testimonials-slider-w.ts-mono .owl-buttons .owl-next { top: 215px;} } @media only screen and (min-width: 768px)and (max-width: 960px) { #wrap .testimonials-slider-w.ts-mono .owl-buttons .owl-prev,#wrap .testimonials-slider-w.ts-mono .owl-buttons .owl-next { top: 186px;} } @media only screen and (min-width: 481px) and (max-width: 767px) { #wrap .testimonials-slider-w.ts-mono .owl-buttons .owl-prev { left: 0; top: 50%;} #wrap .testimonials-slider-w.ts-mono .owl-buttons .owl-next { right: 10px; top: 50%;} } @media only screen and (max-width: 480px){ #wrap .testimonials-slider-w.ts-mono .owl-buttons .owl-prev {bottom: 149px;top: inherit; left: 15px;} #wrap .testimonials-slider-w.ts-mono .owl-buttons .owl-next {bottom: 149px;top: inherit;right: 15px;} } /* # di testimonial slider ================================================== */ .ts-di.testimonials-slider-w.flexslider .flex-control-nav, .testimonials-slider-w.flexslider .flex-control-paging li a { display: block;} .ts-di.testimonials-slider-w .testimonial-content h4 q { font-size:21px;} .ts-di.testimonials-slider-w.flexslider .flex-control-nav { position: relative; margin-top: 30px; width: 100%; right: 0px;} .ts-di.testimonials-slider-w.flexslider .flex-control-paging li a.flex-active { background-color: #585858; cursor: pointer;} .blox.dark .ts-di.testimonials-slider-w.flexslider .flex-control-paging li a.flex-active { background-color: #fff;} .ts-di.testimonials-slider-w.flexslider .flex-control-paging li a { width: 10px; height: 10px; background-color: transparent; border-radius: 0 !important; border: 2px solid #585858; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .blox.dark .ts-di.testimonials-slider-w.flexslider .flex-control-paging li a { border-color:#fff;} .ts-di.testimonials-slider-w.flexslider .testimonial-brand img { padding: 0; border: none;} .ts-di.testimonials-slider-w.flexslider .flex-direction-nav a, .blox.dark .ts-di.testimonials-slider-w.flexslider .flex-direction-nav a { border:none;} .ts-di.testimonials-slider-w.flexslider .flex-direction-nav a i { font-size:39px;} .ts-di.testimonials-slider-w.flexslider .flex-direction-nav a i.fa-chevron-right:before {content: "\f105";} .ts-di.testimonials-slider-w.flexslider .flex-direction-nav a i.fa-chevron-left:before { content: "\f104";} .testimonials-slider-w .testimonial-brand h5 { font-size:16px;} #wrap .testimonials-slider-w.ts-di .owl-buttons .owl-prev { left: 87px; top: 50%;} #wrap .testimonials-slider-w.ts-di .owl-buttons .owl-next { right: 70px; top: 50%; left:auto;} #wrap .testimonials-slider-w.ts-di .owl-buttons .owl-prev,#wrap .testimonials-slider-w.ts-di .owl-buttons .owl-next { transition:all 0.3s ease;} #wrap .testimonials-slider-w.ts-di .owl-buttons .owl-prev:after, #wrap .testimonials-slider-w.ts-di .owl-buttons .owl-next:after { border: none;font-size: 39px;} #wrap .testimonials-slider-w.ts-di .w-crsl .owl-buttons .owl-next:after { content: '\f105';} #wrap .testimonials-slider-w.ts-di .w-crsl .owl-buttons .owl-prev:after { content: '\f104';} @media only screen and (min-width: 961px)and (max-width: 1200px) { #wrap .testimonials-slider-w.ts-di .owl-buttons .owl-prev,#wrap .testimonials-slider-w.ts-di .owl-buttons .owl-next { top: 215px;} } @media only screen and (min-width: 768px)and (max-width: 960px) { #wrap .testimonials-slider-w.ts-di .owl-buttons .owl-prev,#wrap .testimonials-slider-w.ts-di .owl-buttons .owl-next { top: 186px;} } @media only screen and (max-width: 767px) { #wrap .testimonials-slider-w.ts-di .owl-buttons .owl-prev { left: 52px; top: inherit; bottom: 195px;} #wrap .testimonials-slider-w.ts-di .owl-buttons .owl-next { right: 10px; top: inherit; bottom: 195px;} } /* # tri testimonial slider ================================================== */ .ts-tri.testimonials-slider-w .testimonial-content h4 { padding: 20px 25px; border: 2px solid #fff; border-radius: 0; background: rgba(255,255,255,0.18);} .ts-tri.testimonials-slider-w .testimonial-content h4 q { padding-left:21px; padding-right:15px;} .ts-tri.testimonials-slider-w .testimonial-brand h5 { font-size:16px; letter-spacing:1px;} .ts-tri.testimonials-slider-w .owl-pagination {display: none;} .ts-tri.testimonials-slider-w .owl-buttons { position: absolute; bottom: 128px;left: 0;right: 0;} #wrap .ts-tri.testimonials-slider-w .w-crsl .owl-buttons div { margin-left: 85px; top: -10px;} #wrap .ts-tri.testimonials-slider-w .w-crsl .owl-buttons .owl-prev { margin-left: -53px;} #wrap .ts-tri.testimonials-slider-w .w-crsl .owl-buttons div:after { padding: 15px 11px; border: none; background: #ddd; border-radius: 3px; transition: all 0.2s ease;} #wrap .ts-tri.testimonials-slider-w .w-crsl .owl-buttons div:hover:after {background: #d0ae5e; color:#fff;} @media only screen and (min-width: 961px) { .ts-tri.testimonials-slider-w .testimonial-content { margin-left: 100px; margin-right: 100px; padding:8px 15px;} } /* # tetra testimonial slider ================================================== */ .ts-tetra.testimonials-slider-w .testimonial-content h4 { padding-bottom:0;} .ts-tetra.testimonials-slider-w .testimonial-content h4 q { font-size:21px; font-style:normal; color:#202020;} .blox.dark .ts-tetra.testimonials-slider-w .testimonial-content h4 q { color:#fff;} .ts-tetra.testimonials-slider-w .testimonial-brand h5 { font-size:18px; letter-spacing:1px;} .testimonials-slider-w.ts-tetra .testimonial-brand img { border-radius: 0; border: 4px solid #d0ae5e;} #wrap .testimonials-slider-w.ts-tetra .owl-theme .owl-controls .owl-page span { transform: inherit; width: 25px; height: 4px; margin: 5px 2px; border: none; background: #d6d6d6; opacity: 1;} #wrap .testimonials-slider-w.ts-tetra .owl-buttons .owl-prev { left: 87px; top: 50%;} #wrap .testimonials-slider-w.ts-tetra .owl-buttons .owl-next { right: 70px; top: 50%; left: auto;} #wrap .testimonials-slider-w.ts-tetra .w-crsl .owl-buttons div:after { padding: 11px 17px; border: 3px solid #9c9c9c; color: #9c9c9c; transition: all 0.2s ease;} #wrap .testimonials-slider-w.ts-tetra .w-crsl .owl-buttons div:hover:after { border-color: #666; color: #666;} @media only screen and (min-width: 961px) { .ts-tetra.testimonials-slider-w .testimonial-content { margin-left: 100px; margin-right: 100px; padding:8px 15px;} } @media only screen and (max-width: 767px) { #wrap .testimonials-slider-w.ts-tetra .owl-buttons .owl-next { right: 0; bottom: 207px; top: inherit;} #wrap .testimonials-slider-w.ts-tetra .owl-buttons .owl-prev { left: 56px; top: inherit; bottom: 207px;} } /* penta testimonials slider ================================================== */ .testimonials-slider-w.ts-penta .testimonial-content h4 q:after { content: '';} .testimonials-slider-w.ts-penta .testimonial-content h4 { padding: 6px 11px 0; margin: 0;} .testimonials-slider-w.ts-penta .testimonial-arrow { display: inherit;} .testimonials-slider-w.ts-penta .testimonial-arrow:after, .testimonials-slider-w.ts-penta .testimonial-arrow:before { right: 58px; left: auto;} .testimonials-slider-w.ts-penta .testimonial:hover .testimonial-content {background: #fff;} .testimonials-slider-w.ts-penta .testimonial-content { margin-left:auto; margin-right:auto; border: 1px solid #dcdcdc; -webkit-box-shadow: 0 -4px 0 0 #eee; box-shadow: 0 -4px 0 0 #eee; text-align: left; padding: 14px 15px 30px 55px;} .testimonials-slider-w.ts-penta .testimonial-content h4 q, .testimonials-slider-w.ts-penta .testimonial-content h4 q p {font-size: 18px; letter-spacing: 0.2px; font-family: 'lora', sans-serif, helvetica, arial; font-weight:400; margin: 0;} .testimonials-slider-w.ts-penta .testimonial-content h4 q:before { font-family: sans-serif, arial, helvetica; font-size: 80px; margin: 0 10px; left: 0px; top: 0; color: #d0ae5e;} .testimonials-slider-w.ts-penta .testimonial-arrow { width:117px; left:0;} .testimonials-slider-w.ts-penta .testimonial-arrow:after, .testimonials-slider-w.ts-penta .testimonial-arrow:before {border-top: 17px solid; border-left: 19px solid transparent; border-right: 0;} .testimonials-slider-w.ts-penta .testimonial:hover .testimonial-arrow:after {border-color: #fff transparent transparent transparent;} .testimonials-slider-w.ts-penta .testimonial-arrow:after {top: 0;} .testimonials-slider-w.ts-penta .testimonial-arrow:before {top: 0; right: 57px; border-color: #dcdcdc transparent transparent transparent; border-top-width: 19px; border-left-width: 22px;}? .testimonials-slider-w.ts-penta .testimonial-brand img { float:left;} .testimonials-slider-w.ts-penta .testimonial-brand h5 {margin:20px 14px 0; line-height:1.4; font-size:14px; margin-left: 86px;clear: none;} .testimonials-slider-w.ts-penta .testimonial-brand h5 strong { font-size: 16px; color: #2f2f2f;} .testimonials-slider-w.ts-penta .testimonial-brand h5 em { font-size:13px; color:#919191;} .testimonials-slider-w.ts-penta .testimonial-brand { text-align:left; padding-top: 15px; margin-top: 0;} .testimonials-slider-w.ts-penta .testimonial-brand img { width:60px; height:60px; border-radius:50%; border:none; margin-top:10px; float: left; margin-right: 0; display: inline;} .testimonials-slider-w.ts-penta .owl-buttons {display: none;} .testimonials-slider-w.ts-penta .owl-pagination { bottom: -5px; position: absolute; right: 0px;} .testimonials-slider-w.ts-penta .owl-theme .owl-controls .owl-page { display: inherit;} #wrap .testimonials-slider-w.ts-penta .owl-theme .owl-controls .owl-page span { transform: inherit; border-radius: 50% !important; width: 12px; height: 12px; border-color: #d1d1d1;} #wrap .testimonials-slider-w.ts-penta .owl-theme .owl-controls .owl-page.active span { background: #d1d1d1;} /* Hexa Testimonial Slider ================================================== */ .testimonials-slider-w.ts-hexa .testimonial { margin-bottom: 28px; padding: 0 0 30px; background: #f6f4f5; margin-left: 144px; margin-right: 144px;} .testimonials-slider-w.ts-hexa .testimonial-content h4 q:before ,.testimonials-slider-w.ts-hexa .testimonial-content h4 q:after{font-family: FontAwesome;font-size: 17px;color: #d0ae5e;font-style: normal;position: inherit;margin-left: initial;margin: 0;padding: 0;} .testimonials-slider-w.ts-hexa .testimonial-content h4 q:before {content:"\f10d";padding-right: 20px;} .testimonials-slider-w.ts-hexa .testimonial-content h4 q:after {content:"\f10e";padding-left: 20px;} .testimonials-slider-w.ts-hexa .testimonial-content h4 { padding-bottom: 80px; padding-top: 45px;} .testimonials-slider-w.ts-hexa .testimonial-content h4 q {font-family: "Hind";font-size: 16px;line-height: 1;color: #616161;font-style: normal;} .testimonials-slider-w.ts-hexa .testimonial-brand h5 em {color: #616161;} .testimonials-slider-w.ts-hexa .testimonial-brand h5 strong {font-weight: 400;color: #000;} .testimonials-slider-w.ts-hexa .testimonial-brand { margin-top: -85px;} .testimonials-slider-w.ts-hexa .owl-pagination {display: none;} .testimonials-slider-w.ts-hexa .testimonial-content { padding: 0 17px 10px;} .testimonials-slider-w.ts-hexa .testimonial-content .w-square { margin-top: 3px;} #wrap .testimonials-slider-w.ts-hexa .owl-buttons .owl-prev { left: 132px; top: 50%; margin: -20px 0 0;} #wrap .testimonials-slider-w.ts-hexa .owl-buttons .owl-next { right: 66px; top: 50%; left: auto; margin: -20px 0 0;} #wrap .testimonials-slider-w.ts-hexa .w-crsl .owl-buttons div:after { border: none; font-family: "simple-line-icons"; font-size: 36px; color: #d0ae5e;} #wrap .testimonials-slider-w.ts-hexa .owl-buttons .owl-next:after { content: "\e606";} #wrap .testimonials-slider-w.ts-hexa .owl-buttons .owl-prev:after { content: "\e605";} @media only screen and (min-width: 961px){ .testimonials-slider-w.ts-hexa .testimonial-content { margin-left: 25px; margin-right: 25px;} } @media only screen and (min-width: 321px) and (max-width: 960px){ .testimonials-slider-w.ts-hexa .testimonial { margin-left: 40px; margin-right: 40px; } #wrap .testimonials-slider-w.ts-hexa .owl-buttons .owl-next { right: -25px;} #wrap .testimonials-slider-w.ts-hexa .owl-buttons .owl-prev { left: 35px;} } @media only screen and (max-width: 320px) { .testimonials-slider-w.ts-hexa .testimonial { margin-left: 0; margin-right: 0; } #wrap .testimonials-slider-w.ts-hexa .owl-buttons .owl-next { right: -50px;} #wrap .testimonials-slider-w.ts-hexa .owl-buttons .owl-prev { left: 10px;} } /* # hepta testimonial slider ================================================== */ .ts-hepta.testimonials-slider-w .testimonial-brand {padding-bottom: 15px;} .ts-hepta.testimonials-slider-w .testimonial-brand img {border: 0; border-radius: 3px; padding: 0;} .ts-hepta.testimonials-slider-w .testimonial-brand h5{color: #000; margin-top: 20px;} .ts-hepta.testimonials-slider-w .testimonial-brand h5 em {color: #616161; display: block;} .ts-hepta.testimonials-slider-w .testimonial-brand h5 strong {font-weight: 400;} .ts-hepta.testimonials-slider-w .testimonial-content h4 {position:relative; padding: 0 0 20px;} .ts-hepta.testimonials-slider-w .testimonial-content h4 q {font-size: 19px;line-height: 1.6;font-weight: 400;font-style: italic;} .ts-hepta.testimonials-slider-w .testimonial-content h4 q:before {content: "\f10d";left:-82px;} .ts-hepta.testimonials-slider-w .testimonial-content h4 q:after {content: "\f10e";right:-82px;} .ts-hepta.testimonials-slider-w .testimonial-content h4 q:before, .ts-hepta.testimonials-slider-w .testimonial-content h4 q:after {position: absolute;font-family: "FontAwesome";font-style: normal;font-size: 48px;margin:0;padding:0;top:13%;bottom:0;color:#e3e3e3;} .ts-hepta.testimonials-slider-w .testimonial-content { padding: 0 27px 10px;} .ts-hepta.testimonials-slider-w .testimonial-brand img { width: 76px; height: 76px;} .ts-hepta.testimonials-slider-w .owl-buttons { display: none;} #wrap .ts-hepta.testimonials-slider-w .owl-theme .owl-controls .owl-page span { width: 11px; height: 11px; background-color: #f6f4f5; border: 1px solid #bdbdbd; border-radius: 3px !important; transform: inherit; margin: 0 6px;} #wrap .ts-hepta.testimonials-slider-w .owl-theme .owl-controls .owl-page.active span { background:#d0ae5e; border-color: #d0ae5e;} .ts-hepta.testimonials-slider-w .testimonial-content { margin-top: 30px;} .ts-hepta.testimonials-slider-w .owl-theme .owl-controls.clickable { margin-top: 5px;} @media only screen and (max-width: 960px){ .ts-hepta.testimonials-slider-w .testimonial-content h4 q:before {left: -24px;} .ts-hepta.testimonials-slider-w .testimonial-content h4 q:after {right: -24px;} } /* # octa testimonial slider ================================================== */ #wrap .ts-octa .testimonial.octa img { width: 109px; height: 109px; float: left; margin-right: 15px;margin-top: 7px;} #wrap .testimonials-slider-w.ts-octa .testimonial.octa .testimonial-content { background: #4f5660; padding: 35px 51px; margin: 0; min-height: 205px;} #wrap .testimonials-slider-w.ts-octa .testimonial.octa p, #wrap .testimonials-slider-w.ts-octa .testimonial.octa h5, #wrap .testimonials-slider-w.ts-octa .testimonial.octa h6 {text-align: left;overflow: hidden;} #wrap .testimonials-slider-w.ts-octa .testimonial.octa h5 { font-size: 22px; margin-bottom: 3px; text-transform: capitalize;} .ts-octa .testimonial.octa h5 { color: #fff;} #wrap .testimonials-slider-w.ts-octa .testimonial.octa h6 { font-size: 13px; color: #50c1e9; margin-bottom: 0; text-transform: capitalize;} #wrap .testimonials-slider-w.ts-octa .testimonial.octa h4 { padding-bottom: 0;margin-bottom: 0;} #wrap .ts-octa .testimonial.octa p { color: #fff; font-size: 13px; font-family: 'Asap',sans-serif; font-style: italic; line-height: 22px; padding: 0 6px 0 0; margin: 0;} #wrap .testimonials-slider-w.ts-octa .testimonial.octa{ min-height: 210px; background-size: cover !important;} #wrap .testimonials-slider-w.ts-octa .testimonial .social-testimonial ul li a i {float: left; width: 25px; transition: background .3s ease; height: 25px;padding-top: 5px;display: inline-block;text-align: center;font-size: 15px;margin-right: 5px;background: rgba(0, 0, 0, 0.11);color: #fff;} #wrap .testimonials-slider-w.ts-octa .testimonial .social-testimonial ul li a i:hover { background: #fe8426;} #wrap .testimonials-slider-w.ts-octa .owl-buttons .owl-next {right: -38px;} #wrap .testimonials-slider-w.ts-octa .owl-buttons .owl-prev { left: 28px;} #wrap .testimonials-slider-w.ts-octa .owl-buttons div {opacity: 1;position: absolute;right: auto;top: 29%;color: #929ca3;background: none;padding: 0;} #wrap .testimonials-slider-w.ts-octa .owl-buttons div:after { padding: 23px 20px; border: none; position: absolute; top: 10px; right: 0; font-family: 'simple-line-icons'; font-size: 28px; background: #656d78; color: #fff; transition: all 0.2s ease;} #wrap .testimonials-slider-w.ts-octa .owl-buttons div:hover:after {background: #e9573e;} #wrap .testimonials-slider-w.ts-octa .owl-buttons .owl-prev:after {content: "\e605"; font-family: 'simple-line-icons';} #wrap .testimonials-slider-w.ts-octa .owl-buttons .owl-next:after {content: "\e606"; font-family: 'simple-line-icons';} #wrap .testimonials-slider-w.ts-octa .owl-pagination {display: none;} @media (min-width:480px) and (max-width: 640px) { #wrap .testimonials-slider-w.ts-octa .testimonial.octa p, #wrap .testimonials-slider-w.ts-octa .testimonial.octa h5, #wrap .testimonials-slider-w.ts-octa .testimonial.octa h6 {overflow: visible;} } @media (max-width:480px) { #wrap .ts-octa .testimonial.octa img { float: none; display: block; margin-bottom: 15px;} #wrap .testimonials-slider-w.ts-octa .owl-buttons div { top: 20px;} #wrap .testimonials-slider-w.ts-octa .owl-buttons .owl-next { right: 5px;} #wrap .testimonials-slider-w.ts-octa .owl-buttons .owl-prev { right: 55px;} #wrap .testimonials-slider-w.ts-octa .owl-buttons div:after { padding: 8px 13px; font-size: 15px;} } /* # nona testimonial slider ================================================== */ #wrap .testimonials-slider-w.ts-nona .testimonial.nona img {width: 100%;} #wrap .testimonials-slider-w.ts-nona .testimonial.nona .testimonial-content .col-md-2 { padding: 0;} #wrap .testimonials-slider-w.ts-nona .testimonial.nona .testimonial-content .col-md-2:after { content: ""; width: 1px; height: 80%; border-right: 1px solid #e7e7e7; position: absolute; right: -24px; top: 10%;} #wrap .testimonials-slider-w.ts-nona .testimonial.nona .testimonial-content {margin: 0;padding:0;margin-bottom: 39px;} #wrap .testimonials-slider-w.ts-nona .testimonial.nona p, .testimonial.nona h5, .testimonial.nona h6 {text-align: left;overflow: hidden;} #wrap .testimonials-slider-w.ts-nona .testimonial.nona h5 {font-size: 17px; color: #696969; text-transform: capitalize; margin-top: 30px; margin-bottom: 0; overflow: hidden;} #wrap .testimonials-slider-w.ts-nona .testimonial.nona h5 span {font-size: 14px;color: #bdc4c7;margin-bottom: 0;text-transform: capitalize;margin-left: 2px;} #wrap .testimonials-slider-w.ts-nona .testimonial.nona h4 {padding-bottom: 0;margin-bottom: 0;margin-top: 0;} #wrap .testimonials-slider-w.ts-nona .testimonial.nona p {position: relative;color: #8e9399;font-size: 16px;font-family: 'Asap',sans-serif;font-style: italic;line-height: 28px;padding: 1% 28px;margin-top: 0;} #wrap .testimonials-slider-w.ts-nona .testimonial.nona{ min-height: 210px; background-size: cover !important;} #wrap .testimonials-slider-w.ts-nona .testimonial.nona h5 {width: 100%;display: block;} #wrap .testimonials-slider-w.ts-nona .testimonial.nona h5 span { margin-top: 20px;} #wrap .testimonials-slider-w.ts-nona .owl-pagination {display:none;} #wrap .testimonials-slider-w.ts-nona .w-crsl .owl-buttons { position: absolute; right: 0; bottom: 42px;} #wrap .testimonials-slider-w.ts-nona .w-crsl .owl-buttons div:after { padding: 0 6px; border: none; position: absolute; background: #e6e6e6; color: #656565; top: 20px; right: 0; font-size: 10px; transition: all 0.2s ease;} #wrap .testimonials-slider-w.ts-nona .w-crsl .owl-buttons div:hover:after {background: #e9573e; color:#fff;} #wrap .testimonials-slider-w.ts-nona .w-crsl .owl-buttons div.owl-next { margin-left: 25px;} #wrap .testimonials-slider-w.ts-nona .w-crsl .owl-buttons .owl-prev:after ,#wrap .testimonials-slider-w.ts-nona .w-crsl .owl-buttons .owl-next:after { background: #656d78; color: #fff;} #wrap .testimonials-slider-w.ts-nona .w-crsl .owl-buttons .owl-prev:hover:after ,#wrap .testimonials-slider-w.ts-nona .w-crsl .owl-buttons .owl-next:hover:after { background: #4acfae;} #wrap .testimonials-slider-w.ts-nona .w-crsl .owl-buttons .owl-prev:after {content: "\e605"; font-family: 'simple-line-icons';} #wrap .testimonials-slider-w.ts-nona .w-crsl .owl-buttons .owl-next:after {content: "\e606"; font-family: 'simple-line-icons';} #wrap .testimonials-slider-w.ts-nona .owl-controls {position: relative; margin-right: 24px; margin-top: -9px;} @media (min-width: 768px) and (max-width: 960px) { #wrap .ts-nona .testimonial.nona p:before { left: 21%;} } @media (min-width: 480px) and (max-width: 768px) { #wrap .ts-nona .testimonial.nona img {float: none;display: inline-block;text-align: center;margin-left: 5%;} #wrap .ts-nona .testimonial.nona p, .testimonial.nona h5, .testimonial.nona h6 {text-align: center;} #wrap .ts-nona .testimonial.nona .testimonial-content { padding: 50px 20px;} #wrap .ts-nona .testimonial.nona .social-testimonial ul { margin-left: 0;} #wrap .ts-nona .testimonial.nona p:before { display: none;} #wrap .ts-nona .testimonial.nona h5 {margin-top: 0;text-align: center;margin-left: 5%;} #wrap .ts-nona .testimonial.nona p { padding-left: 0; margin: 0;} } @media (min-width: 320px) and (max-width: 480px) { #wrap.ts-nona .testimonial.nona img {float: none;display: inline-block;text-align: center;margin-left: 5%;} #wrap.ts-nona .testimonial.nona p, .testimonial.nona h5, .testimonial.nona h6 {text-align: center;} #wrap.ts-nona .testimonial.nona .testimonial-content { padding: 50px 20px;} #wrap.ts-nona .testimonial.nona .social-testimonial ul { margin-left: 0;} #wrap.ts-nona .testimonial.nona p:before { display: none;} #wrap.ts-nona .testimonial.nona h5 {margin-top: 0;text-align: center;margin-left: 5%;} #wrap.ts-nona .testimonial.nona p { padding-left: 0; margin: 0; font-size: 14px;} } @media (max-width: 320px) { #wrap .ts-nona .testimonial.nona img {float: none;display: inline-block;text-align: center;margin-left: 5%;} #wrap .ts-nona .testimonial.nona p, .testimonial.nona h5, .testimonial.nona h6 {text-align: center;} #wrap .ts-nona .testimonial.nona .testimonial-content { padding: 50px 20px;} #wrap .ts-nona .testimonial.nona .social-testimonial ul { margin-left: 0;} #wrap .ts-nona .testimonial.nona p:before { display: none;} #wrap .ts-nona .testimonial.nona h5 {margin-top: 0;text-align: center;margin-left: 5%;} #wrap .ts-nona .testimonial.nona p { padding-left: 0; margin: 0; font-size: 14px;} } /* # deca testimonial slider ================================================== */ .ts-deca .deca {text-align: left;border: 3px solid #f4f4f4; padding: 47px 60px 5px 40px; min-height: 233px;} .ts-deca .deca .deca-leftsection img { margin-right: 5px;float: left; width: 130px; height: 130px; border-radius: 50%;} .ts-deca .deca .deca-leftsection h5, .ts-deca .deca .deca-leftsection h6 { color: #303133; font-size: 14px;} #wrap .ts-deca .deca .deca-leftsection h6 { font-size: 13px; font-family: 'Hind', sans-serif;} .ts-deca .deca .deca-leftsection .details { overflow: hidden; position: relative;} .ts-deca .deca .deca-leftsection h5 { text-transform: uppercase; font-weight: 600; margin-top: 57px; margin-left: 63px; margin-bottom: 3px;} .ts-deca .deca .deca-leftsection span { position: absolute; top: 65px; width: 59px; height: 1px; overflow: hidden;} .ts-deca .deca .deca-rightsection p { font-family:'Lora',serif; font-size:20px; font-style:italic;color: #303133;overflow: hidden; line-height:1.6;} .testimonials-slider-w.ts-deca .testimonials-slider { position: relative;} .testimonials-slider-w.ts-deca .owl-controls.clickable .owl-buttons { display: none;} .testimonials-slider-w.ts-deca .owl-controls.clickable { position: absolute; right: 27px; bottom: 29px;} #wrap .testimonials-slider-w.ts-deca .owl-theme .owl-controls .owl-page span {border-radius: 50% !important; transform: none; margin: 3px;width: 7px;height: 7px;border: none;background: #dedede;} #wrap .testimonials-slider-w.ts-deca .owl-theme .owl-controls .owl-page.active span { background: #d0ae5e;} @media (min-width:960px) and (max-width:1200px){ .ts-deca .deca .deca-leftsection h5 { margin-left: 0; margin-bottom: 5px;} .ts-deca .deca .deca-leftsection span { top: 75px;} } @media (min-width:768px) and (max-width:960px){ .ts-deca .deca { padding: 20px; min-height: 170px;} .ts-deca .deca .deca-leftsection img { width: 110px; height: 110px;} .ts-deca .deca .deca-leftsection h5 { margin-top: 40px; margin-left: 0; margin-bottom: 5px;} .ts-deca .deca .deca-leftsection span { top: 59px;} } @media (min-width:480px) and (max-width:768px){ .ts-deca .deca .deca-rightsection p { margin-top: 50px; display: block; clear: both;} } @media (max-width:480px) { .ts-deca .deca { text-align: center; padding: 20px;} .ts-deca .deca .deca-leftsection img { float: none; margin-left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%);} .ts-deca .deca .deca-leftsection h5 { margin-left: 0; margin-top: 20px; display: block; width: 100%;} .ts-deca .deca .deca-leftsection span { display: none;} } /*--- core owl carousel v1.3.3---*/ .owl-carousel .owl-wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y;} .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; cursor: grab; cursor:-webkit-grab; cursor:-moz-grab;} .owl-carousel .owl-wrapper-outer.autoheight{-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} .owl-carousel .owl-item{float: left;} .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;} .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .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-theme .owl-controls{ margin-top: 40px; text-align: center;} .owl-theme .owl-controls .owl-buttons div{ color: #fff; display: inline-block; zoom: 1; *display: inline;margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: alpha(opacity=50);opacity: 0.5;} .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: alpha(opacity=100); opacity: 1; text-decoration: none;} .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;} .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: alpha(opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791;} .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter: alpha(opacity=100); opacity: 1;} .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #fff; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} .owl-item.loading{ min-height: 150px; background: url(../images/loading.gif) no-repeat center center;} @media only screen and (min-width: 768px) { /* webnus */ .owl-item img { max-width: 100%; max-height: 100%;} } /*--- our client ---*/ .client-block { width: 100%; display: block; margin-bottom: 60px;} .our-clients-wrap { float: none; margin-top: 10px; position: relative;} .our-clients-wrap.crsl { margin-top:35px; margin-left:auto; margin-right:auto;} .our-clients-wrap.crsl ul.our-clients img { transition: all .3s ease-in-out; filter: grayscale(0%);} ul.our-clients { display: block; padding-left: 3px; margin: 10px 0 20px; box-shadow: 0px 2px 4px -3px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.1);} ul.our-clients li { list-style:none; width:25%; padding:0 15px; text-align:center; float: left; height:100px; margin:0; vertical-align: middle; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9;} ul.our-clients li:nth-child(4n) { border-right:none;} ul.our-clients li:nth-child(n+5) { border-bottom:none;padding-top: 48px;} ul.our-clients li:nth-child(n+10) { border-top:1px solid #e9e9e9;} @media only screen and (max-width: 767px) { .our-clients-wrap { padding-top: 30px;} ul.our-clients li { width:49.979%;padding-top: 20px;} ul.our-clients li:nth-child(5n) { border-right:1px solid #e9e9e9;} ul.our-clients li:nth-child(2n) { border-right:none;} ul.our-clients li:nth-child(n+6) { border-bottom:1px solid #e9e9e9;} ul.our-clients li:nth-child(n+3) { border-bottom:none;} ul.our-clients li:nth-child(n+5) { border-top:1px solid #e9e9e9;padding-top: 20px;} } ul.our-clients li img { height:auto; width:auto; max-width:100%; max-height:80px; margin:0;} ul.our-clients li:first-child { margin-left: 0;} ul.our-clients:after { clear: both;} ul.our-clients.classic {display: table;width: 100%;box-shadow: none;} ul.our-clients.classic li {display: table-cell;float: none;border: 0;} ul.our-clients.classic li:before {content: ' ';width: 100%;border: 1px solid #e3e3e3;border-bottom: 0;height: 11px;display: block; margin-bottom: 30px;} ul.our-clients.classic li:after {content: ' ';width: 100%;border: 1px solid #e3e3e3;border-top: 0;height: 11px;display: block; margin-top: 30px;} @media only screen and (max-width: 768px) { ul.our-clients.classic li {display: inline} } /*owl custom*/ #wrap .crsl { box-shadow:none; margin:0;} #wrap .crsl .owl-buttons .owl-prev { opacity: 1; position: absolute; right: auto; left: -50px; margin-left: 40px; top: -55px; color: #d0ae5e; background: none; padding: 0; transition: all 0.18s ease;} #wrap .crsl .owl-buttons .owl-next { opacity: 1; position: absolute; right: auto; right: 7px; margin-left: 40px; top: -55px; color: #d0ae5e; background: none; padding: 0; transition: all 0.18s ease;} #wrap .crsl .owl-buttons .owl-prev{ margin-left: 0;} #wrap .crsl .owl-buttons div:hover, .our-clients-wrap.crsl .owl-buttons div:active{ border-color: #000; color: #000 !important;} #wrap .crsl .owl-buttons div:after { padding: 7px 12px 7px 12px; content: '\e606'; position: absolute; top: 10px; left: 0; font-family: 'simple-line-icons'; font-size: 36px;} #wrap .crsl .owl-buttons .owl-prev:after { content: '\e605';} #wrap .crsl li {width: 100%; float: left; list-style: none;} #wrap .crsl li img{max-width: 100%;} #wrap .our-clients-wrap.crsl .owl-buttons div{ top: 17px;} .our-clients-wrap.crsl { margin-top: 0;} .our-clients-wrap.crsl ul.our-clients img { max-width: 100%; max-height: 100%; padding: 10px; background:#fff;} #our-clients.crsl.our-clients li { padding:0; width: 168px; border:none;} #our-clients.crsl.our-clients li:before ,#our-clients.crsl.our-clients li:after{content: ' ';width: 100%;border: 1px solid #e3e3e3;height: 11px;display: block;} #our-clients.crsl.our-clients li:before {border-bottom: 0; margin-bottom: 6px;} #our-clients.crsl.our-clients li:after {border-top: 0;margin-top: 0px;} @media only screen and (max-width: 480px) { #our-clients.crsl.our-clients li { width: 100%; } } /****/ /* Testimonial Carusel */ .testimonial-carousel{position:relative;padding:0 40px;} .testimonial-carousel .tc-item{text-align:center;padding:10px 25px;} .testimonial-carousel .tc-item img{width:90px;height:90px;border-radius:60px;box-shadow:0 2px 0 0px rgba(0,0,0,0.011);padding:3px;background:#fff;border:1px solid #f0f0f0;} .testimonial-carousel .tc-content{position:relative;background:#fff;color:#808080;margin-top:30px;margin-bottom:18px;padding:30px; font-family:'Lora'; font-weight:300; font-style:italic; line-height:1.9;font-size:17px;border:1px solid #eaeaea;border-radius:2px;box-shadow:0 2px 0 0px rgba(0,0,0,0.025);} .testimonial-carousel .tc-content:after, .testimonial-carousel .tc-content:before{content:'';display:block;position:absolute;left:50%;margin-left:-10px;width:0;height:0;border-style:solid;border-width:10px;} .testimonial-carousel .tc-content:after{top:-18px;border-color:transparent transparent #ffffff transparent;} .testimonial-carousel .tc-content:before{top:-19px;border-color:transparent transparent #e2e2e2 transparent;} .testimonial-carousel .tc-name{font-size:15px;font-weight:600;color:#333;margin-bottom:3px;line-height:1.2;} .testimonial-carousel .tc-job{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:#888;} .testimonial-carousel .tc-navigation{position:absolute;width:100%;left:0;right:0;top:50%;} .testimonial-carousel .tc-navigation .btn.next, .testimonial-carousel .tc-navigation .btn.prev{position:absolute;font-size:18px;width:34px;height:34px;display:block;line-height:1;padding:7px 0;text-align:center;border:1px solid #e3e3e3;border-radius:73px;right:0;color:#666;background:#fff;cursor:pointer;box-shadow:0 2px 0 0px rgba(0,0,0,0.045);transition:all 0.18s ease;} .testimonial-carousel .tc-navigation .btn.next:hover, .testimonial-carousel .tc-navigation .btn.prev:hover{background:#393939;color:#fff;border-color:#393939;} .testimonial-carousel .tc-navigation .btn.prev{right:auto;left:0;} @media (min-width:768px) and (max-width:959px){.testimonial-carousel .tc-item{padding:10px 15px;} .testimonial-carousel .tc-content{padding:16px 12px;font-size:13px;} } @media only screen and (max-width:767px){.testimonial-carousel .tc-item{padding:10px;} .testimonial-carousel .tc-content{padding:20px 15px;font-size:12px;} } /* hero carousel */ #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel { display:block;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .wpb_wrapper { padding:0; margin:0; border:none;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner { margin:0; padding:0; position:relative; background:#000;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .entry-content, #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .teaser-metadata { display:none;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel img { width: 100%; border:none; margin:0;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .hero-carousel-wrap { position: absolute; left: 0; right: 0; bottom: 7%; width: 84%; padding: 30px; margin: auto; background: rgba(255,255,255,0.83); letter-spacing: -1px;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .hero-carousel-wrap .hero-metadata .category a { font-family:'Hind', sans-serif; padding:4px 8px; background:#d0ae5e; color:#fff; letter-spacing: 2px; font-size: 11px; text-transform: uppercase;font-weight: 400;margin-right:4px; text-shadow:none; transition: all .22s ease;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .hero-carousel-wrap .hero-metadata .category a:hover { background:#000;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .hero-carousel-wrap .hero-metadata .date { font-size:13px; color:#808080; letter-spacing:0.2px; font-family: 'lora',serif; font-style: italic;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel h2.post-title { font-size: 19px; font-weight: 800; line-height:1.3; color:#fff; margin:10px 0 0;text-transform: uppercase;letter-spacing: 2px;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel h2.post-title a { color:#1f2123;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel h2.post-title a:hover { color:#d0ae5e;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel ol.vc_carousel-indicators { display:none;} #wrap .vc_carousel.vc_carousel_horizontal .vc_carousel-control { margin:0; width:60px; height:100%; top:0; left:0; bottom:0; background:rgba(0,0,0,0.42);} #wrap .vc_carousel.vc_carousel_horizontal .vc_carousel-control.vc_right { left:auto; right:0;} #wrap .vc_carousel.vc_carousel_horizontal .vc_carousel-control .icon-prev:before, #wrap .vc_carousel.vc_carousel_horizontal .vc_carousel-control .icon-next:before { font-family:'fontawesome'; font-size:24px; color:#fff; content:"\f053";} #wrap .vc_carousel.vc_carousel_horizontal .vc_carousel-control .icon-next:before { content:"\f054";} @media only screen and (max-width: 767px) { #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .vc_carousel-slideline .vc_item.vc_slide_post{ width:300px !important;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel h2.post-title { font-size:18px;} } #wrap .vc_carousel.vc_slide { visibility:hidden; max-height:220px; transition: all .27s ease;} #wrap .vc_carousel.vc_slide.vc_build { visibility:visible; max-height:none;} /* hero post slider */ #wrap .wpb_gallery_slides img { border:none;} #wrap .wpb_gallery_slides .flex-caption { background: rgba(0,0,0,0.1); bottom:0; top:0; width:100%; padding-top:29%;} #wrap .wpb_gallery_slides .flex-caption h2.post-title { font-size: 26px; font-weight: 700; line-height:1.3; letter-spacing:3px; margin-bottom:6px;text-transform: uppercase;} #wrap .wpb_gallery_slides .flex-caption h2.post-title a { color: #fff;} #wrap .wpb_gallery_slides .flex-caption h2.post-title a:hover { color:#d0ae5e;} #wrap .wpb_gallery_slides .flex-caption a.readmore:after { content:""; display:none;} #wrap .wpb_gallery_slides .flex-caption h6, #wrap .wpb_gallery_slides .flex-caption h6 a { font-size: 12px; font-weight: 700; color: #ddd; text-transform: uppercase; letter-spacing: 2px;} /* plans & pricing */ #wrap .ptp-pricing-table { display: block; width:auto; margin: 0 auto;} #wrap .ptp-pricing-table .ptp-item-container { text-align: center; margin: 12px 0; -webkit-transition: all .03s ease; -moz-transition: all .03s ease; -ms-transition: all .03s ease; -o-transition: all .03s ease; transition: all .03s ease; border: 1px solid transparent; border-radius: 6px;} #wrap .ptp-pricing-table .ptp-plan { background-color: #e7e7e7; font-weight: normal; font-size: 20px; margin: 0;padding: 16px;border-radius: 4px 4px 0 0; color:#425b71;} #wrap .ptp-pricing-table .ptp-price { padding: 8px 0; color: #fff; font-weight: bold; background: #27ae60; font-size: 12px; letter-spacing:1.2px; text-transform:uppercase;} #wrap .ptp-pricing-table .ptp-bullet-item { background-color:#fbfbfb; color:#979797; text-align:center; padding: 16px 0; margin: 0; font-size: 13px; font-weight: 400; border-bottom: 1px dotted #e3e3e3;} #wrap .ptp-pricing-table .ptp-bullet-item span{color:#425b71; font-weight:700} #wrap .ptp-pricing-table .ptp-item-container .ptp-cta {border-radius: 0 0 4px 4px; background-color: #f7f7f7; border-top:3px solid #f0f0f0;} #wrap .ptp-pricing-table .ptp-item-container .ptp-button {padding: 12px 0; border: none; background-color: transparent; color: #4f667a; font-size:12px; font-weight:bold; text-transform:uppercase;} #wrap .ptp-pricing-table .ptp-item-container:hover {background-color:#fff;} #wrap .ptp-pricing-table .ptp-item-container:hover .ptp-plan{background: #e4644b; color: #fff;} #wrap .ptp-pricing-table .ptp-item-container:hover .ptp-price{background: #de5440;} #wrap .ptp-pricing-table .ptp-item-container:hover .ptp-button { box-shadow: none; background-color:#e4644b; color:#fff} #wrap .ptp-pricing-table .ptp-three-col {width: 33.33333333333333%;} #wrap .ptp-pricing-table .ptp-four-col {width: 25%;} /* our process section */ .our-process-wrap { min-height: 260px; margin-bottom: 40px;} .our-process { border-bottom: 1px dashed #e0e0e0; position: relative; height: 62px; overflow:visible; z-index:11;} .our-process:before, .our-process:after { content: "\f192"; position: absolute; left: -8px; bottom: -4px; font-family: 'fontawesome'; font-size: 16px; color: #ccc;} .our-process:after { left: auto; bottom: -11px; right: -8px; content: "\f140";} .our-process.proc4level .our-process-item { width: 25%;} .our-process.proc5level .our-process-item { width: 20%;} .our-process.proc3level .our-process-item { width: 33.33%;} .our-process-item {float: left; position: relative; text-align:center;} .our-process-item .our-process-content { text-align:center;} .our-process-item i { background:#fff; position:relative; color: #7d7d86; font-size: 32px; display:inline-block; padding: 40px; clear:both; border-radius: 50%; border: 1px solid #e5e5e5; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} .our-process-item:hover i { border-color: #d0ae5e;} .our-process-item i:after { position:absolute; top: 50%; right:-16px; margin-top:-11px; padding:8px; background:#d0ae5e; content: "1"; font-size: 15px; font-weight:700; line-height:1; width:32px; height:32px; color:#fff; border-radius:50%; font-family:'Montserrat', sans-serif;} .our-process .our-process-item:nth-child(2n) i:after {content: "2";} .our-process .our-process-item:nth-child(3n) i:after {content: "3";} .our-process .our-process-item:nth-child(4n) i:after {content: "4";} .our-process .our-process-item:nth-child(5n) i:after {content: "5";} .our-process-item h5 { font-weight: 600; font-size: 15px; margin: 16px 10px 8px 0; text-align:center; width:100%; color:#222;} .our-process-item p { font-size:13px; color:#8a8a8a; padding:0 12px; line-height:1.48;} @media only screen and (max-width: 767px) { .our-process.proc4level, .our-process.proc5level, .our-process.proc3level { height: auto;} .our-process { border: none } .our-process:before, .our-process:after { display: none;} .our-process:after { left: 31px;} .our-process.proc4level .our-process-item, .our-process.proc5level .our-process-item, .our-process.proc3level .our-process-item { width: 100%;} } @media only screen and (min-width: 768px) and (max-width: 960px) { .our-process-item i { font-size:32px; padding:18px;} .our-process { height:38px;} .our-process-item i:after { font-size:14px; padding:6px; width:26px; height:26px;} } @media only screen and (max-width: 960px) { .our-process-item p { margin-bottom:33px;} .our-process-item h5 { font-size:15px;} } /* latest from blog */ .latest-b2 { margin:30px 0;} .latest-b2 a:hover { text-decoration:underline;} .latest-b2-img { float:left; width:140px; margin-right:15px; min-height:140px;} .latest-b2-cont { min-height:140px; padding-right:10px;} h3.latest-b2-title { font-size:17px; margin-bottom:9px; font-weight:700; margin-top:12px; text-transform:uppercase; line-height:1;} h3.latest-b2-title a { color:#2a2a2a;} h6.latest-b2-cat, h5.latest-b2-date {font-size:12px; margin-bottom:10px; font-weight:400; margin-top:2px; letter-spacing:1px; line-height:1; text-transform:uppercase;} h6.latest-b2-cat a { color:#616161;} h5.latest-b2-date { color:#999; font-size:13px; font-weight:300; font-style:normal;} @media only screen and (min-width: 961px) { .vc_col-md-8 .col-md-6.col-lg-4, .vc_col-md-6 .col-md-6.col-lg-4, .vc_col-md-10 .col-md-6.col-lg-4, .vc_col-sm-8 .col-md-6.col-lg-4, .vc_col-sm-6 .col-md-6.col-lg-4, .vc_col-sm-10 .col-md-6.col-lg-4, .vertical-header-enabled .col-md-6.col-lg-4 { width:50%; padding-left:0;} } @media only screen and (max-width: 479px) { .latest-b2-img { width:100%; float:none; margin-bottom:7px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { h3.latest-b2-title { font-size:16px; letter-spacing:2px;} } /* Carusel latest News */ #wrap .c-main-title { font-family: 'Lora', sans-serif; font-style: italic; color: #202020; font-size:24px;} #wrap .c-main-title i { color: #2a2a2a;} #wrap #w-h-carusel.w-crsl .owl-buttons div { right: 0; top: -41px;} #wrap #w-h-carusel.w-crsl .owl-buttons div:after { padding: 3px 9px; font-size: 10px; font-family: 'simple-line-icons'; border-width: 0; background:#eee; color:#222;} #wrap #w-h-carusel.w-crsl .owl-buttons div:hover:after { background: #d0ae5e; color: #fff; border-color:#d0ae5e } #wrap #w-h-carusel.w-crsl .owl-buttons .owl-prev { right: 33px;} #wrap #w-h-carusel.w-crsl .owl-buttons .owl-prev:after { content: "\e605";} #wrap #w-h-carusel.w-crsl .owl-buttons .owl-next:after { content: "\e606";} #w-h-carusel .c-h-title { padding: 33px 0;} #w-h-carusel .c-h-title a{ color:#000; font-size: 21px;} #w-h-carusel .c-metadata { padding: 10px 0 38px; font-family: 'Hind', sans-serif; color: #777; font-size: 15px; } #w-h-carusel .c-metadata a{ color:#000; color: #303133;} #wrap #w-h-carusel .c-metadata .event-detail { padding-top: 5px; color: #777;} #w-h-carusel .c-read-more { margin-bottom: 12px;} #w-h-carusel .c-read-more a { font-size:13px; letter-spacing:1px; font-weight:700; color: #fff; padding: 8px 22px; transition: all 0.2s ease;} #w-h-carusel .c-read-more a:hover { background:#424242;}. /* twitter */ .twitter-box{ width: 100%; background: #00a0d1; text-align: center; padding: 50px 0;} .twitter-box i { display: inline-block; font-size: 60px; color: #fff; padding: 15px; margin: 10px 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .twitter-box h3 { font-size: 20px; color: #fff; width:80%; margin: 0 auto 30px; line-height: 1.5;} .twitter-box a { color:#111;} .twitter-box a:hover { text-decoration:underline;} .twitter-box a.follow-twitter { color:#fff; background: #058dc1; border-radius: 50px; padding: 10px 30px; font-weight:400; vertical-align:middle; text-decoration:none} .twitter-box a.follow-twitter:hover {border: 2px solid #fff;} /* contact */ .contact-form { text-align: center; padding-bottom: 0;} .contact-form p { color: #555;} .contact-form input { width: auto; display: block; height: 45px; padding-left: 15px; background: #f7f7f7;} .contact-form textarea { display: block; width: 100%; height: 110px; padding: 5px 15px; background: #f7f7f7;} .contact-form textarea:focus, .contact-form input:focus { background: #fff; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); border: 1px solid #aaa;} .contact-form input, .contact-form textarea { border: none; color: #555; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .blox .contact-form input, .blox .contact-form textarea { background:#fff;} .blox.dark .contact-form input, .blox.dark .contact-form textarea { background:rgba(0,0,0,0.8);} .contact-form .btnsend { color: #444; background:none; border:3px solid #666; text-transform:uppercase; letter-spacing:0.6px; font-size: 11px; height: 48px;font-weight:700; box-shadow: none;} .contact-form .btnsend:hover { background: #27ae60; border-color:#27ae60; color:#fff;} .contact-info h5 { margin-bottom: 15px;} .contact-info p { margin:0; font-size: 13px; padding: 7px 0; font-weight:400; color: #555;} .contact-info i { font-size: 17px; margin-right: 10px; color: #d0ae5e;} .our-map:before{content: ''; background: url(../images/map.png) repeat-x 0 0;height: 4px; overflow: hidden; width: 100%; margin: 0; display:block;} #nav .btnsend { background:none; padding:8px 14px; font-size:11px; font-weight:600; color:#797979; border:2px solid #e9e9e9; box-shadow:none; text-transform:uppercase;} .contact-form .input-group.first { padding-top: 20px;} .contact-form .col-md-6:first-child { padding-left:0;} .contact-form .col-md-6:last-child { padding-right:0; text-align:left;} .contact-form form { padding: 20px 0;} .contact-form .field-group { text-align: left; padding: 0 20px;} .contact-form h5 { text-align: left; padding-left: 11px; display: inline-block;} .contact-form .txbx { width: 96%; height: 54px; border: 3px solid #e5e5e5; border-radius: 4px; float: none; padding-left: 14px; font-size: 16px; margin-left: 8px;} .contact-form .txbx:focus { border-width: 2px; border-radius: 2px;} .contact-form .era { min-height: 190px; max-height: 300px; width: 96%;} .contact-form .erabox { width: 100%; height: 100%; margin-top: 12px; padding: 20px 0; background: #fff; border-top: 5px solid #e9e9e9;} .contact-form .sendbtn { padding: 10px 18px; font-size: 14px;} .blox.dark .contact-form .btnsend { color:#fff;} .contact-form span.bad-field { font-size: 13px; margin-left: 9px; color: #edc1c1;} .contact-form span.bad-field.captcha { display: inherit;} input[type="text"].bad-field, input[type="password"].bad-field, input[type="email"].bad-field, #wrap textarea.bad-field { border: 3px solid #edc1c1;} input[type="text"].good-field, input[type="password"].good-field, input[type="email"].good-field, #wrap textarea.good-field { border: 3px solid #c1edc5;} .contact-form .g-recaptcha { display: inline-block; margin-bottom: 35px;} #contact-map { box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1) inset; border: 1px solid #d6dbdc; border-left: none; border-right: none; padding: 0; margin: 0 } #contact-map iframe { width: 100%; padding: 0; margin: 0; margin-bottom: -7px;} .contact-inf { background: url(../images/world-map2.png) no-repeat center 20px;} .widget .contact-inf { background: url(../images/world-map.png) no-repeat center center;} .row.magic { padding-left: 40px;} .columns.magic { padding-left: 20px;} .magic-link { clear: both;} .magic-link a { position:relative; display: inline-block; font-size: 11px; font-weight:bold; width: auto; color: #fff; border-radius: 25px; padding: 6px 26px 5px 20px; letter-spacing:3px; text-transform: capitalize; background: #ffa02f; text-align: center;} .magic-link a:after { position: absolute; right: 10px; top: 11px; font-family: 'fontawesome'; font-size: 9px; content: "\f054"; speak: none; font-style: normal; font-weight: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; transition: all 0.15s ease-in-out;} .magic-link a:hover:after { right:7px;} .magic-link a.get { padding: 7px 26px 7px 20px; background-color: #7ebd22; border-radius: 5px; text-shadow: 1px 1px 0 #649b19; text-transform: uppercase;} .magic-link a.get.shadow1 { box-shadow: 0px 0px 5px #fff inset, 0 2px 3px -1px #74ad20; -webkit-box-shadow: 0px 0px 7px #fff inset, 0 2px 5px -1px #74ad20;} .magic-link a:hover { background-color: #4c4665; background-position: center right; text-shadow: 1px 1px 0 #666;} /* pie chart */ .easypiechart { position: relative; text-align: center;} .easypiechart canvas { position: absolute; top: 0; left: 0;} .pie { text-align:center; font-size:49px; position:relative; margin:0 auto 20px;} .pie p { font-size:16px; color:#888; font-weight:400; position:absolute; bottom:-52px; width:100%; padding-top:10px; border-top:2px solid #f9f9f9;} .container .pie p { margin-bottom:0;} /* w-callout */ .w-callout { background: #d0ae5e; margin: 0; padding: 46px;} .w-callout.w-callout-b { padding: 50px 0px 5px 35px; border-radius: 0 0 3px 3px;} .w-callout .vc_col-sm-4 { text-align: right;} .w-callout .button { font-weight: bold;} .w-callout h4, .w-callout p { color: #fff;} /* callout (promo box) */ .callout { padding: 34px 30px; min-height: 60px; margin: 8px 10px 30px; position: relative; clear: both; border:1px solid #e5e5e5;box-shadow:0 2px 3px rgba(0,0,0,0.017); border-radius:2px;} .callout h1, .callout h2, .callout h3 { font-weight: 600;} .callout a { text-decoration: underline;} .callout a.callurl { display: block; font-size:12px; font-weight:bold; padding: 10px 23px; background: #d0ae5e; text-decoration: none; color: #fff; text-transform: uppercase; letter-spacing: 1px; margin: 4px 0 10px 15px; position: relative; float: right; border-radius: 3px; transition: all 0.25s ease;} .callout a.callurl:hover { background:#191919; border-radius: 33px;} .container .callout p { margin: 0;} .container div .callout { margin-left: 0; margin-right: 0;} .dpromo p { max-width:480px;} .dpromo.col-md-6 { padding-left:0;} @media only screen and (min-width: 768px) { .dpromo2.col-md-6 { padding-left:15px;} } .container .dpromo img { float:right; margin-left:20px; max-width:210px;} .dpromo .magicmore { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;} .double-btn { text-align:center;} .double-btn .button { margin-left:15px; margin-right:15px;} /* distance (vertical spaces) */ .vertical-space, .vertical-space1, .vertical-space2, .vertical-space3, .vertical-space4, .vertical-space5 { display: block; width: 100%; margin: 0; clear: both; border: 0 none; height: 20px;} .vertical-space2 { height: 40px;} .vertical-space3 { height: 60px;} .vertical-space4 { height: 80px;} .vertical-space5 { height: 100px;} *+html hr.vertical-space, *+html hr.vertical-space1, *+html hr .vertical-space2, *+html hr.vertical-space3, *+html hr.vertical-space4, *+html hr.vertical-space5 { height: 0px; margin: 10px 0; background: #fff; border: 1px solid #fff;} *+html hr.vertical-space2 { margin: 20px 0;} *+html hr.vertical-space3 { margin: 30px 0;} *+html hr.vertical-space4 { margin: 40px 0;} *+html hr.vertical-space5 { margin: 50px 0;} /* title */ h4.subtitle { border-bottom: 1px solid #e5e5e5; font-weight: bold; letter-spacing:0.6px; text-transform: uppercase; line-height: 1.8; padding-bottom:8px; font-size: 12px; color: #54606b; clear: both; margin: 19px 0 21px 0;} h4.subtitle img { float: left; margin-right: 5px; vertical-align: baseline } h4.subtitle.r1dd { margin-top: 20px;} .w-title { margin-bottom: 35px; clear: both; border-bottom: 6px solid #222; position: relative; height: 24px;} .w-title h4, .w-title h3 { background: #fff; display: inline-block; padding:0; padding-right: 8px; font-weight: 800; font-size: 18px; line-height: 1.15; margin-top: 11px; letter-spacing: 2px;position: absolute;} h6.h-sub-content { display:inline-block; letter-spacing: 3px; padding-bottom: 5px; font-size: 16px; font-weight: 800; color:#101010; text-transform:uppercase; border-bottom: 6px solid #d0ae5e; line-height: 27px; margin-bottom:-6px; width:auto; max-width:100%;} .sub-content span { display: inline-block; font-size: 10px; font-weight: bold; letter-spacing: 2px;} .sub-content { border-bottom: 6px solid #222; position: relative; margin-bottom: 20px; margin-top: 5px;} .blox.dark .sub-content { border-color: rgba(255,255,255,0.14);} .mex-title { border-bottom: 1px solid rgba(0, 0, 0, 0.08); display: inline-block; padding-bottom: 20px; margin-bottom: 20px; font-weight: 100; letter-spacing: 0;} h4.h-subtitle {font-size: 32px;font-weight: 400;letter-spacing: 5px;text-transform: none;margin-bottom: 30px;font-family: 'Montserrat', sans-serif; line-height: 54px;color: #282828;} h4.h-subtitle:after {content: '';display: block;background: url("../images/subtitle-border.png") repeat-x bottom left;height: 5px;width: 295px;padding-top: 50px;} .subtitle-six:before {content: "";background: #fff;border: 1px solid #e3e3e3;border-radius: 3px;width: 11px;display: inline-block;height: 11px;position: absolute;bottom: 0;margin: 0 0 -5px -5px;z-index: 1;} .subtitle-six:after {content: "";margin: 45px 0 30px;width: 195px;height: 0;display: block;position: relative;border-bottom: 1px solid #e3e3e3;} .subtitle-six {position:relative} .subtitle-six h4 {font-size: 32px;font-weight: 400;letter-spacing: 5px;text-transform: none;margin-bottom: 45px;font-family: 'Montserrat', sans-serif;} /* check */ ul.check li, li.check {background: none;padding: 0;font-weight: 400;} ul.check li:before, li.check:before {content: '\F046';font-family: FontAwesome;padding-right: 8px;color: #d0ae5e;} /* accordion */ .acc-trigger { border-top: 1px solid #e4e4e4; cursor: pointer; display: block; margin: 0;} .acc-trigger:last-of-type, .acc-container:last-of-type { border-bottom: 3px solid #f3f2f2; margin-bottom: 20px;} .no-js .acc-trigger:last-of-type { border-bottom: none;} .acc-trigger a { background: url(../images/accordion-ico.png) no-repeat 6px 18px; display: block;color:#444; padding: 19px 14px 16px 40px; text-decoration: none; text-shadow: none; font-weight:bold; font-size:18px;} .acc-trigger a:hover { background-color: #fbfbfb;} .acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #d0ae5e;} .acc-trigger.active a:hover { background-color: transparent;} .acc-trigger.active { cursor: default; border-top-color:#b0afaf; background-color:#fff;} .acc-trigger.active:last-of-type { border-bottom: none; margin-bottom: 0;} .acc-trigger.active a { background-position: 6px -54px; cursor: default;} .acc-container .content { padding: 0 14px 21px 40px;} /* quote of the week */ .qot-week { clear: both; margin: 10px; margin-top: 36px; padding-bottom: 18px; position: relative; text-align: center; border-top: 1px solid #e5e5e5;} .qot-week .qot-pic { position: relative; margin: 0 auto; margin-top: 7px; height: 40px; width: 74px;} .qot-week .qot-pic:before { content: '\201c'; border-top: 2px solid #c4c4c4; border-radius: 50%; font-size: 62px; color: #555; font-weight: bold; background: #fff; padding: 3px 20px; margin-top: 20px; font-family: georgia, times, serif } .qot-week h6.qot-title { text-transform: uppercase; margin: 8px 0; color: #999; display: block; clear: both; font-size: 10px; font-weight: bold;} .qot-week blockquote, .qot-week blockquote cite, .qot-week blockquote cite small { padding: 0; margin: 0; font-style: normal;} .qot-week blockquote:before { content: ''; content: none;} .qot-week h3 { font-family:'lora',serif; font-size: 24px;} .qot-week h3:before { content: '\201c';} .qot-week h3:after { content: '\201d';} .qot-week h3:before, .qot-week h3:after { font-family: times, serif; font-size: 30px; margin: 0 10px; font-weight: bold;} .qot-week cite { display: block; font-weight: 400; margin-top: 20px; font-size: 17px; color: #494949; margin-bottom: 8px;} .qot-week cite:before { content: '\2014\0020';} .column .qot-week, .columns .qot-week { margin-left: 0; margin-right: 0;} /* prgress bar */ .progress-barbg { position: relative; z-index: 3; width: 100%; height: 45px; box-shadow: inset 0px 1px 3px rgba(40, 40, 40, 0.1); margin-bottom: 25.5px; background: #fff; background-image: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,.02) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.1)), color-stop(100%, rgba(0,0,0,.02))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,.02) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,.02) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,.02) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,.02) 100%); filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#40000000', endcolorstr='#00000000', gradienttype=0 );} .progress-bar-box h5 { margin-bottom: 11px;} .progress-bar { position: absolute; top: 0; left: 0; z-index: 2; height: 45px; -webkit-animation: fillup 5s ease; -moz-animation: fillup 5s ease; -ms-animation: fillup 5s ease; -o-animation: fillup 5s ease; animation: fillup 5s ease;} .progress-barfill { width: 100%; height: 45px; -webkit-animation: progress 1s linear infinite; -moz-animation: progress 1s linear infinite; animation: progress 1s linear infinite; background-repeat: repeat-x; background-size: 45px 45px; background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .progress-percent { position: absolute; top: -30px; left: 100%; z-index: 1; width: 38px; margin-left: -19px; text-align: center; background: #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; opacity: 0; -webkit-animation: percent-show 1.7s ease 5s forwards; -moz-animation: percent-show 1.7s ease 5s forwards; -o-animation: percent-show 1.7s ease 5s forwards; animation: percent-show 1.7s ease 5s forwards;} .progress-percent:after { width: 8px; height: 8px; content: ' '; position: absolute; z-index: 2; top: 100%; left: 50%; margin: -4px 0 0 -4px; background: #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .progress-percent p { display: inline-block; margin: 0; color: #fff; font-size: 12px; line-height: 1;} .white-space { clear: both; width: 100%; height: 40px;} .flrdbtnshow a.button { margin-right:5px;} /* # pricing-table type 1 ================================================== */ .w-pricing-table1 { text-align: center; margin-bottom: 21px; border-bottom:2px solid #f4f6f8;} .w-pricing-table1:hover { border-bottom:2px solid;} .w-pricing-table1 .price-header,.w-pricing-table1 .price-footer {background: #333;} .w-pricing-table1 .price-footer { padding:46px 0 44px; background: #f4f6f8} .w-pricing-table1 .price-footer a { margin-bottom: 0px;background: #333;color: #fff;font-weight: bold;padding: 12px 30px;border-radius: 5px; font-size: 16px; letter-spacing: 0;} .w-pricing-table1 .price-footer a:hover {background: #d0ae5e;} .w-pricing-table1 ul.features {background: #f4f6f8; margin-left:0; margin-bottom: 0; text-align: left; color: #777;} .w-pricing-table1 ul.features li { list-style: none; padding: 20px 30px; border-bottom: 1px solid #e8e8e8; margin-bottom: 0;} .w-pricing-table1 ul.features li:before {font-family: 'fontawesome';content: '\f101';padding-right: 10px;} .w-pricing-table1 .plan-title {text-transform: uppercase;color: #d0ae5e;font-weight: 400;letter-spacing: 8px;font-size: 16px;line-height: 0px;padding: 40px 15px 0; margin-bottom:0;} .w-pricing-table1 .plan-price {line-height: normal; padding: 12px 15px; margin: 0;border-top: 1px solid #e5e5e5);} .w-pricing-table1 .plan-price {font-weight: 100;font-size: 58px;color: #f4f6f8; background: #333333;} .w-pricing-table1 .plan-price span {font-size: 23px;position: absolute; margin-left: -15px; margin-top: 6px;} .w-pricing-table1.featured .plan-title,.w-pricing-table1.featured .plan-price span, .w-pricing-table1.featured .plan-price small { color: #fff;} .w-pricing-table1 .plan-price small {font-size: 12px;text-transform: uppercase;font-weight: 300;color: #f4f6f8;} .w-pricing-table1.featured .plan-title { line-height: 46px; background-color:#67bd36;} .w-pricing-table1.featured .plan-price { border-top: 1px solid #4cb024; padding:15px; background-color:#76c847;} .w-pricing-table1.featured .plan-price span { font-size: 42px; text-shadow: 0 1px 1px rgba(0,0,0,0.4);} #wrap .w-pricing-table1 .price-footer a.magicmore:after {content:''} #wrap .w-pricing-table1 .price-footer a.magicmore:hover:after {content:''} #wrap .w-pricing-table1 .price-footer a.readmore { border-color: transparent; } @media only screen and (max-width: 767px) { .w-pricing-table1 {margin-bottom:40px;} } /* # pricing-table type 2 ================================================== */ .w-pricing-table2 .price-header h5 { background: #e6e6e6; padding: 23px 10px 18px; text-transform: capitalize; margin-bottom: 0; color: #616161; text-align: center; font-size: 22px; position: relative; transition: ease .3s all;} .w-pricing-table2 .ptcontent {border: 2px solid #e6e6e6; padding: 28px; position: relative; transition: ease .3s all;} .w-pricing-table2 .ptcontent ul li { list-style: none; border-bottom: 1px solid #e3e3e3; padding: 9px 0; margin: 0; text-align: center; color: #888;} .w-pricing-table2.featured .ptcontent > span, .w-pricing-table2 .ptcontent > span {background: #f5b200;color: #fff;font-size: 13px;padding: 3px 0;position: absolute; top: 12px;right: 2px;transform: rotate(45deg);} .w-pricing-table2 .ptcontent > span { right: 0; top: 20px;} .w-pricing-table2 .ptcontent > span:before, .w-pricing-table2.featured .ptcontent > span:before { content: ""; width: 0; height: 0; position: absolute; top: 0px; left: -27px; border-bottom: 28px solid #f5b200; border-left: 28px solid transparent;} .w-pricing-table2 .ptcontent > span:before { transform: rotate(-1deg);} .w-pricing-table2 .ptcontent > span:after { content: ""; width: 0; height: 0; position: absolute; top: -1px; right: -28px; border-bottom: 29px solid #f5b200; border-right: 29px solid transparent;} .w-pricing-table2 .plan-price { font-size: 60px; color: #d0ae5e; font-weight: 600;padding: 15px 0;text-align: center;} .w-pricing-table2 .plan-price > small { font-size: 18px; color: #616161;} .w-pricing-table2 .plan-price > span { font-size: 33px; color: #616161; font-weight: 400; vertical-align: top; padding-right: 5px;} .w-pricing-table2 .price-footer a.readmore { display: inline-block; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); color: #d0ae5e; margin-bottom: 8px; margin-top: 17px; letter-spacing: 0; font-family: 'Montserrat',sans-serif; font-size: 13px; font-weight: 400; padding: 15px 35px;} .w-pricing-table2 .price-footer a.readmore:after { background: #d0ae5e;} .w-pricing-table2.featured .plan-price { font-size: 71px;padding: 0;} .w-pricing-table2:hover.w-pricing-table2 .ptcontent { border-color: #d0ae5e;} .w-pricing-table2:hover.w-pricing-table2 .price-header h5 { background: #d0ae5e; color: #fff;} .w-pricing-table2.featured { position: relative; top: -21px;} .w-pricing-table2.featured .price-header h5 { background: #d0ae5e; padding: 45px 10px 36px; color: #fff; text-align: center;} .w-pricing-table2.featured .ptcontent { border-color: #d0ae5e;} .w-pricing-table2.featured .ptcontent { padding-top: 25px; padding-bottom: 50px; overflow: hidden;} .w-pricing-table2.featured .price-header h5 { color: #fff; font-weight: 600;} .w-pricing-table2 .price-header h5,.w-pricing-table2 .plan-price > span { color: #616161;} .w-pricing-table2 .price-header h5 { color: #616161;} @media (max-width: 768px){ .w-pricing-table2.featured { top: 0;} } /* # pricing-table type 3 ================================================== */ .w-pricing-table3 { position:relative; background: #fff; padding: 40px 33px; margin:30px 5px 10px; border: 1px solid #e9e9e9; border-radius: 3px; text-align: left; box-shadow: 0 2px 0 0 rgba(0,0,0,0.016);} .blox .w-pricing-table3 { border:none; box-shadow: 0 3px 5px rgba(0,0,0,0.06);} .blox.dark .w-pricing-table3 { box-shadow: 0 7px 8px rgba(0,0,0,0.14);} .w-pricing-table3.featured {margin-top:0;padding-top: 70px;} .w-pricing-table3.featured .ptcontent > span { width:100%;text-align:center;height: 40px;line-height: 40px;font-weight:600;font-size:15px;color:#fff;letter-spacing:2px;text-transform:uppercase;background: #d0ae5e;position: absolute;left: 0;top: 0;border-radius: 3px 3px 0 0;} .w-pricing-table3 .plan-title {font-size:18px; font-weight:700;letter-spacing:2px;text-transform:uppercase;padding-bottom:15px;} .w-pricing-table3 .plan-price { margin:10px 0; line-height:1; font-weight:700; font-size: 71px;} .w-pricing-table3 .plan-price span { font-size: 71px;} .w-pricing-table3 .plan-price > span { font-size:31px; margin-right:6px; vertical-align:super;} .w-pricing-table3 .plan-price small { font-size:19px; letter-spacing:2px; margin-left: 3px; text-transform:lowercase; font-weight:500; vertical-align:baseline;} .w-pricing-table3 .plan-price span, .w-pricing-table3 .plan-price small {color: #2a2a2a;} .w-pricing-table3 .features { padding-top: 10px; color:#aaa; margin-bottom:30px; list-style:none;} .w-pricing-table3 .features li { font-size:13px; letter-spacing:0.4px;} .blox.dark .w-pricing-table3 .features li { color:#aaa;} .w-pricing-table3 .price-footer { padding-top:12px; text-align:center;} .w-pricing-table3 .price-footer a.readmore { border: none; display:inline-block;color:#fff;padding: 14px 36px;border-radius:33px;font-size: 13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;transition: all .28s ease;} #wrap .w-pricing-table3 .price-footer a.readmore:hover { background-color:#222; color:#fff !important; border-radius:33px;} .w-pricing-table3 .price-footer a.readmore:hover:after { display: none; } @media (max-width: 960px){ .w-pricing-table3 { margin-left:0; margin-right:0; padding:40px 25px;} .w-pricing-table3 .plan-price span { font-size:50px;} .w-pricing-table3 .plan-price > span { font-size:25px;} .w-pricing-table3 .plan-price small { font-size:15px; letter-spacing:0;} } @media (max-width: 768px){ .w-pricing-table3.pt-type7.featured { margin-top:40px;} .w-pricing-table3 .pt-footer { text-align:left;} } @media (min-width: 768px) and (max-width: 960px) { .w-pricing-table3 { padding:40px 15px;} .w-pricing-table3 .plan-price span { font-size:40px;} .w-pricing-table3 .plan-price > span { font-size:17px;} .w-pricing-table3 .plan-price small { font-size:12px;} .w-pricing-table3 .pt-footer a.magicmore { font-size:11px; padding:9px 18px;} .w-pricing-table3 .plan-title { font-size:16px; letter-spacing:1px;} .w-pricing-table3 .features li { font-size:12px; letter-spacing:0;} } @media (min-width: 961px) and (max-width: 1280px) { .w-pricing-table3 { margin-left:0; margin-right:0; padding:40px 30px;} .w-pricing-table3 .plan-price span { font-size:57px;} .w-pricing-table3 .plan-price > span { font-size:28px;} .w-pricing-table3 .plan-price small { font-size:17px; letter-spacing:0.6px;} } /* event-clean */ .events-wrapper { position: relative;} .events-clean .event-article:after {border-right: 1px solid #ddd;height: 60px;position: absolute;top: 36px;right: -16px;} .events-clean .event-article {margin: 15px 0;text-align: center;} .events-clean .event-date {padding: 0;margin: 0;color: #999;text-transform: capitalize;font-size: 12px;font-weight: 700;} .events-clean .event-title {font-weight: 700; line-height: 21px; font-size: 15px; padding-top: 5px; text-transform: uppercase; transition: color .37s ease;} .events-clean .event-detail {font-weight: 300;line-height: 12px;letter-spacing: 0;font-size: 13px;color: #777;font-style: italic;font-weight: 600;} .events-clean .event-article:hover .event-title {color: #d0ae5e;} .events-clean .event-article:hover .event-date{background:transparent;} .event-last:after {display: none;} @media only screen and (max-width: 767px) { .event-article:after {border:none; display:none;} .events-clean .event-article { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee;} } /* event-clean2 */ .events-clean2 .event-article { margin:15px 0; overflow: hidden;} .events-clean2 .event-date { width:70px; float:left; margin-right: 20px; color: #2a2a2a; padding:12px 16px 10px;text-align: center;text-transform: uppercase;border-radius: 13px; border: 3px solid #e6e6e6; transition: all .37s ease-in-out;} .events-clean2 .event-date span {display: block;font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 4px; color: #2a2a2a; transition: color .37s ease;} .events-clean2 .event-title {font-weight: 700; line-height: 21px; font-size: 16px; padding-top: 5px; text-transform: uppercase; transition: color .37s ease;} .events-clean2 .event-detail {font-weight: 300;line-height: 12px;letter-spacing: 1px;} .events-clean2 .event-article:hover .event-title { color:#d0ae5e;} .events-clean2 .event-article:hover .event-date{background:#d0ae5e; color:#fff; border-color:#d0ae5e;} .events-clean2 .event-article:hover .event-date span { color:#fff;} /* event-minimal */ .events-minimal .event-article { padding: 12px 0; margin-bottom:20px;} .events-minimal .tribe-events-event-image {float: left;width: 85px;margin-right: 20px;} .events-minimal .event-date {font-weight: 400; font-size: 13px; letter-spacing: 0; line-height:1; margin-bottom:11px; font-family: 'Montserrat',sans-serif; color: #d0ae5e;} .events-minimal .event-date span {font-weight: 500; margin-bottom: 6px;} .events-minimal .event-title {font-size: 15px; margin: 6px 0; font-weight:700; text-transform: uppercase;} .events-minimal .event-title a{color:#494949;} .events-minimal .event-title a:hover {color:#fe797a;} .events-minimal .event-detail {color: #777; font-weight: 400; line-height: 12px; font-family: 'Montserrat',sans-serif; font-size: 12px; overflow: hidden;} .events-minimal a.magicmore { padding:10px 16px; color:#fff; background:#222; letter-spacing:2px; font-size:11px; font-family: 'Montserrat',sans-serif;} .events-minimal a.magicmore:after { content:""; display:none;} .events-minimal a.magicmore:hover {color: #d0ae5e;} .blox.dark .events-minimal .event-title a { color:#fff;} .blox.dark .events-minimal .event-title a:hover { text-decoration:underline;} .blox.dark .events-minimal .tribe-events-event-image { border-color:#292929;} /* a course */ .a-course {background:#f6f6f6; padding: 30px 20px;} .a-course h4 {font-size: 19px; color:#4a4a4a; letter-spacing:1px; font-weight:700;} .a-course h4 a { color:#4a4a4a;} .a-course h4 a:hover { color: #d0ae5e;} .a-course .media-links {background-color: #d0ae5e; width: 100%; text-align: center; height: 40px; padding: 10px;} .a-course .media-links a {padding:10px; color:#fff; font-size:12px; letter-spacing:1px;} .a-course .media-links a:hover {color:#222;} .a-course figure {margin: 16px 0;} .a-course .media-links i{margin-right:5px;} .a-course .course-img img {width:100%; padding:5px; background:#fff; transition: all .15s ease;} .a-course .course-detail { color: #a7a7a7; margin-bottom: 14px; font-size: 13px; font-family:'lora',serif; font-style:italic; line-height: 10px; background:#fff; padding:10px;} .a-course p { font-size:14px; line-height:1.85;} /* a course boxed */ .a-course-boxed {position: relative; border: 1px solid #e9e9e9; padding: 12px 12px 16px; margin-bottom:25px;} .a-course-boxed .course-boxed-top { background-color: #fb565c; width: 100%; text-align: center; padding: 24px 0; margin-bottom: 15px;} .a-course-boxed .course-boxed-top i {color: #fff; font-size: 60px;} .a-course-boxed .course-boxed-top h3{ color: #fff; font-weight: normal; font-size: 16px; letter-spacing: 5px; margin: 15px 0 0;} .a-course-boxed h4 a{font-size: 15px; color:#777; letter-spacing:1px; font-weight:500;} .a-course-boxed h4 a:hover {color:#000} .a-course-boxed .media-links {background-color: #f4f4f4; width: 100%; text-align: center; padding: 14px;} .a-course-boxed .media-links a{padding:10px; color:#fb565c; letter-spacing:1px; font-size:12px;} .a-course-boxed .media-links a:hover{color:#444;} .a-course-boxed .media-links i{margin-right:5px;} .a-course-boxed .course-detail{color: #aaaaaa; height: 75px; font-size: 13px; line-height: 23px;} @media only screen and (max-width: 960px) { .a-course-boxed .media-links a { font-size:0px;} .a-course-boxed .media-links a i { font-size:18px;} } /* subscribe box */ .subscribe-box {position: relative; border: 1px solid #e9e9e9; padding: 12px 12px 16px; margin-bottom:25px;} .subscribe-box .subscribe-box-top { background-color: #46a052; width: 100%; text-align: center; padding: 24px 0; margin-bottom: 15px;} .subscribe-box .subscribe-box-top i {color: #fff; font-size: 60px;} .subscribe-box .subscribe-box-top h3 { color: #fff; font-weight: normal; font-size: 16px; letter-spacing: 5px; margin: 15px 0 0;} .subscribe-box .subscribe-box-text {height:110px;} .subscribe-box .subscribe-box-form {margin:0;} .subscribe-box .subscribe-box-input div{padding:0;} .subscribe-box .subscribe-box-input .subscribe-box-email {width: 100%; border: 1px solid #fafafa; background-color: #fafafa; padding: 16px; margin: 0;} .subscribe-box .subscribe-box-input .subscribe-box-email:focus {border: 1px solid #ededed; box-shadow: none;} .subscribe-box .subscribe-box-input .subscribe-box-email:hover {border: 1px solid #e2efe3;} .subscribe-box .subscribe-box-input .subscribe-box-submit {margin: 0; border-radius: 0; width: 100%; padding: 18px 0 19px; background:#444; color:#fff;} /* twitter box */ .latest-tweets { position: relative; border: 1px solid #e9e9e9; padding: 12px 12px 16px; margin-bottom:25px;} .latest-tweets .ltweets-top { background-color: #5eaade; width: 100%; text-align: center; padding: 24px 0; margin-bottom: 15px;} .latest-tweets .ltweets-top i {color: #fff; font-size: 60px;} .latest-tweets .ltweets-top h3{ color: #fff; font-weight: normal; font-size: 16px; letter-spacing: 5px; margin: 15px 0 0;} .latest-tweets .tweets{font-size: 15px; list-style: none; height: 87px; line-height: 21px;} .latest-tweets .tweets .tw-timestamp {color: #767676; font-size: 13px;} .latest-tweets .tw-item a{color: #5eaade;} .latest-tweets .ltweets-link-wrapper { background-color: #f4f4f4; width: 100%; text-align: center; padding: 14px;} .latest-tweets .ltweets-link {color: #5eaade; font-size: 16px;} .latest-tweets .ltweets-link:hover {color: #444;} /* event-list */ .events-list .event-article{ border-bottom: 1px solid #efefef; padding: 24px 0 16px;} .events-list .event-article .col-md-9 { padding:0;} .events-list .event-date { position:relative; float:left; margin-right: 30px; color: #fff; width: 52px; padding: 6px 4px 3px; text-align: center; text-transform: uppercase; border-radius: 3px;} .events-list .event-date span{ display: block; font-size: 24px; font-weight: 700; text-align: center; margin-bottom:4px;} .events-list .event-date:after { display:block; content:""; position:absolute; width:50px; left:1px; top:1px; height:30px; background:rgba(255,255,255,0.1); box-shadow:0 4px 4px rgba(0,0,0,0.02);} .events-list .event-title { font-weight:500; font-size: 18px; padding-top:5px;} .events-list .event-detail{ color:#777; font-weight:300; line-height: 12px;} .events-list .btn-wrapper{ text-align:right; padding-right:0; padding-top:6px;} .events-list .btn-wrapper .button { margin-bottom:14px; margin-right:0;} .button.dark-gray { background: #ededed; color:#000;} .button.dark-gray:hover {background: #444; color:#fff;} .vc_col-sm-4 .events-list .event-date, .vc_col-sm-6 .events-list .event-date { margin-right:12px;} .vc_col-sm-4 .events-list .event-title, .vc_col-sm-6 .events-list .event-title { font-size:15px; letter-spacing:2px;} /* ministry box */ .ministry-box { position:relative; min-height: 287px; margin-bottom:30px; overflow:hidden; text-align:center;} .ministry-box .ministry-bar { background-color:currentcolor; position:absolute;} .ministry-box .ministry-bar h4{ padding: 20px 0; color: #fff; text-transform: uppercase; margin-bottom: 0; font-size: 23px; font-weight:bold; letter-spacing: 2px;} .ministry-box .ministry-img img { min-width: 100%;} .ministry-box .ministry-bar { color: #0099cb; background-color: currentcolor; width: 100%; position: relative;} .ministry-box .ministry-bar:after{ transition: all .5s ease-in-out; margin-left: -15px; position: absolute; content:''; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: currentcolor transparent transparent transparent;} .ministry-box .ministry-content { height:0; transition: all .5s ease-in-out; overflow:hidden; padding: 0 8px; position: absolute; width:100%;} .ministry-box:hover .ministry-content { height:100%;} .ministry-box .ministry-content p{ color:#fff; line-height: 20px; margin-bottom: 12px; padding:5%; font-size:14px;} .ministry-box .ministry-content h5 { color:#fff; font-weight:500; margin:7px 0 0} .ministry-box .ministry-content a { color:#fff; font-weight:600; text-transform: uppercase;} .ministry-box .director-img { border-radius: 50%; width: 33%; border: 3px solid #fff;} .ministry-box .ministry-director p { padding:0;} /* ministry box 2 */ .ministry-box2 img {background-color: #fff; padding: 10px; transition: all .33s ease; border:1px solid #eee;} .ministry-box2:hover img {background-color: #ff797a;} .ministry-box2 h4 {font-weight: 400; font-size: 24px; text-align: center; margin: 25px auto 15px; transition: all .33s ease;} .ministry-box2:hover h4 {color:#ff797a;} .ministry-box2 p { text-align: center;color: #8a8a8a;} /* courses-clean */ .courses-clean, .courses-clean .row { max-width:none;} .courses-clean h4 { margin-top:24px; font-size:21px;} .courses-clean h4 a { color:#222; transition: all .33s ease} .courses-clean h4 a:hover { color:#fb565c;} .courses-clean .media-links { padding: 30px 0;} .courses-clean .course-img { margin-bottom: 12px; border:8px solid #eee; background:#fff; padding:1px; transition: all .45s ease;} .courses-clean .course-img:hover { border-color:#fb565c;} .courses-clean .media-links a{ padding: 7px 12px; color: #e1e1e1; font-size: 24px; border: 1px solid currentcolor; margin-right: 10px; transition: all .33s ease;} .courses-clean .media-links a span { display:none;} .courses-clean .media-links a:hover { color:#fb565c;} .courses-clean .row .col-md-4 { margin-bottom: 35px;} .courses-clean .course-detail { color: #a1a1a1; margin-bottom: 14px; font-size: 13px; font-weight:300; line-height: 10px; margin:20px 0;} /* course simple */ .courses-simple article .course-img img {padding: 4px; border:1px solid #eee; margin-bottom:13px; transition: all .28s ease;} .courses-simple article:hover .course-img img {background-color: #ff6c6c;} .courses-simple article h4 {text-align: center; font-size: 12px; line-height:15px;} .courses-simple article h4 a {color: #555; font-size: 12px; font-weight:bold; letter-spacing:0.5px; text-transform:uppercase; transition: all .28s ease;} .courses-simple article:hover h4 a {color: #ff6c6c;} @media only screen and (max-width: 767px) { .courses-simple article { margin-bottom:25px;} .courses-simple article h4, .courses-simple article h4 a { font-size:16px; line-height:25px;} } /* event-cover */ .events-cover .row { margin-bottom: 36px; max-width: none;} .events-cover .event-article {position: relative; overflow: hidden; background:#fff; padding:6px; border:1px solid #e8e8e8;} .events-cover .event-article .event-overlay { position: absolute; left:6px; right:6px; bottom:6px; top:6px; width:auto; height: auto; background-color: rgba(36, 36, 36, 0.4); transition: all .33s ease-in-out;} .events-cover .event-article:hover .event-overlay { background-color: rgba(36, 36, 36, 0.6);} .events-cover .event-article .event-content { font-family:'lora',serif; font-size:16px; font-style:italic; color:#fff; position: absolute; bottom: 0; padding: 50px 35px; transition: all .33s ease-in-out;} .events-cover .event-article .event-title { color:#fff; margin: 20px 0 38px; font-family:'lora',serif; font-size: 24px; font-weight:bold; text-transform:uppercase; font-style:normal;} .events-cover .event-article .btn-wrapper {text-align:left;} .events-cover .event-article .event-icon { font-size: 18px; float: left; margin-right: 14px; color: #fff; padding: 13px;} .events-cover .event-article .event-button { color: #fff; background-color: #191919; border: 2px #191919 solid; padding: 12px 20px; letter-spacing:3px; font-size:12px; font-weight:bold; font-style:normal; transition: all .22s ease} .events-cover .event-article .event-button:hover { color: #191919; background-color: #fff; border-color: #fff; border-radius: 1px;} .tribe-events-event-image img {min-width: 100%;} @media only screen and (max-width: 960px) { .events-cover .event-article .event-content { padding:20px;} } @media only screen and (max-width: 767px) { .events-cover .row { margin-bottom:0;} .events-cover .event-article { margin-bottom:30px;} .events-cover .event-article .event-title { font-size:19px; margin:15px 0 25px;} .events-cover .event-article .event-button { font-size:11px;} } @media only screen and (max-width: 479px) { .events-cover .event-article .event-content { padding:15px; font-size:15px;} .events-cover .event-article .event-title { font-size:15px; margin:10px 0;} .events-cover .event-article .event-button { font-size:10px; padding:6px; letter-spacing:1px;} .events-cover .event-article .event-icon { padding:10px;} } /* teaser boxes ----------------------*/ /* teaser box 1 */ .teaser-box1 {position:relative;} .teaser-box1 .teaser-title { font-size: 15px;color: #fff;letter-spacing:3px; font-weight: 500;height: 100%; margin: 0;padding: 13px;text-transform: uppercase; transition: all 0.3s ease-in-out 0s; width: 100%;} .teaser-box1 .teaser-title.has-image {position: absolute; margin-top: -39px;} .teaser-box1 img { width:100%;} .teaser-box1 a:hover .teaser-title {:;} .teaser-box1 .teaser-subtitle{ padding:15px 10px; color: #767676; margin: 0; font-size:16px;} /* teaser box 2 */ .teaser-box2 { position:relative;} .teaser-box2 .teaser-image { transition: all 0.38s ease; padding: 7px; background:#fff; margin-bottom: 12px; width:100%;} .teaser-box2:hover .teaser-image { background:#222; -webkit-filter: grayscale(1); filter: grayscale(1);} .teaser-box2 .teaser-title {font-size: 20px;line-height:1;letter-spacing: 0;display: inline-block;background-color: rgba(0,0,0,0.6);margin: 0;padding: 7px 15px;text-transform: capitalize;transition: all 0.38s ease;word-wrap: break-word;color: #fff;position: absolute;right: 7px;bottom: 48px;left: 7px;} .teaser-box2 a:hover .teaser-title {background-color: #222; color:#fff;} .teaser-box2 .teaser-subtitle {font-size: 11px;padding: 2px 15px 13px;color: #767676;margin: 0;display: inline-block;word-wrap: break-word;position: absolute;right: 7px;bottom: 19px;color: #d0ae5e;background: rgba(0,0,0,0.6);width: auto;left: 7px;text-transform: uppercase;font-family: 'Montserrat',sans-serif;font-weight: 700;letter-spacing: 2px;} .blox .teaser-box2 .teaser-image { box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.02);} @media only screen and (max-width: 767px) { .teaser-box2 {margin-bottom: 30px;} } @media only screen and (max-width: 478px) { .teaser-box2 .teaser-title , .teaser-box2 .teaser-subtitle{display:block;max-width:100%} } /* teaser box 3 */ .teaser-box3 {position:relative;} .teaser-box3 .teaser-title { font-size: 27px;color: #fff; font-weight: 300;height: 100%; margin: 0;padding-left: 30px;text-shadow: 0 1px 5px #000;text-transform: capitalize; transition: all 0.3s ease-in-out 0s; width: 100%;} .teaser-box3 .teaser-title.has-image {position: absolute; margin-top: -60px;} .teaser-box3 img { width:100%;} .teaser-box3 .teaser-subtitle{ padding:15px 10px; color: #767676; margin: 0; font-size:16px;} .teaser-overlay {opacity:0.22; position: absolute; height: 100%; width: 100%;} .teaser-box3 a:hover .teaser-overlay {transition: all 0.38s ease; opacity:0.81;} /* teaser box 4 */ .teaser-box4 { position:relative; border: 1px solid #ececec; margin-top: 0; background:#fff; padding:6px; box-shadow: 0 2px 1px 0 rgba(0,0,0,0.029); transition: all .31s ease-in-out;} .blox .teaser-box4 { border:none;} .teaser-box4:hover { transform: translate(0,-9px); box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.11);} .teaser-box4 img {transition: all .3s ease-in-out; width:100%;} .teaser-box4 .teaser-title,.teaser-box4 .teaser-subtitle {transition: all .33s ease-in-out; background-color: #d0ae5e; font-size: 12px; letter-spacing:3px; font-weight: 700; height: 40px; margin: 0; padding: 13px; text-transform: uppercase; width: 100%; text-align: center; color:#fff; text-shadow:0 0px 3px rgba(0,0,0,0.16);} .teaser-box4 .teaser-subtitle { margin-top:-40px; opacity: 0; background-color: #202020; color:#fff;} .teaser-box4:hover .teaser-subtitle {opacity: 1; background-color: #202020;} .teaser-box4:hover .teaser-title {opacity: 0;} @media only screen and (max-width: 767px) { .teaser-box4, .teaser-box4:hover { margin-top:15px; margin-bottom:0;} .teaser-box4 .teaser-title,.teaser-box4 .teaser-subtitle { letter-spacing:1px;} } @media only screen and (min-width: 961px) and (max-width: 1200px) { .teaser-box4 .teaser-title,.teaser-box4 .teaser-subtitle { letter-spacing:0; padding:13px 3px;} } /* teaser box 5 */ .teaser-box5 { position: relative; margin-bottom: 16px;} .teaser-box5 .teaser-title{ transition: all .28s ease-in-out;font-size: 28px;font-weight: 500;height: 20px; position: absolute;letter-spacing: 3px;text-shadow: 0px 0px 10px #000;top:0; left:0;text-transform: uppercase;bottom:0; right:0;margin:auto;text-align: center; color: #fff;} .teaser-box5 .teaser-subtitle { transition: all .28s ease-in-out;font-size: 16px;font-weight: 300;line-height: 1.6; position: absolute;display: table;top:0;padding: 36px;text-align: center;left:0;bottom:0;right:0;margin:auto; color: #fff;} .teaser-box5 a {background:#000;display:block;} .teaser-box5 .teaser-subtitle { opacity: 0;} .teaser-box5:hover .teaser-subtitle { opacity: 1;} .teaser-box5:hover .teaser-title { opacity: 0;} .teaser-box5 img {width:100%;opacity: 0.4; transition: all .28s ease-in-out;} .teaser-box5:hover img {filter: blur(3px);-webkit-filter: blur(3px);} #nav .teaser-box5 a, #nav .teaser-box5 img { padding:0; margin:0; border:none;} /* teaser box 6 */ .teaser-box6 {position: relative; margin-bottom: 16px; background:#000; overflow:hidden;} .teaser-box6 .teaser-title,.teaser-box6 .teaser-subtitle {text-transform: uppercase; display:table; transition: all .27s ease; font-size: 32px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff;} .teaser-box6 a { display:block; background:#000;} .teaser-box6 img {width:100%; transition: all .27s ease-in-out; opacity:0.65;} .teaser-box6 .teaser-title strong {font-weight:600;} .teaser-box6 .teaser-subtitle {opacity: 0; margin: 0; margin-top: 20px; font-weight: 700; font-size: 10px; white-space:nowrap; border-radius: 15px; padding: 4px 16px; letter-spacing: 1px; color: #737373; background-color: #fafafa; transition: all .18s ease;} .teaser-box6 .teaser-subtitle:after {font-family: 'fontawesome'; content: "\f054"; margin-left: 5px;} .teaser-box6:hover .teaser-title {margin-top: -25px;} .teaser-box6:hover .teaser-subtitle {opacity: 1; font-family:'Montserrat',sans-serif;} .teaser-box6:hover .teaser-subtitle:hover { color:#000;} .teaser-box6:hover img {filter: blur(3px); -webkit-filter: blur(3px);} #nav .teaser-box6 { margin-bottom:0;} #nav .teaser-box6 a, #nav .teaser-box6 img { padding:0; margin:0; border:none;} #nav .teaser-box6:hover .teaser-title { margin-top: -15px;} #nav .teaser-box6 .teaser-title { letter-spacing: 0.6px; font-size: 14px;} /* teaser box 7 */ .teaser-box7 {position: relative; border-radius: 4px; overflow: hidden;} .teaser-box7 .teaser-image { width:100%;} .teaser-box7 h4, .teaser-box7 h5 { position: absolute; bottom: 0; display: block; width: 100%; margin-bottom:-1px; line-height: 25px; padding: 15px;} .teaser-box7 h4 { background:rgba(62,62,62,0.88); color: #fff; font-weight: 600; height: 85px; border-radius: 0 0 4px 4px; transition: .22s all ease-in-out; text-transform: uppercase; font-size:16px;} .teaser-box7:hover h4 { background: #3e3e3e; color: #d0ae5e;} .teaser-box7 h4:before { content: ""; width: 25%; height: 0; display: block; position: absolute; border-bottom: 3px solid #d0ae5e; left: 0; top: 0; transition: .22s all ease-in-out;} .teaser-box7:hover h4:before { width: 100%;} .teaser-box7 h5 { color: #d1d1d1; padding-bottom: 20px; padding-top: 0; background-color: transparent; font-size: 16px;} /* subscribe bar */ .subscribe-bar1 {max-width: 660px; margin: 0 auto;} .subscribe-bar1 .subscribe-box-input .subscribe-box-email {width: 100%; border: 1px solid #e3e3e3; background-color: #fff; padding: 17px; margin: 0; border-radius: 5px;} .subscribe-bar1 .subscribe-box-input .subscribe-box-email:focus {border: 1px solid #333; box-shadow: none;} .subscribe-bar1 .subscribe-box-input .subscribe-box-submit {margin-left: -14px; background: #d0ae5e; width: 100%; padding: 22px 0 21px; border-radius: 5px; color:#fff; transition: .21s all ease-in-out;} .subscribe-bar1 .subscribe-box-input .subscribe-box-submit:hover { background:#222 !important;} @media only screen and (max-width: 960px) { .subscribe-bar1 .subscribe-box-input .subscribe-box-submit { margin-left: 0; margin-top:10px; } } /* subscribe flat */ .subscribe-flat {padding: 40px 0;} .subscribe-flat h3 {color: #292929;font-weight: normal; margin: 10px 0 0;} .subscribe-flat .subscribe-box-form {margin:0;} .subscribe-flat .subscribe-box-input div {padding:0;} .subscribe-flat .subscribe-box-input .subscribe-box-email {width: 100%; height:95px; border: 1px solid #ededed; background-color: #ededed; padding: 34px 33px 34px; margin: 0; border-radius: 0;} .subscribe-flat .subscribe-box-input .subscribe-box-email:focus {border: 1px solid #f0f0f0; box-shadow: none;} .subscribe-flat .subscribe-box-input .subscribe-box-submit {margin: 0; width: 100%; height:95px; padding: 41px 0; border-radius: 0; color:#fff; background: #d0ae5e;} #wrap .subscribe-flat .subscribe-box-input .subscribe-box-submit:hover {background:#191919;} /* latest news */ .latestnews1 .ln-content {text-align: left;} .latestnews1 .ln-title {color: #323335;} .latestnews1 .ln-content h3 {line-height: 1.6;font-size: 16px;font-weight: 700;margin: 16px 0 8px;text-transform: uppercase;} .latestnews1 .ln-date { position: absolute; top: 9px; background: #323335;left: 0px; padding: 5px 15px; font-size: 13px;color: #fff;} @media only screen and (max-width: 767px) { .latestnews1 .ln-item {margin-bottom: 20px;display: inline-block;} } /* latest news 2 */ .latestnews2 .ln-item {margin-bottom: 30px;border-bottom: 1px solid #ebebeb;padding-bottom: 28px;} .latestnews2 .ln-date {float: left; text-align:center; margin: 0 16px 0 0;} .latestnews2 .ln-date .ln-day { background-color: #333; color: #fff; font-size: 18px; font-weight: 600; padding: 8px 15px;border-radius: 4px 4px 0 0;} .latestnews2 .ln-date .ln-month {color: #fff;border-radius: 0 0 4px 4px; font-size: 12px;text-transform: uppercase;} .dark.blox .latestnews2 .ln-content .ln-title a{ color: #fff;} .latestnews2 .ln-content .ln-title a{font-size: 20px;font-weight: 400;color: #333;} .latestnews2 .ln-content .ln-excerpt {margin-bottom:10px;} .latestnews2 .ln-item .ln-content .ln-button {color:#828282; text-transform: initial;} .latestnews2 .ln-item .ln-content .ln-button:hover {color: #d0ae5e;} .latestnews2 .ln-content .ln-cat a{color:#9a9a9a;text-transform: uppercase;font-family: 'Montserrat';font-size: 12px;} .latestnews2 .ln-content .ln-cat{margin-bottom: 0;} .latestnews2 .ln-content .ln-cat a:hover{color:#333;} /* event countdown */ .btn-wrapper {text-align:center;} .countdown-wrapper .btn-wrapper {padding-top: 10px; padding-right:0;} .countdown-wrapper h5.countdown-message { letter-spacing:5px; font-weight:500; font-size:18px;} .countdown-wrapper p, .blox.dar .countdown-wrapper p { color:#888;} .countdown-wrapper a.button.black { float:right; margin-right:0;} /* event countdown-clock */ @media only screen and (min-width: 961px) and (max-width: 1200px) { .flip-clock-divider.seconds,.countdown-clock ul:nth-child(11),.countdown-clock ul:nth-child(12){display:none;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .flip-clock-divider.seconds,.countdown-clock ul:nth-child(11),.countdown-clock ul:nth-child(12){display:none;} .event-list .btn-wrapper { padding-left:0;} .event-list .event-date { margin-right:10px;} .event-list .event-title { letter-spacing:1px;} .event-list .btn-wrapper { padding-left:0;} } @media only screen and (min-width: 768px) and (max-width: 960px) { .countdown-clock {margin-bottom: 60px;} .countdown-clock .flip-clock-divider {width: 54px;} } @media only screen and (max-width: 767px) { .countdown-clock {margin-bottom: 16px;} .container .countdown-wrapper {text-align:center;} .countdown-clock { margin-left: 8px;} .countdown-clock .flip-clock-divider { margin-bottom: 28px; width: 8px;} .btn-wrapper .button{ display: block; text-align: center; margin:0;} .event-article .btn-wrapper { margin: 12px 0;} .countdown-wrapper a.button.black { float:none;} } @media only screen and (max-width: 479px) { .event-list .event-date {float:none; width: 100%; margin-bottom: 8px;} .event-list .event-date span {display: inline; padding-right: 25px; margin-right:7px; font-size: inherit;} .event-list .event-date:after { width:45%; box-shadow:4px 0 4px rgba(0,0,0,0.02);} .event-list-btn-wrapper{text-align:center;} .event-list .event-article { text-align: center;} .event-list .event-detail { margin-bottom: 10px;} .flip-clock-divider.minutes .flip-clock-label { right: 152px; bottom: -108px;} } /* reset */ .flip-clock-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;} .flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: #ccc;} .flip-clock-wrapper a:hover { color: #fff;} .flip-clock-wrapper ul { list-style: none;} .flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after { content: " "; display: table;} .flip-clock-wrapper.clearfix:after { clear: both;} .flip-clock-wrapper.clearfix { *zoom: 1;} /* main */ .flip-clock-wrapper { font: normal 11px "helvetica neue", helvetica, sans-serif; -webkit-user-select: none;} .flip-clock-meridium { background: none !important; box-shadow: 0 0 0 !important; font-size: 36px !important;} .flip-clock-meridium a { color: #313333;} .flip-clock-wrapper { text-align: center; position: relative; padding-left:0;} .flip-clock-wrapper:before, .flip-clock-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } .flip-clock-wrapper:after { clear: both;} /* skeleton */ .flip-clock-wrapper ul { position: relative; float: left; margin: 2px; width: 50px; height: 50px; font-size: 80px; font-weight: bold; line-height: 87px; border-radius: 3px; background: rgba(0, 0, 0, 0.21);} .flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 54px; text-decoration: none !important;} .flip-clock-wrapper ul li:first-child { z-index: 2;} .flip-clock-wrapper ul li a { display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0 !important; overflow: visible !important; cursor: default !important;} .flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 80px; overflow: hidden; outline: 1px solid transparent;} .flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2;} .flip-clock-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0;} .flip-clock-wrapper ul li a div.up:after { content: ""; position: absolute; top: 24px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: rgba(0, 0, 0, 0.12);} .flip-clock-wrapper ul li a div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} .flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0,0.25); text-align: center; background-color: #d0ae5e; border-radius: 3px; font-size: 48px;} .flip-clock-wrapper ul li a div.up div.inn { top: 0;} .flip-clock-wrapper ul li a div.down div.inn { bottom: 0;} /* play */ .flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3;} .flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.17);} .flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd 0.5s 0.5s linear both; -moz-animation: asd 0.5s 0.5s linear both; animation: asd 0.5s 0.5s linear both; z-index: 5;} .flip-clock-divider { float: left; display: inline-block; position: relative; width: 18px; height: 62px;} .flip-clock-divider:first-child { width: 0;} .flip-clock-dot { display: none; background: #323434; width: 10px; height: 10px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: 5px;} .flip-clock-divider .flip-clock-label { position: absolute; bottom: -1.5em; right: -71px; color: #101010; font-weight:bold; text-shadow: none; text-transform: uppercase;} .blox.dark .flip-clock-divider .flip-clock-label { color:#8a8a8a;} .flip-clock-divider.seconds .flip-clock-label { right: -82px;} .flip-clock-dot.top { top: 30px;} .flip-clock-dot.bottom { bottom: 30px;} @-webkit-keyframes asd { 0% { z-index: 2;} 20% { z-index: 4;} 100% { z-index: 4;} } @-moz-keyframes asd { 0% { z-index: 2;} 20% { z-index: 4;} 100% { z-index: 4;} } @-o-keyframes asd { 0% { z-index: 2;} 20% { z-index: 4;} 100% { z-index: 4;} } @keyframes asd { 0% { z-index: 2;} 20% { z-index: 4;} 100% { z-index: 4;} } .flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both;} @-webkit-keyframes turn { 0% { -webkit-transform: rotatex(90deg);} 100% { -webkit-transform: rotatex(0deg);} } @-moz-keyframes turn { 0% { -moz-transform: rotatex(90deg);} 100% { -moz-transform: rotatex(0deg);} } @-o-keyframes turn { 0% { -o-transform: rotatex(90deg);} 100% { -o-transform: rotatex(0deg);} } @keyframes turn { 0% { transform: rotatex(90deg);} 100% { transform: rotatex(0deg);} } .flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both;} @-webkit-keyframes turn2 { 0% { -webkit-transform: rotatex(0deg);} 100% { -webkit-transform: rotatex(-90deg);} } @-moz-keyframes turn2 { 0% { -moz-transform: rotatex(0deg);} 100% { -moz-transform: rotatex(-90deg);} } @-o-keyframes turn2 { 0% { -o-transform: rotatex(0deg);} 100% { -o-transform: rotatex(-90deg);} } @keyframes turn2 { 0% { transform: rotatex(0deg);} 100% { transform: rotatex(-90deg);} } .flip-clock-wrapper ul li.flip-clock-active { z-index: 3;} /* shadow */ .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(64, 64,64,0.68))); background: linear, top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both;} .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(64, 64,64,0.68))); background: linear, top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.3s linear both;} /*down*/ .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { background: -moz-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(64, 64,64,0.68)), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both;} .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { background: -moz-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(64, 64,64,0.68)), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.2s linear both;} @-webkit-keyframes show { 0% { opacity: 0;} 100% { opacity: 1;} } @-moz-keyframes show { 0% { opacity: 0;} 100% { opacity: 1;} } @-o-keyframes show { 0% { opacity: 0;} 100% { opacity: 1;} } @keyframes show { 0% { opacity: 0;} 100% { opacity: 1;} } @-webkit-keyframes hide { 0% { opacity: 1;} 100% { opacity: 0;} } @-moz-keyframes hide { 0% { opacity: 1;} 100% { opacity: 0;} } @-o-keyframes hide { 0% { opacity: 1;} 100% { opacity: 0;} } @keyframes hide { 0% { opacity: 1;} 100% { opacity: 0;} } /*event calendar */ #wrap #tribe-events-content-wrapper .tribe-events-sub-nav a:hover { color: #fff;} #tribe-events-content-wrapper .tribe-events-calendar thead th { padding: 10px 0;} #tribe-events-content-wrapper .tribe-events-calendar td:hover { background: #d0ae5e;} #tribe-events-content-wrapper .tribe-events-calendar td a { color: #4b4b4b;} #tribe-events-content-wrapper .tribe-events-calendar td:hover a { color:#fff;} #tribe-events-content-wrapper .tribe-events-calendar td {height: 148px;} #tribe-events-content-wrapper .tribe-events-sub-nav a { background-color: #ebebeb; color: #111; padding: 10px 20px; display: inline-block; font-weight: normal; margin-top: 10px;} #tribe-events-content-wrapper .tribe-events-sub-nav a:hover { background-color: #d0ae5e;} #wrap #tribe-events-content-wrapper #tribe-bar-form .tribe-events-button { background-color: #d0ae5e; border:none; letter-spacing: 2px; font-size:11px; font-weight:bold; text-transform:uppercase; transition: all 0.5s ease; color: #fff; padding:15px 20px; display: block; text-align: center; border-radius: 0; } #wrap #tribe-events-content-wrapper #tribe-bar-form .tribe-bar-submit .tribe-events-button:hover { border: none; background:#222;} #tribe-events-content-wrapper #tribe-bar-form {background-color: #f6f6f6; border: none; padding:20px;} #tribe-events-content-wrapper .tribe-events-ical { display:none;} #tribe-events-content-wrapper .tribe-events-calendar div[id*=tribe-events-daynum-] {background-color: rgba(80, 80, 80, 0.32);} #tribe-events-content-wrapper .tribe-events-calendar div[id*=tribe-events-daynum-] a {background-color:transparent;} #tribe-events-bar #tribe-bar-form input[type=text] { padding:10px; background:#fff; border:none;} .datepicker.dropdown-menu { max-width:300px;} #tribe-events-content .tribe-events-tooltip h4, #tribe_events_filters_wrapper .tribe_events_slider_val, .single-tribe_events a.tribe-events-gcal, .single-tribe_events a.tribe-events-ical { color:#d0ae5e;} .tribe-events-calendar .tribe-events-right .tribe-events-tooltip { z-index: 1000;} #wrap .tribe-bar-search-filter,#wrap .tribe-bar-date-filter { padding-top: 0;} @media (max-width: 768px){ #tribe-events-footer .tribe-events-sub-nav { min-height: 57px; } } /* topbar login */ .fancybox-overlay-fixed { z-index: 10001;} .fancybox-skin, .fancybox-opened .fancybox-skin { border-radius:0 0 6px 6px; background:#f6f6f6;} .w-login #user-login { padding: 22px 15px 15px;} .w-login #user-login .login-links { list-style: none; margin:0} .w-login #user-login .login-links li { display:inline; margin-right:15px; font-size:13px; font-weight:400;} .w-login #user-login .login-links li:after { content:"|"; display:inline; margin-left:15px;} .w-login #user-login .login-links li:last-child:after { display:none;} .w-login #user-login .login-links li a { color:#222;} .w-login #user-login .login-links li a:hover { color:#0099ff;} .w-login #user-login p { margin: 0;} .w-login #user-login label { font-weight:400; font-size:13px;letter-spacing: 0.6px;} .w-login #user-login input { padding: 12px; border-radius: 0; margin: 0 0 20px;} .w-login #user-login input.login-button { padding:13px 18px; text-transform:uppercase; font-weight:bold; float:right; margin-right:3px;} .w-login #user-logged { padding: 30px 10px; text-align:center;} .w-login #user-logged .author-avatar { display: block;} .w-login #user-logged .author-avatar img { border-radius: 50%;} .w-login #user-logged .user-welcome { font-size: 24px; padding: 10px; margin: 20px 0;} .w-login #user-logged .logged-links {list-style: none;background-color: #333;padding: 8px 20px;width: auto;margin: 0 auto;display: table;} .w-login #user-logged .logged-links li {display: inline-block;margin: 0 8px;text-align: left;} .w-login #user-logged .logged-links a {color: #fff; border-radius: 3px; font-size: 13px; font-weight: 400;} .w-login #user-logged .logged-links a:hover { text-decoration: underline;} .widget #user-logged .author-avatar img{ width: 60px;} /* modal (forms lightbox) */ .fancybox-type-inline .fancybox-inner { overflow:visible !important; height:auto !important;} .w-modal { margin: -15px; width: initial; background:#fff; border-bottom:1px solid #e8e8e8; margin-bottom:50px;} .w-modal div.wpcf7,.w-modal div#user-login { padding:0 35px 20px;} .modal-title { color: #fff;background-color: #333; padding: 20px; display: block; font-weight: 600; font-size: 18px; letter-spacing: 1px; margin-bottom: 30px;} .w-modal .wpcf7 .wpcf7-form p { font-size:13px; color:#8a8a8a; padding-bottom:6px;} .w-modal .wpcf7 .wpcf7-form input[type="submit"], .w-modal .wpcf7 .wpcf7-form input[type="reset"], .w-modal .wpcf7 .wpcf7-form input[type="button"],#w-login #wp-submit{ background:none; color:#222; border:2px solid #222; font-family: 'Montserrat','Hind',sans-serif; font-weight:700; text-transform:uppercase; border-radius:1px; padding:12px 20px; margin-bottom:10px;} .w-modal .wpcf7 .wpcf7-form input[type="submit"]:hover, .w-modal .wpcf7 .wpcf7-form input[type="reset"]:hover, .w-modal .wpcf7 .wpcf7-form input[type="button"]:hover,#w-login #wp-submit:hover{ background:#222; color:#fff;} /* global fancy fixes */ .fancybox-overlay-fixed { z-index: 499842;} .fancybox-opened { z-index: 499843;} /* course section */ #w-audio { width: 450px; height: 30px;} @media only screen and (max-width: 767px) { #w-audio { width: 400px;} } @media only screen and (max-width: 479px) { #w-audio { width: 238px;} } /* event register */ @media only screen and (min-width: 768px) { .w-modal, .modal-contact { width: 480px;} } /* slide up note */ .slideup-note { transition:all .5s ease-in-out; margin: -41px auto 0; height: 42px;} .slideup-note h4 { background-color: #f67c7d; color: #fff; margin: 0; font-size: 18px; padding: 10px 20px; text-transform: uppercase; border-radius: 10px 10px 0 0;} .slideup-note h4:after { font-family: 'fontawesome'; content: "\f077"; float:right; font-size: 16px;} .slideup-note p { font-size: 17px; padding: 0 20px; height:0; background-color: #fff; transition:all .5s ease-in-out;overflow: hidden;} .slideup-note:hover { margin-top: -200px;} .slideup-note:hover h4:after { content: "\f078";} .slideup-note:hover p { padding: 20px; height: 159px;} /* extra classes */ .giving-blox h5 { margin: 24px 0;} .giving-blox .button { margin: 30px 0;} .giving-blox .vc_pie_chart .vc_pie_chart_value { font-size:300%;} .triple-blue h3, .triple-blue .countdown-w .countdown-message { margin: 24px 0; font-weight: bold; color: #3ed1e7; letter-spacing: 0px;} .triple-blue .countdown-w .countdown-message { margin: 14px 0;} .triple-blue .countdown-w { text-align:left; color:#63686b;} .triple-blue i { font-size:64px; color: #3ed1e7;} .triple-blue .countdown-w.cd-minimal .block-w {text-align:center;} .note-bar { height:0;margin-top:-144px;} .welcome-bar { padding: 35px; height: 144; overflow:hidden; background: rgba(0, 0, 0, 0.6);} .welcome-bar * { color:#fff;} .welcome-bar h4 { font-weight: bold; font-size:50px;} .welcome-bar h5 { letter-spacing:5px;margin-top:-18px;} .goal-box { border: 1px solid #efefef; padding: 10px;} /* # layer slider custom styles ================================================== */ #wrap .ls-slider1-h { text-align:left; color:#26282d; font-size:49px; font-weight:300; letter-spacing: 1px; margin-bottom:10px;} #wrap .ls-slider1-h.slide2h { color:#fff; text-align:center;} #wrap .ls-slider1-h.slide3h { color:#fff;} #wrap .ls-slider1-p { font-size:21px; line-height:1.6; color:#4a4a4a; font-weight:300; text-transform:none; letter-spacing: 0px;} #wrap .ls-slider1-p.slide2p { color:#fff; text-align:center;} #wrap .ls-slider1-p.slide3p { color:#fff;} #wrap .ls-slider1-a { text-transform: uppercase; background:#d0ae5e; color:#fff; padding:16px 20px 15px; font-size:12px; letter-spacing:3px; font-weight: 500; margin-top:10px; border-radius: 3px;} #wrap .ls-slider1-a:hover, #wrap .ls-slider1-a.slide2a, #wrap .ls-slider1-a.slide3a { background:#fff; color:#222;} #wrap .ls-slider1-a.slide2a:hover, #wrap .ls-slider1-a.slide3a:hover { background:#222; color:#fff;} @media (max-width: 960px) { #wrap .ls-slider1-a { font-size:8px; letter-spacing:1px; display: block;} #wrap .ls-slider1-a.slide2a { padding:12px 22px 12px; font-size:12px; letter-spacing:4px; display: inline-block;} #wrap .ls-slider1-a.slide3a { display: block;} } @media (max-width: 768px) { #wrap .ls-slider1-a { padding:12px 16px 12px; font-size:8px; letter-spacing:1px; display: block;} #wrap .ls-slider1-a.slide2a { padding:12px 22px 12px; font-size:10px; letter-spacing:4px; display: inline-block;} #wrap .ls-slider1-a.slide3a { padding:12px 22px 12px; font-size:10px; display: block;} } /* # revolution slider styles ================================================== */ .tp-caption.medium_thin_grey2 { color:#444444; text-decoration:none; background-color:transparent; text-shadow:none; font-size:28px; line-height:40px; font-weight:500; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;} .tp-caption a.white { background :#fff; border-radius: 2px; color: #222 !important; padding:20px 34px; text-shadow:none !important; font-size:12px; text-transform:uppercase; letter-spacing:1px; font-weight:900;} .tp-caption a.white:hover { background:#fafafa;} .tp-caption.wlargetext1, .wlargetext1, .tp-caption.wlargetext, .wlargetext { font-family: 'Hind', sans-serif;} #wrap .hebe .tp-tab-title, #wrap .hebe .tp-tab-desc { font-family: 'Hind', sans-serif;} #wrap .hebe .tp-tab-title { color:#d0ae5e;} @media only screen and (max-width: 479px) { #wrap .tp-caption.newspaper-button { font-size:9px !important; padding:4px 14px !important;} } /* # countdown ================================================== */ .countdown-w { text-align:center; font-size: 36px; margin: 0 auto; padding: 24px 0 20px; position:relative; display:table; table-layout: fixed;} .countdown-w .icon-w {font-size: 24px;} .countdown-w .label-w {font-size: 20px; font-weight:300; letter-spacing:1px; text-transform:uppercase; position:relative;} .countdown-w .block-w {display: table-cell; height:190px;width: 190px;font-size: 72px; line-height: 1.2; margin:12px;} .countdown-w .block-w.done-w {border:0 none;} .countdown-w .div-d {display: none;} .countdown-w .countdown-message {display:none;} .countdown-w.ctd-simple .block-w {position: relative; display: inline-block; color: #fff; background: #d0ae5e; padding: 48px 0; line-height: 1.2; width: 154px; height: 154px; font-size: 30px; margin: 0 2px 4px; border: 4px solid rgba(255,255,255,0.15);} .countdown-w.ctd-simple .block-w .icon-w {color: rgba(255,255,255,0.15); font-size: 72px; position: absolute; bottom: 5%; right: 5%;} .countdown-w.ctd-modern .count-w {padding: 50px 0 6px;} .countdown-w.ctd-modern .block-w { position: relative; display: inline-block; font-size: 36px; background-color: #fff; border-radius: 50%; border: 3px solid #d0ae5e; font-family: Montserrat, sans-serif;} .countdown-w.ctd-modern .done-w {line-height: 170px;} .countdown-w.ctd-modern .block-w .icon-w {font-size: 24px; position: absolute; bottom: 20px; color: #fff; width: 44px; background: #d0ae5e; height: 44px; right: 0; border-radius: 50%; padding: 10px;} .countdown-w.ctd-minimal { padding-top:15px; padding-bottom:10px} .countdown-w.ctd-minimal .count-w { font-weight: 300; padding:0; font-size:48px;} .countdown-w.ctd-minimal .block-w { width:70px; height:70px;} .countdown-w.ctd-minimal .label-w { visibility: hidden;} .countdown-w.ctd-minimal .div-d {display: inline-block;} .countdown-w.ctd-minimal .countdown-message { font-size:21px; display: table-caption; font-weight: 300; letter-spacing: 5px; margin-bottom:0;} .countdown-w.ctd-minimal .block-w.done-w { width:auto;} .countdown-w .done-w .count-w, .countdown-w.ctd-minimal .done-w .count-w { font-size: 15px; letter-spacing:2px;} /* # Testimonial Socials ================================================== */ .testimonials-slider-w .social-testimonial { display: inline-block; margin-top: 10px;} .testimonials-slider-w .social-testimonial ul { margin: 0;} #wrap .testimonials-slider-w .social-testimonial ul li { display: inline; float: left; padding: 3px; padding-top: 0; border: none; width: inherit;} .testimonials-slider-w .social-testimonial ul li a { font-size: 14px;} .testimonials-slider-w .social-testimonial ul li a i { padding: 5px 6px; font-size: 14px; background: #b8b8b8; color: #fff; border-radius: 3px;} .testimonials-slider-w .social-testimonial ul li a i.fa-facebook { padding:5px 7px;} .testimonials-slider-w .social-testimonial ul li a:hover i.fa-facebook { background-color: #3b5996;} .testimonials-slider-w .social-testimonial ul li a:hover i.fa-twitter { background-color: #00acee;} .testimonials-slider-w .social-testimonial ul li a:hover i.fa-vimeo { background-color: #0dadd6;} .testimonials-slider-w .social-testimonial ul li a:hover i.fa-dribbble { background-color: #d53e68;} .testimonials-slider-w .social-testimonial ul li a:hover i.fa-youtube { background-color: #cb322c;} .testimonials-slider-w .social-testimonial ul li a:hover i.fa-pinterest { background-color: #cb2027;} .testimonials-slider-w .social-testimonial ul li a:hover i.fa-linkedin { background-color: #0073b2;} .testimonials-slider-w .social-testimonial ul li a:hover i.fa-rss { background-color: #f29a1d;} .testimonials-slider-w .social-testimonial ul li a:hover i.fa-google-plus { background-color: #c3391c;} .testimonials-slider-w .social-testimonial ul li a:hover i.fa-instagram { background-color: #457399;} /* # latest from blog (extentbase) ================================================== */ .latest-b2 { margin:30px 0;} .latest-b2 a:hover { text-decoration:underline;} .latest-b2-img { float:left; width:140px; margin-right:15px; min-height:140px;} .latest-b2-cont { min-height:140px; padding-right:10px;} h3.latest-b2-title { font-size:17px; margin-bottom:9px; font-weight:700; margin-top:12px; text-transform:uppercase; line-height:1;} h3.latest-b2-title a { color:#2a2a2a;} h6.latest-b2-cat, h5.latest-b2-date {font-size:12px; margin-bottom:10px; font-weight:400; margin-top:2px; letter-spacing:1px; line-height:1; text-transform:uppercase;} h6.latest-b2-cat a { color:#616161;} h5.latest-b2-date { color:#999; font-size:13px; font-weight:300; font-style:normal;} @media only screen and (min-width: 961px) { .vc_col-md-8 .col-md-6.col-lg-4, .vc_col-md-6 .col-md-6.col-lg-4, .vc_col-md-10 .col-md-6.col-lg-4, .vc_col-sm-8 .col-md-6.col-lg-4, .vc_col-sm-6 .col-md-6.col-lg-4, .vc_col-sm-10 .col-md-6.col-lg-4, .vertical-header-enabled .col-md-6.col-lg-4 { width:50%; padding-left:0;} } @media only screen and (max-width: 479px) { .latest-b2-img { width:100%; float:none; margin-bottom:7px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { h3.latest-b2-title { font-size:16px; letter-spacing:2px;} } /* # latest from blog - type=one ================================================== */ .container.latestposts-one { margin:0 -10px; max-width:none; width:auto;} .latestposts-one .latest-b {margin-bottom:5px; position:relative; border:1px solid #ddd;} .latestposts-one .latest-content {background: #fff; padding: 20px 40px 10px;} .latestposts-one .latest-b-cat { position: absolute; top: 0; background: #474747; padding: 5px 15px; color:#fff } .latestposts-one .latest-b-cat:hover { background-color:#d0ae5e;} .latestposts-one .latest-b-cat a { font-style:normal; font-size:11px; color:#fff; text-transform:uppercase; letter-spacing:2px;} .latestposts-one .latest-b-cat a:hover { text-decoration:underline;} .latestposts-one .latest-date {padding-bottom: 5px;margin-bottom: 0;color: #737478;} .latestposts-ros .latest-content p.latest-icons {position: absolute; top: 0px; right: 11px; background: #333; color: #fff; padding: 4px 8px; visibility:hidden; opacity:0; transition:opacity 0.2s linear;} .latestposts-one .latest-b:hover .latest-content p.latest-icons { visibility:visible; opacity:1;} .latestposts-one .latest-content p.latest-icons span{padding: 5px;} .latestposts-one .latest-content p.latest-icons span i{padding-right: 4px; font-size:12px;} .latestposts-one .latest-title {font-size: 19px; font-weight: 500; line-height: 1.3; letter-spacing:3px; text-transform:uppercase;} .latestposts-one .latest-title a {color: #101010;} .latestposts-one .latest-title a:hover {color: #d0ae5e;} .latestposts-one .latest-img img{width:100%; height:auto !important;} .latestposts-one .latest-author, .latestposts-one .latest-author a { font-size:12px; margin: 12px 0; letter-spacing:0; text-transform:none; color: #9a9a9a; font-style:italic;} .latestposts-one .latest-author a:hover { color:#d0ae5e;} .latestposts-one .latest-excerpt { font-size:14px; line-height:1.84;} @media only screen and (min-width: 1200px) { .container.latestposts-one { margin:0 -15px;} } /* # latest from blog - type=two ================================================== */ .container.latestposts-two { margin:0 -10px; max-width:none; width:auto;} .latestposts-two .blog-post img, .blog-post iframe, .blog-single-post img, .blog-single-post iframe { border-bottom: none;} .latestposts-two .entry-meta, .entry-content { float: left; margin-bottom: 8px;} .latestposts-two .blog-post { border:none; margin-bottom:10px;} .latestposts-two .blog-date-sec { border-right: none; padding-right: 0;} .latestposts-two .blog-post .blog-date-sec img { width: 50px; height: 50px; border-radius: 50%; margin-top:3px;} .latestposts-two .blog-date-sec { border-right: none; padding-right: 15px; float: left; min-width:80px;} .latestposts-two .blog-post p.blog-author { padding-top: 5px; margin-bottom: 15px; font-size: 11px; font-weight: 400; color: #a1a1a1; letter-spacing:2px; text-transform:uppercase;} .latestposts-two .blog-post p.blog-author a { color:#a1a1a1;} .latestposts-two .blog-post .tline-date.lfb2 { color:#a1a1a1;} .latestposts-two .blog-post p.blog-author a:hover { color:#d0ae5e;} .latestposts-two .blog-post p strong { font-weight:bold;} .latestposts-two .blog-post h4 { font-size: 29px; font-weight: 700; margin-top:20px; margin-bottom: 15px; letter-spacing:0; text-transform:none;} .latestposts-two .blog-line p.blog-cat a { color: #d0ae5e;} .latestposts-two .blog-post .entry-content p.blog-detail {color: #444; font-weight:300;font-size: 15px;line-height: 1.74;padding-right: 5%;} .latestposts-two .blog-line p.blog-cat a { font-weight: 400; font-size:11px; letter-spacing:1px;} .latestposts-two .blog-line h4 { font-weight: 700; letter-spacing:0; font-size:17px; line-height:1.3; text-transform:none;} .latestposts-two .blog-line p { font-size: 10px; font-family: 'Montserrat', sans-serif; color:#a1a1a1;} .latestposts-two h6.blog-date, .latestposts-two h6.blog-cat { color:#717171; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-size:11px;} .latestposts-two h6.blog-date i { margin-right:4px; color:#7a7a7a; margin-left:6px;} .latestposts-two .blog-line:hover h4 a { color: #d0ae5e;} .latestposts-two .blog-line:hover .img-hover:before { -webkit-box-shadow: inset 0 0 0 5px ; -moz-box-shadow: inset 0 0 0 5px ; box-shadow: inset 0 0 0 5px ; color:#d0ae5e;} .latestposts-two .blog-post img { margin:0; padding:0;border: 6px solid #eee;} .latestposts-two .blog-post .pad-r20 a { position:relative;} .latestposts-two .col-md-5 .blog-line:last-child { border-bottom:none;} @media only screen and (min-width: 1200px) { .container.latestposts-two { margin:0 -15px;} } /* # latest from blog - type=three ================================================== */ .container.latestposts-three { margin:0 -10px; max-width:none; width:auto;} .latestposts-three .latest-b2 { margin:0 0 15px; border: 1px solid #e3e3e3; background:#fff; text-align:center; box-shadow: 0 2px 1px 0 rgba(0,0,0,0.029);} .latestposts-three .latest-b2-img { float:none; width:auto; margin:0; min-height:1px;} .latestposts-three .latest-b2-cont { min-height:1px; padding:20px;} .latestposts-three .latest-b2-metad2 { background-color: #f7f7f7; margin:-20px; margin-top:0; padding:20px; color: #666; letter-spacing:0; font-weight:400; font-size:11px; max-width:none;} .latestposts-three .latest-b2-metad2 i { margin-right:3px;} .latestposts-three .latest-b2-cont a.readmore { display:none;} .latestposts-three .latest-b2-cont p { color:#7a7a7a;} .latestposts-three h3.latest-b2-title { font-size:18px; margin:15px 0 12px; font-weight:700; line-height:23px; text-transform:none; letter-spacing:0;} .latestposts-three h3.latest-b2-title a { color:#0a0a0a; text-decoration:none;} .latestposts-three h3.latest-b2-title a:hover { color: #d0ae5e;} .latestposts-three h6.latest-b2-cat, h5.latest-b2-date { font-size: 11px; font-weight: 400; text-transform:uppercase; letter-spacing:2px;} .latestposts-three .latest-b2-metad2 span { padding:0 4px;} #wrap .blox.dark .latestposts-three .latest-b2-metad2 span { color:#666;} .latestposts-three .latest-b2-metad2 span a { color: #666;} .latestposts-three h6.latest-b2-cat a, .latestposts-three .latest-b2-metad2 span a:hover{ color: #d0ae5e;} @media only screen and (min-width: 1200px) { .container.latestposts-three { margin:0 -15px;} } @media only screen and (max-width: 479px) { .latestposts-three .latest-b2-metad2 { font-size:11px;} } /* # latest from blog - type=four ================================================== */ .container.latestposts-four { margin:0 -10px; max-width:none; width:auto;} .latestposts-four .latest-b2 { margin:10px 0 0;} .latestposts-four .col-md-9 { padding:0;} .latestposts-four .latest-b2-img { float:none; width:100%; margin:0; min-height:auto;} .latestposts-four .latest-b2-cont { min-height:20px; position:relative;} .latestposts-four .latest-b2 .au-avatar img { width:75px; height:75px; border:3px solid #eee; margin-bottom:12px;} .latestposts-four .latest-b2 h6.blog-date { margin-bottom:12px;} .latestposts-four .latest-b2 h6.blog-author { margin-bottom:45px; letter-spacing:0; line-height:1.5; font-size:17px; color:#222;} .latestposts-four .latest-b2 h6.blog-author a { color:#777;} .latestposts-four .latest-b2 h6.blog-author strong { color:#a1a1a1; font-size: 13px; font-weight: 400;} .latestposts-four .latest-b2 h6.latest-b2-cat { display:inline-block; padding:12px 16px 10px; background:#d0ae5e; color:#fff;} .latestposts-four .latest-b2 h6.latest-b2-cat a { color:#fff;} .latestposts-four .latest-b2-img { padding-left:15px;} .latestposts-four .latest-b2-img img { margin-bottom:14px; border-top: 5px solid #e1e1e1;} .latestposts-four h3.latest-b2-title { font-size: 19px; padding: 5px 15px; line-height: 1.25; margin-top: -37px; text-transform:uppercase; font-weight: 500; letter-spacing: 2px; background: #fff; margin-left: 40px; margin-right: 20px; border-top: 5px solid #e1e1e1;} .latestposts-four h3.latest-b2-title a { color:#292929;} .latestposts-four h3.latest-b2-title a:hover { color:#d0ae5e; text-decoration:none;} .latestposts-four h6.latest-b2-cat, .latestposts-four h5.latest-b2-date { font-size:10px;} .latestposts-four .latest-b2 .vertical-space { height:2px;} @media only screen and (min-width: 1200px) { .container.latestposts-four { margin:0 -15px;} } @media only screen and (min-width: 961px) { .latestposts-four .col-md-6 { padding-left:35px;} .latestposts-four .col-md-6:first-of-type { border-right:1px solid #e7e7e7; padding-left:0; padding-right:45px;} } @media only screen and (max-width: 960px) { .latestposts-four .latest-b2 .au-avatar { float:left; margin-right:20px;} .latestposts-four .latest-b2 h6.blog-author { margin-bottom:5px; font-size:15px; font-weight:600;} .latestposts-four .latest-b2 h6.latest-b2-cat { display:inline-block; padding:6px 12px 5px;} .latestposts-four .latest-b2-img { padding-left:0; clear:both;} .latestposts-four .latest-b2-img img { width:100%;} .latestposts-four .col-md-6:first-of-type { border-bottom:1px solid #e7e7e7;} } @media only screen and (max-width: 767px) { .latestposts-four h3.latest-b2-title { margin-left:16px; margin-right:16px; padding-left:10px; padding-right:10px;} } /* # latest from blog - type=five ================================================== */ .container.latestposts-five { margin:0 -10px; max-width:none; width:auto;} .latestposts-five .latest-b2 { margin:30px 0;} .latestposts-five h3.latest-b2-title { font-size:15px; text-transform:uppercase; letter-spacing:0; line-height:1.2; font-weight:700;} .latestposts-five h6.latest-b2-cat { font-size:10px; text-transform:uppercase; letter-spacing:1px; font-weight:500;} .latestposts-five h6.latest-b2-cat a { color:#d0ae5e;} .latestposts-five h6.latest-b2-cat a:hover { text-decoration:underline;} .latestposts-five h5.latest-b2-date { font-size:10px; text-transform:uppercase; letter-spacing:0;} .latestposts-five h5.latest-b2-date a { color:#a1a1a1;} @media only screen and (min-width: 1200px) { .container.latestposts-five { margin:0 -15px;} } @media only screen and (max-width: 479px) { .latestposts-five h6.latest-b2-cat { margin-top:10px;} .latestposts-five .latest-b2-img img { padding:8px; background:#fff; border:1px solid #ddd;} } /* # latest from blog - type=six ================================================== */ .container.latestposts-six { margin:0 -10px; max-width:none; width:auto;} .latestposts-six .latest-b {margin-bottom:15px; border:1px solid #ddd;} .latestposts-six .latest-img { width:auto;} .latestposts-six .latest-content {background: #fff; padding: 0; padding-bottom: 0; text-align:center; margin-top: -1px;} .latestposts-six .latest-content p.latest-date { margin-bottom: 5px; font-size:13px; color:#d0ae5e;padding: 15px 15px 0;} .latestposts-six .latest-title {font-size: 16px;font-weight: 700;line-height: 1.2; letter-spacing:2px; text-transform:uppercase;padding: 0 15px;margin-bottom: 20px;} .latestposts-six .latest-title a {color: #111;} .latestposts-six .latest-title a:hover {color: #d0ae5e;} .latestposts-six .latest-img img{width:100%; height:auto !important;} .latestposts-six .latest-author {margin-bottom: 0; width: auto; background-color:#f7f7f7; padding: 12px 15px; font-size:10px; color: #444; letter-spacing:1px; text-transform:uppercase;} .latestposts-six .latest-author a {color: #222;} .latestposts-six .latest-author a:hover {color: #d0ae5e; text-decoration:underline;} .blox.dark .latestposts-six .latest-author { color:#444;} @media only screen and (min-width: 1200px) { .container.latestposts-six { margin:0 -15px;} } /* # latest from blog - type=seven ================================================== */ .container.latestposts-seven { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1200px) { .container.latestposts-seven { margin:0 -15px;} } .latestposts-seven .latest-b { margin:30px 0;} .latestposts-seven .wrap-date-icons { float: left; text-align: center; border-right: 1px solid #e9e9e9; padding-right: 12px; margin-top: 18px; margin-bottom: 31px;} .latestposts-seven .wrap-date-icons h3.latest-date { padding: 0 10px; margin-bottom: 0; padding-bottom: 15px; color: #d0ae5e; font-weight: 600;} .latestposts-seven .wrap-date-icons h3.latest-date span.latest-date-month { display: block; letter-spacing: -1.5px; text-transform: uppercase; font-size: 18px; line-height: 1;} .latestposts-seven .wrap-date-icons h3.latest-date span.latest-date-day { display: block; font-size: 32px; line-height: 30px;} .latestposts-seven .wrap-date-icons h3.latest-date span.latest-date-year { font-weight: 300; font-size: 14px; display: block; line-height: 1;} .latestposts-seven .wrap-date-icons .latest-icons { border-top: 1px solid #e9e9e9; padding-top: 12px;} .latestposts-seven .wrap-date-icons .latest-icons p { margin-bottom: 0; color: #cccccc; line-height: 1;} .latestposts-seven .wrap-date-icons .latest-icons p span i { font-size: 20px;} .latestposts-seven .latest-content { margin-top: 22px; margin-left: 85px;} .latestposts-seven .latest-content .latest-title { font-size:20px; font-weight: 700; line-height: 28px; padding-bottom: 10px; letter-spacing: -1px; text-transform:none;} .latestposts-seven .latest-content .latest-title a {color: #393939;} .latestposts-seven .latest-content .latest-title a:hover {color: #d0ae5e;} .latestposts-seven .latest-content .latest-author { font-size:10px; font-weight:700; letter-spacing: 1px; text-transform:uppercase;} .latestposts-seven .latest-content .latest-author a { color: #d0ae5e;} .latestposts-seven .latest-content .latest-author a:hover { color: #424242;} .latestposts-seven .latest-img img { padding:8px; margin-bottom:8px; background:#fff; border:1px solid #e9e9e9; transition:all .39s ease;} .latestposts-seven .latest-img:hover img { background-color:#d0ae5e;} .latestposts-seven .latest-content .latest-cat { font-size:10px; text-transform:uppercase; font-weight:700; color: #9a9a9a;} .latestposts-seven .latest-content .latest-cat a { color: #9a9a9a;} .latestposts-seven .latest-content .latest-cat a:hover { color: #d0ae5e;} /* # latest from blog - type=nine ================================================== */ .latestposts-nine .latest-b9 {background: #fff;border: 1px solid #eaeaea;padding: 23px 55px 44px 36px;margin-bottom: 20px;position: relative;min-height: 305px;} .latestposts-nine .latest-b9 .latest-b9-tagline i { position: absolute; top: 23px; right: 20px; font-size: 20px; color: #323436;} .latestposts-nine .latest-b9 .latest-b9-cont .latest-b9-tagline {margin-bottom: 41px;} .latestposts-nine .latest-b9 .latest-b9-cont .latest-b9-tagline span {font-family: lora;font-style: italic;text-transform: capitalize;font-size: 13px;font-weight: 600;} .latestposts-nine .latest-b9 .latest-b9-cont .latest-b9-title {font-size: 20px;margin-bottom: 82px;} .latestposts-nine .latest-b9 .latest-b9-cont .latest-b9-title a { color: #303133;} .latestposts-nine .latest-b9 .latest-b9-metad9 span{color: #777;font-size: 15px;font-weight: 100;} .latestposts-nine .latest-b9 .latest-b9-metad9 .latest-b9-date { position: relative; margin-left: 5px;} .latestposts-nine .latest-b9 .latest-b9-metad9 .latest-b9-date:before {content: ""; width: 2px; height: 14px; background: #c0c0c0; position: absolute; top: 5px; left: -5px; color: #777; margin-right: 3px;} .latestposts-nine .latest-b9 .latest-b9-metad9 span a[rel="author"] {color: #303133;text-transform: capitalize;font-weight: 400;} .latestposts-nine .latest-b9 .latest-b9-metad9 { margin-bottom: 25px;} #wrap .latestposts-nine .latest-b9 .entry-footer a { color: #fff; padding: 7px 20px 5px; display: inline-block; text-transform: uppercase; font-weight: 400; font-size: 12px;} #wrap .latestposts-nine .latest-b9 .entry-footer a:hover { background: #424242;} @media (min-width:768px) and (max-width:960px){ #wrap .latestposts-nine .latest-b9 .entry-footer a { font-size: 13px; padding: 6px 28px;} } @media (max-width:330px){ .latestposts-nine .latest-b9 .latest-b9-cont .latest-b9-title { font-size: 18px;} #wrap .latestposts-nine .latest-b9 .entry-footer a { font-size: 12px; padding: 6px 20px;} } /* # latest from blog - type=Ten ================================================== */ .latest-b10 { box-shadow: 0px 390px 30px rgba(0, 0, 0, 0.33) inset; background-size: cover !important; background-repeat: no-repeat !important; margin: 20px 0; transition: all .3s ease; -webkit-transition: all .3s ease; padding: 23px 130px 25px 34px; min-height: 347px; position: relative;} #wrap .latest-b10 * { color: #fff;} .latest-b10-tagline i { position: absolute; right: 30px; top: 25px; font-size: 20px; } .latest-b10 .latest-b10-tagline { margin-bottom: 40px;} .latest-b10 .latest-b10-tagline span { font-family:'Lora',serif; font-size:19px; font-style:italic; text-transform: capitalize;} .latest-b10 .latest-b10-title { font-size: 21px; margin-bottom: 20px; line-height: 1.3;} .latest-b10 .latest-b10-title:hover { text-decoration: underline;} .latest-b10 .latest-b10-author { text-transform: capitalize; font-size: 15px; font-weight: 100;} .latest-b10 .latest-b10-author:after { content: " |"; opacity: .7;} @media (max-width:480px){ #wrap .latest-b10 { padding-right: 20px;} } .container.latestposts-eleven{margin:0 -10px;max-width:none;width:auto;} @media only screen and (min-width:1281px){.container.latestposts-eleven{margin:0 -15px;} } .latestposts-eleven .latest-b11{margin-bottom:40px;overflow:hidden;} .latestposts-eleven .latest-b11 .latest-b11-img{float:left;width:186px;margin-right:28px;} .latestposts-eleven .latest-b11 .latest-b11-content{overflow:hidden;text-align:left;} .latestposts-eleven .latest-b11 .latest-b11-img a{display:block;} .latestposts-eleven .latest-b11 .latest-b11-img img{border-radius:3px;width:100%;} .latestposts-eleven .latest-b11 .latest-b11-content h3{font-size:20px;overflow:hidden;padding-bottom:4px;font-weight:700;} .latestposts-eleven .latest-b11 .latest-b11-content h3 a{color:#1a1a1a;} .latestposts-eleven .latest-b11 .latest-b11-content h3 a:hover{text-decoration:underline;} .latestposts-eleven .latest-b11 .latest-b11-content p{overflow:hidden;font-size:13px;margin-bottom:10px;font-weight:400;} .latestposts-eleven .latest-b11 .latest-b11-meta .date{display:block;font-size:12px;color:#a9a9a9;margin-bottom:7px;font-weight:300;} .latestposts-eleven .latest-b11 .latest-b11-content a.readmore:after{display:none;} .latestposts-eleven .latest-b11 .latest-b11-content a.readmore{padding:0;text-align:left;color:#00c2e5;letter-spacing:0;font-weight:400;left:0;transform:translate(0, 0);-webkit-transform:translate(0, 0);border:none;background:none;text-transform:none;font-size:13px;} .latestposts-eleven .latest-b11 .latest-b11-content a.readmore:hover{color:#101010 !important;} .latestposts-eleven .latest-b11 .latest-b11-content a.readmore:after{display: inline; font-family: simple-line-icons; content: "\e606"; font-size: 12px; padding-left: 3px; position: relative; background: transparent; top: 2px;} @media (max-width:767px){.latestposts-eleven .latest-b11 .latest-b11-img{float:none;display:block;width:100%;} .latestposts-eleven .latest-b11 .latest-b11-img .latest-b11-meta{margin-left:0;margin-bottom:10px;} .latestposts-eleven .latest-b11 .latest-b11-img .latest-b11-meta .date{display:inline-block;} .latestposts-eleven .latest-b11 .latest-b11-img img{width:100%;} .latestposts-eleven .latest-b11 .latest-b11-content{display:block;} .latestposts-eleven .latest-b11 .latest-b11-meta .date{margin-top:15px;} } @media only screen and (min-width:768px) and (max-width:1200px){.latestposts-eleven .latest-b11 .latest-b11-content h3{font-size:15px;font-weight:600;} .latestposts-eleven .latest-b11 .latest-b10-content p, .latestposts-eleven .latest-b11 .latest-b11-img .latest-b11-meta .date, .latestposts-eleven .latest-b11 .latest-b10-content a.readmore{font-size:12px;} } /* # postbox ================================================== */ .a-post-box { position:relative; overflow:hidden;} .a-post-box .latest-txt { position:absolute; bottom:10%; padding:20px; width:88%; left:0; right:0; margin:auto; transition:all .5s ease-in-out; text-align:center;} .a-post-box .latest-title { font-size:19px; margin-bottom:16px; font-weight:700; letter-spacing:2px; line-height:1.35; text-transform:uppercase;} .a-post-box .latest-title a { color: #fff;} .a-post-box .latest-title a:hover { color:#d0ae5e;} .a-post-box .latest-cat { display:inline-block; background:#d0ae5e; color:#fff; padding:0; border:none; text-align: center;letter-spacing:0.3px; transition:all .21s ease-in-out;} .a-post-box .latest-cat:hover { background:#111 !important;} .a-post-box .latest-cat a { padding:2px 8px 4px; color:#fff; font-size: 10px;text-transform: uppercase;font-weight: 400;letter-spacing: 1px;} .a-post-box .latest-date { font-size:13px; color:#eee; margin:20px 0 0 11px;} .a-post-box .latest-content { color:#fff; margin-top:30px;} .a-post-box .latest-img img { width:100%;} .a-post-box .latest-overlay { height:100%; background-color:rgba(0, 0, 0, 0.37); position:absolute; width:100%; bottom:0;border: 1px solid #ddd;} .container.a-post-box { margin:0 -10px;} .nopad-left .a-post-box .latest-overlay, .nopad-right .a-post-box .latest-overlay { border:none;} .vc_col-sm-4 .a-post-box .latest-author, .vc_col-sm-4 .a-post-box .latest-views, .vc_col-sm-4 .a-post-box .latest-comments { display:none;} .vc_col-sm-4 .a-post-box .latest-title, .wpb_column .wpb_column .a-post-box .latest-title { font-size: 16px;} .vc_col-sm-6 .a-post-box .latest-title { font-size:17px;} .vc_col-sm-3 .a-post-box .latest-title { font-size:13px; letter-spacing:0;} .vc_col-sm-3 .a-post-box .latest-txt { padding:20px;} .vc_col-sm-3 .a-post-box .a-post-box .latest-meta { margin-left:10px;} @media only screen and (max-width:960px) { .a-post-box .latest-date { display:block; margin-top:2px;} } @media only screen and (max-width:479px) { .a-post-box .latest-txt { padding:10px;} .a-post-box .latest-title { font-size:16px;} } @media only screen and (min-width:961px) and (max-width:1200px) { .nopad-left, .nopad-right { padding:0;} .nopad-left .wpb_row, .nopad-right .wpb_row { margin:0;} .a-post-box .latest-txt { width:96%;} .a-post-box .latest-title { letter-spacing:0;} } @media only screen and (min-width:768px) and (max-width:960px) { .a-post-box .latest-txt { width:90%;} .vc_col-sm-4 .a-post-box .latest-title { font-size:19px;} .vc_col-sm-3 .a-post-box .latest-title { font-size:17px;} } /* # category box ================================================== */ .latest-cat-box { padding: 0; border: 0; margin-bottom:25px;} .latest-cat-box .blog-post { margin-bottom:20px; padding:0; background:none; border:none;} .latest-cat-box .lc-main { margin-bottom:4px;} .latest-cat-box .blog-post.lc-main h4 { font-size: 19px; letter-spacing: 3px; font-weight: 700; margin-bottom:12px; margin-top:8px; line-height: 1.3;text-transform: uppercase;} .latest-cat-box .blog-author, .latest-cat-box .blog-author * { font-size: 12px; letter-spacing:0; text-transform:none;} .latest-cat-box .blog-author strong { font-weight:800;} .latest-cat-box .lc-main .blog-detail { margin-bottom:33px;} .latest-cat-box .blog-post p.blog-author { font-size: 13px; color: #888; text-transform:none; letter-spacing:0; line-height: 1.5;} .latest-cat-box .blog-post p.blog-author a { text-transform:none; letter-spacing:0; font-size:13px; color:#888;} .latest-cat-box .blog-post p.blog-author span.date a {color:#fd6b48;} .latest-cat-box .blog-post p.blog-author a:hover { text-decoration:underline;} .latest-cat-box .lc-main a.readmore { display:none;} .latest-cat-box .lc-items { padding: 0; margin: 0; max-width:none; width:auto;} .latest-cat-box .lc-items h4 { font-size: 15px; font-weight: 700; letter-spacing: 2px;text-transform: uppercase;} .latest-cat-box .lc-items img { width: 110px; height: auto; float:left; box-shadow:none; border:1px solid #ddd;} .latest-cat-box .img-hover { float:left; margin-left:0; margin-right:15px;} .latest-cat-box .img-hover:before { display:none;} .latest-cat-box .blog-post img { margin-bottom:17px; padding:0;} .latest-cat-box .lc-items article { overflow: hidden;} .latest-cat-box .lc-items article:last-child{ border-bottom: 0;} @media only screen and (max-width: 479px) { .latest-cat-box .lc-items img { width:90px;} } /* # events ================================================== */ /* single event page */ #tribe-events-pg-template, #tribe-events-pg-template .tribe-events-loop { max-width: none;} #tribe-events-pg-template { padding: 0 10px;} @media only screen and (min-width: 1200px) { #tribe-events-pg-template { padding: 0 15px;} } /* tribe reset */ #tribe-events .tribe-events-event-image, #tribe-events .tribe-events-content {float: none; width: 100%; margin: 0; padding:0;} .tribe-events-list-separator-month {padding: 0 0 45px 0; margin:35px 0 5px;} .tribe-events-list-separator-month:after { border-bottom: 1px solid #e8e8e8; top: 0;} .tribe-events-list-separator-month span { color: #d0ae5e;font-weight: 600; text-transform: uppercase; padding: 4px 10px 0 1px; background: none;font-size: 18px; float: left;border-top: 1px solid #d0ae5e;letter-spacing: 2px;} .tribe-events-list .type-tribe_events h2 {margin-bottom: 12px; display: block;text-transform: uppercase; font-size:24px; font-weight: 600;margin-top: 3px;} .tribe-events-list .type-tribe_events h2 a {color: #404040;font-weight: 700;font-size: 27px;font-family: 'Montserrat',sans-serif;text-transform: capitalize;} .tribe-events-list .type-tribe_events h2 a:hover {color: #d0ae5e;} .tribe-events-list .tribe-events-event-meta {background: url("../images/list-events1.jpg") no-repeat bottom right;background-size: cover; padding: 18px;margin: 0; text-align:center;min-height: 224px;border-top: 2px solid #d0ae5e;} .tribe-events-list .tribe-events-venue-details {line-height: 1.5; l;letter-spacing: 0px;border: none; font-style:normal;text-align: left;padding-left: 31px;font-size: 15px;font-weight: 600;color: #616161;} .tribe-events-list .time-details { text-transform: uppercase; font-size: 26px; letter-spacing: 1px; font-weight: 300;padding-top: 0px;margin-bottom: 13px;text-align: left;padding-left: 30px;} .tribe-events-list .btn-wrapper {margin: 0;} .tribe-events-list .booking-button {letter-spacing: 1px;font-size: 13px;font-weight: 600; text-transform:uppercase; transition: all 0.5s ease; background: #d0ae5e; color: #fff;padding: 11px 24px; display: block; text-align: center;} .tribe-events-list h2.tribe-events-page-title { margin-bottom: 15px; font-size: 38px; margin-top: 50px; text-transform: uppercase; letter-spacing: 1px;} .tribe-events-list .booking-button:hover {background-color: #333 !important;} .tribe-events-list .tribe-events-event-meta a {display:none;} .tribe-events-list .tribe-events-read-more {color:#d0ae5e;} #tribe-events .tribe-events-content p {font-size: 15px;} .tribe-events-event-meta address.tribe-events-address { font-style:normal; letter-spacing:0;font-size: 15px; color:#727272; font-family:'hind', helvetica, arial, sans-serif;} .tribe-events-event-meta span.event-d {font-size: 25px;padding-right: 6px;font-family:'Montserrat', arial, sans-serif;color: #616161;} .tribe-events-event-meta span.event-m {font-size: 25px;font-weight: 600;color: #616161;letter-spacing: 0px;text-transform: capitalize;} .tribe-events-list .post-sharing span, .tribe_events .post-sharing span, #tribe_events .post-sharing span { display:none;} .tribe-events-list .event-sharing {list-style: none; position: relative; padding: 10px 0;margin: 14px 0 0;} .tribe-events-list .event-sharing > li {display: table-cell; border:1px solid #efefef; color: #767676; text-align: center;} .tribe-events-list .event-sharing > li:hover {background: #d0ae5e;color: #fff;} .tribe-events-list .event-sharing > li a{color: #767676;} .tribe-events-list .event-sharing > li:hover a {color: #fff;} .tribe-events-list .event-sharing > li i {width: 36px; height: 36px; display: table-cell; vertical-align: middle;} .tribe-events-list .event-sharing .event-share:hover .event-sharing-icon {background: #d0ae5e;border-width: 0 1px 0; cursor: pointer;} .tribe-events-list .event-sharing .event-share:hover .event-social {display:table-cell;} .tribe-events-list .event-sharing .event-map {border-width:1px 0 1px;} .tribe-events-list .event-sharing .event-social {display:none; position: absolute; top:7px; left: 8px;} .tribe-events-list .event-sharing .event-social li {display:table-cell;} .tribe-events-list .event-sharing .event-social li a {background: #d0ae5e;color: #fff;width: 36px;height: 36px;vertical-align: middle;text-align: center; display: table-cell;} #wrap .tribe-events-list .event-sharing .event-social li a:hover {background: #616161;} #tribe-events-content .tribe-events-loop{max-width: 1096px;} .tribe-events-list .tribe-events-event-image {width:100%} #tribe-events .tribe-events-event-image {border: 6px solid #e3e3e3;} .tribe-events-list .tribe-events-venue-details:before {content: "\f041";font-family: fontawesome;position: absolute;left: 40px;font-size: 15px;color: #616161;} .tribe-events-list .time-details:before {content: "\f274";font-family: fontawesome;position: absolute;top: 27px;left: 37px;font-size: 16px;color: #616161;} .tribe-events-list h2.tribe-events-page-title {color: #4c4c4c;font-weight: 400;font-family: 'Montserrat',sans-serif;} #wrap .tribe-events-list .type-tribe_events {padding-top:20px;} #tribe-events .tribe-events-content { color: #616161;} @media only screen and (max-width: 960px) { .tribe-events-list .tribe-events-event-meta{margin:0;} .tribe-events-list .btn-wrapper {margin: 2px 0;} .tribe-events-list .type-tribe_events h2 {margin-top: 20px;} } #tribe-events-pg-template .tribe-events-cal-links { margin-bottom:0} #tribe-events-pg-template .tribe-events-button { background: #d0ae5e;} #tribe-events .tribe-events-button {background: #4e4e4e;} #tribe-events .tribe-events-button:hover {background: #333;} .single-tribe_events #main-content.container { padding:35px 0;} .single-tribe_events #wrap .tribe-events-notices { margin:0 15px 18px; border-radius:0;} .single-tribe_events #wrap, .single-tribe_events #header { background:#fff;} .single-tribe_events #tribe-events-pg-template { padding:0; margin-top:35px;} .single-tribe_events .w-event-content{padding: 40px 0;margin-bottom: 40px;} .single-tribe_events .w-event-meta,.single-tribe_events .w-event-social {margin-bottom: 30px;padding: 19px 19px;background: #fff;border: 1px solid #e6e6e6;box-shadow: 0 2px 0 0px rgba(0,0,0,0.037);} .single-tribe_events .w-event-social { background: #f4f4f4;} #wrap .w-event-social .tribe-events-single-section-title { padding-left: 9px;} .single-tribe_events .tribe-events-meta-group {margin-bottom: 20px;} .single-tribe_events .w-event-meta h3,.single-tribe_events .w-event-meta dt { text-transform: uppercase;font-size: 17px; font-weight: bold; padding-bottom: 5px; display: inline;color: #000;padding-left: 55px;} .single-tribe_events .w-event-meta h6{text-transform: uppercase; font-size:15px; padding-bottom: 5px; display: inline;color: #000;padding-left: 0;} .single-tribe_events .w-event-meta dd, .single-tribe_events .w-event-meta .tribe-events-event-categories a { font-size:14px; color: #a9a9a9;} .single-tribe_events .w-event-meta dd {margin-bottom: 0;padding-left: 55px;} .single-tribe_events .w-event-meta dd a {color: #8d8d8d;} .single-tribe_events .w-event-meta dd a:hover {color: #d0ae5e;} .single-tribe_events .w-event-meta .tribe-events-address {color: #8d8d8d;margin-bottom: 3px;} .single-tribe_events .w-event-meta .tribe-events-meta-group-venue .author {margin-bottom:0;color: #8d8d8d;font-size:13px;} .single-tribe_events .tribe-events-event-image {margin-bottom:0;} .single-tribe_events h2.tribe-events-single-event-title{margin-bottom: 30px; letter-spacing: 0.5px;text-transform: capitalize;font-family: 'Montserrat',sans-serif;font-weight: 400;font-size: 32px;} .single-tribe_events .booking-button { letter-spacing: 0.5px;line-height: 48px;height: 76px;transition: all 0.5s ease;background: #d0ae5e;color: #fff;padding: 16px;display: block;text-align: center;font-size: 16px;font-family: 'Montserrat',sans-serif;} .single-tribe_events .booking-button:hover {background-color: #101010 !important;} .single-tribe_events .tribe-event-tags a {display: inline-block;color: #444;font-size: 11px;text-transform: uppercase;letter-spacing: 1.5px;font-weight: 500;padding: 3px 7px;border: 1px solid #ddd;border-radius: 2px;background: #fff;margin: 1px 3px;} .single-tribe_events .tribe-event-tags:before {font-size: 24px;color: #303030;margin-right: 5px;content: "\f02c";font-family: fontawesome;} .single-tribe_events .tribe-event-tags {padding-top: 13px;} #tribe-events-pg-template .tribe-events-day-time-slot .tribe-events-content { float: left; width:33%; padding:0 15px;} #tribe-events-pg-template .tribe-events-day-time-slot .tribe-events-event-image { padding-left:0;} #tribe-events-content .tribe-events-abbr {color: #8d8d8d;font-size: 14px;} .single-tribe_events .tribe-events-content {margin-bottom: 30px;} .single-tribe_events .tribe-organizer-url a {word-wrap: break-word;} .single-tribe_events #headline {margin:0 0 10px;} .single-tribe_events #headline h2 {padding: 0;} .single-tribe_events .tribe-events-meta-group.tribe-events-meta-group-gmap .tribe-events-venue-map {margin-top:0;padding: 8px;border: 1px solid #e3e3e3;} #tribe-events-gmap-0 {height: 325px !important;} .tribe-events-day-time-slot .tribe-events-content.description.entry-summary { font-size:15px; font-weight:300; color:#8a8a8a;} .tribe-events-day-time-slot .type-tribe_events h2 { font-size:28px; padding-bottom:20px;} .tribe-events-day .tribe-events-day-time-slot .type-tribe_events { margin:0;} .tribe-events-day .tribe-events-day-time-slot h5 { background-color:#a9a9a9;} .single-tribe_events .w-event-meta .w-single-event-organizer .tribe-events-single-section-title,.single-tribe_events .w-tribe-events-meta-date h3 {padding-left: 0;margin: 10px;display: inline-block;} .single-tribe_events .w-tribe-events-meta-date h3 {width: 100%;} .single-tribe_events #tribe-events .tribe-events-event-image {border: 0;} .single-tribe_events .tribe-events-venue-map {padding:0;} #wrap #tribe-events .tribe-events-button {background: #fff;padding: 12px 34px;font-family: 'Montserrat',sans-serif;font-size: 13px;font-weight: 400;letter-spacing:0;border: 1px solid #d0ae5e;color: #d0ae5e;transition: 0.3s;} #wrap #tribe-events .tribe-events-button:hover {background: #d0ae5e;} #wrap #tribe-events .tribe-events-button:hover { color: #fff;} .w-single-event-date,.w-single-event-time,.w-single-event-location,.w-single-event-category,.w-single-event-organizer,.w-tribe-events-meta-date,.w-tribe-event-cost,.w-tribe-event-website,.w-single-event-phone{background: #f4f4f4;padding: 14px 14px 9px;margin-bottom: 20px;vertical-align: baseline; position: relative;} .single-tribe_events .w-single-event-organizer dd,.single-tribe_events .w-tribe-events-meta-date dd {padding-left:55px;margin-bottom: 10px;} .single-tribe_events .w-single-event-organizer i,.single-tribe_events .w-tribe-events-meta-date i{margin-right: 10px;color: #d0ae5e;margin-left: 28px;} .single-tribe_events .tribe-event-tags a:hover {border-color:#d0ae5e;} .w-single-event-date:before,.w-single-event-time:before,.w-single-event-location:before,.w-single-event-category:before, .w-tribe-event-cost:before,.w-tribe-event-website:before,.w-single-event-phone:before{font-family: fontawesome;padding: 9px 6px;color: #d0ae5e;float: left;font-size: 24px;width: 40px;height: 40px;margin-right: 10px;position: absolute;left: 15px;top: 14px;} .w-single-event-date:before {content: "\f133";} .w-single-event-time:before {content: "\f017";} .w-single-event-location:before{content: "\f041";} .w-single-event-category:before {content: "\f114";} .w-tribe-event-cost:before {content: "\f0d6";} .w-tribe-event-website:before {content: "\f0e8";} .w-single-event-phone:before {content: "\f095";} .tribe-events-meta-group.tribe-events-meta-group-venue dl {margin-bottom: 0;} address.tribe-events-address {line-height: 19px;} .single-tribe_events .tribe-events-venue-map,#tribe-events .tribe-events-button, .tribe-events-button {border-radius: 0;} .single-tribe_events .w-event-content dt {margin-top: 40px;} /* events list */ .tribe-events-list .tribe-events-read-more:hover {color:#616161;} .tribe-events-list .event-sharing .event-social li a:hover {background:#616161;} .tribe-events-list .event-sharing .event-share:hover .event-sharing-icon,.tribe-events-list .event-sharing .event-social li a,.tribe-events-list .event-sharing > li:hover {background: #d0ae5e;} .tribe-events-list .tribe-events-event-cost { position: absolute; top: 44px; right: 28px; z-index: 1;} .tribe-events-list .tribe-events-event-cost.day-events { top: 22px;} .tribe-events-list .type-tribe_events h2 a:hover {color:#d0ae5e;} .tribe-events-list-separator-month span {border-top: 0;color: #d0ae5e;font-weight: 400;} #tribe-bar-form label {color: #616161;text-transform: capitalize;font-size: 14px;font-family: 'Montserrat',sans-serif;font-weight: 400;} #tribe-events-bar #tribe-bar-form input[type=text] {color: #8a8a8a;} #tribe-events-bar #tribe-bar-form input[type=text]::-webkit-input-placeholder {color: #8a8a8a;font-size:13px;font-family:'Montserrat',sans-serif;} #tribe-events-bar #tribe-bar-form input[type=text]:-moz-placeholder { /* firefox 18- */color: #8a8a8a;font-size:13px;font-family:'Montserrat',sans-serif;} #tribe-events-bar #tribe-bar-form input[type=text]::-moz-placeholder { /* firefox 19+ */color: #8a8a8a;font-size:13px;font-family:'Montserrat',sans-serif;} #tribe-events-bar #tribe-bar-form input[type=text]:-ms-input-placeholder { color: #8a8a8a;font-size:13px;font-family:'Montserrat',sans-serif;} #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {font-size: 14px;color: #616161;} #tribe-events-footer,.single-tribe_events #tribe-events-footer,.tribe-events-day #tribe-events-footer,.tribe-events-map #tribe-events-footer,..events-list #tribe-events-footer, .single-tribe_events #tribe-events-footer, .tribe-events-day #tribe-events-footer, .tribe-events-map #tribe-events-footer, .tribe-events-photo #tribe-events-footer { border-top:0;padding-top:0;} #tribe-events-content-wrapper .tribe-events-sub-nav a {background: #fff;border: 1px solid #d0ae5e;border-radius: 1px;color: #d0ae5e;transition:0.3s;} #wrap .w-single-event-organizer .tribe-organizer i { font-size: 17px; margin-right: 6px;} #wrap .w-single-event-organizer .tribe-organizer { padding: 0; margin-bottom: 16px;} @media only screen and (max-width: 767px){ #tribe-events-pg-template .tribe-events-day-time-slot .tribe-events-content, #tribe-events-pg-template .tribe-events-day-time-slot .tribe-events-event-image, .tribe-events-list .tribe-events-day-time-slot .tribe-events-event-meta { float:none; width:100%; margin-bottom:20px;} #tribe-events-pg-template .tribe-events-day-time-slot .tribe-events-event-image { padding:0;} } .events-grid .event-sharing {list-style: none; position: relative; border-top: 1px solid #efefef; padding: 20px; margin: 0; background:#fafafa;} .events-grid .event-sharing > li {display: table-cell; border:1px solid #e8e8e8; color: #767676; text-align: center;} .events-grid .event-sharing > li:hover {background: #4a4a4a;} .events-grid .event-sharing > li a {color: #767676;} .events-grid .event-sharing > li:hover a {color: #fff;} .events-grid .event-sharing > li i {width: 36px; height: 36px; display: table-cell; vertical-align: middle;} .events-grid .event-sharing .event-share:hover .event-sharing-icon {background: #4a4a4a;border-width: 0 1px 0; cursor: pointer;color: #fff;} .events-grid .event-sharing .event-share:hover .event-social {display:table-cell;} .events-grid .event-sharing .event-map {border-width:1px 0 1px;} .events-grid .event-sharing .event-social {display:none; position: absolute;top: 17px;left: 28px;} .events-grid .event-sharing .event-social li {display:table-cell;} .events-grid .event-sharing .event-social li a {background: #767676;color: #fff;width: 36px;height: 36px;vertical-align: middle;text-align: center; display: table-cell;} .events-grid .event-sharing .event-social li a:hover {background: #4a4a4a;} .events-grid .event-article { position: relative; } .events-grid .event-article .booking-button { transition: all 0.21s ease; font-size:11px; font-weight:500; letter-spacing:1px; text-transform:uppercase; background: #fff !important; color: #222; border:1px solid #e8e8e8; position: absolute; bottom: 20px; right: 15px; padding: 8px 16px; font-family:'Montserrat','open sans', arial, sans-serif;} #wrap .events-grid .event-article .booking-button:hover {background: #424242 !important; color:#fff !important;} .events-grid .row { margin-bottom: 30px; max-width: none;} .events-grid .event-article { position: relative; overflow: hidden;border: 2px solid #e2e2e2;text-align: center;} .events-grid .event-article .event-content { background:#fff; color:#767676; padding:10px 20px;text-align: center; min-height: 125px; font-family:'Montserrat','open sans', arial, sans-serif;} .events-grid .event-article .event-title { color:#313131; margin: 0 0 10px 0; font-weight: bold; font-size:22px; letter-spacing:-1px; text-transform:none;} .events-grid .event-article .event-title:hover { color: #d0ae5e;} .events-grid .event-date {margin-bottom: 6px;font-size: 15px;text-align: center;margin: 0 -20px;background: #ddd;color: #fff;margin-top: -42px;font-weight: 700;padding-bottom: 10px;text-shadow: 0 1px 8px #111;} .events-grid .event-detail { font-weight: 400; font-size: 10px; text-transform:uppercase; letter-spacing:1px; background-color: #d0ae5e; color: #fff; padding:1px 20px;margin: 0 -20px 15px -20px;display: block;width: auto;} .events-grid .event-content p { font-size:13px; color:#9a9a9a;} @media only screen and (min-width: 768px) and (max-width: 960px) { .events-grid .event-sharing > li i { width: 30px; height: 38px; } .events-grid .event-sharing .event-social { left: 21px; z-index: 1;} .events-grid .event-sharing .event-social li a { width: 30px; } } @media only screen and (max-width: 768px) { .events-grid .row { margin-bottom:0;} .events-grid .event-article { margin-bottom:30px;} } @media only screen and (max-width: 320px) { .events-grid .event-sharing > li i { width: 30px; height: 38px; } .events-grid .event-sharing .event-social { left: 21px; z-index: 1;} .events-grid .event-sharing .event-social li a { width: 30px; } } .events-grid2 .event-sharing {list-style: none; position: relative; border-top: 2px solid; padding: 29px 0 26px;margin: 0px 14px;text-align: left;} .events-grid2 .event-sharing > li {display: inline-block; border:1px solid #e8e8e8; color: #767676; text-align: center; margin-right: -1px;padding-top: 5px; padding-right: 1px;} .events-grid2 .event-sharing > li:hover {background: #4a4a4a;} .events-grid2 .event-sharing > li a {color: #767676;} .events-grid2 .event-sharing > li:hover a {color: #fff;} .events-grid2 .event-sharing > li i {width: 30px;height: 23px;display: inline-block;} .events-grid2 .event-sharing .event-share:hover .event-sharing-icon {background: #4a4a4a;border-width: 0 1px 0; cursor: pointer;color: #fff;font-weight: bold;} .events-grid2 .event-sharing .event-share:hover .event-social {display:table-cell; z-index: 1;} .events-grid2 .event-sharing .event-social {display:none; position: absolute;top: 26px;left: 2px;} .events-grid2 .event-sharing .event-social li {display:table-cell;} .events-grid2 .event-sharing .event-social li a {background: #767676;color: #fff;width: 30px;height: 31px;vertical-align: middle;text-align: center;display:inline-block;padding-top: 6px;} .events-grid2 .event-sharing .event-social li a:hover {background: #4a4a4a;} .events-grid2 .event-article { position: relative; } .events-grid2 .event-article .booking-button {transition: all 0.21s ease;font-size: 11px;font-weight:500;text-transform:uppercase;background: #fff !important;color: #888;border: 1px solid #e6e6e6;position: absolute;bottom: 30px;right: 0;padding: 5px 17px;font-family:'Montserrat','open sans', arial, sans-serif;} #wrap .events-grid2 .event-article .booking-button:hover {background: #191919 !important; color:#fff;} .events-grid2 .row { margin-bottom: 30px; max-width: none;} .events-grid2 .event-article { min-height: 518px; position: relative;overflow: hidden;border: 1px solid #e6e6e6;text-align: center;padding: 15px 15px 0;background: #fff;box-shadow: 0 2px 0 0px rgba(0,0,0,0.035);} .events-grid2 .event-article .event-content { background:#fff; color:#767676; padding:25px 16px 0;text-align: left; min-height: 125px; font-family:'Montserrat','open sans', arial, sans-serif;} .events-grid2 .event-article .event-title { color:#2a2a2a; margin: 0 0 10px 0; font-weight: bold; font-size:22px; text-transform:capitalize;} .events-grid2 .event-article .event-title:hover { color: #d0ae5e;} .events-grid2 .event-content p {font-size: 14px;color: #8a8a8a;} .events-grid2 .event-grid-head {background: #d0ae5e;margin-bottom: 8px;color: #fff;padding: 8px 14px 6px;text-align: left;font-family: 'Montserrat',sans-serif;} .events-grid2 .event-grid-head .event-date {font-size: 48px;line-height: 47px;float:left; margin-right: 11px;} .events-grid2 .event-grid-head .event-month {text-transform: uppercase;font-size: 17px;} .events-grid2 .event-grid-head .event-detail {font-size: 13px;} @media only screen and (min-width: 768px) and (max-width: 960px) { #wrap .events-grid2 .event-share { display: block; text-align: center; background: #F5F5F5; color: #616161; width: 51px;} #wrap .events-grid2 .event-map { display: inline-block; margin-right: 5px;} #wrap .events-grid2 .event-email { margin-right: 5px;} .events-grid2 .event-sharing .event-social { display:table-cell; top: 25px; right: 0; left: inherit; border: 1px solid #E6E6E6; background: #FFFFFF;} .events-grid2 .event-sharing .event-social li { width: 37px; text-align: center; border-right: 1px solid #e3e3e3;} .events-grid2 .event-sharing .event-social li:last-child { border-right: none;} .events-grid2 .event-sharing .event-social li:hover { background: #4a4a4a;} .events-grid2 .event-sharing .event-social li:hover a { color: #fff; } .events-grid2 .event-sharing .event-social li a { width: 36px;} .events-grid2 .event-sharing > li i { text-align: center;} .events-grid2 .event-sharing .event-social li a {background: #fff; color: #767676;} .events-grid2 .event-sharing .event-share:hover .event-sharing-icon { background: transparent; color: #616161; font-weight: normal;} } @media only screen and (max-width: 767px) { .events-grid2 .row { margin-bottom:0;} .events-grid2 .event-article { margin-bottom:30px;} } @media only screen and (max-width: 320px) { #wrap .events-grid2 .event-share { display: block; text-align: center; background: #F5F5F5; color: #616161; width: 51px;} #wrap .events-grid2 .event-map { display: inline-block; margin-right: 5px;} #wrap .events-grid2 .event-email { margin-right: 5px;} .events-grid2 .event-sharing .event-social { display:table-cell; top: 25px; right: 0; left: inherit; border: 1px solid #E6E6E6; background: #FFFFFF;} .events-grid2 .event-sharing .event-social li { width: 37px; text-align: center; border-right: 1px solid #e3e3e3;} .events-grid2 .event-sharing .event-social li:last-child { border-right: none;} .events-grid2 .event-sharing .event-social li:hover { background: #4a4a4a;} .events-grid2 .event-sharing .event-social li:hover a { color: #fff; } .events-grid2 .event-sharing .event-social li a { width: 36px;} .events-grid2 .event-sharing > li i { text-align: center;} .events-grid2 .event-sharing .event-social li a {background: #fff; color: #767676;} .events-grid2 .event-sharing .event-share:hover .event-sharing-icon { background: transparent; color: #616161; font-weight: normal;} } /* # goals ================================================== */ .goals-grid .row {margin-bottom:20px;} .goals .goal-content p {font-size: 14px; margin: 25px 0; color:#8a8a8a;} .goals .goal-content .goal-meta { margin-top:70px;} .goals .goal-content .goal-title { text-transform: none; letter-spacing:0; color: #424748; font-weight: 300;} .goals .goal-content .goal-title:hover { color: #d0ae5e;} .goals .goal-content .goal-days {font-size: 14px;color: #777;} .goals .goal-content .goal-raised {border-right: 1px solid #e4e4e4;padding-right: 10px;margin: 0 10px 0 50px;color: #777;} .goals .goal-content .donate-button {background-color: #fff;color: #d0ae5e; padding: 10px 20px; display: inline-block; text-align: center; font-size:12px; font-weight:700; letter-spacing:2px;border: 2px solid;} .goals .goal-content .donate-button:hover {background-color: #d0ae5e;color: #fff;} .goals .goal-content .goal-completed {background-color: #aaa; color: #fff; padding: 10px 20px;margin: 0; text-transform: uppercase; display: inline-block; text-align: center;font-size: 14px;font-weight: 500;letter-spacing: 2px;border: 2px solid;} .goals .postmetadata {width:100%; display:table; table-layout:fixed; background:#f9f9f9; padding:2px 14px; border-radius:4px; font-family:'Montserrat','open sans',sans-serif;} .goals.goals-grid article {border: 2px solid #e3e3e3;} .goals.goals-grid .goal-content .goal-completed,.goals.goals-grid .goal-content .donate-button{width: 100%;} .goals.goals-grid .goal-content {padding: 16px 16px 0;} .goals.goals-grid .goal-content .goal-title { font-size:21px; line-height:1.5; font-weight:400;} .goals.goals-grid .goal-content .goal-meta { margin:30px -16px 0; padding:30px 18px; background:#f5f5f5;} #wrap .goals.goals-grid .goal-content .vc_progress_bar {margin-bottom:10px;} .goals.goals-list article {padding-bottom: 45px; border-bottom: 1px solid #e8e8e8; margin-bottom: 45px;} #wrap .goals.goals-list .goal-content .vc_progress_bar {margin-bottom:22px;} .goals.goals-list .goal-img img ,.goals.goals-list .goal-completed { border-radius: 1px;} .goals .goal-content h4 { font-size:22px;} .goals.goals-list .goal-content h4 { font-size:33px; font-weight:300; margin-bottom:20px;} .goals.goals-list .goal-content .goal-meta { margin-top:60px;} .goals.goals-list .goal-content .donate-button { border-radius: 2px; float: left;} .goals.goals-list .goal-content .goal-sharing { float: right;} .goals.goals-list .goal-content .goal-sharing a { transition: all 0.21s ease; border-radius: 3px; background-color: #d0ae5e; color: #fff; padding: 10px 20px; height:42px; display: inline-block; text-align: center;} .goals.goals-list .goal-content .goal-sharing a.facebook { background: #3b5996;} .goals.goals-list .goal-content .goal-sharing a.twitter { background: #00acee;} .goals.goals-list .goal-content .goal-sharing a.google { background: #c3391c;} .goals.goals-list .goal-content .goal-sharing .goal-sharing-icon {font-size: 16px;} .goals.goals-list .goal-content .goal-sharing a:before { content:"share on "; padding:0 5px 0 0; width:0; font-size:0px; display:inline; transition: all 0.21s ease;} .goals.goals-list .goal-content .goal-sharing a:hover:before {width:100%; font-size:11px;} .goals .goal-progress .vc_pie_wrapper{margin-top: 10px;} .goals .goal-progress .vc_pie_chart_value{color: #d0ae5e;font-size: 48px;} #wrap .container .vc_progress_bar .vc_single_bar .vc_label { font-size:13px; color:#4a4a4a;} @media only screen and (max-width: 768px) { .goals.goals-grid .row { margin-bottom:0;} .goals.goals-grid article { margin-bottom:30px;} } /* single goal */ .single-goal .goal-raised{margin: 10px 0; border: 0;} .single-goal .goal-title {font-weight: 300; text-transform: none; font-size: 50px; letter-spacing: 0; margin-bottom: 25px;} .single-goal .postmetadata {width:100%; padding:2px 12px; display:table; table-layout:fixed; font-family:'Montserrat',sans-serif;} .single-goal .blog-single-post img {margin-bottom: 40px;} .goal-metadata {margin:0; padding:0; display:table-row;} .goal-metadata li {text-align:center; display: table-cell; list-style: none; font-size: 10px; font-weight: 500; color:#8a8a8a; text-transform:uppercase; letter-spacing:1px;} .goal-metadata li i { font-size:12px;} .goal-metadata li a {color:#777;} .goal-metadata li a:hover {color:#444;} .goal-box { border: 1px solid #efefef; padding: 16px; border-radius: 4px;} .donate-button { transition: all 0.21s ease;} .goal-box .donate-button { background-color: #d0ae5e; color: #fff; padding: 20px 20px; letter-spacing: 2px; font-size: 16px; font-weight: 500; display: block; text-align: center; border-radius: 0; transition: all 0.33s ease;} .goal-box .donate-button:hover {background-color: #222 !important;} #wrap .goal-box .vc_progress_bar {margin-bottom:10px;} .goal-box .goal-sharing{ margin: 24px 0 10px;} .goal-box .goal-sharing .goal-sharing-icon {color:#d0ae5e; margin-right:5px} .goal-box .goal-sharing .goal-social {display:inline-block;} .goal-box .goal-sharing .goal-social a { margin: 0 4px; color: #868686;font-weight: 500; font-size: 10px; letter-spacing:1px;} .goal-box .goal-sharing .goal-social a:hover {color:#d0ae5e;} @media only screen and (max-width: 768px) { .goal-raised{display: block; margin: 10px 0;} } /* # widgets in blox ================================================== */ .widget #searchsubmit,.wpb_widgetised_column .widget #searchsubmit {display:none;} .blox .widget_search, .max-hero .widget_search { margin: 0 auto 30px; width: 500px;} .blox .widget_search input[type="text"].search-side, .max-hero .widget_search input[type="text"].search-side {background-image: none; float: left; width: 350px; margin: 0; padding: 28px; border-radius: 5px 0 0 5px; border-color: #fcfcfb;} .blox .widget_search input[type="submit"]#searchsubmit.btn, .max-hero .widget_search input[type="submit"]#searchsubmit.btn { display:inline-block; float: right; width: 150px; margin: 0; padding: 24px; background-color: #d0ae5e; color: #fff; text-transform: uppercase; border-radius: 0 5px 5px 0;} .blox .widget_search .search-side:focus, .max-hero .widget_search .search-side:focus {border-color:#f3f3f3;} @media only screen and (max-width: 767px) { .blox .widget_search, .max-hero .widget_search { width: 300px;} .blox .widget_search input[type="text"].search-side, .blox .widget_search input[type="submit"]#searchsubmit.btn, .max-hero .widget_search input[type="text"].search-side, .max-hero .widget_search input[type="submit"]#searchsubmit.btn { float:none; margin:0; width:100%; border-radius:0;} } @media only screen and (max-width: 479px) { .blox .widget_search, .max-hero .widget_search { width: 270px;} } .blox .widget ul li, .max-hero .widget ul li { display: inline;} .blox .widget_nav_menu, .max-hero .widget_nav_menu { position: absolute; left: 50%; margin-right: -50%; transform: translate(-50%, 0);} .blox .widget_nav_menu li, .max-hero .widget_nav_menu li { border: none;} .blox .widget_nav_menu li:hover, .max-hero .widget_nav_menu li:hover { border: 0; background:none;} .blox .widget_nav_menu li a, .max-hero .widget_nav_menu li a { color:#fff; font-size: 14px;} .blox .widget_nav_menu li a:hover, .max-hero .widget_nav_menu li a:hover { text-decoration: underline; color:#fff; background:none;} /* #bootstrap elements ================================================== */ .dropup, .dropdown { position: relative;} .dropdown-toggle { *margin-bottom: -3px;} .dropdown-toggle:active, .open .dropdown-toggle { outline: 0;} .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ''; opacity: 0.3; filter: alpha(opacity=30);} .dropdown .caret { margin-top: 8px; margin-left: 2px;} .dropdown:hover .caret, .open .caret { opacity: 1; filter: alpha(opacity=100);} .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 4px 0; margin: 1px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;} .dropdown-menu.pull-right { right: 0; left: auto;} .dropdown-menu .divider { *width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff;} .dropdown-menu a { display: block; padding: 3px 15px; clear: both; font-weight: normal; line-height: 18px; color: #7a7f83; white-space: nowrap;} .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #ffffff; text-decoration: none; background-color: #1eb1e4;} .open { *z-index: 1000;} .open > .dropdown-menu { display: block;} .pull-right > .dropdown-menu { right: 0; left: auto;} .well, .promobox { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f9f9f9; border: 1px solid #e1e7ec; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);} .well blockquote { border-color: #e5e5e5; border-color: rgba(0, 0, 0, 0.15);} .well blockquote:before, blockquote.well:before { content:''; content:none;} .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .promobox { background: #fdfdfd; padding-bottom: 11px;} .promobox button, .promobox .button { float:right;} .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -ms-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease;} .collapse.in { height: auto;} .close { float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20);} .close:hover { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40);} .nav { margin-bottom: 18px; margin-left: 0; list-style: none;} .nav > li > a { display: block;} .nav > li > a:hover { text-decoration: none; background-color: #e1e7ec;} .nav > .pull-right { float: right;} .nav .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 18px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase;} .nav li + .nav-header { margin-top: 9px;} .nav-list { padding-right: 15px; padding-left: 15px; margin-bottom: 0;} .nav-list > li > a, .nav-list .nav-header { margin-right: -15px; margin-left: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);} .nav-list > li > a { padding: 3px 15px;} .nav-list > .active > a, .nav-list > .active > a:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc;} .nav-list [class^='icon-'] { margin-right: 2px;} .nav-list .divider { *width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff;} .nav-tabs, .nav-pills { *zoom: 1;} .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; content: '';} .nav-tabs:after, .nav-pills:after { clear: both;} .nav-tabs > li, .nav-pills > li { float: left;} .nav-tabs > li > a, .nav-pills > li > a { padding-right: 18px; padding-left: 18px;line-height: 14px;} .nav-tabs { border-bottom: 1px solid #e5e5e5;} .nav-tabs > li { margin-bottom: -1px;} .nav-tabs > li > a { padding-top: 12px; background:#f7f7f7; padding-bottom: 12px; color:#555; line-height: 18px; border: 1px solid #e5e5e5; border-right:0 none; font-family:arial, helvetica, sans-serif; font-size:13px;} .nav-tabs > li > a:hover { background:#fbfbfb;} .nav-tabs > .active > a, .nav-tabs > .active > a:hover { cursor: default; background-color: #ffffff; border: 1px solid #e5e5e5; border-bottom: 0 none; padding-top:20px; margin-top:-7px;} .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .nav-pills > .active > a, .nav-pills > .active > a:hover { color: #ffffff; background-color: #0088cc;} .nav-stacked > li { float: none;} .nav-stacked > li > a { margin-right: 0;} .nav-tabs.nav-stacked { border-bottom: 0;} .nav-tabs.nav-stacked > li > a { border: 1px solid #e5e5e5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;} .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;} .nav-tabs.nav-stacked > li > a:hover { z-index: 2; border-color: #e5e5e5;} .nav-pills.nav-stacked > li > a { margin-bottom: 3px;} .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px;} .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;} .nav-pills .dropdown-menu { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret { margin-top: 6px; border-top-color: #0088cc; border-bottom-color: #0088cc;} .nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret { border-top-color: #005580; border-bottom-color: #005580;} .nav-tabs .active .dropdown-toggle .caret, .nav-pills .active .dropdown-toggle .caret { border-top-color: #333333; border-bottom-color: #333333;} .nav > .dropdown.active > a:hover { color: #000000; cursor: pointer;} .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { color: #ffffff; background-color: #999999; border-color: #999999;} .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100);} .tabs-stacked .open > a:hover { border-color: #999999;} .tabbable { *zoom: 1;} .tabbable:before, .tabbable:after { display: table; content: '';} .tabbable:after { clear: both;} .tab-content { overflow: auto; border:1px solid #e5e5e5; border-top:0 none; padding-top:18px; margin-top:-18px;} .tab-content .columns { max-width:100%;} .tab-content .columns p { padding:0;} .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0;} .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; padding:15px 25px;} .tab-content > .active, .pill-content > .active { display: block;} .tabs-below > .nav-tabs { border-top: 1px solid #e5e5e5;} .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0;} .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;} .tabs-below > .nav-tabs > li > a:hover { border-top-color: #e5e5e5; border-bottom-color: transparent;} .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { border-color: transparent #e5e5e5 #e5e5e5 #e5e5e5;} .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none;} .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 190px; margin-right: 0; margin-bottom: 3px; text-transform:uppercase; font-size:12px; font-weight:bold; border-left:0 none; background:#fdfdfd; color:#838383;} .tabs-left > .nav-tabs { float: left; margin-right:-1px; padding-top:40px;} .tabs-left > .nav-tabs > li > a { margin-right: -1px; border: 1px solid #e5e5e5; padding:10px; margin:0; border-left:0 none;} .tabs-left > .nav-tabs > li > a:hover { border-bottom:1px solid #e5e5e5; color:#444;} .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-bottom:1px solid #e5e5e5; border-right-color: #ffffff; padding:10px; border-left:0 none; margin:0; color:#333; background:#fff;} .tabs-right > .nav-tabs { float: right; border-left: 1px solid #e5e5e5;} .tabs-right > .nav-tabs > li > a { margin-left: -1px; border: 1px solid #e5e5e5;} .tabs-right > .nav-tabs > li > a:hover { border-color: #e5e5e5 #e5e5e5 #e5e5e5 #e5e5e5; border-width:1px;} .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #e5e5e5 #e5e5e5 #e5e5e5 transparent; *border-left-color: #ffffff;} .tabs-right > .tab-content, .tabs-left > .tab-content, .tabs-below > .tab-content { margin:0; padding:4px; padding-top:10px; display:block; border:0 none; border-left:1px solid #e5e5e5; box-shadow : 0 0 0 0;} .tabs-below > .tab-content { border:1px solid #e5e5e5; border-bottom:0 none;} .tooltip { position: absolute; z-index: 1020; display: block; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); visibility: visible;} .tooltip.in { opacity: 0.8; filter: alpha(opacity=80);} .tooltip.top { margin-top: -2px;} .tooltip.right { margin-left: 2px;} .tooltip.bottom { margin-top: 2px;} .tooltip.left { margin-left: -2px;} .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top: 5px solid #000000; border-right: 5px solid transparent; border-left: 5px solid transparent;} .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000000;} .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-right: 5px solid transparent; border-bottom: 5px solid #000000; border-left: 5px solid transparent;} .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-right: 5px solid #000000; border-bottom: 5px solid transparent;} .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .tooltip-arrow { position: absolute; width: 0; height: 0;} .pull-right { float: right;} .pull-left { float: left;} .hide { display: none;} .show { display: block;} .invisible { visibility: hidden;} .pagination2 { height: 36px; margin: 18px 0;} .pagination2 ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} .pagination2 li { display: inline;} .pagination2 a { float: left; padding: 0 14px; line-height: 34px; text-decoration: none; border: 1px solid #e5e5e5; border-left-width: 0;} .pagination2 a:hover, .pagination2 .active a { background-color: #f5f5f5;} .pagination2 .active a { color: #999999; cursor: default;} .pagination2 .disabled span, .pagination2 .disabled a, .pagination2 .disabled a:hover { color: #999999; cursor: default; background-color: transparent;} .pagination2 li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;} .pagination2 li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;} .pagination2-centered { text-align: center;} .pagination2-right { text-align: right;} .alert { padding: 8px 35px 8px 36px; background:url(../images/alert-notice-ico.png) no-repeat; background-position: 9px 50%; margin-bottom: 18px; color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 2px solid #f3d9a6; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .alert img { float: left; margin:-2px 6px 4px -4px;} .alert-heading { color: inherit;} .alert p { margin:0;} .alert .close { position: relative; top: -2px; right: -21px; line-height: 18px;} .alert-success { color: #699801; background:url(../images/alert-success-ico.png) no-repeat; background-position: 8px 50%; background-color: #e0f0bd; border-color: #afd65f;} .alert-danger, .alert-error { color: #b94a48; background:url(../images/alert-error-ico.png) no-repeat; background-position: 9px 50%; background-color: #fce6e9; border-color: #ed9aa3;} .alert-info { color: #3a87ad; background:url(../images/alert-info-ico.png) no-repeat; background-position: 9px 50%; background-color: #d9edf7; border-color: #98cdd8;} .alert-block { padding-top: 14px; padding-bottom: 14px;} .alert-block > p, .alert-block > ul { margin-bottom: 0;} .alert-block p + p { margin-top: 5px;} button.close { padding:0; margin:0; border:0; background:none; box-shadow:none !important;} table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0;} .table { width: 100%; margin-bottom: 18px;} .table th, .table td { padding: 8px; line-height: 18px; text-align: left; vertical-align: top; border-top: 1px dotted #e5e5e5;} .table th { font-weight: bold;} .table thead th { vertical-align: bottom; border-top:0 none; background:#f7f7f7;} .table tbody + tbody { border-top: 2px solid #e5e5e5;} .table-condensed th, .table-condensed td { padding: 4px 5px;} .table-bordered { border: 1px solid #e5e5e5; border-collapse: separate; *border-collapse: collapsed; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .table-bordered th, .table-bordered td { border-left: 1px solid #e5e5e5;} .table tbody tr:hover td, .table tbody tr:hover th { background-color: #fcfcfc;} @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0;} to { background-position: 0 0;} } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0;} to { background-position: 0 0;} } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0;} to { background-position: 0 0;} } @-o-keyframes progress-bar-stripes { from { background-position: 0 0;} to { background-position: 40px 0;} } @keyframes progress-bar-stripes { from { background-position: 40px 0;} to { background-position: 0 0;} } .progress { height: 32px; margin-bottom: 18px; overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(top, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#f5f5f5', endcolorstr='#f9f9f9', gradienttype=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);} .progress .bar { width: 0; height: 34px; font-size: 15px; line-height:33px; color: #ffffff; text-align: left; padding-left:12px; background-color: #0e90d2; background-repeat: repeat-x; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -ms-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease;} .progress .bar small { color:#fafafa; font-size:12px;} .progress-striped .bar { background-color: #149bdf;} .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite;} .progress-danger .bar, .progress-red .bar { background-color: #e53f51;} .progress-success .bar, .progress-green .bar { background-color: #8fbe32;} .progress-info .bar, .progress-blue .bar { background-color: #03acdc;} .progress-warning .bar, .progress-orange .bar { background-color: #f98805;} /* Single Course */ body.single-course #wrap { background:#fafafa;} .course-content .post-sharing { margin: 30px 0 15px;} .course-content .post-tags { margin-top: 30px; padding: 0;} .single-course .post-trait-w h1, .single .blgt1-top-sec h1.post-title-ps1 {font-weight: 600;letter-spacing: -1px;color: #000; font-size: 33px; margin-bottom: 10px;} .course-main {line-height: 28px;width: auto;clear: both;} .course-main .course-content .course-single-post p {font-size: 15px; display: block;} .course-main .course-content .course-postmeta i {padding-right: 7px;} .course-main .course-content .w-difficulty i,.course-main .course-content .w-capacity i {padding-right: 4px;} .course-main .w-category a ,.course-main .course-postmeta span{color: #d0ae5e;} .course-single-post .post-thumbnail img { padding: 7px; background: #fff; border: 1px solid #e6e6e6; box-shadow: 0 2px 0 0px rgba(0,0,0,0.035); width: 100%;} .course-single-post .course-features, .course-single-post .course-take-rate { padding: 25px 15px; background-color: #fff; border: 1px solid #e6e6e6; margin: 20px 0 35px; box-shadow: 0 2px 0 0px rgba(0,0,0,0.035);} .w-category a:hover {text-decoration: underline;} .llms-purchase-link-wrapper {text-align: left;margin-top: 32px;} .course-take-rate .llms-purchase-link-wrapper {text-align: right;margin-top: 0; margin-bottom:10px;} .course-take-rate .llms-purchase-link-wrapper p { margin:0;} .course-take-rate .llms-purchase-link-wrapper span { display: block; margin-top: 18px;} #wrap .course-content .llms-button {background: transparent;border: 1px solid #d0ae5e;color: #d0ae5e;border-radius: 0; padding: 14px 30px; text-transform: uppercase; font-family: 'Montserrat',sans-serif; font-size: 13px; line-height: 13px; margin-bottom:0;} #wrap .course-content .llms-button:hover {color:#fff; background: #d0ae5e;box-shadow: none;} .course-content .post-ratings {margin-top: 8px; position: relative; font-size: 13px;} .course-content .course-take-rate .post-ratings { margin-top:20px;} .course-content .post-ratings img {margin-bottom: 0; margin-top: -3px;} .course-content .post-ratings-text {position: absolute;top: -14px; font-size: 12px; color: #ffac0c;} .course-content .post-ratings-loading {position: relative; margin-top: -28px; color: #ffac0c; padding-bottom: 28px;} .course-content .post-ratings-loading img {margin-bottom: 0; margin-right: 5px;} .course-content .llms-message {background: #f1f1f1; padding: 4px 15px; margin: 0 15px 20px;} .course-content .container .llms-message { margin: 0 0 25px; border: 1px solid #eee; box-shadow: 0 2px 0 0px rgba(0,0,0,0.037); background: #fff;} .course-content .container .llms-message a { color: #d0ae5e;} #wrap .course-content .container .llms-message a:hover { color: #424242; text-decoration: underline;} .course-features .post-ratings, .course-features .llms-purchase-link-wrapper { margin-top:30px;} #wrap .course-content .llms-purchase-link-wrapper a.llms-button {margin-top: 15px; margin-bottom:5px;} .llms-purchase-link-wrapper .llms-h5 {padding-top: 20px;} .course-content .course-details {border-bottom: 1px solid #e3e3e3; margin-bottom: 40px; padding-bottom: 15px;} .course-content .course-titles{border-bottom: 4px solid #ebebeb; padding-bottom: 18px; position: relative; margin-top: 24px; font-size: 20px; font-weight: 700; text-transform:uppercase;} .llms-syllabus-wrapper h4 { margin-bottom:40px;} .course-content .course-titles:after {content: ""; display: block; width: 68px; height: 4px; position: absolute; bottom: -4px; background: #d0ae5e; border-right: 3px solid #fff;} .course-content .course-details p {padding-top: 12px;} .course-content #old_reviews {margin-top: 40px;} .course-content #old_reviews h3 {border-bottom: 4px solid #ebebeb; padding-bottom: 16px; font-size: 22px; font-weight: 600; margin-bottom: 37px; position: relative; color: #313131;} .course-content #old_reviews h3:after {content: ""; display: block; width: 68px; height: 4px; position: absolute; bottom: -4px; background: #d0ae5e; border-right: 3px solid #fff;} .course-content #old_reviews hr {display: none;} .single-course .course-content .llms-audio-wrapper { margin-bottom: 40px;} .button#llms_review_submit_button {background: rgba(0, 0, 0, 0);border: 1px solid #d0ae5e;color: #d0ae5e;border-radius: 0;padding: 14px 30px;text-transform: uppercase;font-family: 'Montserrat',sans-serif;font-size: 13px;line-height: 13px;box-shadow: none;} .button#llms_review_submit_button:hover {color: #fff;background: #d0ae5e;box-shadow: none;} .review_box#review_box h3 {font-family: 'Montserrat',sans-serif; font-size: 20px;} .review_box#review_box input[type="text"], .review_box#review_box textarea {font-family: 'Montserrat',sans-serif; font-weight: 300; font-size: 13px; padding: 10px;} .course-content .blog-social a {padding-top: 2px;} #wrap .course-main .post-ratings-text { color: #ffac0c; position: absolute; top: 80px; left: 0; right: 0;} .llms-syllabus-wrapper {text-align: left; padding: 10px 0; margin: 0 0 30px 0;} .llms-lesson-preview {margin: 0; width: 100%; max-width:none; display: inherit;} .llms-lesson-preview .llms-lesson-link {background: #fafafa; box-shadow: none;border-bottom: 1px solid #ebebeb;padding: 18px 10px;margin-bottom: 10px;} .llms-syllabus-wrapper h3 { margin: 40px 0 18px;} .llms-lesson-preview .llms-widget-syllabus .llms-free-lesson-svg, .llms-widget-syllabus .lesson-complete-placeholder, .llms-widget-syllabus .llms-lesson-complete, .llms-widget-syllabus .llms-lesson-preview .llms-free-lesson-svg { margin-right:2px; color:#d6d6d6;} .llms-lesson-complete .fa, .llms-lesson-complete-placeholder .fa {font-size: 16px; transition: all 0.4s ease; line-height: 16px;} .course-content .llms-lesson-information p {margin-top: 0;} #wrap .llms-lesson-information .container .col-sm-6 { margin-left: -20px; margin-right: 20px;} .course-single-post .post-thumbnail { margin-bottom: 20px;} .llms-lesson-preview .llms-lesson-title { padding: 0 0 0 4px; margin: 0; font-size:15px;} .course-main .course-content .course-single-post .llms-lesson-preview .llms-lesson-excerpt { font-size:13px; color:#717171;} .llms-syllabus-wrapper .acc-trigger { background:#fff; padding: 0 10px;border: 1px solid #eee;margin-top: 20px;box-shadow: 0 -1px 1px 0 rgba(0,0,0,0.035);} .llms-syllabus-wrapper .acc-trigger.active { border-bottom: none;} .llms-syllabus-wrapper .acc-container{ background:#fff; padding: 10px 15px;border: 1px solid #eee;border-top: none;box-shadow: 0 2px 0 0px rgba(0,0,0,0.035);} .llms-syllabus-wrapper .acc-trigger a {background: none; padding: 10px 0; color: #313131;} .llms-syllabus-wrapper .acc-trigger a strong {font-size: 18px; color:#444;} .llms-syllabus-wrapper .acc-trigger a:before, .llms-syllabus-wrapper .acc-trigger.active a:before {content: "\f105"; font-family: FontAwesome; margin-right: 8px; font-size:12px; padding:6px 10px; border-radius:40px; border: 1px solid #ddd;} .llms-syllabus-wrapper .acc-trigger.active a:before {content: "\f107"; padding:6px 8px;} .llms-syllabus-wrapper .acc-container .content {padding: 0;} .llms-lesson-preview .llms-lesson-link { border-left: 42px solid #e8e8e8;} .llms-lesson-preview .llms-lesson-link:hover {background: #f4f4f4;} .llms-lesson-preview.is-complete .llms-lesson-link,.llms-lesson-preview .llms-lesson-link.free { border-left-color: #d0ae5e;} #wrap .llms-lesson-information .container > .col-sm-1 { position: inherit; margin-left: -52px; margin-right: 15px;} #wrap .llms-lesson-information .container .col-sm-1:last-child { position:relative; margin: inherit; padding: 0;} .llms-lesson-preview .llms-free-lesson-svg, .llms-lesson-preview .llms-lesson-complete, .llms-lesson-preview .llms-lesson-complete-placeholder { position: absolute; top: 50%; transform: translateY(-50%); color: #fff;} .llms-lesson-preview .llms-lesson-complete{ background:#d0ae5e;} .llms-lesson-preview .llms-lesson-complete i{color:#fff;} .llms-course-list .llms-course-link, .llms-course-list .llms-membership-link, .llms-lesson-preview .llms-lesson-link{min-height: 89px;} .llms-collapse-caret {width: 10px;margin-left: 3px;display: inline;} .w-course-price { color: #d0ae5e; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 6px 0 8px; margin-bottom: 0; text-align: left; font-size: 17px; line-height: 1; font-family: 'Montserrat',sans-serif;} .w-course-price del {padding-right: 7px;} .w-course-price ins { background-color: rgba(0, 0, 0, 0);} .instructor-box { border: 1px solid #e3e3e3; margin-bottom: 24px; margin-top: 5px;} .instructor-box .w-avatar{position: relative;} .instructor-box .w-avatar img { width: 100%;} .instructor-box h5 { background: #d0ae5e; padding: 9px; color: #fff; font-size: 15px; text-align: center; margin-bottom: 0;} .instructor-box h5 a { color: #fff;} .instructor-box h6 { text-align: center; padding-top: 24px; font-weight: 600; font-size: 14px; color: #424242;} .w-about-me { color: #616161; font-size: 14px; text-align: center; padding: 6px 6px 0; line-height: 23px;} .instructor-info-box { background:#fff; padding: 0 17px 17px; box-shadow: 0 3px 0 0px rgba(0,0,0,0.037);} .lesson-overlay {position: absolute; top: 0; left: 42px; width: calc(100% - 42px); height: 100%; background-color: rgba(250,250,250,0.9); transition: all 0.3s ease;} .instructor-email, .instructor-phone { text-align: center; display: block;} .instructor-email i ,.instructor-phone i{ padding-right: 11px;} .instructor-email { padding-top: 15px;} .instructor-social i { color: #6b6b6b; background: #ebebeb; line-height: 36px; margin: 19px 7px 0 0; width: 36px; height: 36px; display: inline-block; text-align: center; transition: all 0.2s ease; font-size: 16px;} .instructor-social i:hover {color: #fff;} .social-instructor a:last-child i { margin-right: 0;} .social-instructor {text-align: center; margin-bottom: 6px;} #wrap .llms-lesson-complete-placeholder.free i {color: #fff; transform: rotate(-90deg); display: block; margin-left: -11px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; background: transparent; } .instructor-social i.fa-facebook:hover { background: #3b5996;} .instructor-social i.fa-twitter:hover { background: #00acee;} .instructor-social i.fa-vimeo:hover { background: #0dadd6;} .instructor-social i.fa-dribbble:hover { background: #d53e68;} .instructor-social i.fa-youtube:hover { background: #cb322c;} .instructor-social i.fa-pinterest:hover { background: #cb2027;} .instructor-social i.fa-linkedin:hover { background: #0073b2;} .instructor-social i.fa-rss:hover { background: #f29a1d;} .instructor-social i.fa-google-plus:hover { background: #c3391c;} .instructor-social i.fa-instagram:hover { background: #457399;} .instructor-social i.fa-globe:hover { background:#00aeef;} .instructor-social i.fa-envelope:hover { background:#faaf3a;} #students-box {padding:0 15px;} #students-box .w-avatar {margin: 0 2px;} #students-box .w-avatar img {border-radius: 50%;max-width: 50px;border: 1px solid #E8E8E8;} #wrap .widget #students-box .owl-buttons div { top: 50px;} #wrap .widget #students-box .owl-buttons div:after { width: 35px; height: 35px; padding-top: 3px;} #wrap .widget #students-box .owl-buttons div:hover:after {background: #6b6b6b;color: #fff;} #wrap .widget #students-box .owl-buttons .owl-prev { left: 50%;} #wrap .widget #students-box .owl-buttons .owl-next { right: 50%;} .single-course .recent-course .llms-course-list { padding: 0;} .single-course .recent-course .modern-meta .col-md-8 { padding: 0 10px; } @media only screen and (max-width: 767px) { .lesson-overlay { left: 0px; width: calc(100% - 0px);} .is-complete .lesson-overlay { left: 8px; width: calc(100% - 8px);} } @media only screen and (max-width: 320px) { #wrap .course-content .llms-button { padding: 15px 17px; width: 100%; text-align: center; } } /* Sharing Box */ .sharing-box {text-align:left; padding: 10px;} .sharing-box a {line-height: 1px; text-align: center; display: inline-block; color:#fff;width: 40px;height: 40px;padding: 10px;font-size: 17px;margin-right: 5px; margin-bottom: 10px; } .sharing-box a.facebook { background: #3b5996;} .sharing-box a.facebook:hover { background: #28385c;} .sharing-box a.google { background: #c3391c;} .sharing-box a.google:hover { background: #99181f;} .sharing-box a.twitter { background: #00acee;} .sharing-box a.twitter:hover { background: #0087bd;} .sharing-box a.linkedin { background: #0073b2;} .sharing-box a.linkedin:hover { background: #005380;} .sharing-box a.email { background: #ff5d5e;} .sharing-box a.email:hover { background: #cc4949;} @media only screen and (max-width: 1200px) { #wrap .llms-lesson-information .container .col-sm-6 { margin-left: -10px; margin-right: 10px;} } @media only screen and (min-width: 767px) and (max-width: 1200px) { #wrap .llms-lesson-information .container > .col-sm-1 { margin-left: -47px;} } @media only screen and (max-width: 767px) { .llms-lesson-information .llms-lesson-complete-placeholder ,.llms-lesson-information .llms-lesson-counter,.llms-lesson-information .llms-lesson-complete{ display: none;} .llms-lesson-information .llms-lesson-complete-placeholder.free {display: block; height: 0;} .llms-lesson-preview.has-icon .llms-lesson-information { width: 100%;} .llms-lesson-preview .llms-lesson-title { padding-right: 0; margin: 10px 0; } .llms-lesson-preview .llms-lesson-link { border-left: 0;} .llms-lesson-preview.is-complete .llms-lesson-link {border-left: 8px solid #d0ae5e;} #wrap .llms-lesson-information .container { position: relative; } #wrap .llms-lesson-complete-placeholder.free i { color: #fff; background: #d0ae5e; line-height: 0; padding: 9px 3px; top: -9px; left: 57px; font-size: 12px; margin: 0; font-weight: 400; position: absolute; transform: none;} #wrap .llms-lesson-information .container .col-sm-6 { margin-left: 0; margin-right: 0;} } /* lesson-tip */ .llms-lesson-preview .lesson-tip { display: inline; position: relative; margin-right: 15px; bottom: 3px;left: 3px;} .llms-lesson-preview .lesson-tip:last-child { margin-right: 0;} .llms-lesson-preview .lesson-tip:hover:before { border: solid; border-color: rgba(27,27,27,0.86) rgba(0, 0, 0, 0); border-width: 0 6px 6px; bottom: 0; content: ""; left: 10%; position: absolute; z-index: 99;} .llms-lesson-preview .lesson-tip:hover:after {background: rgba(27,27,27,0.86);border-radius: 4px;bottom: -30px;color: #fff;content: attr(title);left: 8px;padding: 2px 9px 0;position: absolute;z-index: 98;min-width: 80px;width: auto;text-align: center;font-size: 12px;display: table;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);} .llms-lesson-preview .lesson-tip i:before { font-size: 18px; color: #c3c3c3; transition: .4s ease;} .llms-lesson-preview .llms-lesson-link:hover .lesson-tip:hover i:before{color: #d0ae5e;} .llms-lesson-preview .llms-lesson-link:hover .lesson-tip i:before {color:#777;} @media only screen and (max-width: 767px) { .llms-lesson-preview .lesson-tip:after { top: 20px;} } /* Single lesson */ .single-lesson .w-lesson-content { margin-bottom: 30px;} .single-lesson .blog-single-post .llms-audio-wrapper {margin-bottom: 15px;} #wrap .llms-lesson-button-wrapper .button, #wrap .llms-lesson-button-wrapper .llms-button-action { background: #d0ae5e; letter-spacing: 1px; font-family: 'Montserrat',sans-serif; font-size: 14px;} #wrap .llms-lesson-button-wrapper .button:hover, #wrap .llms-lesson-button-wrapper .llms-button-action:hover { background: #404040 !important;} .single-lesson .blog-single-post h6.blog-author {line-height: 29px;} .single-lesson .blog-post.blgtyp2 .au-avatar, .single-lesson .blog-single-post .au-avatar {height: auto; margin-top: 0; margin-bottom: 0;} .single-lesson .au-avatar img {margin-bottom:0} .single-lesson .blog-post.blgtyp2 .au-avatar-box,.single-lesson .blog-single-post .au-avatar-box { min-height: auto; margin-bottom: 0; border-right: 2px solid #fff;} .single-lesson .blog-single-post h6.blog-author a { color: #000 !important;} .llms-parent-course-link { text-align: center;} .llms-parent-course-link a { color: #d0ae5e; font-weight: 600; font-size: 18px; background: #fff; padding: 15px; display: block;transition: all 0.3s ease; border: 2px solid #d0ae5e;} .llms-parent-course-link a:hover { background: #d0ae5e; color: #fff;} .blgt1-top-sec {text-align:left;} .blgt1-top-sec a { color: #000; transition: ease .3s all;} .blgt1-top-sec h1 { margin-top: 7px; margin-bottom: 12px; color: #1f2123; font-size: 33px; font-weight: 600; line-height: 1.3; letter-spacing: -1px;} .single .blgt1-top-sec h1 { font-size:50px; font-weight:400; letter-spacing:-2px;} .blgt1-top-sec a:hover { color: #d0ae5e;} .sidebar .llms-progress {margin-bottom: 0;} .sidebar .llms-widget-syllabus > ul { margin-bottom: 0;} .sidebar .llms-widget-syllabus > ul > li { padding-bottom: 0;} .llms-progress .llms-progress-bar {height: 8px;} .progress__indicator {text-align:center; height: 14px; line-height: 14px;} .single-lesson .llms-lesson-link p { display: none;} #wrap .llms-widget-syllabus--collapsible .llms-section .section-header { margin-bottom:12px; font-family: 'Montserrat',sans-serif;} .llms-widget-syllabus span.section-title { color:#4a4a4a;} .llms-course-navigation .llms-lesson-preview.previous, .llms-course-navigation .llms-lesson-preview.next {max-width:320px;} .llms-lesson-button-wrapper {width: 156px;position: absolute;bottom: 0;top: 0;left: 50%;margin-left: -78px;background: #fafafa;/* padding: 33px 0; */height: 100%;z-index: 1000;border-bottom: 1px solid #ebebeb;} .llms-purchase-link-wrapper .llms-progress {margin: 25px 0 5px;} .llms-lesson-button-wrapper input[type="submit"] { width: 100%; position: absolute; left: 50%; margin-left: -50%; padding: 35px 0; top: 1px; border-bottom: 4px solid rgba(0,0,0,0.25);} .llms-course-navigation .llms-lesson-preview.previous a {text-align: left; padding-left: 70px; border: 0;} .llms-course-navigation .llms-lesson-preview.next-lesson.next a { width: 100%; text-align: right; padding-right: 70px; padding-left: 28px; border: 0;} #wrap .llms-course-navigation .llms-lesson-preview a { margin-bottom: 0; display: inline-block;} .lesson-complete { line-height: 6.7; } .llms-lesson-preview.prev-lesson.previous h5,.llms-lesson-preview.next-lesson.next h5 {transition : all 0.3s ease; font-size:16px; line-height: 17px; font-weight: 400;} .llms-lesson-preview.prev-lesson.previous:hover h5,.llms-lesson-preview.prev-lesson.previous span,.llms-lesson-preview.next-lesson.next:hover h5,.llms-lesson-preview.next-lesson.next span {color: #d0ae5e;} .llms-lesson-preview.prev-lesson.previous:hover a:before,.llms-lesson-preview.prev-lesson.previous a:after,.llms-lesson-preview.next-lesson.next:hover a:before,.llms-lesson-preview.next-lesson.next a:after {font-family: "simple-line-icons"; position: absolute; font-size: 44px; line-height: 44px; top: 22px; color: #d0ae5e;} .llms-lesson-preview.prev-lesson.previous a:after,.llms-lesson-preview.prev-lesson.previous:hover a:before {content: "\e605";left: 13px;} .llms-lesson-preview.next-lesson.next a:after,.llms-lesson-preview.next-lesson.next:hover a:before {content: "\e606";right: 13px;} .llms-lesson-preview.prev-lesson.previous:hover a:before {left:13px ;animation: lesson-nav-left 0.3s ;} .llms-lesson-preview.next-lesson.next:hover a:before {right:13px ;animation: lesson-nav-right 0.3s ;} .llms-lesson-preview.prev-lesson.previous:hover a:before, .llms-lesson-preview.prev-lesson.previous a:after,.llms-lesson-preview.next-lesson.next:hover a:before, .llms-lesson-preview.next-lesson.next a:after {opacity: 0.5;} /* LifterLMS 3.0 */ .llms-course-navigation .llms-back-to-course, .llms-course-navigation .llms-next-lesson, .llms-course-navigation .llms-prev-lesson { width: 42%;} .llms-lesson-preview.next-lesson .llms-pre-text,.llms-lesson-preview.next-lesson .llms-lesson-title{ text-align: right;} .llms-notice.llms-success { background: rgba(27, 188, 155, 0.3); border-color: #1bbc9b;} .wn-button.llms-button-primary {background: #d0ae5e; margin: 5px 0 20px; color: #fff; display: block; text-align: center; padding: 20px 0; font-size: 20px; font-family: 'Montserrat', sans-serif; margin-top: 5px; } #wrap .wn-button.llms-button-primary:hover {background: #444;} #wrap .course-rating .post-ratings { text-align: center;} #wrap .llms-access-plan-title { background: #e6e6e6; color: #616161; padding: 23px 10px; -webkit-transition: all 0.28s ease; -moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; transition: all 0.28s ease;} .llms-access-plan-price { font-size: 30px; padding: 45px 0 4px; color: #616161; font-family: 'Montserrat',sans-serif;} .llms-access-plan .llms-access-plan-footer { border-bottom-width: 2px; border-color: #e6e6e6; background: #fff; border-left: 2px solid #e6e6e6; border-right: 2px solid #e6e6e6; -webkit-transition: all 0.28s ease; -moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; transition: all 0.28s ease;} .llms-access-plan .llms-access-plan-content { background: #fff; border: 2px solid #e6e6e6; border-bottom: 0; -webkit-transition: all 0.28s ease; -moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; transition: all 0.28s ease;} .llms-access-plan .stamp { background: #dbf5ef; color: #616161; border: 1px solid #4ccfad; font-size: 15px; font-weight: normal; padding: 2px 10px 0; font-family: 'hind', helvetica, arial, sans-serif;} .llms-access-plan-content .llms-access-plan-pricing { position: relative;} .llms-access-plan-pricing .llms-price-currency-symbol { font-size: 32px; padding: 0 2px 0 0;} .llms-access-plan.on-sale .price-regular { text-decoration: none; position: relative;} .llms-access-plan.on-sale .price-regular:after { content: ''; width: 82px; display: inline-block; height: 2px; background: #616161; position: absolute; right: 0; bottom: 17px;} .llms-access-plan.on-sale .price-text { margin: 30px 0 7px;} span.lifterlms-price { margin-bottom: 20px; display: inline-block;} .llms-access-plan-expiration, .llms-access-plan-sale-end, .llms-access-plan-schedule, .llms-access-plan-trial { font-size: 16px; font-variant: inherit; text-transform: capitalize; line-height: 1.6; font-weight: 300; letter-spacing: -0.5px; color: #616161;} .llms-access-plan-restrictions .stamp { margin-top: 40px; display: inline-block;} .llms-access-plan-restrictions ul { margin-top: 10px;} .llms-access-plan-restrictions ul li a { font-size: 16px; line-height: 1.4; font-weight: 300; color: #d0ae5e; -webkit-transition: all 0.28s ease; -moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; transition: all 0.28s ease;} .llms-access-plan-restrictions ul li a:hover { color: #000 !important;} .llms-access-plan-description p { margin-top: 18px;} .llms-access-plan-footer .llms-button-action.button { margin: 15px 0 20px; padding: 13px 39px; font-size: 14px; background: #fff; color: #d0ae5e; letter-spacing: -0.5px; border: 1px solid #d0ae5e; border-radius: 0;} .llms-access-plan:hover .llms-access-plan-content,.llms-access-plan:hover .llms-access-plan-footer { border-color: #d0ae5e;} .llms-access-plan:hover .llms-access-plan-footer .llms-button-action.button { background: #d0ae5e; color:#fff;} #wrap .llms-access-plan:hover .llms-access-plan-title { background: #d0ae5e; color: #fff;} .llms-access-plan.featured .llms-access-plan-content, .llms-access-plan.featured .llms-access-plan-footer { border-left: 2px solid #e6e6e6; border-right: 2px solid #e6e6e6;} .llms-access-plan.featured .llms-access-plan-footer { border-bottom: 2px solid #e6e6e6;} .llms-access-plan.featured .llms-access-plan-featured { background: #f5b200; color: #fff; font-size: 13px; padding: 3px 11px 0; position: absolute; top: 23px; right: -4px; transform: rotate(45deg);} .llms-access-plan.featured .llms-access-plan-featured:before { content: ""; width: 0; height: 0; position: absolute; top: 0; left: -30px; border-bottom: 31px solid #f5b200; border-left: 31px solid transparent;} .llms-access-plan.featured .llms-access-plan-featured:after { content: ""; width: 0; height: 0; position: absolute; top: 0; right: -30px; border-bottom: 31px solid #f5b200; border-right: 31px solid transparent;} .llms-access-plan.featured .llms-access-plan-featured:before { transform: rotate(-1deg);} .llms-tooltip.show { top: -49px;} aside.course-bar { margin-top: 5px; } #wrap .wn-course-progress .col-md-6 { padding: 0;} #wrap .wn-course-progress .col-md-6:last-child { text-align: right;} #wrap .wn-course-progress { background: #f7f7f7; padding:17px 30px; margin-bottom:18px;} #wrap .wn-course-progress a { background: #d0ae5e; padding: 9px; color: #fff; border: 1px solid #d0ae5e;} #wrap .wn-course-progress a:hover { background: #fff !important; color: #d0ae5e; border-color: #d0ae5e;} #wrap .wn-course-progress h3 { color:#3a3a3a; font-size:17px; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin: 0;} .llms-form-field input[type="text"],.llms-form-field input[type="password"],.llms-form-field input[type="email"],.llms-form-field textarea,.llms-form-field select { min-width: 135px;} .llms-audio-wrapper iframe { max-width: 100%;} .llms-notice { background: #f7f7f7; border-color: #d0ae5e;} .llms-notice a, .llms-checkout-section a { color: #d0ae5e;} .llms-checkout-wrapper .llms-form-heading,.llms-button-action { background: #d0ae5e;} .llms-checkout-section { border-color: #d0ae5e;} .llms-form-field.type-radio input[type=radio]:checked+label:before { background-image: -webkit-radial-gradient(center,ellipse,#d0ae5e 0,#d0ae5e 40%,#fafafa 45%); background-image: radial-gradient(ellipse at center,#d0ae5e 0,#d0ae5e 40%,#fafafa 45%);} .llms-button-action.clicked, .llms-button-action:hover { background: #222 !important;} .llms-form-field.type-submit, .llms-start-quiz-form { padding: 0; height: 100%; } #llms_mark_complete, button#llms_start_quiz{border-radius: 0;width: 100%;position: absolute;left: 50%;margin-left: -50%;height: 100%;border-bottom: 4px solid rgba(0,0,0,0.25);} #llms_mark_complete { padding: 36px 0; } .llms-lesson-button-wrapper form.llms-complete-lesson-form { height: 100%;} .is-complete .llms-lesson-button-wrapper > p { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; -webkit-transform: translate(-50%,-50%); margin: 0;} /* LifterLMS 3.0 Integrate with Woocommerce */ .course-content .products .img-wrap { display: none;} #wrap .course-content .products {background: #fff; padding:0; border: 2px solid #e6e6e6;} #wrap .course-content .products:hover { border-color: #d0ae5e; -webkit-transition: all 0.28s ease; -moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; transition: all 0.28s ease;} #wrap .course-content .products li {margin:0; border: none; padding-bottom: 0;} #wrap .course-content .products li .product-inner h3 { background: #e6e6e6; color: #616161; padding: 25px 10px; -webkit-transition: all 0.28s ease; -moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; transition: all 0.28s ease; margin: 0; font-size: 21px} #wrap .course-content .products:hover li .product-inner h3 { background: #d0ae5e; color: #fff; text-decoration: none;} #wrap .course-content .products li .product-inner .price { margin: 0; padding: 30px 0 90px;} #wrap .course-content .products li .product-inner .price del,#wrap .course-content .products li .product-inner .price ins,#wrap .course-content .products li .product-inner .price .woocommerce-Price-amount { margin: 0; font-size: 30px; padding:30px 0 30px; color: #616161; font-family: 'Montserrat',sans-serif; display: inline-block; font-weight: 700;} #wrap .course-content .products li .product-inner .price ins { background: transparent; margin-left: 10px;} #wrap .course-content .products li .product-inner .price del .woocommerce-Price-amount { text-decoration: line-through;} #wrap .course-content .products li a.add_to_cart_button { opacity: 1 !important; bottom: 50px; top: inherit; color: #d0ae5e; border: 1px solid #d0ae5e; border-radius: 0; padding: 15px;} #wrap .course-content .products li a.add_to_cart_button:hover { background: #444 !important; color: #fff !important;} button#llms_start_quiz {border-radius: 0; width: auto; position: absolute; left: 0; margin-left: 0; height: auto; border-bottom: 0; } button#llms_start_quiz { position: relative;} .course-take-rate ul.products li { width: 100% !important; background: #fff !important; } @keyframes lesson-nav-left { 0% {left: 50%;} 100% {left: 13px;} } @keyframes lesson-nav-right { 0% {right: 50%;} 100% {right: 13px;} } .llms-lesson-preview .llms-widget-syllabus .done.llms-free-lesson-svg, .llms-widget-syllabus .lesson-complete-placeholder.done, .llms-widget-syllabus .llms-lesson-complete.done, .llms-widget-syllabus .llms-lesson-preview .done.llms-free-lesson-svg {color: #d0ae5e;} .llms-course-navigation { text-align: center; padding: 0; min-height: 90px; border-bottom: 2px solid #ebebeb; overflow: hidden; background: #fafafa; padding: 0;} .lesson-button-navigation {margin-top :50px; position: relative;} .llms-video-wrapper {max-width: 814px; overflow: hidden;} /* Notice Page */ .llms-summary.entry-content {text-align: center; display: block; width: 100%; max-width:1096px; background: #f0f0f0; margin: 54px 15px; padding: 22px 7px;} #container .content .container { padding: 0;} /* Single Quiz */ .quiz-description h4 { background: none; border-bottom: 4px solid #ebebeb; padding: 0 0 18px 0; position: relative; margin-top: 24px; font-size: 20px; font-weight: 600; color: #424242; font-family: 'Montserrat',sans-serif;} .quiz-description h4:after{ content: ""; display: block; width: 68px; height: 4px; position: absolute; bottom: -4px; background: #d0ae5e; border-right: 3px solid #fff;} .llms-progress-circle { min-height: 200px; height: inherit; font-family:'hind', helvetica, arial, sans-serif; float: none; margin: 0 auto; padding-top: 15px;} .llms-progress-circle-count { top: 50%; font-size: 39px;} .llms-quiz-result-details { padding-top: 11px; float: none;} .llms-quiz-result-details ul { float: none; background: #f6f6f6; padding: 16px; min-height: 192px; } .llms-quiz-result-details ul li h4 { font-size: 18px; font-weight: 600; border-bottom: 1px solid #ccc; padding-bottom: 5px; color: #424242;} .llms-quiz-result-details ul li h5 { font-size: 16px; font-weight: 600; color: #424242;} .llms-quiz-result-details ul li h6 { font-size: 14px; color: #424242;} .llms-quiz-result-details ul li a { color: #d0ae5e; font-size: 14px; cursor: pointer;} .llms-template-wrapper:first-child { margin-top: 12px;} .llms-template-wrapper:last-child { margin-bottom: 12px;} .llms-template-wrapper h4 {font-size: 14px; color: #424242;} .llms-template-wrapper h4 span { color: #d0ae5e; font-weight: 400;} .llms-template-wrapper h4 i { margin-right: 5px;} .quiz-description h4 { margin-bottom: 16px; margin-top: 38px } #llms-quiz-timer { margin-top: 18px;} #countdown {float: none;} #quiz-start-button form { text-align: left;} #llms_start_quiz,.button.llms-next-lesson { font-family: 'Montserrat',sans-serif;} #llms_start_quiz{font-size: 16px; line-height: 20px; background: #d0ae5e ; color: #fff;} #llms_start_quiz:hover { background: #424242; color: #fff; box-shadow: none;} .button.llms-next-lesson {font-size: 16px; padding: 13px 14px 14px; background: transparent; color:#d0ae5e; border: 2px solid #d0ae5e;} .llms-button-wrapper .button.llms-next-lesson:hover {background:#d0ae5e; color: #fff; box-shadow: none;} #llms-quiz-question-wrapper { margin-top: 40px;} .container.w-question { background: #f7f7f7;} .w-question .col-md-8,.w-question .col-md-2 {padding:0} .question-number { background: #fab921; padding: 42px 23px; text-align: center; color: #fff; font-size: 46px; font-weight: 600;} .main-question { padding: 16px 21px 36px;} .main-question p {margin: 0; font-weight: bold; font-family: 'Montserrat',sans-serif; color: #616161; font-size: 17px;} .questions-total {padding: 21px 20px 26px 33px;position: relative;color: #d0ae5e;font-size: 16px;line-height: 30px; font-weight: 600;} .questions-total span { display: block;} .questions-total:before {content: "";border-left: 1px solid #e3e3e3;display: block;height: 73px;left: 0;position: absolute; top: 17px;} .llms-question-wrapper { border: 1px solid #e3e3e3; margin: 0; border-top: 0; padding: 30px;} #llms_answer_question,#llms_prev_question { background: #d0ae5e; color: #fff; box-shadow: none; font-family: 'Montserrat',sans-serif; font-size: 13px; margin: 20px 0 0;} #wrap #llms_answer_question:hover,#wrap #llms_prev_question:hover { background: #424242;} .llms-question-label { font-weight: 400; font-size: 17px; padding-bottom: 10px; color: #7d7d7d; cursor:pointer;padding-left: 21px; position:relative;} .llms-question-label input[type='radio'] { -webkit-appearance:none; width:15px; height:15px; border:2px solid #d0ae5e; border-radius:50%; outline:none; position:absolute; left:-4px; top:1px;} .llms-question-label input[type='radio']:before { content:""; display:block; width:100%; height:100%; margin:0 auto; border-radius:50%; font-size:10px; color:#fff; padding: 0 0 0 1px; transition: all 0.2s ease;} .llms-question-label input[type='radio']:checked:before, .llms-question-label input[type='radio']:hover:before { content:'\f00c'; font-family:FontAwesome; background:#d0ae5e;} .quiz-summary .accordion .panel{border: 0;} .quiz-summary svg {fill: #fff;} #wrap .quiz-summary .panel-heading {border: 0 !important;border-radius: 0 !important;color: #fff; cursor: pointer;} #wrap .panel-collapse {border: 1px solid #eee !important;border-top: 0 !important;} #wrap #countdown { box-shadow: 0 2px 0 0px rgba(0,0,0,0.035); border: 1px solid #e3e3e3; border-radius: 0;} #wrap #countdown #tiles { background: #fab921; border-radius: 0; text-shadow: none; font-family: 'Montserrat',sans-serif;} #wrap .countdown-label p { font-family: 'Montserrat',sans-serif; font-size: 11px;} #wrap .llms-progress .progress-bar-complete { background-color: #fab921;} @media only screen and (max-width: 767px) { .questions-total:before {display: none;} } /* Course Payment */ .llms-checkout-wrapper { max-width: 100%;} .llms-checkout-wrapper .llms-checkout { border-color: #d0ae5e; border-radius: 0;} .llms-checkout-wrapper .llms-checkout h4 { padding: 17px; font-size: 18px;} .llms-checkout-wrapper .llms-checkout .llms-title-wrapper h4 a{ font-size: 20px; padding: 0 7px; color: #d0ae5e; transition: all 0.2s ease;} #wrap .llms-checkout-wrapper .llms-checkout .llms-title-wrapper h4 a:hover { color: #424242;} .llms-option input[type=radio]+label span.llms-radio { box-shadow: inset 0 0 0px 4px #fff; border: 1px solid #ccc;} .llms-option label { font-family: 'Montserrat',sans-serif; color: #424242; font-weight: 400; font-size: 16px; line-height: 26px;} #wrap .llms-notice-box { background: #fafafa; border: none;} .llms-coupon-entry.llms-notice-box .llms-info a { font-size: 14px;} .llms-clear-box.llms-center-content {padding: 0;margin: 15px 0 0;text-align: left;} #llms-checkout-coupon { margin: 0 0 6px;} #llms-checkout-coupon .llms-input-text { margin-top: 10px; font-size: 14px; padding-left: 10px; margin: 10px 0 0 0; width: 100%;} .llms-final-price-wrapper.llms-clear-box { padding: 0; margin: 0;} .llms-final-price-wrapper.llms-clear-box .llms-price { color: #424242; font-size: 16px; padding: 15px 25px;} .llms-final-price-wrapper.llms-clear-box .llms-price .llms-final-price { float: none; font-weight: 400;} .llms-final-price-wrapper.llms-clear-box .llms-price .llms-final-price ins, .llms-payment-option.llms-option ins {background: transparent;} .lifterlms .llms-message pre { margin: 18px 0;} .llms-purchase-link-wrapper .llms-button { background: #d0ae5e; font-family: 'Montserrat', sans-serif; font-size: 14px; padding: 12px 19px; letter-spacing: 0; border-radius: 0; font-weight: 400;} #wrap .llms-button:hover { background: #424242 !important; color: #fff;} #wrap #llms-print-certificate .llms-button { color: #fff;} #wrap #llms-print-certificate.no-print .llms-button:hover { background: #424242;} .llms-checkout-wrapper .llms-checkout .llms-price-wrapper { margin: 20px 20px 0;} .llms-checkout-wrapper .llms-checkout .llms-price-wrapper { margin: 0 20px;} #wrap .llms-clear-box.llms-center-content .llms-button:hover {background: #424242; color:#fff;} #wrap .llms-clear-box.llms-center-content .llms-button { background: #d0ae5e; padding: 15px 20px;} #wrap .llms-clear-box.llms-center-content .llms-button{ color: #fff;} /* Edit Profile */ .w-error { background: #f7f7f7; padding: 5px 10px; border-left: 3px solid #bf3030; font-size: 13px;} #buddypress .standard-form.llms-person-information-form input[type=text],#buddypress .standard-form.llms-person-information-form textarea { width: 100%; margin-bottom: 0;} .course-content.standard-form.llms-person-information-form .button { margin-top: 15px;} #llms_country_options_chosen { width: 100% !important;} #wrap #buddypress .chosen-single { height: 36px; border-radius: 0; background: #fafafa; line-height: 36px; border-color: #cccccc; color: #767676;} .chosen-container-single .chosen-single div { top: 6px;} /* Nice Select Plugin Styles */ .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto;} .nice-select:hover { border-color: #dbdbdb;} .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999;} .nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px;} .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);} .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0);} .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none;} .nice-select.disabled:after { border-color: #cccccc;} .nice-select.wide { width: 100%;} .nice-select.wide .list { left: 0 !important; right: 0 !important;} .nice-select.right { float: right;} .nice-select.right .list { left: auto; right: 0;} .nice-select.small { font-size: 12px; height: 36px; line-height: 34px;} .nice-select.small:after { height: 4px; width: 4px;} .nice-select.small .option { line-height: 34px; min-height: 34px;} .nice-select .list { background-color: #fff; border-radius: 0; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9;} .nice-select .list:hover .option:not(:hover) { background-color: transparent !important;} .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s;} .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6;} .nice-select .option.selected { font-weight: bold;} .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default;} .no-csspointerevents .nice-select .list { display: none;} .no-csspointerevents .nice-select.open .list { display: block;} /* My account page */ #headline.my-courses { padding: 0 0 35px; text-align: left; margin-bottom: 20px;} #headline.my-courses h2 { font-size:20px; margin: 0 0 7px; text-transform: capitalize; letter-spacing: 0; padding: 40px 15px 0;} #headline.my-courses span { font-size: 15px; padding:0 15px;} .w-llms-my-certificates > h3, .w-llms-my-achievements > h3, .w-llms-my-courses > h3, .w-llms-my-memberships > h3 { background: #f7f7f7; color:#3a3a3a; font-size:17px; font-weight:700; text-transform:uppercase; letter-spacing:1px; padding:17px 30px; margin-bottom:18px;} .w-llms-my-certificates h3 i, .w-llms-my-achievements h3 i, .w-llms-my-courses h3 i, .w-llms-my-memberships h3 i { font-size: 14px; color:#d0ae5e;} .w-llms-my-certificates ul { width: 100%;} .w-llms-my-certificates ul li { list-style: none; border: 1px solid #e3e3e3; padding: 10px; margin: 5px 0 10px; overflow: hidden;} .w-llms-my-certificates ul li h4 {color: #444;font-size:20px;} .w-llms-my-certificates ul li p {padding-top:5px;} .w-llms-my-certificates ul li p,.w-llms-my-certificates ul li h4 {margin: 0;} .w-llms-my-certificates .listing-certificates { margin: 0 0 20px;} .listing-certificates li a { color: #444; transition: all 0.2s ease;} .listing-certificates li a i { padding-right: 5px;} .w-llms-my-achievements .achievement-item { margin-bottom: 25px;} .w-llms-my-achievements .achievement-content { border: 1px solid #e3e3e3; padding: 29px 15px 21px; text-align: center;} .w-llms-my-achievements .llms-achievement-title { padding-top: 7px; margin-bottom: 7px; color: #444;} .w-llms-my-achievements .llms-achievement-content p {margin-bottom: 5px;} .w-llms-my-achievements .llms-achievement-date p {margin-bottom:0} .w-llms-my-courses .llms-start-date {float: none;text-align: left; padding: 0 23px 10px; color: #888;} .w-llms-my-courses .llms-start-date i { font-size: 14px;} .courses-modern .llms-progress { margin: 0 22px 20px; width: inherit;} .w-my-courses {margin-bottom:25px;} .w-my-courses .llms-title {background: none;} .w-my-courses .modern-grid .modern-instructor { padding-bottom: 10px;} #wrap .w-llms-my-courses .course-link a { width: 100%; border-radius: 0; padding: 20px; margin: 0; font-size: 16px;} .listing-courses .w-my-courses:first-child { padding-left: 0;} .listing-courses .w-my-courses:last-child { padding-right: 0;} .modern-grid.llms-course-list .llms-progress { padding: 0 20px; margin: 2px 0 17px;} .owl-wrapper .owl-item .modern-grid { padding-top: 0; padding-bottom: 0;} .w-llms-my-memberships ul { margin: 0;} .w-llms-my-memberships ul li { list-style: none;} .w-llms-my-memberships ul li:first-child { padding-left: 0;} .w-llms-my-memberships ul li:last-child { padding-right: 0;} .w-llms-my-memberships ul li div{ border: 1px solid #e3e3e3; margin-bottom: 25px; line-height: 1.8; padding: 15px 20px;} .w-llms-my-memberships ul li strong { font-size: 20px;} @media only screen and (max-width: 960px){ .w-llms-my-memberships ul li { padding-right: 0; padding-left: 0; } } /* Instructor Dahsboard */ .instructor-dashboard{margin:30px 0;} .instructor-dashboard .row {margin-bottom:20px;} .instructor-dashboard .inst-cell {transition: background 0.5s ease; background: #F5F5F5;border-bottom: 4px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);padding: 15px;border-radius: 2px; max-height: 110px;} .instructor-dashboard .inst-cell:hover{cursor: crosshair; color: #fff;} #wrap .instructor-dashboard .inst-cell:hover .inst-cell-title, #wrap .instructor-dashboard .inst-cell:hover .inst-cell-icon i{color: #fff;} .inst-cell-icon, .inst-cell-desc {display: table-cell; vertical-align: top; width:100%;} .inst-cell-icon { width: 1%; border-radius: 55px; padding: 15px 10px;} .inst-cell-icon i{font-size: 36px;} .inst-cell-desc {word-break: break-all; padding: 14px 0 0 10px;} .inst-cell-desc span{font-size: 28px;font-weight: 800;font-family: Montserrat;} .inst-cell-title {font-size: 15px;font-family: Hind;font-weight: 400;text-transform: uppercase;margin-bottom: 10px;color: #424769;} #wrap .dashboard-button{ padding: 10px 16px; border-radius: 2px; color: #fff; position: absolute; top: 40px; right: 28px;} #wrap .dashboard-button.colorb:hover {background:#424242;} @media only screen and (min-width: 961px) and (max-width: 1200px) { #wrap .dashboard-button { padding: 10px 13px; } } @media only screen and (min-width: 768px) and (max-width: 960px) { #wrap .dashboard-button { top: -45px; } } @media only screen and (max-width: 767px) { #headline.my-courses h2 { text-align: left; } #wrap .dashboard-button { position: relative; top: inherit; right: inherit; margin: 16px 16px 0; display: inline-block; } } /* Login and Register Courses */ .w-login-content { padding: 50px 75px;} .w-reg-content { background: #ffffff; padding: 50px 75px; border: 1px solid #e3e3e3; box-shadow: 0 2px 0 0px rgba(0,0,0,0.035);} .llms-person-login label, .llms-new-person-form-wrapper label,.lost_reset_password label { font-weight: 400; font-family: 'Montserrat',sans-serif; color: #888;} .lost_reset_password label {margin-bottom: 10px;} .llms-person-login .input-text,.llms-new-person-form-wrapper .input-text,.lost_reset_password .input-text { color: #888; padding: 0 10px; font-weight: 400; font-family: 'Hind', sans-serif;} .llms-person-login .input-text:focus,.llms-new-person-form-wrapper .input-text:focus,.lost_reset_password .input-text:focus { color: #888;} .llms-person-login .button, .llms-new-person-form-wrapper .button,.lost_reset_password .button { font-family: 'Montserrat', sans-serif; font-size: 14px; padding: 12px 45px;} #wrap .lost_reset_password .button:hover {background: #424242;} #wrap .llms-person-login .button:hover,#wrap .llms-new-person-form-wrapper .button:hover {background: #444;} .llms-person-login h2,.llms-new-person-form-wrapper h2 { color: #444; font-size:26px; margin-bottom:25px;} #wrap .llms-lost-password-link a:hover,#wrap .llms-form-item-wrapper.voucher-wrapper a:hover { color: #424242;} #wrap .llms-notice.llms-error,#wrap .llms-notice { border-radius: 0; padding-top: 14px; margin: 0 0 10px;} #wrap .w-no-course {background: #f7f7f7; padding: 35px 0; font-size: 18px;} /* Membership page */ .w-membership .llms-course-list { padding: 0; margin-top: -11px;} .w-membership .llms-price { text-align: left;} .w-membership .modern-grid .modern-content p { padding: 0 20px;} /*Single Membership */ .llms_membership .llms-featured-image img { width: 100%;} .single-llms_membership .llms-purchase-link-wrapper { margin: 0; } .single-llms_membership #wrap .llms-purchase-link-wrapper a.llms-button { margin: 5px 0 20px; color: #fff; display: block; text-align: center; padding: 20px 0; font-size: 20px; background: #d0ae5e;} .single.single-llms_membership #wrap .llms-purchase-link-wrapper a.llms-button:hover { background: #424242; } /* Author page */ .author-instructor #main-content-pin .row { margin:0;} .about-author-sec { margin-bottom:30px; box-shadow: 0 2px 0 0px rgba(0,0,0,0.035);} .author-courses .llms-course-list {padding: 10px;} .author-courses .course-title, .author .post-title { border-bottom: 4px solid #ebebeb; padding-bottom: 18px; position: relative; margin: 10px 0 20px; font-size: 20px; font-weight: 700; text-transform: uppercase; margin-left: 15px; margin-right: 15px;} .author-courses .course-title:after,.author .post-title:after { content: ""; display: block; width: 68px; height: 4px; position: absolute; bottom: -4px; background: #d0ae5e; border-right: 3px solid #fff;} .instructor-detail{background: #f7f7f7; padding: 4px 8px 4px 2px; letter-spacing: 0.5px; color: #404040; margin: 10px 0 16px; display: inline-block; border-radius: 3px;} .instructor-detail span i {margin:0 0 0 6px;} .instructor-detail i{vertical-align: middle;} a.edit-link{color: #6b6b6b;background: #ebebeb;padding:2px 6px 0;border-radius: 2px; position: absolute; top: 10px; right: 0;} a.edit-link:hover {color: #fff; background:#6b6b6b;} .author-carousel .owl-wrapper .owl-item .modern-grid { padding: 0 15px; } #wrap .author-carousel .owl-buttons div{ opacity: 1; position: absolute; right: auto; left: 50%; margin-left: 27px; top: -55px; color: #929ca3; background:none; padding:0; } #wrap .author-carousel .owl-buttons .owl-prev{ margin-left: -9px; } #wrap .author-carousel .owl-buttons div:hover, .author-carousel .owl-buttons div:active{ border-color: #d0ae5e; color: #d0ae5e; } #wrap .author-carousel .owl-buttons div:after { padding: 2px 8px; border: 2px solid #eee; content: '\f054'; position: absolute; top: 10px; right: 0; font-family: 'fontawesome'; font-size: 14px;} #wrap .author-carousel .owl-buttons .owl-prev:after { content: '\f053';} #wrap .author-carousel .owl-buttons{top: -20px; position: absolute; right: 55px;} #wrap .w-llms-my-courses .author-carousel .owl-buttons div:after{background:#fff;} .has-header-type12 .archive.author .about-author-sec {margin-top: 100px; } /* Course Category */ .course-category-box { position: relative; background-color: #f7f5f6; text-align: center; padding: 45px 10px 40px; border-radius: 3px; margin-bottom: 8px; perspective: 1000px; -webkit-perspective: 1000px;} .course-category-box span { display: block; font-size: 15px; text-transform: capitalize;} .course-category-box i { display: block; font-size: 33px; margin-bottom: 18px; transition: all 0.3s ease;} .course-category-box .ccb-content img { max-width: 33px; height: auto; margin-top: 2px; margin-bottom: 24px;} .course-category-box .ccb-content, .course-category-box .ccb-hover-content { z-index: 900; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transition: all 0.3s ease; backface-visibility: hidden; -webkit-backface-visibility:hidden; transform-style: preserve-3d;-webkit-transform-style: preserve-3d; border-radius: 3px;} .course-category-box .ccb-hover-content { position:absolute; width: 100%; height: 100%; top: 0; left: 0; right:0; bottom:0; z-index:800; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); color: #fff;} .course-category-box:hover .ccb-content {transform: rotateY(180deg);} .course-category-box:hover .ccb-hover-content {transform: rotateY(0deg);} .course-category-box .ccb-hover-content span:first-child { padding-top: 54px; margin-bottom: 6px;} .course-category-box .ccb-hover-content span.category-count { font-size: 21px; font-weight: 700;} #wrap .course-category-box-o .course-category-box { background-color: rgba(247, 245, 246, 0.93);} #wrap .course-category-box-o .course-category-box:hover {background-color: rgba(0, 0, 0, 0);} #wrap .course-category-box-o .course-category-box:hover .ccb-hover-content.colorb { background-color: rgba(76, 207, 173, 0.76);} /* Course Category 2 */ .course-category-box2 { padding-left: 1px; border-bottom: dashed 1px #4a4c56; padding: 15px 23px 15px 3px; margin: 0 39px 0 2px;} .course-category-box2.no-border { border-bottom: 0;} .course-category-box2 i { font-size: 19px; vertical-align: middle; padding-right: 2px;} .course-category-box2 a { font-family: 'Montserrat',sans-serif; color: #a7a8ae; text-transform: uppercase;} /* Course Archive */ #wrap .w-course-archive { margin-top: 15px;} .w-course-archive .llms-course-list { padding: 0;} .filter-category { border: 1px solid #e3e3e3; box-shadow: 0 2px 0 0px rgba(0,0,0,0.035); margin-bottom:30px; margin-right: 14px;} .filter-category .widget .course-categories { text-align: left;} .filter-category .widget .course-categories { text-align: left;} .filter-category .widget .course-categories li { padding: 0; } .filter-category .widget .course-categories li a { display: block; padding: 8px 20px; font-size: 13px;} .filter-category h3 { margin: 30px 20px 17px; padding-bottom:15px; font-size: 15px; font-weight:700; border-bottom: 4px solid #e3e3e3; position: relative;} .filter-category h3:after { content: ''; width: 68px; height: 4px; background: #d0ae5e; border-right: 3px solid #fff; display: block; border-bottom: 0; position: absolute; bottom: -4px; left: 0;} .filter-category .course-category.active { background: #d0ae5e; position: relative;} #wrap .filter-category .course-category.active > a,#wrap .filter-category .course-category.active > a i { color: #fff;} .filter-category .course-category.active:after { content: " "; position: absolute; right: -12px; top: 0px; border-top: 18px solid rgba(0, 0, 0, 0); border-left: 12px solid #d0ae5e; border-bottom: 19px solid rgba(0, 0, 0, 0);} .filter-category .course-category.course-category-parent ul { border-top: none; margin-bottom: 0; background: #f5f5f5; padding-left: 17px;} .filter-category .widget .course-categories li ul { display: none;} .filter-category .widget .course-categories li:hover ul { display: block;} .filter-category-dropdown.nice-select { display: none; margin-top: 21px; float: none; width: 100%; margin-bottom: 10px; height: auto; line-height: 36px; background-color: #f3f3f3; border-color: #e3e3e3; border-radius: 0; font-family: 'Montserrat',sans-serif; font-size: 12px; padding-right: 38px; padding-left: 10px;} .filter-category-dropdown.nice-select:after { font-family: 'FontAwesome'; content: "\f107"; border: 0; height: 100%; width: auto; pointer-events: none; right: 1px; top: 0px; bottom: 1px; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotate(0deg); -ms-transform: rotate(0); transform: rotate(0); margin-top: 0; padding: 0 10px; background-color: #fff; color: #d0ae5e; font-size: 22px; font-weight: 700; border-left: 1px solid #e2e2e2;} .filter-category-dropdown.nice-select .widget { position: absolute; width: 100%;} .filter-category-dropdown.nice-select .list { width: 100%; left: -10px; overflow: initial;} .filter-category-dropdown.nice-select .list li a { display: block; padding: 0 15px;} .filter-category-dropdown.nice-select .list .course-category-parent > a { padding: 0 15px 7px;} .filter-category-dropdown.nice-select .list > li > ul { margin: 0 0 0 10px; border-top: 0;} #wrap .filter-category-dropdown.nice-select .list .course-category-parent.active a span { color: #424242;} .filter-category .course-category.active ul li.active { background: none; } .filter-category .course-categories > li.active ul { display: block; } #wrap .filter-category .course-category.active ul li.active a,#wrap .filter-category .course-category.active ul li.active > a i,#wrap .filter-category .course-category.active ul li.active a span { color: #d0ae5e; } #wrap .filter-category .course-category.active ul li.active:hover a,#wrap .filter-category .course-category.active ul li.active:hover a span { color: #424242; } #wrap .filter-category .course-category.active ul li.active:after { display: none; } @media only screen and (max-width: 960px) { .w-course-archive > .col-md-3 { display: none;} .filter-category-dropdown.nice-select { display:block;} } .course-list-t .modern-content .llms-title, .course-list-t .modern-content .llms-price-wrapper,.course-list-t .modern-content .modern-meta { display: none;} .course-grid-t .modern-content .llms-title, .course-grid-t .modern-content .llms-price-wrapper, .course-grid-t .modern-content .modern-meta { display: block;} .course-list-t .course-list-col {width: 100%;} .w-courses.course-grid-t .none-grid { display: none;} .w-courses.course-grid-t .w-course-list .col-md-4 { width: 100%;} .course-grid-t.modern-grid .course-list-review { padding: 0;} .course-grid-t.modern-grid .modern-meta .col-md-4 {width: 33.33333333333333%;} .course-grid-t.modern-grid .course-list-border-right {border: 0;} .btn.btn-default.btn-sm {color: #7a7a7a;font-size: 14px;border: 1px solid #e3e3e3;padd;padding: 2px 10px;background: #f3f3f3;box-shadow: 0 1px 0 rgba(0,0,0,0.025), 0 -2px 3px rgba(255,255,255,0.95) inset;} .btn.btn-default.btn-sm:hover {color:#333;} a.btn.btn-default.btn-sm.active, a.btn.btn-default.btn-sm.active:hover {background: #fff;color: #d0ae5e;cursor: default;box-shadow: 0 1px 0 rgba(0,0,0,0.025), 0 1px 3px rgba(0,0,0,0.05) inset;} a.btn.btn-default.btn-sm.active i:hover {cursor: default;} .btn.btn-default.btn-sm i { line-height: 26px;} #list.btn.btn-default.btn-sm {border-radius: 0;display: inline-block;margin-right: -2px;} #grid.btn.btn-default.btn-sm {border-radius: 0;display: inline-block;margin-left: -2px;} @media only screen and (min-width: 768px) { .courses-search .widget.widget_michigan_search_course .nice-select,.courses-search .widget.widget_michigan_search_course .search-field,.courses-search .widget.widget_michigan_search_course .submit-field {display: inline-block;width: 24.527%;margin: 0 5px 0 0;} .courses-search .widget.widget_michigan_search_course .search-field, .courses-search .widget.widget_michigan_search_course .submit-field { margin-left: -4px;} #wrap .courses-search .course-search-form input.submit-field { margin-right: -1px;} } .w-course-archive .col-md-2.alignright { padding-top: 6px;} .courses-search .course-search-form input.submit-field { padding: 13px 10px;} /* footer contact info */ .footer-contact-info i {color: #d0ae5e; font-size: 33px; padding: 17px 0; float: left; margin-right: 14px; transition: 0.3s;} /* Course Pagination */ .llms-pagination ul li .page-numbers { font-weight: bold; text-decoration: none; display: inline-block; background: #eee; color: #414141; border: none; line-height: 1; padding: 10px 14px; margin: 3px 4px; transition: all 0.3s ease; border-radius: 2px;} .llms-pagination ul li .page-numbers.current { border-color: #efefef; background: #fdfdfd;} .llms-pagination ul li .page-numbers:hover {background: #d0ae5e;color: #fff;} .llms-pagination ul li .page-numbers.current:hover { background: #fdfdfd; color: #414141;} /* Certificates */ .llms-certificate-container { padding: 0; min-height: 627px !important;} .llms_certificate.hentry, .llms_my_certificate.hentry { padding: 0 !important;} .w-certificate { position: relative; margin: auto auto 20px; -webkit-print-color-adjust: exact; overflow: hidden; width: 800px; height: 616px; text-align: center;padding: 50px 90px;} .cer-online1 .cer-title { padding-top: 63px; font-size: 32px; font-weight: 600; text-transform: uppercase; color: #345870;} .cer-online1 .desc-1 { font-size: 20px; padding-top: 37px; color: #345870;} .cer-online1 .desc-2 { font-size: 20px; color: #345870;} .cer-online1 .cer-desc { font-size: 30px; font-weight: bold; margin-top: 31px; margin-bottom: 122px; text-transform: capitalize; color: #345870;} .cer-online1 .clearfix .alignleft { padding-left: 26px; font-size: 18px; color: #345870;} .cer-online1 .clearfix .alignright { margin-top: -2px; font-size: 18px; color: #345870;} #wrap .cer-online1 .student-name{ font-family: 'PT Serif', Helvetica, Arial, sans-serif; font-size: 20px; font-style: italic; margin-bottom: 18px; font-weight: 600; color: #353535;} .cer-online1 .w-sign { padding-right: 7px;} .cer-online1 .col-md-6 img { margin-top: -50px; position: relative;} .cer-online2 { padding: 50px 58px;} .cer-online2 .clearfix { margin-top: 50px;} .cer-online2 .clearfix .col-md-9.aligncenter { padding: 0 54px;} .cer-online2 .clearfix .col-md-3.aligncenter { padding-right: 0; padding-left: 19px;} #wrap .cer-online2 .cer-title { color: #303e47; font-size: 67px; text-transform: uppercase; text-align: left; padding-left: 15px; padding-top: 72px; font-weight: 600;} .cer-online2 .student-name { color: #d0ae5e; font-size: 67px; font-weight: 600; padding: 20px 0 0 15px; text-align: left;} .cer-online2 .director{ font-size: 20px; font-family: 'PT Serif', Helvetica, Arial, sans-serif; text-align: center; padding-top: 3px;} .cer-online2 .director-title { font-size: 16px; color: #63636c; letter-spacing: 0.4px;} .cer-online2 .current-date { color: #c3c1bb; padding-top: 5px;} .cer-online2 .vertical-space { height: 74px;} .cer-kids .kindergarten_name { padding-top: 24px; font-size: 36px; color: #fff;} .cer-kids .cer-title {font-size: 79px; padding-top: 111px; color: #333;} .cer-kids .student-name { font-size: 40px; color: #333; font-family: 'Gloria Hallelujah',sans-serif;} .cer-kids .cer-desc { padding: 15px 119px 0; color: #f2c03b;;} .cer-kids .w-sign { color: #f3d59e; font-size: 17px; padding-right: 44px; padding-top: 2px;} .cer-kids .container {width: 700px; margin-left: -8px; } .cer-kids .container .alignright {padding-right: 26px;} .cer-kids .container .right-sign { padding-right: 35px;} .cer-kids .container .col-md-6:first-child { padding-left: 8px;} /* = Optimize Fix ===================================*/ @media only screen and (min-width: 1200px) { #wrap .w-course-archive { width: 1156px;} } /* kids template =========================================================================================================*/ /* Excursion ===================================*/ .excursions .col-sm-3:nth-child(4n+1) { clear: left;} .excursion-item { border: 1px solid; margin-bottom: 45px; transition: box-shadow 0.3s ease;} .excursion-item:hover { box-shadow: 0 0 8px 5px rgba(0,0,0,0.12);} .excursion-item .excursion-header a { display: block;} .excursion-item .excursion-header img { width: 100%;} .excursion-item .title-meta-sec, .excursion-item .excursion-content { position: relative ;padding: 22px 25px 18px;} .excursion-item .title-meta-sec:after { content: ''; display: block; position: absolute; bottom: -5px; left: 62px; width: 21px; height: 21px; z-index: 2; -webkit-transform: rotate(45deg); transform: rotate(45deg);} .excursion-item .title-meta-sec h2 { font-size: 15px; font-weight: 400; margin-bottom: 7px;} .excursion-item .title-meta-sec h2 a { text-transform: uppercase; color: #fff;} .excursion-item .title-meta-sec span { display: block; font-size: 14px; color: #fff; margin-bottom: 2px;} .excursion-item .title-meta-sec span:before { font-family: 'simple-line-icons'; padding-right: 7px;} .excursion-item .title-meta-sec span.entry-location:before { content: "\e06e";} .excursion-item .title-meta-sec span.entry-time:before { content: "\e075";} .excursion-item .excursion-header .title-meta-sec h2 a:before { content: "\e06e"; font-family: 'simple-line-icons'; padding-right: 7px;} .excursion-item .excursion-content { padding-top: 18px;} .excursion-item .excursion-content .more-info { display: inline-block; font-size: 11px; text-transform: uppercase; border: 1px solid; padding: 6px 13px; margin-bottom: 6px; transition: all 0.3s ease;} #wrap .excursion-item:hover .excursion-content .more-info { color: #fff;} .excursions .col-sm-3:nth-child(8n+1) .more-info { color: #ed5564;} .excursions .col-sm-3:nth-child(8n+2) .more-info { color: #fe8426;} .excursions .col-sm-3:nth-child(8n+3) .more-info { color: #ffce55;} .excursions .col-sm-3:nth-child(8n+4) .more-info { color: #a0d468;} .excursions .col-sm-3:nth-child(8n+5) .more-info { color: #48cfae;} .excursions .col-sm-3:nth-child(8n+6) .more-info { color: #50c1e9;} .excursions .col-sm-3:nth-child(8n+7) .more-info { color: #ac92ed;} .excursions .col-sm-3:nth-child(8n+8) .more-info { color: #524ea2;} .excursions .col-sm-3:nth-child(8n+1) .excursion-item { border-color: #ed5564;} .excursions .col-sm-3:nth-child(8n+2) .excursion-item { border-color: #fe8426;} .excursions .col-sm-3:nth-child(8n+3) .excursion-item { border-color: #ffce55;} .excursions .col-sm-3:nth-child(8n+4) .excursion-item { border-color: #a0d468;} .excursions .col-sm-3:nth-child(8n+5) .excursion-item { border-color: #48cfae;} .excursions .col-sm-3:nth-child(8n+6) .excursion-item { border-color: #50c1e9;} .excursions .col-sm-3:nth-child(8n+7) .excursion-item { border-color: #ac92ed;} .excursions .col-sm-3:nth-child(8n+8) .excursion-item { border-color: #524ea2;} .excursions .col-sm-3:nth-child(8n+1) .title-meta-sec, .excursions .col-sm-3:nth-child(8n+1) .title-meta-sec:after, .excursions .col-sm-3:nth-child(8n+1) .excursion-item:hover .more-info { background-color: #ed5564;} .excursions .col-sm-3:nth-child(8n+2) .title-meta-sec, .excursions .col-sm-3:nth-child(8n+2) .title-meta-sec:after, .excursions .col-sm-3:nth-child(8n+2) .excursion-item:hover .more-info { background-color: #fe8426;} .excursions .col-sm-3:nth-child(8n+3) .title-meta-sec, .excursions .col-sm-3:nth-child(8n+3) .title-meta-sec:after, .excursions .col-sm-3:nth-child(8n+3) .excursion-item:hover .more-info { background-color: #ffce55;} .excursions .col-sm-3:nth-child(8n+4) .title-meta-sec, .excursions .col-sm-3:nth-child(8n+4) .title-meta-sec:after, .excursions .col-sm-3:nth-child(8n+4) .excursion-item:hover .more-info { background-color: #a0d468;} .excursions .col-sm-3:nth-child(8n+5) .title-meta-sec, .excursions .col-sm-3:nth-child(8n+5) .title-meta-sec:after, .excursions .col-sm-3:nth-child(8n+5) .excursion-item:hover .more-info { background-color: #48cfae;} .excursions .col-sm-3:nth-child(8n+6) .title-meta-sec, .excursions .col-sm-3:nth-child(8n+6) .title-meta-sec:after, .excursions .col-sm-3:nth-child(8n+6) .excursion-item:hover .more-info { background-color: #50c1e9;} .excursions .col-sm-3:nth-child(8n+7) .title-meta-sec, .excursions .col-sm-3:nth-child(8n+7) .title-meta-sec:after, .excursions .col-sm-3:nth-child(8n+7) .excursion-item:hover .more-info { background-color: #ac92ed;} .excursions .col-sm-3:nth-child(8n+8) .title-meta-sec, .excursions .col-sm-3:nth-child(8n+8) .title-meta-sec:after, .excursions .col-sm-3:nth-child(8n+8) .excursion-item:hover .more-info { background-color: #524ea2;} /* Excursion Program */ .excursion-program .excursion-item {border-color: #e9e9e9;} .excursion-program .excursion-item h2 { color: #fff;} .excursion-program .title-meta-sec, .excursion-program .title-meta-sec:after { background-color: #00c0e2;} .excursion-item .title-meta-sec span.entry-meta-text:before { content: "\e075";} .excursion-program .excursion-content { padding: 0;} .excursion-program .program { background: url(../images/excursion-program-pattern.png) repeat-x left bottom; padding: 27px 25px 7px;} .excursion-program .program:last-child { background: none; padding-bottom: 0;} .excursion-program .program h3 { font-size: 15px; font-weight: 700; color: #616161;} .excursion-program .program p { font-size: 13px; color: #616161;} /* Tab Excursion */ #wrap .tab-excursion { border: 1px solid #e9e9e9;} #wrap .tab-excursion .vc_tta-tabs-container { overflow: visible;} #wrap .tab-excursion .vc_tta-tabs-list { padding: 0; overflow: visible;} #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab a, #wrap .tab-excursion .vc_tta-panels-container .vc_tta-panel-heading a { position: relative; color: #fff; font-size: 15px; font-weight: 400; border-color: #e7e7e7; padding: 10px 27px;} #wrap .tab-excursion .vc_tta-panels-container .vc_tta-panel-heading a { padding: 13px 25px;} #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab.vc_active a:before { display: none;} #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab.vc_active a:after { content: ''; display: block; position: absolute; top: auto; bottom: -9px; left: 50%; width: 10px; height: 10px; z-index: 2; -webkit-transform: rotate(45deg) translate(-50%,0); transform: rotate(45deg) translate(-50%,0); border: 0;} #wrap .tab-excursion .vc_tta-panels { background-color: #fff; border-color: transparent; border-top-color: #e7e7e7;} #wrap ul.check li:before, #wrap li.check:before { content: '\f00c'; font-size: 13px; color: #00c0e2;} #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab:nth-child(8n+1) a, #wrap .tab-excursion .vc_tta-panels-container .vc_tta-panel:nth-child(8n+1) .vc_tta-panel-heading, #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab.vc_active:nth-child(8n+1) a:after { background-color: #48cfae;} #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab:nth-child(8n+2) a, #wrap .tab-excursion .vc_tta-panels-container .vc_tta-panel:nth-child(8n+2) .vc_tta-panel-heading, #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab.vc_active:nth-child(8n+2) a:after { background-color: #ed5564;} #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab:nth-child(8n+3) a, #wrap .tab-excursion .vc_tta-panels-container .vc_tta-panel:nth-child(8n+3) .vc_tta-panel-heading, #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab.vc_active:nth-child(8n+3) a:after { background-color: #f5ba5a;} #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab:nth-child(8n+4) a, #wrap .tab-excursion .vc_tta-panels-container .vc_tta-panel:nth-child(8n+4) .vc_tta-panel-heading, #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab.vc_active:nth-child(8n+4) a:after { background-color: #fe8426;} #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab:nth-child(8n+5) a, #wrap .tab-excursion .vc_tta-panels-container .vc_tta-panel:nth-child(8n+5) .vc_tta-panel-heading, #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab.vc_active:nth-child(8n+5) a:after { background-color: #a0d468;} #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab:nth-child(8n+6) a, #wrap .tab-excursion .vc_tta-panels-container .vc_tta-panel:nth-child(8n+6) .vc_tta-panel-heading, #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab.vc_active:nth-child(8n+6) a:after { background-color: #50c1e9;} #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab:nth-child(8n+7) a, #wrap .tab-excursion .vc_tta-panels-container .vc_tta-panel:nth-child(8n+7) .vc_tta-panel-heading, #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab.vc_active:nth-child(8n+7) a:after { background-color: #ac92ed;} #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab:nth-child(8n+8) a, #wrap .tab-excursion .vc_tta-panels-container .vc_tta-panel:nth-child(8n+8) .vc_tta-panel-heading, #wrap .tab-excursion .vc_tta-tabs-list .vc_tta-tab.vc_active:nth-child(8n+8) a:after { background-color: #524ea2;} /* enrolment ===================================*/ .enrolment-wrap {position: relative; overflow: hidden;} .enrolment-wrap:before {content: "";bottom: 340px;top: 25px;width: 4px;position: absolute;left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);background: #e3e3e3;} .enrolment-wrap .enrolment-item { width: 50%; transition: ease .3s all;} .enrolment-wrap .enrolment-item:after, .enrolment-wrap .enrolment-item:before { content: ""; position: absolute; color: #000; transition: ease .3s all;} .enrolment-wrap .enrolment-item:nth-child(odd):after { top: 19px; left: -6px; width: 12px; height: 12px; background: #fff; border-radius: 50%;} .enrolment-wrap .enrolment-item:nth-child(odd):before { top: 15px; left: -10px;width: 20px; height: 20px; background: #e3e3e3; border-radius: 50%;} .enrolment-wrap .enrolment-item:nth-child(even):after { top: 19px; right: -6px; width: 12px; height: 12px; background: #fff; border-radius: 50%;} .enrolment-wrap .enrolment-item:nth-child(even):before { top: 15px; right: -10px;width: 20px; height: 20px; background: #e3e3e3; border-radius: 50%;} .enrolment-wrap .enrolment-item:last-child:after { background: #878787;} .enrolment-wrap .enrolment-item:nth-child(odd) {float: right; padding-left: 3.6%;} .enrolment-wrap .enrolment-item:nth-child(even) {float: left; padding-right: 3.6%;} .enrolment-wrap .enrolment-item:nth-child(8n+2) { margin-top: 184px;} .enrolment-wrap .enrolment-item:nth-child(8n+8) p{ margin-bottom: 0;} .enrolment-wrap .enrolment-item h4 {border: 2px solid transparent;border-bottom: 0;position: relative;color: #fff;font-size: 20px;font-weight: 600;letter-spacing: .5px;text-transform: capitalize;padding: 11px 10px 13px 19px;margin-bottom: 0;transition: ease .3s all;} .enrolment-wrap .enrolment-item h4:after{ content: ""; position: absolute; width: 0; height: 0;} .enrolment-wrap .enrolment-item:nth-child(odd) h4:after { left: -14px; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-right: 14px solid;} .enrolment-wrap .enrolment-item:nth-child(even) h4:after { right: -14px; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 14px solid;} #wrap .enrolment-wrap .enrolment-item:nth-of-type(odd) h4:after{ border-right-color: #d0ae5e;} #wrap .enrolment-wrap .enrolment-item:nth-of-type(even) h4:after{ border-left-color: #d0ae5e;} #wrap.kids-t .enrolment-wrap .enrolment-item:nth-child(8n+1) h4:after{ border-right-color: #ed5564;} #wrap.kids-t .enrolment-wrap .enrolment-item:nth-child(8n+2) h4:after{ border-left-color: #fe8426;} #wrap.kids-t .enrolment-wrap .enrolment-item:nth-child(8n+3) h4:after{ border-right-color: #ffce55;} #wrap.kids-t .enrolment-wrap .enrolment-item:nth-child(8n+4) h4:after{ border-left-color: #a0d468;} #wrap.kids-t .enrolment-wrap .enrolment-item:nth-child(8n+5) h4:after{ border-right-color: #48cfae;} #wrap.kids-t .enrolment-wrap .enrolment-item:nth-child(8n+6) h4:after{ border-left-color: #50c1e9;} #wrap.kids-t .enrolment-wrap .enrolment-item:nth-child(8n+7) h4:after{ border-right-color: #ac92ed;} #wrap.kids-t .enrolment-wrap .enrolment-item:nth-child(8n+8) h4:after{ border-left-color: #524ea2;} .enrolment-wrap .enrolment-item h4 { background: #d0ae5e;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+1) h4 { background: #ed5564;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+2) h4 { background: #fe8426;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+3) h4 { background: #ffce55;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+4) h4 { background: #a0d468;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+5) h4 { background: #48cfae;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+6) h4 { background: #50c1e9;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+7) h4 { background: #ac92ed;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+8) h4 { background: #524ea2;} .enrolment-wrap .enrolment-item { position: relative;} .enrolment-wrap .enrolment-item p { padding: 14px 29px 15px 168px; border: 2px solid; margin-bottom: 140px; color: #616161; transition: ease .3s all} .enrolment-wrap .enrolment-item p { border-color: #d0ae5e;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+1) p { border-color: #ed5564;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+2) p { border-color: #fe8426;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+3) p { border-color: #ffce55;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+4) p { border-color: #a0d468;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+5) p { border-color: #48cfae;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+6) p { border-color: #50c1e9;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+7) p { border-color: #ac92ed;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+8) p { border-color: #524ea2;} .enrolment-wrap .enrolment-item span {transition: ease .3s all;border: 2px solid transparent;position: absolute;width: 107px;height: 107px;color: #fff;font-weight: 600;font-style: italic;font-family: 'Asap',sans-serif;font-size: 80px;border-radius: 50%;display: inline-block;text-align: center;padding-top: 40px;} .enrolment-wrap .enrolment-item:nth-child(odd) span { top: 79px; left: 71px;} .enrolment-wrap .enrolment-item:nth-child(even) span { top: 79px; left: 31px;} .enrolment-wrap .enrolment-item span { background: #d0ae5e;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+1) span { background: #ed5564;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+2) span { background: #fe8426;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+3) span { background: #ffce55;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+4) span { background: #a0d468;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+5) span { background: #48cfae;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+6) span { background: #50c1e9;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+7) span { background: #ac92ed;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+8) span { background: #524ea2;} @media (min-width: 960px) and (max-width: 1200px){ .enrolment-wrap:before { bottom: 345px;} } @media (min-width: 768px) and (max-width: 960px){ .enrolment-wrap:before { bottom: 395px;} } @media (min-width: 768px) and (max-width: 960px){ .enrolment-wrap .enrolment-item span { width: 80px; height: 80px; font-size: 65px; padding-top: 28px;} .enrolment-wrap .enrolment-item:nth-child(odd) span { top: 69px; left: 45px;} .enrolment-wrap .enrolment-item:nth-child(even) span { top: 69px; left: 16px;} .enrolment-wrap .enrolment-item p { padding-left: 110px;} } @media (min-width:480px) and (max-width: 768px){ .enrolment-wrap .enrolment-item:nth-child(even), .enrolment-wrap .enrolment-item:nth-child(odd) {float: none;} .enrolment-wrap .enrolment-item { width: 100%;} .enrolment-wrap .enrolment-item:nth-child(even), .enrolment-wrap .enrolment-item:nth-child(odd){ margin-right: 50%;} .enrolment-wrap .enrolment-item:last-child { margin-top: 184px;} .enrolment-wrap .enrolment-item:first-child { margin-top: 50px;} .enrolment-wrap .enrolment-item p { padding: 14px 29px 15px 100px; background: #fff;} .enrolment-wrap .enrolment-item span { width: 80px; height: 80px; padding-top: 25px; font-size: 65px;} .enrolment-wrap .enrolment-item:nth-child(odd) span { top: 69px; left: 27px;} .enrolment-wrap .enrolment-item:nth-child(even) span { top: 69px; left: 13px;} .enrolment-wrap:before { bottom: 390px;} .enrolment-wrap .enrolment-item h4 { font-size: 16px;} .enrolment-wrap .enrolment-item:nth-child(even) h4:after, .enrolment-wrap .enrolment-item:nth-child(odd) h4:after {top: -20px;} .enrolment-wrap .enrolment-item:nth-child(even) h4:after { right: 46%; transform: translate(46%,0); -webkit-transform: translate(46%,0); transform: rotate(-90deg);} .enrolment-wrap .enrolment-item:nth-child(odd) h4:after { left: 46%; transform: translate(-46%,0); -webkit-transform: translate(-46%,0); transform: rotate(90deg);} .enrolment-wrap .enrolment-item:nth-child(odd):before { top: -40px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);} .enrolment-wrap .enrolment-item:nth-child(even):before { top: -40px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);} .enrolment-wrap .enrolment-item:nth-child(odd):after { top: -36px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);} .enrolment-wrap .enrolment-item:nth-child(even):after { top: -36px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);} } @media (max-width: 480px){ .enrolment-wrap .enrolment-item:nth-child(8n+2) { margin-top: 0;} .enrolment-wrap .enrolment-item h4 { font-size: 16px;} .enrolment-wrap .enrolment-item:nth-child(even), .enrolment-wrap .enrolment-item:nth-child(odd) {float: none;} .enrolment-wrap .enrolment-item { width: 100%;} .enrolment-wrap .enrolment-item:nth-child(even), .enrolment-wrap .enrolment-item:nth-child(odd){ margin-right: 50%;} .enrolment-wrap .enrolment-item:last-child { margin-top: 184px;} .enrolment-wrap .enrolment-item:first-child {margin-top: 50px;} .enrolment-wrap .enrolment-item p { padding: 14px 29px 15px 14px; background: #fff;} .enrolment-wrap .enrolment-item span {width: 60px;height: 60px;padding-top: 13px;font-size: 45px;} .enrolment-wrap .enrolment-item:nth-child(even) span, .enrolment-wrap .enrolment-item:nth-child(odd) span {display: none;} .enrolment-wrap:before { bottom: 390px;} .enrolment-wrap .enrolment-item:nth-child(even) h4:after, .enrolment-wrap .enrolment-item:nth-child(odd) h4:after {top: -20px;} .enrolment-wrap .enrolment-item:nth-child(even) h4:after { right: 46%; transform: translate(46%,0); -webkit-transform: translate(46%,0); transform: rotate(-90deg);} .enrolment-wrap .enrolment-item:nth-child(odd) h4:after { left: 46%; transform: translate(-46%,0); -webkit-transform: translate(-46%,0); transform: rotate(90deg);} .enrolment-wrap .enrolment-item:nth-child(odd):before { top: -40px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);} .enrolment-wrap .enrolment-item:nth-child(even):before { top: -40px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);} .enrolment-wrap .enrolment-item:nth-child(odd):after { top: -36px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);} .enrolment-wrap .enrolment-item:nth-child(even):after { top: -36px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);} } .enrolment-wrap .enrolment-item:hover:after { box-shadow: 0px 0px 10px #878787 inset;} #wrap .enrolment-wrap .enrolment-item:hover p { color: #fff;} #wrap .enrolment-wrap .enrolment-item:hover p { border-color: #d0ae5e; background: #d0ae5e;} #wrap.kids-t .enrolment-wrap .enrolment-item:nth-child(8n+1):hover p { border-color: #ed5564; background: #ed5564;} #wrap.kids-t .enrolment-wrap .enrolment-item:nth-child(8n+2):hover p { border-color: #fe8426; background: #fe8426;} #wrap.kids-t .enrolment-wrap .enrolment-item:nth-child(8n+3):hover p { border-color: #ffce55; background: #ffce55;} #wrap.kids-t .enrolment-wrap .enrolment-item:nth-child(8n+4):hover p { border-color: #a0d468; background: #a0d468;} #wrap.kids-t .enrolment-wrap .enrolment-item:nth-child(8n+5):hover p { border-color: #48cfae; background: #48cfae;} #wrap.kids-t .enrolment-wrap .enrolment-item:nth-child(8n+6):hover p { border-color: #50c1e9; background: #50c1e9;} #wrap.kids-t .enrolment-wrap .enrolment-item:nth-child(8n+7):hover p { border-color: #ac92ed; background: #ac92ed;} #wrap.kids-t .enrolment-wrap .enrolment-item:nth-child(8n+8):hover p { border-color: #524ea2; background: #524ea2;} #wrap .enrolment-wrap .enrolment-item:hover span {background: #fff; box-shadow: 0px 5px 10px rgba(62, 62, 62, 0.33); margin-top: -10px;} .enrolment-wrap .enrolment-item:hover span { color: #d0ae5e;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+1):hover span { color: #ed5564;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+2):hover span { color: #fe8426;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+3):hover span { color: #ffce55;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+4):hover span { color: #a0d468;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+5):hover span { color: #48cfae;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+6):hover span { color: #50c1e9;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+7):hover span { color: #ac92ed;} .kids-t .enrolment-wrap .enrolment-item:nth-child(8n+8):hover span { color: #524ea2;} /* Revslider ===================================*/ .kids-t .custom { width: 42px; height: 62px; background: #fff; transition: ease .3s all; padding: 12px;} .kids-t .custom.tp-leftarrow { border-top-right-radius: 3px; border-bottom-right-radius: 3px;} .kids-t .custom.tp-rightarrow { border-top-left-radius: 3px; border-bottom-left-radius: 3px;} .kids-t .custom:before { color: #656d78; transition: ease .3s all} .kids-t .custom:hover { background: #fb6e53;} .kids-t .custom:hover:before { color: #fff;} /* Our classes type 1 ===================================*/ .kids-t .our-clss-type1 { background: #51c1e9; margin: 30px 0; min-height: 226px;border-radius: 7px;overflow: hidden;} .kids-t .our-clss-type1 .img-wrap, .our-clss-type1 .img-wrap img { width: 239px;height: 226px; padding: 0; margin: 0; border-radius: 7px 0 0 7px;} .kids-t .our-clss-type1 .content-wrap {display: block;overflow: hidden;padding: 22px 10px 20px 20px;margin: 0;width: 53%;} .kids-t .our-clss-type1 .content-wrap h5 {font-size: 22px;font-weight: 400;letter-spacing: 0.4px;} .kids-t .our-clss-type1 .content-wrap span {font-size: 13px;font-family: Montserrat;} .kids-t .our-clss-type1 .content-wrap span:first-child { margin-right: 20px;} .kids-t .our-clss-type1 .content-wrap .class-desc {border-bottom: 1px solid rgba(255,255,255,0.26);padding-bottom: 12px;margin-top: 10px;} .kids-t .our-clss-type1 .content-wrap * {color: #fff;border-color: #fff;width: 100%;} .kids-t .our-clss-type1 .content-wrap p {margin-bottom: 26px;margin-top: 6px;font-size: 13px;} .kids-t .our-clss-type1 .content-wrap .magicmore:after { display: none;} .kids-t .our-clss-type1 .content-wrap .magicmore {text-transform: uppercase;border: 1px solid rgba(255,255,255,0.26);padding: 8px 18px;border-radius:25px;letter-spacing: 1px;font-weight: 400;} .kids-t .our-clss-type1 .content-wrap .magicmore:hover {background: #fff;border-color: #FFF;color: #464748;} @media ( max-width: 1200px ){ .kids-t .our-clss-type1 .img-wrap, .our-clss-type1 .img-wrap img { display: block; width: 100%; height: auto;} .kids-t .our-clss-type1 .content-wrap { width: 100%; padding: 29px 20px 30px 20px;} } /* Our classes type 2 ===================================*/ .kids-t .our-clss-type2 { margin: 30px 0; min-height: 226px;} .kids-t .our-clss-type2 .img-wrap, .our-clss-type2 .img-wrap img {width: 249px;height: 192px;padding: 0;margin: 0;} .kids-t .our-clss-type2 .img-wrap { border: 1px solid #ed5762;} .kids-t .our-clss-type2 .img-wrap img { padding: 16px;} .kids-t .our-clss-type2 .content-wrap {display: block; overflow: hidden; padding: 9px 0 20px 12px; margin: 0; width: 53%;} .kids-t .our-clss-type2 .content-wrap h5 {font-size: 16px;font-weight: 600;} .kids-t .our-clss-type2 .content-wrap * { color: #616161;} .kids-t .our-clss-type2 .content-wrap span {font-size: 14px;} .kids-t .our-clss-type2 .content-wrap span:first-child {margin-right: 35px;} .kids-t .our-clss-type2 .content-wrap .class-desc {border-bottom: 1px solid #b0b0b0; padding-bottom: 9px;} .kids-t .our-clss-type2 .content-wrap p {margin-bottom: 31px; margin-top: 8px; font-size: 14px; line-height: 22px;} .kids-t .our-clss-type2 .content-wrap .magicmore:after { display: none;} .kids-t .our-clss-type2 .content-wrap .magicmore { text-transform: uppercase; background: #ed5762;font-weight: 400;color: #fff; box-shadow: 0 0 3px rgba(29, 29, 29, 0.49) inset; padding: 8px 18px;} @media ( max-width: 1200px ){ .kids-t .our-clss-type2 .img-wrap, .our-clss-type2 .img-wrap img { display: block; width: 100%; height: auto;} .kids-t .our-clss-type2 .content-wrap { width: 100%; padding: 29px 20px 30px 20px;} } /* process bar =================================== */ #wrap.kids-t .vc_progress_bar .vc_single_bar { background: #f1f1f1; position: relative; margin-bottom: 12px; border-radius: 0; height:42px; margin-top: 8px; -webkit-box-shadow: none; box-shadow: none;} #wrap.kids-t .vc_progress_bar .vc_single_bar .vc_label { line-height: 1; text-transform: uppercase;position: absolute;left: 17px;top: 9px;display: inline;padding: 0;text-shadow: none !important;z-index: 1;color: #fff;/* webnus*/font-size:15px;/* webnus*/padding-top: 2px;font-weight:300;/* webnus*/} #wrap.kids-t .vc_progress_bar .vc_general.vc_single_bar .vc_bar { border-radius: 0;} #wrap.kids-t .vc_progress_bar .vc_single_bar .vc_label .vc_label_units { float:none; margin-top:0;} #wrap.kids-t .vc_progress_bar .vc_single_bar .vc_label .vc_label_units:before { content: "-"; font-size: 18px; margin-right: 5px;} #wrap.kids-t .vc_progress_bar .vc_single_bar .vc_bar:after, #wrap.kids-t .vc_progress_bar .vc_single_bar .vc_bar:before { display: none;} /* Accordion =================================== */ #wrap.kids-t .wb-accordion .vc_tta-panel.vc_active h4 {background-color:#e9573e; margin-bottom: 0;} #wrap.kids-t .wb-accordion .vc_tta-panel h4 {background-color:#51c1e9; margin-bottom: 3px;border-radius:5px 5px 0 0; border:none;} #wrap.kids-t .wb-accordion .vc_tta-panel span {color:#fff;} #wrap.kids-t .wb-accordion.vc_tta.vc_general .vc_tta-panel-title>a {padding: 10px 50px 14px 20px;} #wrap.kids-t .wb-accordion.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {border:9px solid #fff;background: #fff;padding: 5px; border-radius:19px;} #wrap.kids-t .wb-accordion.vc_tta-color-white.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after,#wrap.kids-t .wb-accordion.vc_tta-color-white.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,#wrap.kids-t .wb-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon::after,#wrap.kids-t .wb-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon::before {border-color: #434a54;} #wrap.kids-t .wb-accordion.vc_tta-color-white.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {border-color: #e9573e;} #wrap.kids-t .wb-accordion.vc_tta.vc_general .vc_tta-panel-body {padding: 15px 20px 2px; border-color: #e8e8e8;margin: 0 1px 5px;border-radius: 0 0 5px 5px;} /* Tour ==================================*/ .kids-t .vc_tta-color-black.vc_tta-style-outline .vc_tta-tab>a { border: none; margin-top: 8px;} .kids-t .vc_tta-color-black.vc_tta-style-outline .vc_tta-tab>a:hover { background: none; color: #2a2a2a;} .kids-t .vc_tta-color-black.vc_tta-style-outline .vc_tta-tab.vc_active>a { position: relative;} .kids-t .vc_tta-color-black.vc_tta-style-outline .vc_tta-title-text { font-size: 15px; font-weight: 700; display: inline-block;} .kids-t .vc_tta.vc_general .vc_tta-icon {width: 50px;height: 50px;font-size: 20px;color: #fff;padding: 25px 0;border-radius: 50px;text-align: center;margin: 0;display: inline-block;} .kids-t .wc-tab .vc_tta-tabs-container .vc_tta-tabs-list { border-right: 1px solid #dbe2e2; margin-right: 10px;} .kids-t .wc-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:nth-child(7n+1) i { background: #ed5664;} .kids-t .wc-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:nth-child(7n+2) i { background: #fbcb55;} .kids-t .wc-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:nth-child(7n+3) i { background: #4acfae;} .kids-t .wc-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:nth-child(7n+4) i { background: #51c1e9;} .kids-t .wc-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:nth-child(7n+5) i { background: #fb6e53;} .kids-t .wc-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:nth-child(7n+6) i { background: #93c75a;} .kids-t .wc-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:nth-child(7n+7) i { background: #ac92ed;} .kids-t .wc-tab .vc_tta.vc_tta-spacing-25 .vc_tta-tab { margin: 0;} .kids-t .wc-tab .vc_tta-color-black.vc_tta-style-outline .vc_tta-tab>a:hover { color: #3baeda;} .kids-t .wc-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab { border-right: 7px solid transparent; margin-right: -4px;} .kids-t .wc-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active { border-right: 7px solid; margin-left: ; transition: ease .3s all;} .kids-t .wc-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active:nth-child(7n+1) { border-color: #ed5664;} .kids-t .wc-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active:nth-child(7n+2) { border-color: #fbcb55;} .kids-t .wc-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active:nth-child(7n+3) { border-color: #4acfae;} .kids-t .wc-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active:nth-child(7n+4) { border-color: #51c1e9;} .kids-t .wc-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active:nth-child(7n+5) { border-color: #fb6e53;} .kids-t .wc-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active:nth-child(7n+6) { border-color: #93c75a;} .kids-t .wc-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active:nth-child(7n+7) { border-color: #ac92ed;} @media (max-width:480px){ .vc_tta.vc_general .vc_tta-panel-title>a { padding-right: 0; font-size: 14px;} } @media (max-width:320px) { .vc_tta.vc_general .vc_tta-icon { padding-top: 25px;} .vc_tta-color-black.vc_tta-style-outline .vc_tta-title-text { font-size: 12px;} } /* max-width 768px */ .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading,.vc_tta-color-black.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading { border: none;} #wrap .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:hover { background: none;} #wrap .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title>a , .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title>a:hover { color: #000;} .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel:nth-child(7n+1) .vc_tta-panel-title > a > i { background: #ed5664;} .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel:nth-child(7n+2) .vc_tta-panel-title > a > i { background: #fbcb55;} .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel:nth-child(7n+3) .vc_tta-panel-title > a > i { background: #4acfae;} .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel:nth-child(7n+4) .vc_tta-panel-title > a > i { background: #51c1e9;} .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel:nth-child(7n+5) .vc_tta-panel-title > a > i { background: #fb6e53;} .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel:nth-child(7n+6) .vc_tta-panel-title > a > i { background: #93c75a;} .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel:nth-child(7n+7) .vc_tta-panel-title > a > i { background: #ac92ed;} .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title { border-left: 5px solid; transition: ease .3s all;} .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel:nth-child(7n+1) .vc_tta-panel-title { border-color: #ed5664;} .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel:nth-child(7n+2) .vc_tta-panel-title { border-color: #fbcb55;} .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel:nth-child(7n+3) .vc_tta-panel-title { border-color: #4acfae;} .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel:nth-child(7n+4) .vc_tta-panel-title { border-color: #51c1e9;} .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel:nth-child(7n+5) .vc_tta-panel-title { border-color: #fb6e53;} .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel:nth-child(7n+6) .vc_tta-panel-title { border-color: #93c75a;} .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel:nth-child(7n+7) .vc_tta-panel-title { border-color: #ac92ed;} /* Event Grid 3 ===================================*/ .events-grid3 .event-grid3-header { background: #d0ae5e; border-radius:7px 7px 0 0;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(1) .event-grid3-header { background: #ed5564;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(2) .event-grid3-header { background: #fe8426;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(3) .event-grid3-header { background: #ffce55;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(4) .event-grid3-header { background: #a0d468;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(5) .event-grid3-header { background: #48cfae;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(6) .event-grid3-header { background: #50c1e9;} .events-grid3 .event-grid3-header { padding: 7px 18px;} .events-grid3 .event-grid3-header ul, .events-grid3 .event-grid3-header ul li {margin-bottom: 0;list-style: none;} .events-grid3 .event-grid3-header ul li { display: inline-block; font-size:14px; font-family:'Montserrat',sans-serif;} .events-grid3 .event-grid3-header ul li a {color: #fff;} .events-grid3 .event-grid3-header ul li a:hover { color:#fff; text-decoration:underline;} .events-grid3 .event-grid3-header ul li:after { margin-right: 2px; content: ","; color: #fff; font-size: 12px;} .events-grid3 .event-grid3-header ul li:last-child:after { display: none;} .events-grid3 .tribe-events-event-image {width: 80px;height: 60px;float: left;margin-right: 15px;border-radius: 4px 4px 0 0; overflow:hidden;} .events-grid3 .event-article {position: relative;padding: 19px 18px 19px 19px;min-height: 198px;margin-bottom: 30px;border-radius:0 0 7px 7px; background:#fff; overflow:hidden;box-shadow: 0 1px 0 2px rgba(0,0,0,0.02);} .events-grid3 .event-article .event-content a h4 {font-size: 18px;font-weight: 700;color: #454545;line-height: 1.3; letter-spacing:0.5px;margin-top: 0;margin-bottom: 19px;} .events-grid3 .event-article .event-content a h4:hover { color:#ffb300; text-decoration:underline;} .events-grid3 .event-article .event-content p { display: none; margin-top: -5px;} .events-grid3 .event-article .event-content p.grid3-excerpt {display: block;line-height: 22px;margin-bottom: 0;color: #a9a9a9;font-size: 14px;} .events-grid3 .event-grid-head { background: #d0ae5e;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(1) .event-grid-head { background: #ed5564;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(2) .event-grid-head { background: #fe8426;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(3) .event-grid-head { background: #ffce55;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(4) .event-grid-head { background: #a0d468;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(5) .event-grid-head { background: #48cfae;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(6) .event-grid-head { background: #50c1e9;} .events-grid3 .event-content {overflow: hidden;margin-bottom: 22px;min-height: 107px;} .events-grid3 .event-grid-head {width: 80px;padding: 3px 0 4px 17px;position: absolute;top: 78px;border-radius: 0 0 4px 4px;} .events-grid3 .event-grid-head .event-month {float: left;display: inline-block;text-align: center;margin-right: 3px;} .events-grid3 .event-grid-head * {color: #fff;font-size: 15px;} #wrap .events-grid3 .event-grid3-footer .booking-button { -webkit-transition: all .3s ease; transition: all .3s ease; border: 1px solid #e3e3e2;padding: 2px 22px;display: inline-block;float: left;color: #767676;background: #fff;font-size: 11px;margin-right: 96px; border-radius:22px;} #wrap .events-grid3 .event-grid3-footer .booking-button:hover { border-color:inherit;} .events-grid3 .event-grid3-footer .event-sharing { margin: 0;} .events-grid3 .event-grid3-footer .event-sharing > li {background: #e3e3e3;display: table-cell;border: 1px solid #fff;color: #767676;text-align: center;} .events-grid3 .event-grid3-footer .event-sharing > li a {color: #767676;} .events-grid3 .event-grid3-footer .event-sharing > li:hover a {color: #fff;} .events-grid3 .event-grid3-footer .event-sharing > li i {width: 37px;height: 27px;display: table-cell;vertical-align: middle;} .events-grid3 .event-grid3-footer .event-sharing .event-share:hover .event-social {display:table-cell;} .events-grid3 .event-grid3-footer .event-sharing .event-map {border-width:1px 0 1px;} .events-grid3 .event-grid3-footer .event-sharing .event-social {display:none;position: absolute;bottom: 17px;right: 23px;} .events-grid3 .event-grid3-footer .event-sharing .event-social li {display:table-cell;} .events-grid3 .event-grid3-footer .event-sharing .event-social li a {background: #767676;color: #fff;width: 38px;height: 27px;vertical-align: middle;text-align: center;display: table-cell;} .events-grid3 .event-grid3-footer .event-article .booking-button { -webkit-transition: all .3s ease; transition: all 0.21s ease; font-size:11px; font-weight:500; letter-spacing:1px; text-transform:uppercase; background: #fff; color: #767676; border:1px solid #e8e8e8; position: absolute; top: 20px; right: 15px; padding: 8px 16px; font-family:'Montserrat', arial, sans-serif;} .events-grid3 .event-grid3-footer .event-article .booking-button:hover { color:#fff; border-color: #fff;} .events-grid3 .event-grid3-footer .event-sharing .event-social li a {border-right: 1px solid;box-shadow: 0 0 2px rgba(0, 0, 0, 0.19) inset;} .events-grid3 .event-grid3-footer .event-sharing .event-share:hover .event-sharing-icon {border-width: 0 1px 0;cursor: pointer;color: #fff;} #wrap.kids-t .events-grid3 .event-grid3-footer .event-sharing .event-share:hover .event-sharing-icon { background: #d0ae5e;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(1) .event-grid3-footer .event-sharing .event-share:hover .event-sharing-icon { background: #ed5564;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(2) .event-grid3-footer .event-sharing .event-share:hover .event-sharing-icon { background: #fe8426;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(3) .event-grid3-footer .event-sharing .event-share:hover .event-sharing-icon { background: #ffce55;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(4) .event-grid3-footer .event-sharing .event-share:hover .event-sharing-icon { background: #a0d468;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(5) .event-grid3-footer .event-sharing .event-share:hover .event-sharing-icon { background: #48cfae;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(6) .event-grid3-footer .event-sharing .event-share:hover .event-sharing-icon { background: #50c1e9;} .events-grid3 .event-grid3-footer .event-sharing > li:hover { background: #d0ae5e;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(1) .event-grid3-footer .event-sharing > li:hover {background: #ed5564;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(2) .event-grid3-footer .event-sharing > li:hover {background: #fe8426;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(3) .event-grid3-footer .event-sharing > li:hover {background: #ffce55;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(4) .event-grid3-footer .event-sharing > li:hover {background: #a0d468;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(5) .event-grid3-footer .event-sharing > li:hover {background: #48cfae;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(6) .event-grid3-footer .event-sharing > li:hover {background: #50c1e9;} .events-grid3 .event-grid3-footer .event-sharing .event-social li a { background: #d0ae5e;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(1) .event-grid3-footer .event-sharing .event-social li a { background: #ed5564;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(2) .event-grid3-footer .event-sharing .event-social li a { background: #fe8426;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(3) .event-grid3-footer .event-sharing .event-social li a { background: #ffce55;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(4) .event-grid3-footer .event-sharing .event-social li a { background: #a0d468;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(5) .event-grid3-footer .event-sharing .event-social li a { background: #48cfae;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(6) .event-grid3-footer .event-sharing .event-social li a { background: #50c1e9;} #wrap .events-grid3 .event-grid3-footer .booking-button:hover { background: #d0ae5e; color: #fff;} .events-grid3 .event-grid3-footer .booking-button:hover { background: #d0ae5e;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(1) .event-grid3-footer .booking-button:hover { background: #ed5564; border-color: #ed5564;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(2) .event-grid3-footer .booking-button:hover { background: #fe8426; border-color: #fe8426;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(3) .event-grid3-footer .booking-button:hover { background: #ffce55; border-color: #ffce55;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(4) .event-grid3-footer .booking-button:hover { background: #a0d468; border-color: #a0d468;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(5) .event-grid3-footer .booking-button:hover { background: #48cfae; border-color: #48cfae;} #wrap.kids-t .events-grid3 .row .col-md-4.col-sm-4:nth-of-type(6) .event-grid3-footer .booking-button:hover { background: #50c1e9; border-color: #50c1e9;} @media (min-width: 960px) and ( max-width: 1200px ){ #wrap .events-grid3 .event-grid3-footer .booking-button {margin-right: 40px;} .events-grid3 .event-grid3-footer .event-sharing .event-social {bottom: 15px;right: 27px;} } @media (min-width: 768px) and ( max-width: 960px ){ .events-grid3 .event-grid3-footer .event-sharing .event-social {bottom: 15px;right: 39px;} .events-grid3 .row .col-md-4.col-sm-4 { margin-left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); display: block; max-width: 80%; width: 80%;} .events-grid3 .event-content {margin-bottom: 30px;} #wrap .events-grid3 .event-grid3-footer .booking-button {margin-right: 328px;} } @media (min-width: 480px) and ( max-width: 768px ){ #wrap .events-grid3 .event-grid3-footer .booking-button {margin-right: 104px;} .events-grid3 .event-grid3-footer .event-sharing .event-social { left: 188px; bottom: 17px;} } @media (min-width: 320px) and ( max-width: 480px ){ #wrap .events-grid3 .event-grid3-footer .booking-button { margin-right: 12px;} .events-grid3 .tribe-events-event-image { width: 60px; height: 45px;} .events-grid3 .event-grid3-footer .event-sharing .event-social { left: 95px; bottom: 17px;} .events-grid3 .event-grid-head {width: 60px;padding: 3px 0 4px 6px; top: 63px;} .events-grid3 .event-article .event-content a h4 {font-size: 14px;margin-bottom: 10px;} .events-grid3 .event-article .event-content .grid3-excerpt { line-height: 1.4;} } @media ( max-width: 320px ){ #wrap .events-grid3 .event-grid3-footer .booking-button {width: 100%;text-align: center; margin-bottom: 20px; margin-top: -8px; margin-right: 0;} .events-grid3 .tribe-events-event-image {width: auto;height: auto;text-align: center;display: inline-block;margin-left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);margin-bottom: 10px;} .events-grid3 .event-grid-head * {font-size: 12px;} .events-grid3 .event-grid-head {width: 76px; padding: 2px 0 3px 19px; top: 78px; left: 72px;} .events-grid3 .event-article .event-content a h4 {font-size: 13px;margin-bottom: 10px;} .events-grid3 .event-article .event-content .grid3-excerpt {line-height: 1.4;text-align: center;} .events-grid3 .event-grid3-footer .event-sharing .event-social {right: 46px;} .events-grid3 .event-content { overflow: visible;} .events-grid3 .event-article .event-content a h4 {font-size: 14px;display: block;width: 100%;clear: both;text-align: center;margin-bottom: 12px;} .events-grid3 .event-grid3-footer .event-sharing { margin-left: 0;} .events-grid3 .event-grid3-footer .event-sharing .event-social {left: -10px;bottom: 15px;} } /* Event Grid 4 ================================================== */ .events-grid4 .event-article {background: #f7f7f7; padding: 23px 28px 44px 36px; margin-bottom: 20px; position: relative; min-height: 305px;} .events-grid4 .event-article .event-tagline i { position: absolute; top: 23px; right: 20px; font-size: 20px; color: #323436;} .events-grid4 .event-article .event-tagline {margin-bottom: 41px;} .events-grid4 .event-article .event-tagline span {font-family: lora;font-style: italic;text-transform: capitalize;font-size: 13px;font-weight: 600;} .events-grid4 .event-article .event-content h4 {font-size: 20px;margin-bottom: 62px;color: #303133;text-transform: inherit;} .events-grid4 .event-article .event-content a:hover h4 { text-decoration:underline; color:#202020;} .events-grid4 .event-grid4-footer .event-date, .events-grid4 .event-grid4-footer .event-grid4-time, .events-grid4 .event-grid4-footer .event-grid4-address { font-size: 15px; color: #777; font-weight: 100;} .events-grid4 .event-grid4-footer .event-date { margin-bottom: 1px;} .events-grid4 .event-grid4-footer .event-grid4-meta { margin-bottom: 26px;} #wrap .events-grid4 .event-grid4-footer a { color: #fff; padding: 7px 20px 5px; display: inline-block; text-transform: uppercase; font-weight: 400; font-size: 12px;} #wrap .events-grid4 .event-grid4-footer a:hover { background: #424242;} @media (max-width:330px){ .events-grid4 .event-article .event-content h4 { font-size: 18px;} } /* Arrow Type 3 ==========================================*/ ul.arrow3 li {line-height: 18px;margin-bottom: 11px;display: block;font-size: 13px;background: none;padding: 0;color: #3baeda;font-family: 'Asap',sans-serif;} ul.arrow3 li:before {content: "\f054";font-family: FontAwesome;margin-right: 8px;color: #fff;background: #3baeda;border-radius: 230%;font-size: 9px;padding: 2px 3px 2px 4px;} /* Our Team4 ==========================================*/ .our-team4 {background: rgba(0,0,0,0.40); margin-bottom: 30px; transition: ease .3s all;} .our-team4 figure img { float: left; width: 204px;height: 274px; margin-right: 20px; filter: grayscale(100%); -webkit-filter: grayscale(100%); transition: ease .7s all;} .our-team4 .tdetail { padding-top: 32px;padding-right: 16px;} .our-team4 .tdetail * { text-align: left; color: #fff;} .our-team4 .tdetail .social-team { text-align: right; padding-bottom: 0;} #wrap .our-team4 .tdetail h2 { padding: 0; letter-spacing: 0; font-size: 19px; text-transform: capitalize; position: relative; overflow: hidden; padding-bottom: 15px; margin-bottom: 10px;} .our-team4 .tdetail h2:after { content: ""; position: absolute; border-bottom: 1px solid #fff; width: 59px; bottom: 0; left: 0; transition: ease .3s all} .our-team4 .tdetail h5 { font-size: 17px; font-style: italic;margin-bottom: 17px;} #wrap .our-team4 .tdetail p { color: #fff; font-size: 14px; margin-bottom: 29px; overflow: hidden; font-family: Asap} .our-team4 .tdetail .social-team a i { background: transparent; color: #fff; font-size: 17px; margin-left: 0px; border-radius: 0;padding: 12px; text-align: center; display: inline-block; width: 40px; height: 40px; transition: ease .3s all;} .our-team4:hover { background: rgba(0,0,0,0.80);} .our-team4:hover.our-team4 figure img { filter: grayscale(0); -webkit-filter: grayscale(0);} .our-team4:hover.our-team4 .tdetail h2:after { width: 90%; border-color: #e55f3d;} .our-team4 .tdetail .social-team a .fa-facebook:hover { background: #3b5996;} .our-team4 .tdetail .social-team a .fa-twitter:hover { background: #00acee;} .our-team4 .tdetail .social-team a .fa-vimeo:hover { background: #0dadd6;} .our-team4 .tdetail .social-team a .fa-dribble:hover { background: #d53e68;} .our-team4 .tdetail .social-team a .fa-youtube:hover { background: #cb322c;} .our-team4 .tdetail .social-team a .fa-pinterest:hover {background: #cb2027;} .our-team4 .tdetail .social-team a .fa-google-plus:hover {background: #c3391c;} .our-team4 .tdetail .social-team a .fa-linkedin:hover { background: #0073b2;} .our-team4 .tdetail .social-team a .fa-rss:hover { background: #f29a1d;} .our-team4 .tdetail .social-team a .fa-instagram:hover { background: #457399;} .our-team4 .tdetail .social-team a .fa-skype:hover { background: #00aaf3;} .our-team4 .tdetail .social-team a .fa-other-social:hover { background: #ff5d5e;} @media (max-width:960px){ .our-team4 figure img { display: block; float: none; width: 100%; height: auto;} .our-team4 .tdetail .social-team, .our-team4 .tdetail * { text-align: center;} .our-team4 .tdetail { padding: 30px;} .our-team4 .tdetail h2:after { left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);} } /* Our Team5 ==========================================*/ .our-team5 {background: #ed5564;padding: 5px; margin-bottom: 10px;} .our-team5 .content-o {border: 1px solid rgba(255, 255, 255, 0.45); padding: 20px;position: relative;} .our-team5 figure {float: left; margin-right: 16px;} .our-team5 img {width: 250px; height: 250px; } .our-team5 .tdetail h2 {color: #fff;font-size: 25px;font-weight: 600;letter-spacing: 0.2px;} .our-team5 .tdetail h5 {color: #fff;font-size: 13px;font-family:'Montserrat',sans-serif;text-transform:uppercase;line-height: 1;border-bottom: 1px solid #fff;padding-bottom: 13px;} .our-team5 .tdetail p {color: #fff;font-size: 14px;padding-top: 11px;line-height: 25px;} .our-team5 .tdetail { overflow: hidden;} .our-team5 .tdetail .attachment {position: absolute;right: 19px;top: 38px;} .our-team5 .tdetail .attachment a i {color: #fff;font-size: 16px;padding: 10px 4px;width: 24px;display: inline-block;text-align: center;transition: all 0.2s ease;} .our-team5 .tdetail .attachment a i:hover {background: #fff;color: inherit;} .our-team5 .social-team {text-align: left;margin-top: 32px;display: block;padding-bottom: 0;} #wrap .our-team5 .social-team i {background: transparent;color: #fff;width: 40px;height: 40px;margin: 0;display: inline-block;padding-top: 12px; text-align: center;transition: all 0.2s ease;border-radius: 0;} #wrap .our-team5 .social-team i:hover {background: #fff;border-radius: 0;color: inherit;} @media (min-width:768px) and (max-width: 1200px){ .our-team5 figure { display: block; float: none; margin: 16px auto ;} .our-team5, .our-team5 .social-team { text-align: center;} } @media (max-width: 640px){ .our-team5 figure { display: block; float: none; margin: 16px auto ;} .our-team5, .our-team5 .social-team { text-align: center;} } /* Our Team6 ==========================================*/ .our-team6 { transition: all .3s ease ;} .our-team6 img {width: 100%; display: inline-block;transition: all .3s ease;} .blox.dark .our-team6 img {padding-top: 0;} .our-team6 .tdetail * { text-align: center;} .our-team6 .tdetail, .our-team6 .tdetail {padding: 33px 19px 8px;margin-bottom: 1px;width: 100%;transition: all .3s ease;} .our-team6 .tdetail h2 { font-size: 26px; font-weight:700; letter-spacing:0.6px; padding-bottom: 16px; position: relative; transition: all .3s cubic-bezier(0.1, 0.19, 0.56, 1.27);} .our-team6 .tdetail h2:after { content: ""; position: absolute; height: 1px; width: 59px; background: #777; top: 35px; right: 50%; transform: translate(50%,0); -webkit-transform: translate(50%,0)} .blox.dark .our-team6 .tdetail h2:after { background: #fff;} .our-team6 .tdetail h2:before { content: ""; position: absolute; margin-left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); height: 1px; width: 0%; background: #fff; top: 35px; left: 0%; right: 0%; transition: all .3s ease;} .our-team6 .tdetail h2, .our-team6 .tdetail h5 { text-transform: capitalize; transition: all .3s ease;} .our-team6 .tdetail h5 { font-size: 13px; text-transform:uppercase; font-family:'Montserrat', sans-serif; letter-spacing:1px;} .our-team6 .tdetail p {line-height: 2;font-size: 14px;transition: all .3s ease;margin-bottom: 22px;} .our-team6 .social-team a i { color: #888; } .our-team6 .social-team a i:hover { color: #fff; } .blox.dark .our-team6 .social-team a i { color: #fff; } .our-team6 .social-team i { border-radius: 0;} .our-team6 .social-team i {border-radius: 0;width: 40px;height: 40px;padding-top: 12px;display: inline-block;text-align: center;margin: 0 3px;} .our-team6 .social-team i { background: transparent; color: #fff;} .our-team6 .social-team a i.fa-facebook:hover { background: #3b5996;} .our-team6 .social-team a i.fa-twitter:hover { background: #00acee;} .our-team6 .social-team a i.fa-vimeo:hover { background: #0dadd6;} .our-team6 .social-team a i.fa-dribbble:hover { background: #d53e68;} .our-team6 .social-team a i.fa-youtube:hover { background: #cb322c;} .our-team6 .social-team a i.fa-pinterest:hover { background: #cb2027;} .our-team6 .social-team a i.fa-linkedin:hover { background: #0073b2;} .our-team6 .social-team a i.fa-rss:hover { background: #f29a1d;} .our-team6 .social-team a i.fa-google-plus:hover { background: #c3391c;} .our-team6 .social-team a i.fa-instagram:hover { background: #457399;} .our-team6:hover.our-team6 .tdetail {background: rgba(255, 255, 255, 0.2);} .our-team6:hover.our-team6 .tdetail h2:before { width: 100%;} .our-team6:hover.our-team6 .tdetail h2:after { background: #ffc600;} .our-team6:hover.our-team6 .tdetail h5 { color: #ffc600;} .blox.dark .our-team6:hover.our-team6 { box-shadow: none; margin-top: 0;} .our-team6:hover.our-team6 {box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.29); margin-top: -5px;} @media (min-width:768px) and (max-width: 960px) { .our-team6 .tdetail, .our-team6 .tdetail {padding: 33px 5px;} .our-team6 .tdetail h2, .our-team6 .tdetail h5 { font-size: 16px;} .our-team6 .social-team i { width: 30px; height: 30px; padding-top: 8px;} } @media (min-width: 640px) and (max-width: 768px) { .our-team6 { max-width: 400px; margin: 20px auto ; } } /* # latest from blog - type=eight =================================== */ .latestposts-eight .latest-b8 {background: #fff;position: relative;margin-bottom: 30px;min-height: 280px;border-radius: 7px;overflow: hidden;padding-bottom:16px;box-shadow: 0 1px 0 2px rgba(0,0,0,0.02);} .latestposts-eight .latest-b8-cont {padding-left: 20px;padding-right: 72px;float: left;} .latestposts-eight .latest-b8-cont p {font-size: 14px;color: #616161;display: none;} .latestposts-eight .latest-b8-title a {font-weight: 700;color: #444;transition: all .3s ease;letter-spacing: 0.4px;} .latestposts-eight .latest-b8-title {line-height: 1.33;font-size: 22px;padding-top: 10px;} .latestposts-eight .latest-b8 .latest-b8-img, .latestposts-eight .latest-b8 .latest-b8-img img {margin-bottom: 14px;} .latestposts-eight .latest-b8 .latest-b8-cat {margin-bottom: 0px;font-family: 'Montserrat',sans-serif;} .latestposts-eight .latest-b8 .latest-b8-cat a {background: #e6e7e7;padding: 3px 13px;border-radius: 60px;font-size: 10px;text-transform: uppercase;color: #6f6f6f;display: inline-block;margin-bottom: 5px;transition: all .24s ease;} .latestposts-eight .latest-b8 .latest-b8-cat a:hover {background: #ffb300; color:#fff;} .latestposts-eight .latest-b8 .latest-b8-metad8 { width: 59px; float: left;background: #ffb300;padding: 17px 4px;position: absolute;top: 0;right: 0;bottom: 0;border-radius: 0 7px 7px 0;} #wrap .latestposts-eight .latest-b8 .latest-b8-metad8 * {color: #fff;background: none;text-align: center;display: block;} #wrap .latestposts-eight .latest-b8 .latest-b8-metad8 i { font-size: 18px; margin-bottom: 3px;} #wrap .latestposts-eight .latest-b8 .latest-b8-metad8 .blog-views {border-bottom: 1px solid rgba(255,255,255,.3);margin-bottom: 14px;padding-bottom: 14px;margin-left: 11px;margin-right: 11px;} #wrap .latestposts-eight .latest-b8 .latest-b8-metad8 .blog-comments { margin-bottom: 70px;} #wrap .latestposts-eight .latest-b8 .latest-b8-metad8 .blog-comments a:hover { color:#fff;} #wrap .latestposts-eight .latest-b8 .latest-b8-metad8 .latest-b8-month { font-size: 15px; text-transform: uppercase;} #wrap .latestposts-eight .latest-b8 .latest-b8-metad8 p {margin-bottom: 4px;font-size: 16px;font-weight: 400;line-height: 1;font-family: 'Montserrat',sans-serif;} #wrap .latestposts-eight .latest-b8 .latest-b8-metad8 p.latest-b8-day {font-size: 29px; font-weight:700;} #wrap .latestposts-eight .latest-b8 .latest-b8-metad8 p.latest-b8-year {font-size: 15px;} .latestposts-eight .latest-b8-title:hover.latest-b8-title a { color: #f7931e;} @media (min-width: 420px) and (max-width:768px){ .latestposts-eight .latest-b8 { max-width: 368px; margin: 20px auto;} } /* divider type 10 =================================== */ .w-divider10 h3 { position: relative;} .w-divider10.align-left h3:after, .w-divider10.align-right h3:after { width: 100%;} .w-divider10.align-right h3:before, .w-divider10.align-left h3:before { display: none;} .w-divider10.align-left h3 { text-align: left;} .w-divider10.align-center h3 { text-align: center;} .w-divider10.align-right h3 { text-align: right;} .w-divider10 .spb span { background: none; color: #656d78; line-height: 34px;} .blox.dark .w-divider10 .spb span { color: #fff;} .w-divider10 .spb {font-family: 'Asap',sans-serif;font-size: 31px;position: relative;z-index: 2;background-color: #fff;padding: 0 15px;} .w-divider10 .spb .spl { text-transform: capitalize;margin-right: 9px;} .w-divider10 h3 { margin: 15px 0; text-align: center;} .blox.dark .w-divider10 h3:after {content: "";position: absolute;left: 0;top: 50%;height: 1px; background: rgba(255,255,255,0.68);z-index: 0;} .w-divider10 h3:after { content: ""; position: absolute; left: 0; top: 50%; height: 1px; width: 44%; background: #b9bdc5; z-index: 0;} .blox.dark .w-divider10 h3:before { content: ""; position: absolute; right: 0; top: 50%; height: 1px; width: 44%; background: rgba(255,255,255,0.68); z-index: 0;} .w-divider10 h3:before {content: "";position: absolute;right: 0;top: 50%;height: 1px;width: 44%;background: #b9bdc5;z-index: 0;} .w-divider10 h3:after {content: "";position: absolute;left: 0;top: 50%;height: 1px;width: 44%;background: #ccd0d9;z-index: 0;} @media (min-width:960px) and (max-width:1200px){ .w-divider10 h3:before, .w-divider10 h3:after { width: 43%;} } @media (min-width:768px) and (max-width:960px){ .w-divider10 h3:before, .w-divider10 h3:after { width: 41%;} } @media (min-width:480px) and (max-width:768px){ .w-divider10.align-left h3, .w-divider10.align-right h3 { text-align: center;} .w-divider10 h3:before, .w-divider10 h3:after { width: 32%;} } @media (max-width:480px){ .w-divider10 .spb { font-size: 18px;} .w-divider10 h3:before, .w-divider10 h3:after { width: 32%;} } /* divider type 8 =================================== */ .w-divider8 {margin: 40px auto 20px; overflow: hidden; text-align: center; position: relative;} .w-divider8:before {content: "";position: absolute;bottom: 0;width: 652px;height: 1px;background: #e2e2e2;right: 50%;transform: translate(50%,0);-webkit-transform: translate(50%,0);} .blox.dark .w-divider8:before { background: rgba(255,255,255,0.28);} .blox.dark .w-divider8:after { background: #ffb300;} .w-divider8:after {content: "";position: absolute;bottom: 0;width: 132px;height: 1px;background: #ffb300;right: 50%;transform: translate(50%,0);-webkit-transform: translate(50%,0);} .w-divider8 h3 {font-weight: 400 ; color: #656d78; font-size:42px;margin-bottom:24px; display: block;} .w-divider8 i.colorb { background-color: transparent;} .w-divider8 i { border-radius: 50%; margin: 10px auto; font-size: 32px; width: 220px; height: 32px; display: block; background: url(../images/w-divider8-icon-img.png) no-repeat center;} .w-divider8 p { display: block; font-weight: 400; margin-bottom: 35px; margin-top: 15px;} .w-divider8 .spr { margin-left: 7px; color: #656d78; font-weight: 700;} #wrap .w-divider8 .spl { color: #656d78;} #wrap .w-divider8 .spl { color: #656d78;} .blox.dark .w-divider8 .spr, #wrap .blox.dark .w-divider8 .spl { color: #fff;} .blox.dark .w-divider8 p { color:rgba(255, 255, 255, 0.72);} .kids-t .w-divider8 h3 { text-transform:uppercase; letter-spacing:1px;} .kids-t .w-divider8 .spr { font-weight:400;} /* divider type 11 =================================== */ .w-divider11 { margin:30px auto 20px;font-family: 'Asap',sans-serif;} .w-divider11 h3 { font-size: 26px; margin-bottom: 0;} .w-divider11 .spl {padding-right: 10px;font-size: 36px;} .w-divider11 h3 span.spr {font-weight: 400;color: #727272;font-size: 36px;letter-spacing: 0;font-style: italic;} .blox.dark .w-divider11 h3 span.spr { color:#fff;} .w-divider11 h3:after { content: "";margin: 13px 0 15px;width: 69px;height: 0;display: block;position: relative;border-bottom: 3px solid #ffb300;} .w-divider11 p { font-size:14px; font-weight:400; color: #707070; letter-spacing: 0;margin-top: 20px;} @media (max-width:320px){ #wrap .w-divider11 h3 span { font-size: 25px;} } /* Check list =================================== */ ul.check2 li, li.check2 {background: none;padding: 0; font-weight: 400; font-family: 'open sans'; list-style: none;} ul.check2 li:before, li.check2:before {content: '\F046'; font-family: FontAwesome; padding-right: 8px;color: #d0ae5e;} ul.check3 li { list-style: none; margin-bottom: 0;} ul.check3 li:before {content: "\f00c"; margin-right: 5px; color: #3abd9c; font-family: fontawesome;} /* advancedlist =================================== */ .advancedlist { margin-bottom: 11px;} .advancedlist > span { background: #d0ae5e; float: left; text-align: center;padding: 3px;color: #fff;font-size: 15px;width: 29px;height: 29px;margin-right: 11px;} .advancedlist > p { font-size: 14px; color: #434a54;} /* our curriculum =================================== */ .our-curriculum { background: #f4f4f4; position: relative; margin-bottom: 80px;} .our-curriculum img { position: absolute; top: -20px; right: 76px;} .our-curriculum .our-curriculum-header {min-height: 50px; width: 100%;} .our-curriculum-content-wrap {padding: 46px 14px 89px 28px;border-bottom-right-radius: 164px;position: relative;} .our-curriculum.curriculum-1 .our-curriculum-content-wrap {background: #fbdc52;position: relative;} .our-curriculum .our-curriculum-content-wrap { background: #d0ae5e;} #wrap.kids-t .our-curriculum.curriculum-2 .our-curriculum-content-wrap { background: #f5d8ff;} #wrap.kids-t .our-curriculum.curriculum-3 .our-curriculum-content-wrap { background: #baf6a3;} #wrap.kids-t .our-curriculum.curriculum-4 .our-curriculum-content-wrap { background: #badcff;} #wrap.kids-t .our-curriculum.curriculum-5 .our-curriculum-content-wrap { background: #ff9452;} #wrap.kids-t .our-curriculum.curriculum-6 .our-curriculum-content-wrap { background: #abefd8;} #wrap.kids-t .our-curriculum.curriculum-7 .our-curriculum-content-wrap { background: #ffa5a5;} #wrap.kids-t .our-curriculum.curriculum-8 .our-curriculum-content-wrap { background: #e5ddd4;} .our-curriculum .our-curriculum-header {background: #d0ae5e;} #wrap.kids-t .our-curriculum.curriculum-1 .our-curriculum-header {background: #fce46a;} #wrap.kids-t .our-curriculum.curriculum-2 .our-curriculum-header {background: #f8e1ff;} #wrap.kids-t .our-curriculum.curriculum-3 .our-curriculum-header {background: #d3f8b5;} #wrap.kids-t .our-curriculum.curriculum-4 .our-curriculum-header {background: #d3e4ff;} #wrap.kids-t .our-curriculum.curriculum-5 .our-curriculum-header {background: #ffa36a;} #wrap.kids-t .our-curriculum.curriculum-6 .our-curriculum-header {background: #b2f1dc;} #wrap.kids-t .our-curriculum.curriculum-7 .our-curriculum-header {background: #ffb7b7;} #wrap.kids-t .our-curriculum.curriculum-8 .our-curriculum-header {background: #eee9e4;} .our-curriculum .our-curriculum-footer { height: 52px; right: 0;position: absolute;left: 48%;bottom: 28px;transform: rotate(-22deg);} .our-curriculum.curriculum-1 .our-curriculum-footer {background: url(../images/curriculum-t1.png) no-repeat;} .our-curriculum.curriculum-2 .our-curriculum-footer {background: url(../images/curriculum-t2.png) no-repeat;} .our-curriculum.curriculum-3 .our-curriculum-footer {background: url(../images/curriculum-t3.png) no-repeat;} .our-curriculum.curriculum-4 .our-curriculum-footer {background: url(../images/curriculum-t4.png) no-repeat;} .our-curriculum.curriculum-5 .our-curriculum-footer {background: url(../images/curriculum-t5.png) no-repeat;} .our-curriculum.curriculum-6 .our-curriculum-footer {background: url(../images/curriculum-t6.png) no-repeat;} .our-curriculum.curriculum-7 .our-curriculum-footer {background: url(../images/curriculum-t7.png) no-repeat;} .our-curriculum.curriculum-8 .our-curriculum-footer {background: url(../images/curriculum-t8.png) no-repeat;} .our-curriculum .oc-header h3, .our-curriculum .oc-header h5 { text-transform: uppercase; color: #404040; font-size: 24px; font-weight: 800; margin: 0;} .our-curriculum .oc-header h3 { font-size: 83px; line-height: .8;} .our-curriculum .oc-header { float: left; margin-right: 12px;} .our-curriculum .oc-content h6 { padding-top: 4px; margin-bottom: 8px; font-size: 15px; font-weight: 600; color: #404040;} .our-curriculum .oc-content p { color: #404040; font-size: 13.3px;} @media (min-width: 960px) and ( max-width: 1200px){ .our-curriculum .our-curriculum-footer { left: 35%;} } @media (min-width: 768px) and ( max-width: 960px){ .our-curriculum .our-curriculum-footer { left: 21%;} .our-curriculum .oc-header { float: none;} } @media (max-width: 768px) { .our-curriculum .our-curriculum-footer {display: none;} #wrap .our-curriculum .our-curriculum-content-wrap { border-radius: 0;} } /* time table */ #wrap table.tt_timetable, #wrap .tabs_box_navigation.sf-timetable-menu, #wrap .tabs_box_navigation.sf-timetable-menu li a {font-family:'Asap',sans-serif;} #wrap .tt_timetable .event_container { padding: 0;} #wrap .tt_timetable .event a, #wrap .tt_timetable .event .event_header { font-size: 16px; padding: 20px 0 8px;} #wrap .tt_timetable .event .before_hour_text, #wrap .tt_timetable .event .after_hour_text { font-size: 14px;} #wrap .tt_timetable .event .after_hour_text { padding-top: 5px; padding-bottom: 21px} #wrap .w-timetable-lunch { min-height: 111px;} #wrap .w-timetable-fruit { background: url(../images/timetable/fruit.jpg) 0% 100%;} #wrap .w-timetable-chicken { background: url(../images/timetable/chicken.jpg) 0% 100%;} #wrap .w-timetable-sandwich { background: url(../images/timetable/sandwich.jpg) 0% 100%;} #wrap .w-timetable-fish { background: url(../images/timetable/fish.jpg) 0% 100%;} #wrap .w-timetable-pizza { background: url(../images/timetable/pizza.jpg) 0% 100%;} #wrap .w-timetable-lunch p { margin: 0 !important; padding: 0 !important; z-index: 2;} #wrap .w-timetable-lunch p:last-child { padding-bottom: 15px !important;} #wrap .tabs_box_navigation.sf-timetable-menu { float:none; margin:0 auto 30px !important; width:190px; text-align:center;} /* food menu */ .food-menu-wrap { position: relative; background: url(../images/timetable/food-menu-bg.jpg) left bottom no-repeat; background-size: contain; padding: 155px 90px 0 220px; text-align: center; min-height: 482px;} #wrap .food-menu-wrap h2, #wrap .food-menu-wrap p, #wrap .food-menu-navigation a { font-family: 'Gloria Hallelujah', cursive;} .food-menu-wrap h2, #wrap .food-menu-wrap p, .food-menu-navigation a { color: #fff;} .food-menu-wrap h2 { position: absolute; top: 85px; left: 51%; font-size: 27px; margin-bottom: 35px; -webkit-transform: translate(-50%,0) rotate(-2deg); transform: translate(-50%,0) rotate(-1deg);} .food-menu-wrap img, .food-menu-wrap i { max-width: 75px; margin-bottom: 10px;} .food-menu-wrap i { color: #fff; font-size: 57px;} .food-menu-navigation { position: absolute; right: 30px; bottom: 130px;} .food-menu-navigation a { display: block; cursor: pointer;} .food-menu-navigation i { font-size: 19px; margin: 0 4px; vertical-align: sub;} .food-menu-wrap .food-menu-navigation.arrow-hide { display: none;} @media (min-width: 961px) and (max-width: 1200px) { .food-menu-wrap { min-height: 425px; padding-left: 195px; padding-top: 135px;} .food-menu-wrap h2 { font-size: 25px; margin-bottom: 30px;} } @media (min-width: 768px) and (max-width: 960px) { .food-menu-wrap { min-height: 417px; padding-left: 160px; padding-right: 130px;} .food-menu-wrap h2 { font-size: 25px; margin-bottom: 30px; color: #1A1A1A;} .food-menu-navigation { right: 23px; bottom: 90px;} } @media (max-width: 767px) { .food-menu-wrap { min-height: 350px; padding: 130px 50px 10px; background: #3D4C2F; border: 6px solid #78481D;} .food-menu-wrap h2 { top: 44px;} .food-menu-navigation { right: 15px; bottom: 15px;} } @media (max-width: 479px) { .food-menu-wrap { min-height: 370px; padding: 120px 30px 10px;} .food-menu-wrap h2 { font-size: 21px; top: 20px;} } /* food plan */ #wrap #foodPlan.tt_tabs .ui-tabs-panel p, #wrap #food_plan_october.tt_tabs .ui-tabs-panel p {padding: 0;margin-bottom: 0;transition: all 0.18s ease;} #wrap #foodPlan.tt_tabs .ui-tabs-panel p:first-child { padding-top: 15px;} #wrap #foodPlan.tt_tabs .ui-tabs-panel td {transition: all 0.18s ease;} #wrap #foodPlan.tt_tabs .ui-tabs-panel td:hover p { color: #fff;} #wrap #foodPlan .tt_timetable .event a, #wrap #foodPlan .tt_timetable .event .event_header, #wrap #food_plan_october .tt_timetable .event a, #wrap #food_plan_october .tt_timetable .event .event_header { display: none;} #wrap #foodPlan .tt_timetable .event .foodPlan-meal { min-height: 119px; padding-top: 27px;} #wrap #foodPlan .tt_timetable .event .foodPlan-meal .breakfast-img { display: inline-block; width: 55px; background: url(../images/timetable/foot-table-icon01.png) no-repeat; height: 56px;} #wrap #foodPlan .tt_timetable .event .foodPlan-meal .lunch-img {display: inline-block;width: 75px;background: url(../images/timetable/foot-table-icon02.png) no-repeat;height: 57px;} #wrap #foodPlan .tt_timetable .event .foodPlan-meal .dinner-img {display: inline-block;width: 58px;background: url(../images/timetable/foot-table-icon03.png) no-repeat;height: 56px;} #wrap #foodPlan .tt_timetable .event .foodPlan-meal a, #wrap .tt_timetable .event .foodPlan-meal .event_header { display: block !important; padding-top: 0px; text-transform: uppercase;} @media screen and (max-width: 767px) { #wrap .tt_responsive .tt_timetable.small .box_header {font-size: 23px !important;font-family: 'PT Serif', Helvetica, Arial, sans-serif;color: #999 !important;margin: 35px 0 4px 0;} #wrap .tt_responsive .tt_timetable.small .tt_items_list a, .tt_responsive .tt_timetable.small .tt_items_list span { font-family: 'Hind', Helvetica, Arial, sans-serif;} #wrap .tt_responsive .tt_timetable.small .tt_items_list span.event_header {font-weight: 700;} #wrap .tabs_box_navigation.sf-timetable-menu { margin-bottom: 40px !important;} #wrap #foodPlan.tt_responsive .tt_timetable.small .tt_items_list a, #wrap #foodPlan.tt_responsive .tt_timetable.small .tt_items_list span.event_header, #wrap #food_plan_october.tt_responsive .tt_timetable.small .tt_items_list a, #wrap #food_plan_october.tt_responsive .tt_timetable.small .tt_items_list span.event_header { display: none;} #wrap #foodPlan.tt_responsive .tt_timetable.small .tt_items_list span.event_description_1, #wrap #food_plan_october.tt_responsive .tt_timetable.small .tt_items_list span.event_description_1 {margin-top: -10px !important;display: inline-block;} } #wrap #food_plan_october .tt_timetable th {padding: 34px 0;color: #fff;font-size: 16px;font-weight: 700;text-transform: uppercase;} #wrap #food_plan_october .tt_timetable th:nth-child(5n+1) { background-color: #FD4964;} #wrap #food_plan_october .tt_timetable th:nth-child(5n+2) { background-color: #F5BA5A;} #wrap #food_plan_october .tt_timetable th:nth-child(5n+3) { background-color: #00D0AF;} #wrap #food_plan_october .tt_timetable th:nth-child(5n+4) { background-color: #00C0E2;} #wrap #food_plan_october .tt_timetable th:nth-child(5n+5) { background-color: #AD8CE3;} #wrap #food_plan_october.tt_tabs .ui-tabs-panel p:first-child { padding-top: 22px;} #wrap #food_plan_october.tt_tabs .tt_timetable td { position: relative;} #wrap #food_plan_october.tt_tabs .tt_timetable td:after { content: ''; position: absolute; display: block; bottom: 0; left: 50%; margin-bottom: -14px; margin-left: -14px; width: 28px; height: 28px; border-radius: 50%; background: #fff; z-index: 2;} #wrap #food_plan_october.tt_tabs .tt_timetable td:before { font-family: FontAwesome; content: "\f067"; position: absolute; display: block; font-size: 14px; bottom: 0; left: 50%; margin-bottom: -11px; margin-left: -5px; z-index: 3;} #wrap #food_plan_october.tt_tabs .tt_timetable td:nth-child(5n+1):before { color: #FD4964;} #wrap #food_plan_october.tt_tabs .tt_timetable td:nth-child(5n+2):before { color: #F5BA5A;} #wrap #food_plan_october.tt_tabs .tt_timetable td:nth-child(5n+3):before { color: #00D0AF;} #wrap #food_plan_october.tt_tabs .tt_timetable td:nth-child(5n+4):before { color: #00C0E2;} #wrap #food_plan_october.tt_tabs .tt_timetable td:nth-child(5n+5):before { color: #AD8CE3;} #wrap #food_plan_october.tt_tabs .tt_timetable tr:last-child td:after, #wrap #food_plan_october.tt_tabs .tt_timetable tr:last-child td:before { display: none;} /* essential grid */ #wrap.kids-t .esg-filterbutton span { font-size: 16px; font-weight: 400; background: none; font-family: 'Life Savers',sans-serif;} #wrap.kids-t .ess2 .esg-filterbutton.selected span, #wrap.kids-t .ess2 .esg-filterbutton:hover, #wrap.kids-t .ess2 .esg-filterbutton span, #wrap.kids-t .ess2 .esg-filterbutton:hover span { color: #fff;} #wrap.kids-t .esg-filterbutton, #wrap.kids-t .esg-filterbutton.selected { transition: ease .4s all; margin-right: 0; border-radius:25px; margin-right: 5px;} #wrap.kids-t .esg-filterbutton:hover, #wrap.kids-t .esg-filterbutton.selected {background: #ffb300; color: #fff; border-color: #ffb300;} #wrap.kids-t .esg-filterbutton:hover, #wrap.kids-t .esg-filterbutton.selected span, #wrap.kids-t .esg-filterbutton:hover span {color: #fff !important;} /* our client ================================*/ #wrap.kids-t .crsl { box-shadow:none; margin:0;} #wrap.kids-t .crsl .owl-buttons div{ opacity: 1; position: absolute; right: auto; left: 50%; margin-left: 40px; top: -55px; color: #929ca3; background:none; padding:0;} #wrap.kids-t .crsl .owl-buttons .owl-prev{ margin-left: 0;} #wrap.kids-t .crsl .owl-buttons div:hover, #wrap.kids-t .our-clients-wrap.crsl .owl-buttons div:active{ border-color: #d0ae5e; color: #d0ae5e;} #wrap.kids-t .crsl .owl-buttons div:after {padding: 7px 12px 7px 12px;border: 2px solid #eee;content: '\f054';position: absolute;top: 10px;right: 0;font-family: 'fontawesome';font-size: 14px;left: auto;} #wrap.kids-t .crsl .owl-buttons .owl-prev:after { content: '\f053';} #wrap.kids-t .crsl li {width: 100%; float: left; list-style: none;} #wrap.kids-t .crsl li img{max-width: 100%;} #wrap.kids-t .our-clients-wrap.crsl .owl-buttons div{ top: 30%;} #wrap.kids-t .our-clients.crsl.our-clients li {padding:0;margin-right: 20px;text-align: center;width: 100%;border:none;padding-top:35px;} #wrap.kids-t .our-clients-wrap.crsl .owl-buttons div:after { background: #eaeaea; color: #fff; border: 0; transition: ease .3s all;} #wrap.kids-t .our-clients-wrap.crsl .owl-buttons div:hover:after { background: #1bbc9b;} #wrap.kids-t .our-clients-wrap.crsl .owl-buttons .owl-next { right: -23px;} #wrap.kids-t .our-clients-wrap.crsl .owl-buttons .owl-prev { left: 15px;} #wrap.kids-t .our-clients-wrap.crsl { margin-top: 0;} #wrap.kids-t .our-clients { border: 1px solid #e5e5e5;} #wrap.kids-t .our-clients-wrap.crsl ul.our-clients img { max-width: 100%; max-height: 100%; padding: 0; box-shadow: none; background:#fff; border: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} #wrap.kids-t .our-clients.crsl.our-clients li:before, #wrap.kids-t #our-clients.crsl.our-clients li:after { display: none;} /* #latest tweets-carousel =================================== */ .tweets-carousel { position:relative} .tweets-carousel .tweet-item { position:relative; overflow:hidden;} .tweets-carousel *, .tweets-carousel .tweet-item * { color: #fff;} .tweets-carousel .tweet-item p { float:left; margin-bottom:0; width:calc(100% - 44px); padding-top:9px; padding-right:100px;} .tweets-carousel .tweet-item:before { font-family:FontAwesome; content:"\f099"; font-size:35px; float:left; line-height:40px; padding-right:11px; width:44px;} .blox.dark .tweets-carousel .tweet-item:before { color:#fff;} .tweets-carousel .tweets-navigation { position:absolute; top:9px; right:0;} .tweets-carousel .tweets-navigation a { color:#fff; background-color:rgba(0,0,0,.55); padding:11px; transition:.3s all ease; cursor:pointer;} .tweets-carousel .tweets-navigation a:hover { background-color:rgba(0,0,0,.3);} .tweets-carousel .tweets-navigation a i { font-size:19px; vertical-align:sub; color:#fff;} .kids-t .blox.dark .tweet-item p { color: #fff;} .kids-t .tweets-carousel .tweets-navigation a { border-radius:4px;} .kids-t .tweets-carousel .tweets-navigation a i { font-style:italic;} @media only screen and (max-width:767px) { .tweets-carousel .tweet-item { text-align:center;} .tweets-carousel .tweet-item p,.tweets-carousel .tweet-item:before { float:none; width:auto; padding-right:0;} .tweets-carousel .tweets-navigation { display:none;} } /* #Page title-x for kids =================================== */ .kids-t .page-title-x h2 {padding-top: 0; font-size: 55px; font-weight: 400; text-transform: none; letter-spacing: -1px;} /* Advanced Search =================================== */ .taxonomy-search-tab .taxonomy-search-form { padding: 4%;} .taxonomy-search-form input {display: block;width: 100%;border: 1px solid #bec3c7;height: 42px;margin-bottom: 15px;color: #616161;font-family: 'Montserrat',sans-serif;font-size: 12px;padding: 10px;border-radius: 2px;} .taxonomy-search-form input::-webkit-input-placeholder { color: #b3b3b3; font-family: 'Montserrat',sans-serif; font-size: 12px;} .taxonomy-search-form input:-moz-placeholder { color: #b3b3b3; font-family: 'Montserrat',sans-serif; font-size: 12px;} .taxonomy-search-form input::-moz-placeholder { color: #b3b3b3; font-family: 'Montserrat',sans-serif; font-size: 12px;} .taxonomy-search-form input:-ms-input-placeholder { color: #b3b3b3; font-family: 'Montserrat',sans-serif; font-size: 12px;} .taxonomy-search-form input.submit-field {padding: 15px 10px;border: 0;color: #fff;text-transform: uppercase;letter-spacing: 0.3px;width: 116px;height: 43px;} #wrap .taxonomy-search-form input.submit-field:hover { background-color: #424242;} .taxonomy-search-form .nice-select {float: none;display: block;width: 100%;margin-bottom: 15px;height: 42px;line-height: 40px;border-color: #bec3c7;border-radius: 0;font-family: 'Montserrat',sans-serif;font-size: 12px;padding-right: 46px;padding-left: 10px;color: #b3b3b3;border-radius: 2px;} .taxonomy-search-form .nice-select .list { width: 100%;} .taxonomy-search-form .nice-select .option {min-height: 33px;line-height: 33px;font-family: 'Montserrat',sans-serif;font-size: 12px;text-transform: capitalize;margin-bottom: 0;} .taxonomy-search-form .nice-select:after {font-family: 'simple-line-icons';text-align: center;content: "\e604";border: 0;height: 42px;width: 42px;pointer-events: none;right: 0px;top: -1px;-webkit-transform-origin: 0% 0%;-ms-transform-origin: 0% 0%;transform-origin: 0% 0%;-webkit-transform: rotate(0deg);-ms-transform: rotate(0);transform: rotate(0);margin-top: 0;padding: 0;background-color: #0163a3;color: #fff;font-size: 9px;font-weight: 700;line-height: 42px;} .taxonomy-search-form .nice-select.open:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} .nice-select.category-field ul.list li:first-child,.nice-select.instructor-field ul.list li:first-child {display: none;} /* Advanced Search Tab =================================== */ #wrap .advanced-search-tab li.vc_tta-tab a { padding: 12px 40px; font-weight: 600; font-size: 16px; border: 0; letter-spacing: 0.8px; color: #fff;} #wrap .advanced-search-tab li.vc_tta-tab:nth-child(1) a { background: #48cfae;} #wrap .advanced-search-tab li.vc_tta-tab:nth-child(2) a { background: #ffca67;} #wrap .advanced-search-tab li.vc_tta-tab:nth-child(3) a { background: #50c1e9;} #wrap .advanced-search-tab li.vc_tta-tab.vc_active a { background: #ececec; color: #616161;} #wrap .advanced-search-tab .vc_tta-panels { padding: 22px 29px 16px 13px; border: 0; background: #ececec; min-height: 300px;} #wrap .advanced-search-tab .vc_tta-panel-body { overflow: auto;} @media (min-width:768px) and (max-width:960px) { #wrap .advanced-search-tab li.vc_tta-tab a { padding: 12px 25px;} } @media (max-width:767px) { #wrap .advanced-search-tab .vc_tta-panels { padding: 10px;} #wrap .vc_tta.vc_general .vc_tta-panel-body { padding: 30px 25px 15px 15px;} } /* #Single Portfolio =================================== */ #wrap .vc_images_carousel .vc_carousel-control span { font-size: 25px; font-family: FontAwesome; color: #fff; width: 40px !important; height: 40px !important; background: #4e4e4e; transition: all .3s ease; -webkit-transition: all .3s ease;} #wrap .vc_images_carousel .vc_carousel-control span:before { content: ""; display: inline-block; padding-top: 19px;} #wrap .vc_images_carousel .vc_carousel-control .icon-next { margin-left: -10px;} #wrap .vc_images_carousel .vc_carousel-control .icon-prev { margin-left: -29px;} #wrap .vc_images_carousel .vc_carousel-control .icon-prev:before { content: "\f104";} #wrap .vc_images_carousel .vc_carousel-control .icon-next:before { content: "\f105";} #wrap .vc_images_carousel .vc_carousel-control span:hover { background: #fb6e53;} /* #Portfolio item carousel =================================== */ .portfolio-carousel-subtitle {height: 50px;} .latest-projects-navigation {float: right;height: 40px;padding: 0;margin-top: 10px;} .latest-projects-navigation a {background: #aab2bd;display: block;padding-top: 7px;text-align: center;cursor: pointer;transition: all .22s ease;position: absolute;z-index: 1;width: 41px;height: 41px;} .latest-projects-navigation a i { color: #fff;} .latest-projects-navigation a i:before { font-size: 25px;} .latest-projects-navigation a {top: 46%;} .latest-projects-navigation .next {right: 26px;} .latest-projects-navigation .prev {left: 33px;} .portfolio-carousel-subtitle h4 {float: left;height: 50px;font-weight: 600;font-size: 24px; line-height: 33px;} .port-display-block .widget ul li { display : block;} .latest-projects-navigation a i {font-size: 20px;color: #fff;} .related-works .portfolio-item {list-style: none;position: relative;padding: 0 15px;} .related-works .portfolio-item img {width: 100%;cursor: -webkit-grab;cursor: -moz-grab;} .related-works .portfolio-item h5 {font-size: 16px;font-weight: 400;text-transform: capitalize;margin-top: 15px;margin-bottom: 3px;} .related-works .portfolio-item h5 a {color: #434a54;transition : all .22s ease;} .related-works .portfolio-meta .portfolio-date { font-size:11px; font-weight: 500;} .related-works .portfolio-meta .portfolio-cat { margin-left: 32px; fon-size: 15px; text-transform: uppercase;} .related-works .portfolio-meta .portfolio-cat a { color: #b4b4b4; font-weight: 400;} .related-works .portfolio-item > a { display: block; position: relative; cursor: -webkit-grab; cursor: -moz-grab;} .related-works .portfolio-item > a:active { cursor: -webkit-grabbing; cursor: -moz-grabbing; opacity:1;} .related-works .portfolio-item > a:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition : all .22s ease;} .related-works .portfolio-item > a:hover:before { background: #00c2e5; opacity: .5;} .related-works .portfolio-item:hover h5 a { color: #00c2e5;} .latest-projects-navigation a:hover {background: #51c1e9;border-color:transparent;} .latest-projects-navigation a:hover i { color: #fff;} @media only screen and (max-width: 479px) { .latest-projects-navigation a { padding:4px 9px 0px;} .portfolio-carousel-subtitle h4 { font-size:14px; font-weight:500; line-height: 46px;} } @media (min-width:320px) and (max-width:1200px){ .latest-projects-navigation .next {right: 22px;} .latest-projects-navigation .prev {left: 28px;} } /* Buddypress CSS */ .buddypress #wrap { background: #f5f5f5;} body.buddypress #main-content.container { padding-top:0;} @media only screen and (min-width: 961px) { body.buddypress #headline h2 { padding-bottom:10px;} } #wrap #buddypress { background-color: #fff; border: 1px solid #e6e6e6; margin: 20px 0 35px; box-shadow: 0 2px 0 0px rgba(0,0,0,0.035); padding: 0 25px 40px;} #buddypress a,#buddypress a:visited { color: #d0ae5e; transition: all 0.2s ease;} #wrap #buddypress a:hover { color: #424242;} #buddypress div.dir-search input[type=text], #buddypress li.groups-members-search input[type=text] { padding-left: 10px !important; background: #fff; font-weight: 400; font-size: 14px; padding-top: 5px !important; margin: 24px 0 10px 0;} #buddypress .comment-reply-link, #buddypress .generic-button a, #buddypress a.button, #buddypress button, #buddypress input[type=button], #buddypress input[type=reset], #buddypress input[type=submit], #buddypress ul.button-nav li a, a.bp-title-button { font-size: 14px; padding: 7px 29px; background: #d0ae5e; color: #fff !important; border-color: #d0ae5e; margin-bottom: 10px; display: inline-block;} #wrap #buddypress .comment-reply-link:hover,#wrap #buddypress a.button:focus,#wrap #buddypress a.button:hover,#wrap #buddypress button:hover,#wrap #buddypress div.generic-button a:hover,#wrap #buddypress input[type=button]:hover,#wrap #buddypress input[type=reset]:hover,#wrap #buddypress input[type=submit]:hover,#wrap #buddypress ul.button-nav li a:hover,#wrap #buddypress ul.button-nav li.current a {background: #424242; border: 1px solid #424242; color: #fff !important; outline: 0; text-decoration: none;} #buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li.selected a { background: transparent; font-weight: 400;} #buddypress div.item-list-tabs ul li a { position: relative; padding: 5px 8px;} #buddypress div.item-list-tabs ul li a:after { content: ''; width: 1px; height: 18px; position: absolute; right: 0; top: 7px; background: #e3e3e3;} #buddypress div.item-list-tabs ul li:last-child a:after { display: none;} #buddypress div.item-list-tabs ul li a span { padding: 3px 8px;} #buddypress div.item-list-tabs#subnav ul li { margin-top: 28px;} #buddypress div.activity-meta a { padding: 7px 8px 5px; font-weight: 400; color:#fff; } #buddypress div.activity-meta a span { padding-top: 2px;} #buddypress #reply-title small a span, #buddypress a.bp-primary-action span,#buddypress #reply-title small a:hover span, #buddypress a.bp-primary-action:hover span { background: transparent; padding: 0px 4px 0px 10px; border-left: 1px dashed rgb(255, 255, 255); margin-left: 6px; color: #ffffff; padding-top: 2px;} td.notification-actions > a { margin-right: 4px;} #buddypress div.message-search { margin: 0;} .message-search #messages_search_submit { padding: 9px 28px 11px !important;} #buddypress div.message-search #messages_search { margin: 27px 0 5px; display: inline-block; width: inherit;} #buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic, #buddypress .activity-list li.mini .activity-avatar img.avatar { height: 50px; margin-left: 0px; margin-top: 7px; width: 50px;} #buddypress div.item-list-tabs ul li:first-child a { padding-left: 0;} body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions { padding-top: 18px !important;} #buddypress div#item-header div#item-actions h3 { margin: 0 0 8px;} #buddypress div#item-header ul li { margin-bottom: 0;} #buddypress a.bp-secondary-action, #buddypress span.highlight { font-size: 12px; padding: 0 4px; margin-right: 5px; text-decoration: none; background: #f7f7f7;} #buddypress span.activity { font-size: 12px; opacity: 1; padding: 0 4px; background: #f7f7f7; margin-top: 5px;} #buddypress #item-meta p { font-size: 15px; margin-top: 10px; line-height: 1.4;} #buddypress #item-nav { background: #f9f9f9; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 4px 25px 0; margin: 0 -25px;} #buddypress #item-header { margin: 0 -25px;} #buddypress > form { padding-top: 25px;} #members-list .small a { margin-top: 17px; padding: 10px 22px; font-size: 14px;} #message.bp-template-notice.updated { padding: 0 25px;} #buddypress .activity-list .activity-content .activity-header img.avatar { margin: 0 5px -2px 0!important; border-radius: 50%;} #buddypress #item-header-cover-image #item-header-avatar img.avatar { width: 150px !important;} #buddypress div#item-header #item-header-cover-image #item-header-content { clear: both; float: left; margin-left: 170px; margin-top: -140px; width: auto;} #buddypress #item-header-cover-image #item-header-avatar { margin-top: 145px;} #buddypress #signup_form { overflow: hidden; padding: 50px 20px 0; } #buddypress a.llms-button-text, #buddypress .inst-cell-icon { display: none;} #buddypress .inst-cell-desc { padding: 0;} #buddypress .inst-cell-desc h4 { font-size: 13px;} /* answer questions contact form */ #wrap .answer-questions.about-us .header p, .answer-questions.about-us .header h5 { color: #fff;} #wrap .answer-questions.about-us .header p { font-size: 15px; text-transform: capitalize; margin-bottom: 22px;} #wrap .answer-questions.about-us .header h5 { font-size: 18px;} #wrap .answer-questions.about-us input[type="text"] {background: transparent;border: none; box-shadow: none;color: #fff;padding: 0;text-align: left;display: inline-block; border-bottom: 1px solid #fff; opacity: .5; margin-bottom: 150px;} #wrap .answer-questions.about-us input[type="text"]::-webkit-input-placeholder { color: #fff ; font-size: 15px; line-height: 1.9; padding: 0; font-family: 'Hind', sans-serif;} #wrap .answer-questions.about-us input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #fff ; font-size: 15px; line-height: 1.9; padding: 0; font-family: 'Hind', sans-serif;} #wrap .answer-questions.about-us input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #fff ; font-size: 15px; line-height: 1.9; padding: 0; font-family: 'Hind', sans-serif;} #wrap .answer-questions.about-us input[type="text"]:-ms-input-placeholder { color: #fff ; font-size: 15px; line-height: 1.9; padding: 0; font-family: 'Hind', sans-serif;} #wrap .answer-questions.about-us input[type="submit"] {transition: all .3s ease;-webkit-transition: all .3s ease;border: 1px solid #fff;border-radius: 40px;padding: 11px 13px 12px;font-size: 11px;text-transform: uppercase;letter-spacing: 1px;font-family: 'Roboto', sans-serif;display: inline-block;text-align: center;margin-left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);margin-bottom: 12px;} #wrap .answer-questions.about-us input[type="submit"]:hover { background: #fff; color: #d0ae5e;} #wrap .answer-questions.about-us .footer p { text-align: center;} /* Become an Instructor */ #wrap .wpcf7 .instructor p { margin-bottom: 7px; position: relative;} #wrap .wpcf7 .instructor p input, #wrap .wpcf7 .instructor p textarea { font-family: 'Montserrat',sans-serif; font-size: 12px; padding-left: 43px; transition: all 0.2s ease;} #wrap .wpcf7 .instructor p input:hover, #wrap .wpcf7 .instructor p textarea:hover { border-color: #d0ae5e;} .wpcf7 .instructor p:before {content: '';font-family: "simple-line-icons";position: absolute;left: 1px;top: 2px;z-index: 1;font-size: 17px;border-right: 1px solid #e3e3e3;background: #fff;width: 36px;height: 35px; padding: 4px 0 0 10px; color: #a1a1a1; transition: all 0.2s ease;} #wrap .wpcf7 .instructor p.name:before {content: "\e005";} #wrap .wpcf7 .instructor p.email:before { content: "\e086";} #wrap .wpcf7 .instructor p.number:before { content: "\e600";} #wrap .wpcf7 .instructor p.text:before { content: "\e013"; border-bottom: 1px solid #e3e3e3; } #wrap .wpcf7 .instructor p.file:before { height: 41px; content: "\e085"; padding-top: 7px;} #wrap .wpcf7 .instructor p.file { background: #fff;} #wrap .wpcf7 .instructor .submit input:hover { background: #424242;} #wrap .wpcf7 .instructor p:hover:before { color: #d0ae5e;} /* Course Suggestion */ #wrap .course-s input, #wrap .course-s textarea,#wrap .course-s select { font-family: 'Montserrat',sans-serif; font-size: 12px; transition: all 0.2s ease;} #wrap .course-s input { margin-bottom: 10px; padding: 15px 12px;} #wrap .course-s input:hover, #wrap .course-s textarea:hover{ border-color: #d2d2d2; background: rgba(220, 220, 220, 0.11);} #wrap .course-s .wpcf7-form-control.wpcf7-submit { margin-bottom: 10px; padding: 15px 48px; font-size: 14px; margin-top: 10px;} #wrap .course-s .wpcf7-form-control.wpcf7-submit:hover { background: #424242; color: #fff;} /*================================================================================================================= | High School Template =================================================================================================================*/ /* high school contact */ #wrap .contac-school .left-sec input { border: none; box-shadow: none; padding: 15px 16px;} .contac-school .left-sec input::-webkit-input-placeholder { color: #000; text-transform: capitalize; font-size: 13px;} .contac-school .left-sec input:-moz-placeholder { color: #000; text-transform: capitalize; font-size: 13px;} .contac-school .left-sec input::-moz-placeholder { color: #000; text-transform: capitalize; font-size: 13px;} .contac-school .left-sec input:-ms-input-placeholder { color: #000; text-transform: capitalize; font-size: 13px;} #wrap .contac-school .right-sec textarea { min-height: 175px; box-shadow: none; border: none;} .contac-school .right-sec textarea::-webkit-input-placeholder { color: #000; text-transform: capitalize; font-size: 13px; font-family: 'Montserrat', sans-serif;} .contac-school .right-sec textarea:-moz-placeholder { color: #000; text-transform: capitalize; font-size: 13px; font-family: 'Montserrat', sans-serif;} .contac-school .right-sec textarea::-moz-placeholder { color: #000; text-transform: capitalize; font-size: 13px; font-family: 'Montserrat', sans-serif;} .contac-school .right-sec textarea:-ms-input-placeholder { color: #000; text-transform: capitalize; font-size: 13px; font-family: 'Montserrat', sans-serif;} #wrap .contac-school .right-sec input[type="submit"] { color: #444; background: none; border: 3px solid #666; text-transform: uppercase; font-size: 11px; border-radius: 3px; padding: 15px 10px;} #wrap .contac-school .right-sec input[type="submit"]:hover { color: #fff; background: #444;} /* contact info */ .contac-info { margin-bottom: 14px; max-width: 314px;} .contac-info h4 { font-size: 18px; color: #303133; border-bottom: 4px solid #303133; padding-bottom: 18px; margin-bottom: 18px;} .contac-info p { color: #303133; font-size: 18px; margin-bottom: 0;} .contac-info a { font-size: 17px; color: #d0ae5e;} .contac-info h4, .contac-info p {overflow: hidden;} /* course filter */ .course-loader { display:none; width:74px; height:74px; background:url(../images/ring.gif); margin:80px auto; z-index:2;} .switch-field { padding:40px; overflow:hidden;} .switch-field input { display:none;} .switch-field label {float:left;display:inline-block;width:60px;background-color: #f8f8f8;font-family: 'Montserrat', sans-serif;font-size:12px;font-weight:400; text-transform:uppercase;text-align:center;box-shadow: 0 -2px 3px rgba(255,255,255,0.95) inset, 0 1px 0 rgba(0,0,0,0.025);text-shadow:none;padding:6px 14px;border: 1px solid #e3e3e3;border-right:0;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;} .switch-field label:last-child {border-right: 1px solid #e3e3e3;} .switch-field label:hover { cursor:pointer;} .switch-field input:checked+label {background-color: #fff;-webkit-box-shadow:none;box-shadow: 0 1px 0 rgba(0,0,0,0.025), 0 1px 3px rgba(0,0,0,0.05) inset;color: #d0ae5e;} .switch-field label:first-of-type {border-radius: 0;} .switch-field label:last-of-type {border-radius: 0;} .course-sorting-wrap {padding:30px;border: 1px solid #e3e3e3;box-shadow: 0 2px 0 0px rgba(0,0,0,0.035);} .course-sorting-wrap span { display:block; float:left; line-height:38px; margin-right:10px;} .course-sorting-wrap .nice-select { clear:none; width:33%; height:38px; line-height:36px; background-color:#f8f8f8; border-color:#e3e3e3; border-radius:0; font-family:Montserrat,sans-serif; font-size:12px; padding-right:38px; padding-left:10px; margin-right:30px;} .course-sorting-wrap .nice-select:after { font-family: 'FontAwesome'; content: "\f107"; border: 0; height: 100%; width: auto; pointer-events: none; right: 0px; top: 0px; bottom: 1px; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotate(0deg); -ms-transform: rotate(0); transform: rotate(0); margin-top: 0; padding: 0 10px; background-color: #fff; color: #d0ae5e; font-size: 22px; font-weight: 700; border-left: 1px solid #e2e2e2;} .course-sorting-wrap .nice-select.open:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} .course-sorting-wrap .switch-field { padding:0; overflow:hidden; float:left; padding-bottom:2px;} @media (min-width:960px) and (max-width:1200px) { .course-sorting-wrap .nice-select { width:38%;} } @media (max-width:767px) { .course-sorting-wrap .nice-select { width:calc(100% - 57px); margin-right:0; margin-bottom:15px;} .course-sorting-wrap .switch-field { margin-left:57px;} } .empty-filter-result { display: block; margin: auto;} /* webnus time table */ .kindergarten-menu div.tab .wb_time_table { margin-bottom: 0; } .kindergarten-menu div.tab .wb_time_table tbody tr.days th { padding-top: 33px; padding-bottom: 33px; color: #fff !important; font-weight: bold; font-size: 16px; } .kindergarten-menu .wb_desc { font-size: 15px; } .kindergarten-menu .wb_time_table tbody tr td { position: relative; padding: 10px 25px; height: 88px; } .kindergarten-menu .wb_time_table tbody tr td:after { content: ''; position: absolute; display: block; bottom: 0; left: 50%; margin-bottom: -14px; margin-left: -14px; width: 28px; height: 28px; border-radius: 50%; background: #fff; z-index: 2;} .kindergarten-menu .wb_time_table tbody tr td:before { font-family: FontAwesome; content: "\f067"; position: absolute; display: block; font-size: 14px; bottom: 0; left: 50%; margin-bottom: -11px; margin-left: -5px; z-index: 3;} .kindergarten-menu .wb_time_table tbody tr td:nth-child(5n+1):before { color: #FD4964;} .kindergarten-menu .wb_time_table tbody tr td:nth-child(5n+2):before { color: #F5BA5A;} .kindergarten-menu .wb_time_table tbody tr td:nth-child(5n+3):before { color: #00D0AF;} .kindergarten-menu .wb_time_table tbody tr td:nth-child(5n+4):before { color: #00C0E2;} .kindergarten-menu .wb_time_table tbody tr td:nth-child(5n+5):before { color: #AD8CE3;} .kindergarten-menu .wb_time_table tbody tr:last-child td:after, .kindergarten-menu .wb_time_table tbody tr:last-child td:before { display: none;} .food-timetable .wb_time_table tbody td.time { color: #fff !important; font-weight: 600; font-size: 16px; } .food-timetable .wb_time_table tbody td.time img { margin-bottom: 6px; } @media (max-width: 960px) { .countdown-clock .flip-clock-divider { width: 11px; } .flip-clock-divider:first-child { width: 0; font-size: 11px; } } /* New LifterLMS Quiz */ #llms_start_quiz { margin: 0 !important; line-height: 75px; border-radius: 0; } #llms_start_quiz { height: 100%; } div#quiz-start-button #llms_start_quiz { line-height: 20px; margin-right: 10px !important; } .llms-question-wrapper { border: none; margin: 0; border-top: 0; padding: 0; } #llms-quiz-question-wrapper { margin-top: 0; } .single-llms_quiz .llms-quiz-results .llms-quiz-results-history { width: 100%; } button#llms-prev-question { line-height: 28px; background: #828282; } button#llms-prev-question:hover { background: #222; color: #fff; } /* end --------------