@charset "utf-8"; /** * * ----------------------------------------------------------------------------- * * Template : Hepta - Multipurpose Business WordPress Theme * Author : rs-theme * Author URI : http://www.rstheme.com/ * * ----------------------------------------------------------------------------- * **/ /* Table Of Content --------------------------------------------------------- 01. General CSS 02. Global Class 03. Header Section 04. Sticky Menu 05. Slider Section 06. About Us 07. Services 08. Calltoaction 09. Portfolio 10. Pricing Tables 11. Team Member 12. Newsletter 13. Testimonial 15. Contact Us 16. Footer 17. Scroll Up 18. Video 19. Counter up 20. Breadcrumbs 21. Portfolio Details 25. Home Banner 26. Preloader 27. FAQ --------------------------------------------------------*/ /*contact layout*/ input[type="submit"] { border: none; padding: 10px 18px; } textarea { border: none; padding: 10px 18px; height: 150px; } input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"] { height: 45px; padding: 10px 18px; } input[type="submit"] { background: #4d6de6; } /* ----------------------- 15. Contact Us --------------------------*/ #rs-contact { background: #f6f6f6; position: relative; } #rs-contact .contact-form .col-md-12 { padding: 0; margin-bottom: 22px; } #rs-contact .contact-form .col-md-12 .wpcf7-text, #rs-contact .contact-form .col-md-12 textarea { width: 100%; } #rs-contact .contact-form .col-md-12 textarea { height: 120px; } #rs-contact .contact-form .wpcf7-submit { height: 55px; } #rs-contact .wpb_text_column { margin: 0; } #rs-contact .address h3 { margin: -5px 0 3px; font-size: 20px; line-height: 22px; } #rs-contact .address .vc_icon_element { margin: 30px 0 36px; background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.08); transition: all .5s ease; } #rs-contact .address .vc_icon_element:hover { background: #4d6de6; } #rs-contact .address .vc_icon_element:hover .vc_icon_element-icon:before { color: #fff !important; } #featured-btm .services-style-2 .services-desc { font-size: 14px; } #whychoose .vc_col-sm-4 .vc_column-inner .wpb_wrapper { box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 50px 25px 12px; } #whychoose .vc_col-sm-4 .vc_column-inner .wpb_text_column .wpb_wrapper { box-shadow: none; border-radius: 0; padding: 0; } /* Blog Design */ .rs-blog-grid .pagination-area, .rs-team .pagination-area { padding-bottom: 30px; } .rs-blog .cat_name { display: none; } .rs-blog .blog-meta .blog-title { font-size: 22px; margin: 0px 0 9px; font-weight: 600; line-height: 28px !important; text-transform: capitalize; } .rs-blog .blog-meta .blog-title a { color: #222222; } .rs-blog .blog-meta .blog-title a:hover { color: #4d6de6; } .rs-blog .full-blog-content { padding: 0px 0 0 0; } .full-blog-content { padding: 20px 30px 25px; } .full-blog-content .blog-meta { text-transform: initial; font-size: 12px !important; } .full-blog-content .blog-title { font-size: 22px; margin: 4px 0 6px; line-height: 30px; font-weight: 600; } .full-blog-content .blog-title a { color: #222222; } .full-blog-content .blog-title a:hover { color: #4d6de6; } .full-blog-content .blog-date { padding: 0; color: #909090; margin-right: 0; line-height: normal; } .full-blog-content .author { display: inline-block; padding: 0; margin-right: 0; line-height: normal; color: #909090; } .full-blog-content .author i { color: #aaa; margin-right: 3px; } .archive .rs-blog .blog-item { margin-bottom: 50px; background: #fff; padding-bottom: 40px; border-bottom: 1px solid #ededed; } .blog .rs-blog .col-md-9 article:first-child .blog-item { border-top: none !important; padding-top: 0 !important; } .blog .rs-blog .blog-item { margin-bottom: 40px; padding-top: 50px; border-top: 1px solid #ededed; background: #fff; } .blog .rs-blog .blog-item .blog-img { position: relative; border-radius: 0px; } .blog .rs-blog .blog-item .blog-img img { width: 100%; } .blog .rs-blog .blog-item .blog-img .blog-img-content { width: 100%; height: 100%; top: 100%; left: 0; text-align: center; z-index: 10; padding: 0px; opacity: 1; -webkit-transition: 0.3s all ease-out; transition: 0.3s all ease-out; } .blog .rs-blog .blog-item .blog-img .blog-img-content .blog-link { display: inline-block; font-size: 19px; width: 52px; line-height: 54px; height: 52px; text-align: center; border-radius: 50%; background: #fff; transition: all .3s ease 0s; } .blog .rs-blog .blog-item .blog-img .blog-img-content .blog-link:hover { opacity: 0.75; } .blog .rs-blog .blog-item .blog-img .blog-img-content .blog-title { font-size: 18px; line-height: 22px; font-weight: normal; margin-top: 15px; color: #4d6de6; margin-bottom: 0; } .blog .rs-blog .blog-item .blog-img .blog-img-content .blog-title a { color: #222222; } .blog .rs-blog .blog-item .blog-img .blog-img-content .blog-title a:hover { color: #4d6de6; } .blog .rs-blog .blog-item .blog-img .blog-img-content:hover .blog-img-content { top: 0; } #blog-home .owl-navigation-yes .owl-nav { top: -80px; } .bs-img { border-radius: 0; position: relative; overflow: hidden; } .bs-img img { width: 100%; } .widget-title a { color: #fff; } .widget-title a:hover { color: #fff; } .widget-title a:visited { color: #fff; } /* ----------------------- 14. Blog Post --------------------------*/ .rs-blog .grid-blog { margin-top: 50px; } .rs-blog .blog-item { margin-bottom: 50px; background: #fff; } .rs-blog .blog-item .blog-img { position: relative; margin-bottom: 0; overflow: hidden; border-radius: 0; } .rs-blog .blog-item .blog-img img { width: 100%; border-radius: 0; } .rs-blog .blog-item .blog-img .blog-img-content { position: absolute; width: 100%; height: 100%; top: 50%; left: 0; text-align: center; z-index: 10; padding: 20px; opacity: 0; -webkit-transition: 0.3s all ease-out; transition: 0.3s all ease-out; } .rs-blog .blog-item .blog-img .blog-img-content .blog-link { display: inline-block; font-size: 19px; width: 52px; line-height: 54px; height: 52px; text-align: center; border-radius: 50%; background: #fff; transition: all .3s ease 0s; } .rs-blog .blog-item .blog-img .blog-img-content .blog-link:hover { background: #4d6de6; color: #fff !important; } .rs-blog .blog-item .blog-img .blog-img-content .blog-title { font-size: 16px; line-height: 22px; font-weight: 500; margin-top: 15px; color: #fff; margin-bottom: 0; } .rs-blog .blog-item .blog-img .blog-img-content .blog-title a { color: #fff; } .rs-blog .blog-item .blog-img .blog-img-content .blog-title a:hover { color: rgba(255, 255, 255, 0.6); } .rs-blog .blog-item .blog-img:hover .blog-img-content { top: 0px; opacity: 1; } .rs-blog .blog-item .blog-meta { transition: all 0.3s ease 0s; } .rs-blog .blog-item .blog-meta .blog-date { display: inline-block; font-weight: 400; font-size: 12px; margin-bottom: 5px; } .rs-blog .blog-item .blog-meta .blog-date i { color: #aaa; margin-right: 3px; font-size: 12px; } .rs-blog .blog-item .blog-meta .blog-lc { display: inline-block; } .rs-blog .blog-item .blog-meta .blog-lc > div { display: inline-block; } .rs-blog .blog-item .date-post { padding: 0; color: #909090; margin-right: 8px; margin-bottom: 8px; display: inline-block; font-size: 12px; } .rs-blog .blog-item span.author { padding: 0; color: #909090; margin-right: 12px; margin-bottom: 10px; margin-left: 0; display: inline; position: relative; font-size: 12px; text-transform: initial; } .rs-blog .blog-item div.comment { padding: 0; color: #222222; border-radius: 30px; text-transform: uppercase; font-size: 13px !important; line-height: normal; } .rs-blog .blog-item .blog-author { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .rs-blog .blog-item .blog-author .author-img { float: left; } .rs-blog .blog-item .blog-author .author-img img { height: 70px; width: 70px; border-radius: 50%; } .rs-blog .blog-item .blog-author .author-info { margin-left: 15px; } .rs-blog .blog-item .blog-author .author-info .author-name { font-size: 15px; margin-bottom: 0; } .rs-blog .blog-item .blog-author .author-info .author-title { font-size: 12px; } .rs-blog .blog-item .blog-desc { margin: 0 0 15px; clear: both; } .rs-blog .blog-item .blog-desc p { margin-bottom: 0; } .rs-blog .blog-item .blog-button { padding: 15px 0; } .rs-blog .blog-item .blog-button a { color: #fff; transition: all 0.3s ease 0s; padding: 8px 25px; border: 2px solid #4d6de6; border-radius: 25px; background: #4d6de6; } .rs-blog .blog-item .blog-button a:hover { color: #fff; background: transparent !important; } .rs-blog .blog-item .blog-button a i { -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; margin-left: 3px; } .rs-blog .blog-item:hover .blog-button a { color: #222222; background: transparent !important; } .rs-blog .blog-item:hover .blog-button a i { margin-left: 10px; } .rs-blog .full-layout { width: 100%; } .rs-blog .sidebar-none { display: none; } .rs-blog .owl-nav { display: none; } .rs-blog .home_full_blog { padding: 4px 25px 20px; } .rs-blog .home_full_blog h3 { margin: 0px 0 20px !important; } .rs-blog .home_full_blog .blog-desc { margin-bottom: 20px; } .rs-blog .home_full_blog .blog-date { padding-top: 15px; } .comment i { color: #999; font-size: 12px; } .blog .rs-blog .blog-item .blog-img { margin-bottom: 40px !important; } .single-post .rs-blog-details .bs-meta { margin-top: 0; } .single-post .rs-blog-details .type-post .single-content-full { padding-top: 0; } .single-post .bs-img img { margin-bottom: 30px; } .home-blog-area .blog-item { padding: 0 1px; background: transparent; } .home-blog-area .blog-item .content-overlay:before { border-radius: 5px; } .home-blog-area .blog-item .blog-img img { border-radius: 5px 5px 0 0; } .home-blog-area .home_full_blog { border: none; border: 1px solid rgba(0, 0, 0, 0.04); border-radius: 0 0 5px 5px; } .blog-minimal .home_full_blog, .blog-corporate .home_full_blog, .blog-seo .home_full_blog { padding: 4px 30px 20px; } .blog-seo .rs-blog .blog-item div.comment { padding: 6px 28px 5px; } #blog-home.blog-personel .owl-nav { display: none !important; } .ps-navigation { margin-top: 50px; margin-bottom: 50px; } .ps-navigation ul { display: -webkit-flex; /* Safari */ -webkit-justify-content: space-between; /* Safari 6.1+ */ display: flex; justify-content: space-between; margin: 0 !important; list-style: none; } .ps-navigation ul a { text-transform: uppercase; background: transparent; color: #444444; border-radius: 3px; font-weight: bold; } .ps-navigation ul a span { display: block; font-weight: normal; text-transform: capitalize; vertical-align: middle; } .ps-navigation ul a i { vertical-align: text-top; } .ps-navigation ul a:hover { color: #4d6de6; } .ps-navigation ul a:hover span { color: #4d6de6 !important; } .ps-navigation ul li:nth-child(2) { text-align: right; } /* ------------------------------------ 22. Blog Details ---------------------------------------*/ .rs-blog-details .type-post { background: #fff; } .rs-blog-details .type-post .single-content-full { padding: 12px 0 0px; overflow: hidden; } .rs-blog-details .type-post .tag-line { padding: 0; } .rs-blog-details .type-post .tag-line a { font-weight: 400; color: #909090; text-transform: initial; } .rs-blog-details .type-post .tag-line a:hover { color: #4d6de6; } .rs-blog-details .bs-info { margin-bottom: 15px; } .rs-blog-details .ps-navigation ul { list-style: none; margin: 0; } .rs-blog-details .bs-title { margin-top: 0px; font-size: 22px; line-height: 1.2; margin-bottom: 5px; } .rs-blog-details .single-page-info .p-user { text-transform: capitalize; } .rs-blog-details .single-page-info .p-user .author-img { display: inline-block; margin-right: 12px; margin-bottom: 10px; } .rs-blog-details .single-page-info .p-user .author-img img { border-radius: 50%; } .rs-blog-details .single-page-info .p-date, .rs-blog-details .single-page-info .author-name, .rs-blog-details .single-page-info .p-cname { padding: 0; color: #909090; font-size: 12px; line-height: 24px; display: inline-block; margin-bottom: 0; } .rs-blog-details .single-page-info .author-name { color: #909090; } .rs-blog-details .bs-meta { font-size: 12px; margin: 15px 0 0; padding: 0; } .rs-blog-details .bs-meta li { display: inline-block; line-height: 10px; margin-right: 15px; } .rs-blog-details .bs-meta li i { margin-right: 3px; font-size: 12px; color: #aaa; } .rs-blog-details .bs-meta li a { color: #909090; } .rs-blog-details .bs-meta li.category-name ul { margin: 0; float: left; padding-left: 8px; } .rs-blog-details .bs-desc { margin-top: 15px; } .rs-blog-details .bs-desc p:last-child { margin-bottom: 10px; } .rs-blog-details .bs-desc ul { margin-left: 20px; } .rs-blog-details .blockquote { padding-left: 30px; border-left: 4px solid #444444; display: block; margin: 40px 0; background: #f7f7f7; padding-bottom: 30px; padding-top: 30px; font-size: 14px !important; border-radius: 5px; } .rs-blog-details .related-post { margin-top: 40px; padding: 0 15px; } .rs-blog-details .related-post .related-title { font-size: 20px; font-weight: 500; margin-bottom: 30px; } .rs-blog-details .related-post .blog-title { margin-bottom: 10px; font-size: 16px; font-weight: 500; } .rs-blog-details .related-post .blog-title a { color: #222222; } .rs-blog-details .related-post .blog-title a:hover { color: #4d6de6; } .rs-blog-details .author-block { align-items: center; margin-top: 50px; padding: 35px 0px 30px; text-align: center; overflow: hidden; border-radius: 0px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; } .rs-blog-details .author-block .author-img { float: left; width: 17%; padding-right: 30px; } .rs-blog-details .author-block .author-img img { border-radius: 5px; width: 120px; } .rs-blog-details .author-block .author-desc { float: left; width: 83%; text-align: left; } .rs-blog-details .author-block .author-title { margin: -10px 0 8px 0; font-size: 20px; position: relative; text-transform: capitalize; } .rs-blog-details .author-block .author-title:after { background: #4d6de6; content: ""; position: absolute; left: 0; bottom: -5px; right: auto; width: 120px; height: 1px; margin: 0 auto; display: none; } .rs-blog-details .author-block .author-title a { color: #212121; } .rs-blog-details .author-block p { margin-bottom: 8px; } .rs-blog-details .comment-respond { margin-top: 0px; } .rs-blog-details .comments-title { font-size: 20px; font-weight: 500 !important; margin-bottom: 40px; } .rs-blog-details #reply-title { font-size: 22px; font-weight: 600; margin-bottom: 30px; margin-top: 40px; position: relative; padding: 0 0 12px; } .rs-blog-details #reply-title:before { content: ""; position: absolute; background: #4d6de6; height: 2px; width: 50px; left: 0; bottom: 0; display: block; z-index: 1; } .rs-blog-details #reply-title small { font-size: 80%; } .rs-blog-details #reply-title small a { color: #212121; } .rs-blog-details #reply-title small a:hover { color: #4d6de6; } .rs-blog-details .comment-block { margin-top: 50px; } .rs-blog-details .comment-block .comment { padding: 25px; background: #fff; -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2); margin-bottom: 35px; } .rs-blog-details .comment-block .comment .comment-header { margin-bottom: 10px; } .rs-blog-details .comment-block .comment .comment-header:before, .rs-blog-details .comment-block .comment .comment-header:after { content: ""; display: table; } .rs-blog-details .comment-block .comment .comment-header:after { clear: both; } .rs-blog-details .comment-block .comment img { float: left; margin-right: 15px; } .rs-blog-details .comment-block .comment h3 { margin: 5px 0 0 0; font-size: 16px; line-height: 22px; } .rs-blog-details .comment-block .comment .comment-body p.desc { margin-bottom: 10px; } .rs-blog-details .comment-block .comment .comment-reply { margin-bottom: 0; } .single .tag-line { position: relative; padding: 0 17px !important; } .single .tag-line:before { font-family: FontAwesome; content: "\f02b"; position: absolute; left: 0; top: 0px; width: 14px; color: #aaa; } .single .tag-line a { display: inline-block; margin-right: 0; margin-left: 0; margin-bottom: 0; font-size: 12px; padding: 0; background: #fff; border-radius: 0; position: relative; } .btm-cate { overflow: hidden; list-style: none; margin: 0 0 5px; padding: 0 0 12px; position: relative; } .btm-cate li { float: left; margin-right: 25px; } .btm-cate li a { color: #909090; } .btm-cate li a:hover { color: #4d6de6; } .btm-cate .category-name i { margin-right: 3px; color: #aaa; } .btm-cate .tag-line { position: relative; padding-left: 17px; } .btm-cate .tag-line::before { font-family: FontAwesome; content: "\f02b"; position: absolute; left: 0; top: 0px; width: 14px; color: #aaa; } .comment-respond .form-field { margin-bottom: 30px; position: relative; } .comment-respond .form-field i { position: absolute; top: 50%; left: 16px; transform: translateY(-50%); } .comment-respond .form-field input { width: 100%; height: 50px; padding: 5px 15px; border: 1px solid rgba(0, 0, 0, 0.1); } .comment-respond .form-field #comment { width: 100%; padding: 10px 20px; border: 1px solid rgba(0, 0, 0, 0.1); } .comment-respond .form-submit { clear: both; } .comment-respond .form-submit #submit { position: relative; display: inline-block; padding: 11px 27px; border-radius: 30px; line-height: normal; font-size: 14px; color: #fff; transition: all 0.3s ease 0s; border: none; text-transform: capitalize; } .comment-respond .form-submit #submit:hover { color: rgba(255, 255, 255, 0.8); } .comments-area { margin-top: 0; } .comments-area ol.children { padding: 0; } .comments-area .comment-list { margin: 0; padding: 0; } .comments-area .comment-list li.comment { padding: 0; margin: 20px 0 25px; border-radius: 5px; list-style: none; } .comments-area .comment-list li.comment .comment-full { margin-bottom: 25px; padding: 0; border-radius: 0px; position: relative; padding-bottom: 30px; border-bottom: 1px solid #ddd; } .comments-area .comment-list li.comment .comment-full .comment-body { padding-bottom: 0; position: relative; padding-left: 98px; } .comments-area .comment-list li.comment #respond { padding-left: 98px; padding-bottom: 12px; padding-top: 0px; } .comments-area .comment-list li.comment span.says { display: none; } .comments-area .comment-list li.comment .comment-author { text-transform: capitalize; } .comments-area .comment-list li.comment .comment-author a { color: #212121; } .comments-area .comment-list li.comment .comment-author img { float: left; border-radius: 5px; position: absolute; left: 0; } .comments-area .comment-list li.comment .comment-author b { float: left; padding-right: 14px; padding-top: 0; } .comments-area .comment-list li.comment .comment-metadata { margin-left: 0; margin-top: 0; font-size: 14px; padding-top: 0; } .comments-area .comment-list li.comment .comment-metadata a time { color: #909090; } .comments-area .comment-list li.comment .comment-content { margin-top: 0; border-radius: 5px; padding-left: 0; padding-right: 0; } .comments-area .comment-list li.comment .comment-content p { margin-bottom: 4px; color: #666; } .comments-area .comment-list li.comment .reply { padding-left: 0; margin-bottom: 0; margin-top: 10px; padding-bottom: 0; text-align: left; } .comments-area .comment-list li.comment .reply a { position: relative; margin-left: 0; background: #4d6de6; color: #fff; padding: 6px 20px 7px; border-radius: 20px; } .comments-area .comment-list li.comment .comment { margin-bottom: 0; padding-bottom: 0; } .comments-area .comment-list li.comment ol.children li { padding-right: 0; margin-left: 2.5em; } .comments-area p.comment-form-author { float: left; width: 50%; padding-right: 25px; } .comments-area p.comment-form-author label { display: block; } .comments-area p.comment-form-author input { width: 100%; height: 50px; padding: 5px 10px; border: 1px solid #ddd; border-radius: 5px; } .comments-area p.comment-form-email { float: left; width: 50%; } .comments-area p.comment-form-email label { display: block; } .comments-area p.comment-form-email input { width: 100%; height: 50px; padding: 5px 10px; border: 1px solid #ddd; border-radius: 5px; } .comments-area p.comment-form-url { clear: both; } .comments-area p.comment-form-url label { display: block; } .comments-area p.comment-form-url input { width: 100%; height: 50px; padding: 5px 10px; border: 1px solid #ddd; border-radius: 5px; } .comments-area p.comment-form-comment { clear: both; } .comments-area p.comment-form-comment label { display: block; } .comments-area p.comment-form-comment textarea { width: 100%; height: 160px; padding: 5px 10px; border: 1px solid #ddd; border-radius: 5px; } .comments-area .comment-navigation { overflow: hidden; } .comments-area .comment-navigation .nav-previous { position: relative; padding-left: 18px; } .comments-area .comment-navigation .nav-previous:before { content: "\f104"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; left: 0; top: 1px; color: #4caf50; } .comments-area .comment-navigation .nav-next { position: relative; padding-right: 18px; } .comments-area .comment-navigation .nav-next:before { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; right: 0; top: 1px; color: #4caf50; } .comments-area label { font-weight: 400; } .comment-full .comment-form-cookies-consent, .comment-full .comment-form-url { display: none; } .inner-page-title { padding-top: 70px; } .dynamic-sidebar section.widget, .dynamic-sidebar .recent-widget { background: #fff; padding: 0 0 0 25px; border-radius: 5px; } .dynamic-sidebar .recent-widget { margin: 0 0 2.5em; } .padding-left-sidebar .dynamic-sidebar section.widget, .padding-left-sidebar .dynamic-sidebar .recent-widget { padding: 0 0 0 0px; } #respond { border-radius: 5px; } li.comment #respond { background: none; box-shadow: none; padding: 0; border-radius: 0; } .check-arrow { padding: 0; } .check-arrow li { position: relative; list-style: none; padding: 0 0 0 26px; } .check-arrow li:before { font-family: FontAwesome; content: "\f00c"; position: absolute; left: 4px; right: auto; top: 0px; font-size: 14px; color: #222222; } .check-circle { padding: 0; } .check-circle li { position: relative; list-style: none; padding: 0 0 0 26px; } .check-circle li:before { font-family: FontAwesome; content: "\f058"; position: absolute; left: 0; right: auto; top: 0px; font-size: 18px; color: #4d6de6; width: 40px; height: 40px; } /* ------------------------------------ 23. Blog Sidebar ---------------------------------------*/ .bs-sidebar .widget-title { color: #222222; padding: 0 0 15px; font-size: 20px; line-height: 26px; font-weight: 600 !important; position: relative; } .bs-sidebar .widget-title:before { content: ""; position: absolute; background: #4d6de6; height: 2px; width: 50px; left: 0; bottom: 0; display: block; z-index: 1; } .bs-sidebar .widget:last-child { margin-bottom: 0; } .bs-sidebar .widget-title { font-weight: 600; margin-bottom: 25px; } .bs-sidebar ul { margin: 0; padding: 0; list-style: none; } .bs-sidebar ul a { color: #444444; transition: all 0.3s ease 0s; } .bs-sidebar ul a:hover { color: #4d6de6; } .bs-sidebar ul li { border-top: 1px solid rgba(0, 0, 0, 0.06); margin-top: 10px; padding-top: 10px; } .bs-sidebar ul li + li { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(0, 0, 0, 0.06); } .bs-sidebar .widget_categories ul li { border-top: none; padding: 6px 0px 6px 14px; border: none; margin-top: 0px; position: relative; } .bs-sidebar .widget_categories ul li:after { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; left: 0; top: 6px; color: #444444; } .bs-sidebar .widget_recent_comments ul li { border-top: 1px solid rgba(0, 0, 0, 0.06); border-bottom: none; } .bs-sidebar .widget_recent_comments ul li:first-child { border-top: none; margin-top: 0; padding-top: 0; } .bs-sidebar .widget_archive ul li { border: none; position: relative; padding: 6px 0px 6px 14px; margin: 0; } .bs-sidebar .widget_archive ul li:after { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; left: 0; top: 6px; color: #444444; } .bs-sidebar .bs-search { overflow: hidden; position: relative; } .bs-sidebar .bs-search input { border: 1px solid #ddd; color: #444444; padding: 10px 17px; width: 100%; border-radius: 5px; } .bs-sidebar .bs-search button { background: transparent; border: medium none; color: #666666; padding: 7px 16px; position: absolute; right: 0px; top: 0; z-index: 10; font-size: 20px; outline: none; border-radius: 25px; } .bs-sidebar .bs-search label { display: inline; font-weight: normal; } .bs-sidebar .widget_categories ul, .bs-sidebar .widget_recent_entries ul, .bs-sidebar .widget_archive ul, .bs-sidebar .widget_meta ul { list-style: none; } .bs-sidebar .recent-post-widget .show-featured:first-child { margin-top: 8px; } .bs-sidebar .recent-post-widget > div + div { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(0, 0, 0, 0.06); } .bs-sidebar .recent-post-widget .post-date { font-size: 13px; color: #909090; } .bs-sidebar .recent-post-widget .post-title { font-weight: 500; margin-bottom: 0; } .bs-sidebar .recent-post-widget .post-title a { font-size: 15px; } .bs-sidebar .recent-post-widget .post-desc a { display: block; line-height: 22px; color: #444444; transition: all 0.3s ease 0s; } .bs-sidebar .recent-post-widget .post-desc a:hover { color: #4d6de6; } .bs-sidebar .recent-post-widget .post-desc span { display: block; font-size: 13px; color: #888; } .bs-sidebar .tagcloud a { display: inline-block; margin: 10px 3px 0px 0; line-height: 20px; padding: 6px 12px; font-size: 13px !important; text-transform: capitalize; -webkit-transition: all .3s ease; transition: all .3s ease; background: #ffffff; color: #444444; border: 1px solid #f0f0f0; border-radius: 5px; } .bs-sidebar .tagcloud a:hover { background-color: #4d6de6; color: #fff; border: 1px solid #4d6de6; } .bottom-shadow1 { padding: 25px 0 20px 0; } .rs-footer .widget ul li .fa { padding-right: 10px; } .rs-footer .widget.widget_nav_menu ul li { position: relative; padding: 4px 0 4px 15px; border-top: 1px solid rgba(255, 255, 255, 0.2); } .rs-footer .widget.widget_nav_menu ul li:first-child { border-top: 0; } .rs-footer .widget.widget_nav_menu ul li.current-menu-item:before { color: #eee; display: none; } .rs-footer .widget.widget_nav_menu ul li a:hover { color: #222222 !important; } .rs-footer .widget.widget_nav_menu ul li:before { content: "\f101"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; left: 0; top: auto; color: #fff; } .page-header { margin: 0 0 20px; } .page-header h1 { margin-top: 0; } body.search .entry-summary .blog-button a.readmore i { position: relative; top: 1px; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; } body.search article:hover .blog-button a.readmore i { margin-left: 10px; } .bs-search { overflow: hidden; position: relative; } .bs-search input { border: 1px solid #ddd; color: #444444; padding: 10px; width: 100%; } .bs-search button { background: transparent; border: medium none; color: #222222; padding: 8px 11px; position: absolute; right: 0; top: 0; z-index: 999; font-size: 20px; outline: none; } .bs-search label { display: inline; font-weight: normal; } article.sticky .blog-title a { color: #4d6de6; position: relative; padding-left: 25px; } article.sticky .blog-title a:after { font-family: FontAwesome; content: "\f08d"; position: absolute; left: 0; top: 2px; color: #4d6de6; font-size: 25px; } .archive-post h3.blog-title a { color: #222222; } .archive-post h3.blog-title a:hover { color: #4d6de6; } /* ------------------------------------ 24. Blog Pagination ---------------------------------------*/ .pagination-area { padding-top: 0px; overflow: hidden; clear: both; } .pagination-area .pagination { padding: 0; margin: 0; } .pagination-area .nav-links { text-align: center; } .pagination-area .nav-links span.current { padding: 8px 15px; line-height: 26px; background: transparent; font-size: 18px; text-decoration: none; transition: all 0.3s ease 0s; text-align: center; background: #4d6de6; color: #ffffff; display: inline-block; min-width: 40px; height: 40px; vertical-align: top; } .pagination-area .nav-links > * { border-radius: 50px; margin-left: 3px; margin-right: 3px; } .pagination-area .nav-links a { padding: 8px 15px; line-height: 26px; color: #aaa; font-size: 18px; text-decoration: none; transition: all 0.3s ease 0s; text-align: center; display: inline-block; min-width: 40px; height: 40px; vertical-align: top; } .pagination-area .nav-links a:hover { background: #4d6de6; color: #ffffff !important; } .pagination-area .nav-links a.next.page-numbers, .pagination-area .nav-links a.prev.page-numbers { background: none !important; } .pagination-area .nav-links a.next.page-numbers:hover, .pagination-area .nav-links a.prev.page-numbers:hover { color: #4d6de6 !important; } .comment-list .pingback, .comment-list .trackback { list-style: none; padding-bottom: 15px; padding-top: 15px; } .rs-blog-details .bs-meta li.category-name a { line-height: 22px; } li.category-name ul.post-categories { position: relative; float: none !important; padding-left: 22px !important; } li.category-name ul.post-categories:before { content: "\f115"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; left: 0; top: 7px; color: #4d6de6; } .services-style-2 .services-wrap .services-item .services-icon { overflow: hidden; } .services-style-2 .services-wrap .services-item .services-desc { text-align: center; } .services-style-2 .services-wrap .services-item .services-desc .services-title2 { font-size: 18px; margin: 10px 0 4px; line-height: normal; } .services-style-2 .services-wrap .services-item .services-desc .services-title2 a { color: #222222; } .services-style-2 .services-wrap .services-item:hover .services-title2 a { color: #4d6de6; } #video-section .gym-counter h2 { margin: 8px 0 5px !important; } #video-section .gym-counter h3 { color: #505050 !important; } #video-section .wpb_wrapper strong { font-size: 16px; text-transform: uppercase; font-style: normal; color: #4d6de6; letter-spacing: 1px; text-align: center; } #video-section.consulting-video { position: relative; } #video-section.consulting-video:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(77, 109, 230, 0.95) !important; width: 100%; height: 100%; display: block !important; opacity: 1 !important; } #video-section.consulting-video .rs-video-2 .popup-videos { box-shadow: none; background: #fff; } #video-section.consulting-video .rs-video-2 .popup-videos i { color: #4d6de6; } #video-section.consulting-video #cl-testimonial .testimonial-slide3 { background: transparent; } #video-section.consulting-video #cl-testimonial .slick-dots { display: none !important; } #video-section.consulting-video #counter-list { padding-top: 28px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); } #video-section.consulting-video #counter-list .count-icon { float: none; text-align: center; } #video-section.consulting-video #counter-list .count-desc { float: none; text-align: center; } #video-section .counter-top-area { position: relative; text-align: center; margin-bottom: 30px; background: transparent; box-shadow: none; } #video-section .counter-top-area h2 { font-size: 30px; font-weight: 600 !important; padding: 0; margin: 20px 0 10px; } #video-section .counter-top-area h3 { color: #cccccc; font-weight: 400; letter-spacing: 2px; margin-bottom: 0; margin-left: 5px; font-size: 15px; text-transform: capitalize; } #video-section .counter-top-area .rs-count { padding: 0 0 25px 0; } #video-section .counter-top-area .rs-counter-list i { display: inline-block; font-size: 46px; color: #4d6de6; } #video-section #right-content .vc_col-sm-6 { padding: 20px; } #video-section #right-content .rs-counter-list h3 { color: #444444; } #video-section:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.7); } #whychoose .inner-col h3 { margin: 0; font-size: 18px; text-transform: uppercase; } #whychoose .vc_icon_element-inner { background: transparent; border: 1px solid #4d6de6; } #whychoose .vc_icon_element-inner .fa { color: #4d6de6; } /* ---------------------------------- 09. Portfolio -------------------------------------*/ .rs-portfolio .portfolio-filter { margin-bottom: 50px; text-align: center; } .rs-portfolio .portfolio-filter button { color: #212121; margin: 0 25px 15px 0; padding: 0; line-height: 100%; border: none; border-radius: 0; font-weight: 400; text-transform: capitalize; outline: none; border-radius: 35px; } .rs-portfolio .portfolio-item { position: relative; overflow: hidden; } .rs-portfolio .portfolio-item .portfolio-content { position: absolute; width: 100%; height: 100%; top: 30%; left: 0; text-align: center; z-index: 10; padding: 25px; opacity: 0; visibility: hidden; -webkit-transition: 0.3s all ease-out; transition: 0.3s all ease-out; } .rs-portfolio .portfolio-item .portfolio-img img { width: 100%; } .rs-portfolio .portfolio-item .p-zoom { display: inline-block; font-size: 35px; color: #4d6de6; transition: all 0.3s ease 0s; } .rs-portfolio .portfolio-item .p-zoom:hover { opacity: 0.6; } .rs-portfolio .portfolio-item .p-title { font-size: 18px; line-height: normal !important; margin-top: 15px; color: #444444; margin-bottom: 0; text-align: center; position: relative; font-weight: 600 !important; } .rs-portfolio .portfolio-item .p-title a { color: #444444; } .rs-portfolio .portfolio-item .p-title a:hover { color: rgba(255, 255, 255, 0.7); } .rs-portfolio .portfolio-item .p-desc { font-size: 15px; color: #444444; line-height: normal; margin-bottom: 0; margin-top: 10px; display: none; } .rs-portfolio .portfolio-item:hover .portfolio-content { opacity: 1; visibility: visible; top: 0; } .rs-portfolio .portfolio-item:hover .portfolio-content .p-title a { color: #fff; } .rs-portfolio .portfolio-item:hover .portfolio-content .p-title a:hover { color: rgba(255, 255, 255, 0.7); } .rs-portfolio .portfolio-item:hover .portfolio-content .p-category a { color: #fff; } .rs-portfolio .portfolio-item:hover .portfolio-content .p-category a:hover { color: rgba(255, 255, 255, 0.7); } .rs-portfolio .portfolio-item:hover .title-block { display: none; } .rs-portfolio .full-grid { padding: 0; margin: 0; } .rs-portfolio.col-filter .portfolio-content .portfolio-filter { text-align: center !important; } #contact-sec .contact-form .wpcf7-text { width: 100%; height: 35px; } #contact-sec .contact-form .wpcf7-textarea { height: 100px !important; width: 100%; } #contact-sec .vc_progress_bar .vc_single_bar .vc_label { padding: 0 16px; color: #fff; } #contact-sec .vc_progress_bar .vc_single_bar { margin-bottom: 20px; } #contact-sec .vc_progress_bar .vc_single_bar .vc_bar { background: #4d6de6; } /*------------------- Search Results ---------------------*/ body.search-results .site-main > article { background: #fff; padding-top: 20px; webkit-box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); } body.search-results .site-main > article .entry-title { padding: 0 35px; font-weight: 500 !important; margin-bottom: 12px; } body.search-results .site-main > article .entry-title a { color: #212121; } body.search-results .site-main > article .entry-title a:hover { color: #4d6de6; } body.search-results .site-main > article .entry-summary { padding: 0 35px 25px; } body.search-results .site-main > article .entry-summary p:last-child { margin-bottom: 0; } body.search-results .site-main > article .entry-summary .search-button { margin-top: 20px; } body.search-results .site-main > article .entry-summary .search-button a { color: #212121; } body.search-results .site-main > article .entry-summary .search-button a:hover { color: #4d6de6; } body.search-results .site-main > article .entry-summary .search-button a i { vertical-align: middle; transition: 0.3s all ease; } body.search-results .site-main > article .entry-summary .blog-button a { color: #4d6de6; } body.search-results .site-main > article .entry-footer { padding: 20px 35px; background: #ebebec; } body.search-results .site-main > article .entry-footer:empty { display: none; } body.search-results .site-main > article .entry-footer span { font-weight: 600; } body.search-results .site-main > article .entry-footer span a { font-weight: 400; color: #666666; } body.search-results .site-main > article .entry-footer span a:hover { color: #4d6de6; } body.search-results .site-main > article:hover .search-button a i { margin-left: 6px; } body.search-results .site-main > article:hover .blog-button a { color: #222222; } body.search-results .pagination-area .pagination { margin: 30px 0 0; } #map-overlay { overflow: visible; } #map-overlay .rs-contact { max-width: 1000px; margin: -90px auto 0; position: absolute; width: 100%; left: 0; right: 0; background: #f9f9f9; } #map-overlay .rs-contact .contact-address .address-item { text-align: center; border-right: 1px solid #ededed; padding: 40px 0; } #map-overlay .rs-contact .contact-address .address-item .address-icon { border: none; } #map-overlay .rs-contact .contact-address .address-item .address-icon i { font-size: 50px; width: auto; height: auto; color: #4d6de6; border-radius: 0; background: none !important; } #map-overlay .rs-contact .contact-address .address-item:after { display: none; } #map-overlay .vc_column-inner { padding: 0; } #map-overlay .rs-heading { padding: 100px 0 89px; } .header-title-square-effect .title { position: relative; padding: 12px 0; z-index: 10; } .header-title-square-effect .title:after { content: ''; position: absolute; height: 100%; width: 200px; background: rgba(0, 0, 0, 0.21); top: 0; right: 50%; opacity: 0.2; border-radius: 208% 97% 10px 50%; z-index: -1; transform: translateX(50%); } .header-title-square-effect.light .title:after { background: #fff !important; opacity: 0.6; } .service-square-effect .services-desc { position: relative; padding: 12px 0; z-index: 10; overflow: hidden; text-align: left !important; } .service-square-effect .services-desc h2 { text-align: left; } .service-square-effect .services-desc:before { content: ''; position: absolute; height: 100%; width: 200px; background: rgba(0, 0, 0, 0.21); top: 0; right: 0; opacity: 0.2; border-radius: 208% 97% 10px 50%; z-index: -1; transition: all .8s ease; } .service-square-effect.light .services-desc:after { background: #fff !important; opacity: 0.6; } .service-square-effect .services-style-2 .services-wrap .services-item .services-icon { overflow: visible !important; } .service-square-effect .service-inner .services-icon img { transform: scale(1) !important; } .service-square-effect .services-style-2 { margin-bottom: 60px; } .rs-cta-agency .vc_btn3-container { float: none !important; margin: 33px 0 0 !important; } .service-square-effect .services-item:hover .services-desc:before { right: 100px; } .square-effect { position: relative; padding: 12px 0; z-index: 10; } .square-effect:before { content: ''; position: absolute; height: 100%; width: 50%; background: rgba(0, 0, 0, 0.21); top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); opacity: 0.2; z-index: -1; } .square-effect.light:after { background: #fff !important; opacity: 0.6; } .banner-title-square-effect .banner-content { padding: 12px 0; display: inline-block; z-index: 10; } .banner-title-square-effect.light .work-position:after { background: #fff !important; opacity: 0.6; } .shadow-image img { box-shadow: 9px 15px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 9px 15px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 9px 15px 15px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 9px 15px 15px rgba(0, 0, 0, 0.2); border-radius: 5px; } #rs-header .menu-area .navbar ul li { /*Dropdown Menu area*/ } #rs-header .menu-area .navbar ul li .sub-menu li.menu-item-has-children > a:before { top: 8px; right: 8px; } #rs-header .menu-area .navbar ul li .sub-menu li a { color: #222222 !important; } #rs-header .menu-area .navbar ul li .sub-menu li:hover > a { background: #fff; } #rs-header .menu-area .navbar ul li.menu-item-has-children > a { position: static; } #rs-header .menu-area .navbar ul li.menu-item-has-children > a:before { font-family: "linea-arrows-10" !important; content: "\e019"; position: absolute; right: 0; left: auto; top: 0px; font-size: 14px; /*color: #aaa;*/ } #rs-header .menu-area .navbar ul li.mega .sub-menu li:hover > a { background: none; } #rs-header .menu-area .navbar ul ul li a:hover { color: #4d6de6 !important; } /* Header 1 Design */ .header-style1 .toolbar-contact-style4 { position: relative; top: 10px; } .header-style1 .toolbar-contact-style4 ul li { margin-right: 15px; } .header-style1 .toolbar-contact-style4 ul li:last-child { margin-right: 0; } .header-style1 .toolbar-contact-style4 ul li i:before { margin-left: 16px; } .header-style1 .sticky .menu-area { background: #4d6de6; } .header-style1 .logo-area { line-height: inherit; } .header-style1 .logo-area img { margin-top: 8px; } .header-style1 .menu-area { padding: 30px 0 0; transition: all 0.3s ease 0s; } .header-style1 .menu-area .navbar-collapse { padding-left: 0; padding-right: 0; } .header-style1 .menu-area .menu_one .col-xs-2 { padding-left: 0; } .header-style1 .menu-area .navbar { margin-bottom: 0; border: 0; } .header-style1 .menu-area .navbar ul { margin: 0; padding: 0; } .header-style1 .menu-area .navbar ul li { height: 70px; line-height: 70px; position: relative; display: inline-block; transition: all 0.3s ease 0s; padding: 0; /*Dropdown Menu area*/ } .header-style1 .menu-area .navbar ul li.current-menu-parent > a, .header-style1 .menu-area .navbar ul li.current-menu-parent > a, .header-style1 .menu-area .navbar ul li.current-menu-ancestor > a { color: #444444 !important; } .header-style1 .menu-area .navbar ul li ul.sub-menu { min-width: 260px; padding: 0; background: #4d6de6; } .header-style1 .menu-area .navbar ul li ul.sub-menu li { float: none; display: block; margin: 0; text-align: left; line-height: 25px; } .header-style1 .menu-area .navbar ul li ul.sub-menu li a { line-height: 25px; padding: 7px 15px; text-transform: capitalize; font-size: 14px; transition: 0.3s ease all; } .header-style1 .menu-area .navbar ul li:hover ul { opacity: 1; position: absolute; } .header-style1 .menu-area .navbar ul li > a { display: block; text-transform: uppercase; text-decoration: none; font-weight: 400; font-size: 14px; letter-spacing: 1.5px; padding: 0 22px; } .header-style1 .menu-area .navbar ul li > a i { margin-left: 5px; } .header-style1 .menu-area .navbar ul li > a:hover { opacity: 0.75 !important; } .header-style1 .menu-area .navbar ul li.current-menu-item a, .header-style1 .menu-area .navbar ul li.active a { color: #444444; } .header-style1 .menu-area .navbar ul li.current-menu-item li a, .header-style1 .menu-area .navbar ul li.active li a { color: #fff; transition: all 0.3s ease 0s; } .header-style1 .menu-area .navbar ul li.current-menu-item li a:hover, .header-style1 .menu-area .navbar ul li.active li a:hover { color: #4d6de6; } .header-style1 .menu-area .navbar ul li .sub-menu { background: #4d6de6; left: 0; opacity: 0; position: absolute; top: 100%; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.3s ease 0s; width: 250px; z-index: 99999 !important; text-align: left; visibility: hidden; } .header-style1 .menu-area .navbar ul li .sub-menu li { line-height: normal; height: auto; display: block; margin: 0; padding: 0; } .header-style1 .menu-area .navbar ul li .sub-menu li a { display: block; padding: 12px 0; text-transform: none; transition: all 0.3s ease 0s; color: #4d6de6; font-weight: 400; } .header-style1 .menu-area .navbar ul li .sub-menu li.menu-item-has-children > a:before { top: 8px; } .header-style1 .menu-area .navbar ul li:hover ul { opacity: 1; transform: scaleY(1); visibility: visible; } .header-style1 .menu-area .navbar ul li.menu-item-has-children > a { position: static; } .header-style1 .menu-area .navbar ul li.menu-item-has-children > a:before { font-family: "FontAwesome"; content: "\e019"; font-size: 12px; position: absolute; right: 4px !important; left: auto; top: 0px; font-size: 14px; color: #fff !important; } .header-style1 .menu-area .navbar .navbar-toggle { background-color: #4d6de6; border-radius: 2px; -webkit-transition: .4s ease all; transition: .4s ease all; } .header-style1 .menu-area .navbar .navbar-toggle .icon-bar { background-color: #fff; } .header-style1 .menu-area .navbar .navbar-toggle:hover { opacity: 0.8; } .header-style1 .menu-area .get-quote { background: #375be3; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; position: relative; } .header-style1 .menu-area .get-quote .quote-button { color: #ffffff !important; display: block; line-height: 70px; text-align: center; font-size: 15px; text-transform: uppercase; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .header-style1 .menu-area .get-quote .quote-button:hover { opacity: 0.7; } .header-style1 .menu-area .menu-offcanvas .get-quote { overflow: hidden; padding: 0 15px; } .header-style1 .menu-area .menu-offcanvas .get-quote .quote-button { position: relative; float: left; background: #375be3 !important; } .header-style1 .menu-area .menu-offcanvas .get-quote .quote-button:after { position: absolute; content: ""; top: 50%; right: -18px; width: 2px; height: 13px; background: #ffffff; transform: translateY(-50%); } .header-style1 .menu-area .menu-offcanvas .get-quote .sidenav .nav-link-container { top: 30px; } .header-style1 .menu-area .menu-offcanvas .get-quote .nav-link-container { height: 100%; text-align: center; line-height: 70px; float: right; position: relative; } .header-style1 .menu-area .menu-offcanvas .get-quote .nav-link-container a.nav-menu-link { display: block; color: #ffffff !important; position: absolute; right: 0; top: 21px; height: 26px; width: 26px; line-height: 26px; text-align: center; } .header-style1 .menu-area .menu-offcanvas .get-quote .nav-link-container a.nav-menu-link:hover { opacity: 0.7; } .header-style1 .menu-area .menu-offcanvas .get-quote .nav-link-container a.nav-menu-link span { background: #fff; width: 20px; margin-bottom: 3px; opacity: 1; display: block; position: relative; top: 8px; left: 3px; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } .header-style1 .menu-area .menu-offcanvas .get-quote .nav-link-container.nav-inactive-menu-link-container a.nav-menu-link span { top: 8px; margin-bottom: 11px; } .header-style1 .menu-area .menu-offcanvas .get-quote .nav-link-container.nav-inactive-menu-link-container a.nav-menu-link .hamburger2 { display: none; opacity: 0; } .header-style1 .menu-area .menu-offcanvas .get-quote.rs-quote-off { padding: 0; max-width: 54px; float: right; } .header-style1 .menu-area .menu-offcanvas .get-quote.rs-quote-off a { padding: 0 20px; } .header-style1 .menu_one { position: relative; top: 30px; z-index: 111; transition: 0.3s ease; min-height: 30px; transition: all 0.3s ease 0s; } .header-style1 .menu_one .navbar { background: #4d6de6; float: none !important; border-radius: 5px 0 0 5px; } .header-style1 .menu_one .navbar ul li a { color: #fff !important; } .header-style1 .menu_one .navbar ul li:hover a { color: #eee !important; } .header-style1 .menu-responsive { padding-right: 0; } .header-style1 .menu-offcanvas { padding-left: 0; } .header-style1 .toolbar-contact-style4 ul { float: right; list-style: none; padding: 0; margin: 0; } .header-style1 .toolbar-contact-style4 ul li { display: inline-block; } .header-style1 .toolbar-contact-style4 ul li i { float: left; width: 35px; margin-right: 0; font-size: 18px; color: #4d6de6; } .header-style1 .toolbar-contact-style4 ul li i:before { font-size: 26px; top: 8; position: relative; font-weight: 600; } .header-style1 .toolbar-contact-style4 ul li .contact-inf { float: left; text-align: left; margin-left: 25px; } .header-style1 .toolbar-contact-style4 ul li .contact-inf span { color: #212121; display: block; text-align: left; font-size: 100%; padding: 0; font-weight: 700; line-height: 10px; margin-bottom: 3px; } .header-style1 .toolbar-contact-style4 ul li .contact-inf a { color: #666666; } .header-style1 .toolbar-contact-style4 ul li .contact-inf a:hover { color: #4d6de6; } .header-style1 .sidenav { padding-top: 90px; } .header-style1 .sidenav .nav-inactive-menu-link-container a.nav-menu-link { position: relative !important; top: 0 !important; width: auto !important; } .header-style1 .sidenav .nav-inactive-menu-link-container a.nav-menu-link span { top: 0 !important; left: 0 !important; margin-bottom: 4px !important; } .header-style1 .mobile-menu-link { margin-top: 0 !important; } .header-style1 .mobile-menu-link .nav-menu-link { display: block; color: #ffffff !important; width: 26px; text-align: center; } .header-style1 .mobile-menu-link span { background: #fff !important; } .header-style1 .mobile-menu-link span:last-child { margin-bottom: 0; } .header-style1 .mobile-menu-link.nav-inactive-menu-link-container .nav-menu-link { height: 26px; line-height: 26px; } .header-style1 .mobile-menu-link.nav-inactive-menu-link-container .nav-menu-link span { top: 6px; position: relative; } .header-style1 .mobile-menu-link.nav-inactive-menu-link-container .nav-menu-link span.hamburger3 { top: 7px; } .header-style1 .mobile-menu-container .nav-link-container { display: block !important; top: 50px !important; right: 11px !important; } .header-style1 .mobile-menu-container .nav-link-container .nav-menu-link { height: 22px; display: block; } .header-style1 .mobile-menu-container .nav-link-container .nav-menu-link span { margin-top: 5px; } .header-style1 .get-quote { border-radius: 0 5px 5px 0; } #rs-header.header-style1 .menu-area .navbar ul li.current_page_parent > a { color: #dedede !important; } #rs-header.header-style1 .menu-area .navbar ul li:hover a, #rs-header.header-style1 .menu-area nav.navbar ul li.mega ul li ul li a:hover { color: #eee !important; } #rs-header.header-style1 .menu-area .navbar ul li .sub-menu li.current-menu-item a { color: #fff !important; } .header-style1 .menu-area .navbar ul li.mega.menu-item-has-children > a::before { right: 0 !important; } /* Header 2 Design */ #rs-header.style2.header-transparent { background: transparent; position: absolute; } #rs-header.style2.header-transparent:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); display: block; z-index: -1; } #rs-header.style2.header-transparent .toolbar-area { background: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #rs-header.style2.header-transparent .toolbar-area:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); } #rs-header.style2.header-transparent .sidebarmenu-area .nav-link-container .nav-menu-link span { background: #fff; } #rs-header.style2.header-transparent .header-inner .menu-area .nav .navbar-menu #primary-menu-single > li > a { color: #fff !important; } #rs-header.style2 .logo-area { line-height: 90px; } #rs-header.style2 .header-inner .menu-area .nav .navbar-menu #primary-menu-single > li { height: 90px !important; line-height: 90px !important; } #rs-header.style2 .header-inner .menu-area .nav .navbar-menu #primary-menu-single > li > a { line-height: 90px; color: #222222; } #rs-header.style2 .sidebarmenu-area .nav-link-container .nav-menu-link { display: block; height: 16px; } #rs-header.style2 .sidebarmenu-area .nav-link-container .nav-menu-link:hover { opacity: 0.75; } #rs-header.style2 .header-inner.sticky .menu-area .nav .navbar-menu #primary-menu-single > li > a { color: #212121 !important; } #rs-header.style2 .header-inner.sticky .nav-link-container .nav-menu-link { display: block; } #rs-header.style2 .header-inner.sticky .nav-link-container .nav-menu-link span { background: #212121; } #rs-header.style2 .header-inner.sticky .nav-container .sidenav .nav-link-container .nav-menu-link span { background: #fff !important; } #rs-header.style2 .menu-responsive .sidebarmenu-search { float: right; padding-left: 20px; } #rs-header.style2 .menu-responsive .sidebarmenu-search .sticky_search { line-height: 90px; cursor: pointer; } #rs-header.style2 .menu-responsive .sidebarmenu-search .sticky_search i { color: #fff; } #rs-header.style2 .menu-responsive .sidebarmenu-search .nav-link-container .nav-menu-link { height: 16px; display: block; } #rs-header.style2 .menu-responsive .sidebarmenu-search .sticky_form { position: absolute; bottom: -44px; right: 14px; } #rs-header.style2 .menu-responsive .sidebarmenu-search .sticky_form .search-input { border: 1px solid #eaedef; background: #fff; border-radius: 5px; padding: 10px 15px; } #rs-header.style2 .menu-responsive .sidebarmenu-search .sticky_form button { padding: 9px 11px; font-size: 18px; color: #666666; right: 6px; top: 1px; border-radius: 0 25px 25px 0; } #rs-header.style2 .menu-responsive .sidebarmenu-search .sticky_form button:hover { background: transparent; } #rs-header.style2 .menu-responsive .sidebarmenu-area { float: right; top: 38px; position: relative; } #rs-header.style2 .menu-responsive .sidebarmenu-area.off-border-left { padding-left: 5px; margin-left: 14px; } #rs-header.style2 .menu-responsive .sidebarmenu-area ul.offcanvas-icon { margin: 0; } #rs-header.style2 .menu-responsive .sidebarmenu-area .nav-link-container { right: 0; top: 10px; position: relative; } #rs-header.style2 .menu-responsive .sidebarmenu-area .nav-link-container a { display: block; } #rs-header.style2 .menu-responsive .sidebarmenu-area .sticky_form .search-input { border: 1px solid #eaedef; background: #fff; border-radius: 5px; padding: 10px 15px; } #rs-header.style2 .menu-responsive .sidebarmenu-area .sticky_form button { font-size: 18px; color: #666666; right: 6px; top: 1px; border-radius: 0 25px 25px 0; } #rs-header.style2 .menu-responsive .sidebarmenu-area .sticky_form button:hover { background: none; } #rs-header.style2 .menu-responsive .sidebarmenu-area .sticky_search i { cursor: pointer; color: #fff; } #rs-header.style2 .menu-responsive .nav-link-container .nav-menu-link span { background: #222222; } #rs-header.style2 .menu-responsive .sidenav .nav-link-container.nav-inactive-menu-link-container span { background: #fff; } #rs-header.style2 .nav-link-container { right: 15px; } #rs-header.style2 .sidenav .nav-link-container { right: 17px; } #rs-header.style2 .menu-area .navbar ul li:last-child .sub-menu { right: 0; left: auto; } #rs-header.style2 .menu-area .navbar ul li ul li .sub-menu { right: 100% !important; left: auto !important; } #rs-header.style2.header-transparent .header-inner .menu-area .nav .navbar-menu #primary-menu-single > li.current_page_parent > a { color: #4d6de6 !important; } #rs-header.style2.header-transparent .sticky .menu-responsive .sidebarmenu-search .sticky_search i { color: #212121 !important; } #rs-header.style2 .menu-area nav.navbar ul li.mega ul li .sub-menu { right: auto !important; left: auto !important; } #rs-header.style2 .menu-area .navbar ul li.menu-item-has-children > a:before { color: #fff; } .transparent_head .rs-breadcrumbs .breadcrumbs-inner { padding: 250px 0 50px; } .transparent_head .rev_slider li.tp-revslider-slidesli { position: relative; } .transparent_head .rev_slider li.tp-revslider-slidesli:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(10, 27, 40, 0.8); content: ""; display: block; z-index: 1; } .transparent_head #home-gym-slider.rev_slider li.tp-revslider-slidesli:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(10, 27, 40, 0.6); content: ""; display: block; z-index: 1; } #corporate.rev_slider li.tp-revslider-slidesli:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(10, 27, 40, 0.6); content: ""; display: block; z-index: 1; } /* Header 3 Design */ .header-styl-3 .header-inner { background: #4d6de6; } .header-styl-3 .header-inner .logo-area { text-align: center; margin: 0 !important; float: none !important; } .header-styl-3 .header-inner .toolbar-contact { line-height: 70px; } .header-styl-3 .header-inner .toolbar-contact a { color: #fff; } .header-styl-3 .header-inner .toolbar-contact a:hover { color: #212121; } .header-styl-3 .header-inner .toolbar-contact i { color: #fff; } .header-styl-3 .header-inner .toolbar-contact i:hover { color: #212121; } .header-styl-3 .header-inner .toolbar-sl-share { line-height: 70px; } .header-styl-3 .header-inner .toolbar-sl-share ul { padding: 0; margin: 0; text-align: right; } .header-styl-3 .header-inner .toolbar-sl-share ul li { list-style: none; display: inline-block; margin: 0 10px; } .header-styl-3 .header-inner .toolbar-sl-share ul li a { color: #fff; } .header-styl-3 .header-inner .toolbar-sl-share ul li a:hover { color: #212121; } .header-styl-3 .header-inner .col-full { background: #fff; } .header-styl-3 .header-inner .col-full .nav { float: none !important; } .header-styl-3 .header-inner .col-full .nav ul.menu { text-align: center; } /* Header 4 Design */ header.header-style-4 .header-inner { background: #ffffff; } header.header-style-4 .header-inner .main-menu-responsive .sidebarmenu-area .nav-link-container { position: relative; margin-top: 37px; float: right; } header.header-style-4 .header-inner .main-menu-responsive .sidebarmenu-area .nav-link-container .nav-menu-link span { background: #222; } header.header-style-4 .header-inner .main-menu-responsive .nav-link-container a { height: 16px; display: block; } header.header-style-4 .header-inner .main-menu-responsive .sidenav .nav-link-container { margin-top: 10px; } header.header-style-4 .header-inner .menu-area { background: #fff; border-top: 1px solid #eee; } header.header-style-4 .header-inner .menu-area .navbar { float: none !important; } header.header-style-4 .header-inner .menu-area .navbar ul.menu { text-align: left; } header.header-style-4 .header-inner .menu-area .navbar ul.menu > li a { color: #fff; } header.header-style-4 .header-inner .menu-area .navbar ul.menu .sub-menu li a:hover { color: #000 !important; } header.header-style-4 .header-inner .menu-area .menu_one { position: relative; } header.header-style-4 .header-inner .menu-area .menu_one .menu-offcanvas { position: absolute; right: 0; top: 38%; } header.header-style-4 .header-inner .menu-area .menu_one .menu-offcanvas .nav-menu-link { display: block; } header.header-style-4 .header-inner .menu-area .menu_one .menu-offcanvas .nav-menu-link span { background: #222; } header.header-style-4 .header-inner .menu-area .menu_one .header-quote { text-align: right; line-height: 70px; } header.header-style-4 .header-inner .menu-area .menu_one .header-quote .quote-button { border: 2px solid #4d6de6; padding: 7px 22px; border-radius: 25px; position: relative; background: #4d6de6; bottom: 0; color: #fff; } header.header-style-4 .header-inner .menu-area .menu_one .header-quote .quote-button:hover { background: transparent !important; color: #000; } header.header-style-4 .header-inner .menu-area .fullwidth_menu.menu-responsive { background: #fff; } header.header-style-4 .header-inner .logo-section { padding: 20px 0 10px; } header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul { float: right; list-style: none; padding: 0; margin: 0; } header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li { display: inline-block; padding-right: 20px; padding-left: 20px; border-right: 1px solid #eee; } header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li:first-child { padding-left: 0; } header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li:last-child { padding-right: 0; border-right: none; } header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li i { float: left; margin-right: 10px; color: #4d6de6; } header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li i:before { font-size: 20px; top: 8; position: relative; font-weight: 600; } header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li .contact-inf { float: left; text-align: left; } header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li .contact-inf span { color: #212121; display: block; text-align: left; font-size: 100%; padding: 0; font-weight: 700; line-height: 10px; margin-bottom: 3px; } header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li .contact-inf a { color: #666666; } header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li .contact-inf a:hover { color: #4d6de6; } header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li .quote-button { border: 1px solid #4d6de6; padding: 6px 19px; border-radius: 30px; position: relative; background: #4d6de6; bottom: 11px; color: #fff; } header.header-style-4 .header-inner .logo-section .toolbar-contact-style4 ul li .quote-button:hover { background: transparent !important; color: #000; } header.header-style-4 .menu-responsive .nav-link-container .nav-menu-link span { background: #212121; } header.header-style-4.header-transparent { background: rgba(0, 0, 0, 0.5); position: absolute; } header.header-style-4.header-transparent .header-inner .logo-section .toolbar-contact-style4 .rs-contact-info li { color: #fff; } header.header-style-4.header-transparent .header-inner .logo-section .toolbar-contact-style4 .rs-contact-info li a { color: #fff; } header.header-style-4 .btn_quote { float: right; padding-left: 25px; z-index: 999; position: relative; } header.header-style-4 .sidebarmenu-search { position: relative; line-height: 70px; } header.header-style-4 .sidebarmenu-search .sticky_form { position: absolute; bottom: -57px; right: 0; } header.header-style-4 .sidebarmenu-search .sticky_form .search-input { border: 1px solid #eaedef; background: #fff; border-radius: 5px; padding: 10px 15px; } header.header-style-4 .sidebarmenu-search .sticky_form button { padding: 0 12px 0 0; font-size: 18px; color: #666666; right: 6px; top: 1px; border-radius: 0 25px 25px 0; } header.header-style-4 .sidebarmenu-search .sticky_form button:hover { background: none; } header.header-style-4 .sidebarmenu-search .sticky_search i { cursor: pointer; } #rs-header.header-style-4 .sidenav.nav-active-menu-container .nav-link-container.nav-inactive-menu-link-container { right: 20px; } #rs-header.header-style-4 .menu-area .navbar ul li > a { color: #222 !important; } #rs-header .menu-area .navbar ul ul li.current-menu-item a { color: #4d6de6 !important; } /* Header 5 Design */ #rs-header.header-style-5 .header-inner .menu-area .border-full .navbar { float: left; } #rs-header.header-style-5 .header-inner .menu-area .border-full .navbar .navbar-menu ul.menu > li > a { color: #222222 !important; } #rs-header.header-style-5 .header-inner .menu-area .border-full .header-menu-right .navbar { float: right; } #rs-header.header-style-5 .header-inner .menu-area .border-full .header-menu-right .navbar ul li:last-child .sub-menu { right: 0; left: auto; } #rs-header.header-style-5 .header-inner .menu-area .border-full .header-menu-right .navbar ul li ul li .sub-menu { right: 100% !important; left: auto !important; } #rs-header.header-style-5 .toolbar-contact ul li a:hover { color: #dedede !important; } #rs-header.header-style-5 .logo-area a { line-height: 66px; } #rs-header.header-style-5 .menu-area nav.navbar ul li.mega ul li .sub-menu { right: auto !important; left: auto !important; } #rs-header.header-style-5 .header-inner .menu-area .border-full .navbar .navbar-menu ul.menu > li > a:hover, #rs-header.header-style-5 .header-inner .menu-area .border-full .navbar .navbar-menu ul.menu > li.current_page_item > a, #rs-header.header-style-5 .header-inner .menu-area .border-full .navbar .navbar-menu ul.menu > li.active-open > a { color: #4d6de6 !important; } .header-style-5 .mobile-menu { display: none; } /* Header 6 Design */ #rs-header.header-style6 .toolbar-area { background: #fff !important; border-bottom: 1px solid #eee; padding: 0; } #rs-header.header-style6 .toolbar-area .toolbar-contact ul.rs-contact-info li { color: #aaa; font-size: 13px; padding: 12px; border-right: 1px solid #eee; margin: 0; } #rs-header.header-style6 .toolbar-area .toolbar-contact ul.rs-contact-info li i { color: #aaa; } #rs-header.header-style6 .toolbar-area .toolbar-contact ul.rs-contact-info li:first-child { border-left: 1px solid #eee; } #rs-header.header-style6 .toolbar-area .toolbar-contact ul.rs-contact-info li a { color: #aaa; font-size: 13px; } #rs-header.header-style6 .toolbar-area .toolbar-contact ul.rs-contact-info li a:hover { color: #4d6de6; } #rs-header.header-style6 .toolbar-area .toolbar-sl-share { float: right; } #rs-header.header-style6 .toolbar-area .toolbar-sl-share li { padding: 13px; border-right: 1px solid #eee; margin: 0; width: 45px; text-align: center; float: left; display: block; } #rs-header.header-style6 .toolbar-area .toolbar-sl-share li:first-child { border-left: 1px solid #eee; } #rs-header.header-style6 .toolbar-area .toolbar-sl-share li a { color: #aaa; } #rs-header.header-style6 .toolbar-area .toolbar-sl-share li a:hover { color: #4d6de6; } #rs-header.header-style6 .menu-area .navbar ul li > a { color: #222222; } #rs-header.header-style6 .header-logo .logo-area a { line-height: 66px; } #rs-header.header-style6 .menu-responsive .sidebarmenu-search { float: right; padding-left: 20px; } #rs-header.header-style6 .menu-responsive .sidebarmenu-search .sticky_search { line-height: 70px; cursor: pointer; } #rs-header.header-style6 .menu-responsive .sidebarmenu-search .sticky_search i { color: #222; } #rs-header.header-style6 .menu-responsive .sidebarmenu-search .nav-link-container .nav-menu-link { height: 16px; display: block; } #rs-header.header-style6 .menu-responsive .sidebarmenu-search .sticky_form { position: absolute; bottom: -44px; right: 14px; } #rs-header.header-style6 .menu-responsive .sidebarmenu-search .sticky_form .search-input { border: 1px solid #eaedef; background: #fff; border-radius: 5px; padding: 10px 15px; } #rs-header.header-style6 .menu-responsive .sidebarmenu-search .sticky_form button { padding: 7px 11px; font-size: 18px; color: #666666; right: 6px; top: 1px; border-radius: 0 25px 25px 0; } #rs-header.header-style6 .menu-responsive .sidebarmenu-search .sticky_form button:hover { background: transparent; } #rs-header.header-style6 .menu-responsive .sidebarmenu-area { float: right; top: 26px; padding-left: 17px; position: relative; } #rs-header.header-style6 .menu-responsive .sidebarmenu-area.off-border-left { padding-left: 5px; margin-left: 14px; } #rs-header.header-style6 .menu-responsive .sidebarmenu-area ul.offcanvas-icon { margin: 0; } #rs-header.header-style6 .menu-responsive .sidebarmenu-area .nav-link-container { right: 0; top: 10px; position: relative; } #rs-header.header-style6 .menu-responsive .sidebarmenu-area .nav-link-container a { display: block; } #rs-header.header-style6 .menu-responsive .nav-link-container .nav-menu-link span { background: #222222; } #rs-header.header-style6 .menu-responsive .sidenav .nav-link-container.nav-inactive-menu-link-container span { background: #fff; } #rs-header.header-style6 .menu-area .navbar ul li:last-child .sub-menu { right: 0; left: auto; } #rs-header.header-style6 .menu-area .navbar ul li ul li .sub-menu { right: 100% !important; left: auto !important; } #rs-header.header-style6 .nav-link-container { right: 15px; } #rs-header.header-style6 .sidenav .nav-link-container { right: 20px; } .logged-in .sidenav { padding-top: 60px; } .logged-in .menu-sticky.sticky .sidenav { padding-top: 30px !important; } .sidenav .menu > li > .sub-menu li ul { display: block !important; } .sidenav .menu > li > .sub-menu li ul > li a { padding-left: 60px; } .sidenav .menu li ul.sub-menu li a { font-size: 14px; } .sidenav p { font-size: 15px; line-height: 28px; } .sidenav .widget_nav_menu { padding: 0 !important; } .sidenav .widget_media_image { text-align: left; } .sidenav .widget_media_image img { width: auto; height: 30px !important; margin-top: 4px; } #slide-text-shadow .tp-caption { text-shadow: 2px 2px 15px #333; } /* Single Header Css */ #rs-header.header-style6.single-menu .menu-area .navbar ul li:hover a, #rs-header.header-style6.single-menu .menu-area .navbar ul li.active a { color: #4d6de6 !important; } /* Mega Menu*/ nav.nav.navbar .mega { position: static !important; } #rs-header .menu-area nav.navbar ul > li.mega > ul { width: 100%; } #rs-header .menu-area nav.navbar ul li.mega ul > li { float: left !important; } #rs-header .menu-area nav.navbar ul li.three-col ul > li { width: 33.33%; } #rs-header .menu-area nav.navbar ul li.two-col ul > li { width: 50%; } #rs-header .menu-area nav.navbar ul li.four-col ul > li { width: 25%; } #rs-header .menu-area nav.navbar ul li.mega ul li ul.sub-menu { display: block; width: 100%; } #rs-header .menu-area nav.navbar ul li.mega ul li ul li { width: 100% !important; float: none !important; margin: 0; } .menu-area nav.navbar ul li.mega ul.sub-menu { min-width: 283px; } #rs-header .menu-area nav.navbar ul li.mega ul li ul li a { margin: 0 20px !important; border-bottom: 1px solid #ededed; } #rs-header .menu-area nav.navbar ul li ul li a { border-bottom: 1px solid #ededed; } #rs-header .menu-area nav.navbar ul li.mega ul li ul li:last-child a { border: none; } #rs-header .menu-area nav.navbar ul li.mega ul li ul li { border: none; } .menu-area .navbar ul li ul li ul.sub-menu { border: none; } .menu-area nav.navbar ul li.mega { padding: 0 !important; } .menu-area nav.navbar ul li.mega a { position: relative !important; padding: 0 13px; } .menu-area nav.navbar ul li.mega ul li.menu-item-has-children > a:before { display: none !important; } #rs-header .menu-area nav.navbar ul > li.mega > ul > li > a { font-size: 15px; text-transform: uppercase; cursor: auto; padding: 12px 14px 16px; border-bottom: 1px solid #ededed; position: relative; margin: 0 20px !important; background: transparent !important; } #rs-header .menu-area nav.navbar ul > li.mega.three-col > ul > li > a:hover { background: none !important; color: #222222 !important; } #rs-header .menu-area nav.navbar ul > li.mega > ul > li > a:hover { margin-left: 0; } .menu-area nav.navbar ul li.mega ul.sub-menu li + li { border: none !important; overflow: hidden; } #rs-header .menu-area nav.navbar ul .menu-item:not(.mega) ul li ul.sub-menu, #rs-header .menu-area nav.navbar ul .page_item:not(.mega) ul li ul.sub-menu { position: absolute; left: 100%; top: 0px; opacity: 0; transform: scaleY(0); visibility: hidden; } #rs-header .menu-area nav.navbar ul .menu-item:not(.mega) ul li:hover ul.sub-menu, #rs-header .menu-area nav.navbar ul .page_item:not(.mega) ul li:hover ul.sub-menu { opacity: 1; transform: scaleY(1); visibility: visible; } #rs-header .menu-area nav.navbar ul li.mega ul li .sub-menu { position: relative; left: 0; top: 0; opacity: 1; transform: scaleY(1); visibility: visible; } #rs-header.header-style6 .menu-area nav.navbar ul li.mega ul li .sub-menu { right: auto !important; left: auto !important; } .about-widget .widget { margin-bottom: 15px; } ul.footer_social li { display: inline-block; margin-right: 7px; text-align: center; } ul.footer_social li a { background: #373842; color: #fff; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; display: block; } ul.footer_social li a:hover { background: #4d6de6; } ul.footer_social li i { padding: 0 !important; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce .wc-forward, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { border: 1px solid #4d6de6; padding: 11px 22px !important; line-height: normal; font-size: 14px; text-transform: uppercase; font-weight: 500 !important; background: #4d6de6 !important; color: #fff; border-radius: 30px !important; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce .wc-forward:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: transparent !important; color: #212121; } .woocommerce #review_form #respond textarea { border: 1px solid rgba(54, 54, 54, 0.1); } .wc-forward:hover { background: transparent !important; color: #212121; } .woocommerce .woocommerce-ordering select { vertical-align: top; padding: 10px; border: 1px solid #ced4da; border-radius: 5px; } .bs-sidebar .widget_product_search .woocommerce-product-search { position: relative; } .bs-sidebar .widget_product_search input[type="search"] { height: 44px; padding: 8px 15px; width: 100%; position: relative; border: 1px solid rgba(0, 0, 0, 0.06); } .bs-sidebar .widget_product_search button { position: absolute; right: 0; top: 0; color: #fff; } .bs-sidebar .widget_product_search button:hover { opacity: .95; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align: center; } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover { background: #4d6de6; color: #fff; } .woocommerce-pagination ul { border: none !important; } .woocommerce-pagination ul li { border: none !important; margin: 0 6px !important; } .woocommerce-pagination ul li a.page-numbers, .woocommerce-pagination ul li span { width: 50px; height: 50px; line-height: 50px; font-size: 18px; padding: 0; font-weight: 600; border-radius: 50%; border: none; color: #505050; outline: none; line-height: 50px !important; text-align: center; font-size: 18px !important; padding: 0 !important; display: block; margin-left: -1px; } ul.products .star-rating { width: 66px; margin: 2px auto 5px !important; } .woocommerce .star-rating span::before, .woocommerce .star-rating::before { color: #4d6de6 !important; } .woocommerce ul.products li { padding: 0 0 32px !important; position: relative !important; overflow: hidden; text-align: center; transition: all 0.3s ease 0s; margin-bottom: 40px !important; background: #f5f5f5; border-radius: 4px; } .woocommerce ul.products li img { margin-bottom: 0 !important; position: relative; width: 100%; background: #eee; } .woocommerce ul.products li .woocommerce-loop-product__title { font-size: 20px !important; padding-bottom: 0px !important; } .woocommerce ul.products li .woocommerce-loop-product__title a { color: #212121; } .woocommerce ul.products li .button { margin-top: 5px !important; } .woocommerce ul.products li:hover { background: #f5f5f5; } .woocommerce ul.products li:hover a { background: transparent !important; color: #212121; } .woocommerce ul.products li:hover .wc-forward { background: transparent !important; color: #212121; } .woocommerce ul.products li ul li { background: none; border-radius: 0; } .related .star-rating::beforee { top: 50% !important; right: 50% !important; transform: translate(50%, -50%); } .woocommerce .star-rating span::before { color: #4d6de6; } /* ------------------------------------ 29. Shop Page Start Here ---------------------------------------*/ .woocommerce ul.products.single-product-page { padding: 100px 0 0; } .woocommerce ul.products li.product { padding: 0; position: relative; overflow: hidden; text-align: center; transition: all 0.3s ease 0s; margin-bottom: 0; } .woocommerce ul.products li.product .triangle_left { width: 0; height: 0; border-top: 70px solid transparent; border-right: 140px solid #4d6de6; border-bottom: 70px solid transparent; position: absolute; top: -75px; left: -117px; transform: rotate(48deg); opacity: 0; } .woocommerce ul.products li.product:hover { background: #f5f5f5; } .woocommerce ul.products li.product:hover .triangle_left { opacity: 1; } .woocommerce ul.products li.product:hover h3 a { color: #4d6de6; } .woocommerce ul.products li.product:hover .add-to-cart { background: #4d6de6; color: #fff !important; } .woocommerce ul.products li.product:hover .images-product .overley { opacity: 1; transform: scaleY(1); } .woocommerce ul.products li.product .images-product { position: relative; overflow: hidden; margin-bottom: 15px; } .woocommerce ul.products li.product .images-product a { display: block; } .woocommerce ul.products li.product .images-product a img { transition: all 0.3s ease-out; width: 100%; } .woocommerce ul.products li.product .images-product .overley { position: absolute; left: 0; right: 0; text-align: center; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); top: 0; transform: scaleY(0); transform-origin: 0 1 0; opacity: 0; transition: all 0.3s ease 0s; padding: 30px; } .woocommerce ul.products li.product .images-product .overley .winners-details { padding: 0; } .woocommerce ul.products li.product .images-product .overley .winners-details h4 { margin-bottom: 10px; padding-bottom: 10px; color: #ffffff; font-size: 18px; position: relative; } .woocommerce ul.products li.product .images-product .overley .winners-details h4:after { display: none; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info { margin: 0; padding: 0px; list-style: none; top: 55%; position: absolute; transform: translateY(-55%); transition: all .9s; text-align: center; left: 0; right: 0; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info ul { padding: 0; margin: 0; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info ul li { display: inline-block; margin: 0 !important; padding: 0 !important; vertical-align: top; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info ul li a { color: #ffffff; text-transform: capitalize; text-decoration: none; width: 30px; height: 30px; line-height: 30px; border: 1px solid #ffffff; text-align: center; transition: all 0.3s ease 0s; border-radius: 0; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info ul li a:hover { color: #4d6de6; border: 1px solid #4d6de6; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info ul li a i { font-size: 16px; margin: 0; transition: all 0.3s ease 0s; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info ul li a i:hover { color: #4d6de6; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info ul li .yith-wcwl-add-to-wishlist { margin-top: 0; } .woocommerce ul.products li.product .images-product .overley .winners-details .product-info ul li:hover { background: none; } .woocommerce ul.products li.product .images-product .overley .winners-details p { margin-bottom: 5px; color: #ffffff; font-size: 13px; } .woocommerce ul.products li.product .images-product .overley .winners-details p i { color: #ffffff; margin-right: 8px; } .woocommerce ul.products li.product h4 { margin-bottom: 10px !important; margin-left: 0; font-weight: 700; } .woocommerce ul.products li.product h4 a { color: #212121; transition: all 0.3s ease 0s; font-size: 20px; margin: 0; } .woocommerce ul.products li.product h4 a:hover { color: #4d6de6; } .woocommerce ul.products li.product .price-details ul { margin: 0; padding: 0; text-align: center; } .woocommerce ul.products li.product .price-details ul li { display: block; } .woocommerce ul.products li.product .price-details ul li:first-child { font-weight: 600; font-size: 15px; } .woocommerce ul.products li.product .price-details ul li:first-child del { margin-right: 5px; font-weight: 400; font-size: 15px; } .woocommerce ul.products li.product .price-details ul li .add-to-cart { border: 1px solid #4d6de6; padding: 8px 18px; color: #212121; font-size: 15px; font-weight: 600; display: inline-block; margin-top: 15px; } .woocommerce ul.products .topbar-area { overflow: hidden; padding-bottom: 54px; } .woocommerce ul.products .topbar-area .showing-Short .seclec-box { float: right; } .woocommerce ul.products .topbar-area .showing-result ul { margin: 0; padding: 0; list-style: none; text-align: left; } .woocommerce ul.products .topbar-area .showing-result ul li { display: inline-block; font-weight: 400; color: #666666; margin-right: 0; font-size: 14px; height: 25px; } .woocommerce ul.products .topbar-area .showing-result ul li .form-group { margin: 0; } .woocommerce ul.products .topbar-area .showing-result ul li .form-group.seclect-box select.form-control { display: inline-block; border: 0; background: transparent; border-radius: 0px; } .woocommerce ul.products .pagination { margin-top: 0; } .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price { color: #4d6de6 !important; font-size: 15px !important; font-weight: 600; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce ul.products li.product .price ins { color: #4d6de6 !important; } .woocommerce .quantity .qty { height: 40px !important; width: 70px; } body.woocommerce ins { background: none !important; } body.woocommerce .panel { border: none; box-shadow: none; } body.woocommerce .woocommerce-product-gallery ol.flex-control-nav { padding: 15px 0 0 !important; text-align: center; } body.woocommerce .woocommerce-product-gallery ol.flex-control-nav li { float: none !important; display: inline-block; } body.woocommerce .woocommerce-product-gallery ol.flex-control-nav li img { width: 120px; display: inline; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size: 16px; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid #f0f0f0; background-color: #f0f0f0; margin-right: 8px; border-radius: 5px 5px 0 0; border: none !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #4d6de6; color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover { background: #4d6de6; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a { color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { box-shadow: -2px 2px 0 #f0f0f0; display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding-left: 0; border-radius: 5px 0 0 0; padding-top: 15px; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom: 1px solid #f0f0f0; display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before { border: 1px solid #f0f0f0; display: none; } .woocommerce-form-login .woocommerce-Button { margin-right: 12px !important; } .woocommerce .woocommerce-ordering { margin: -10px 0 2em; } .woocommerce a.remove { margin: 0 auto; } .coupon input#coupon_code { width: 140px !important; border-radius: 30px; } .coupon ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #212121 !important; font-size: 14px !important; font-weight: 500 !important; } .coupon ::-moz-placeholder { /* Firefox 19+ */ color: #212121 !important; font-size: 14px !important; font-weight: 500 !important; } .coupon :-ms-input-placeholder { /* IE 10+ */ color: #212121 !important; font-size: 14px !important; font-weight: 500 !important; } .coupon :-moz-placeholder { /* Firefox 18- */ color: #212121 !important; font-size: 14px !important; font-weight: 500 !important; } .product_meta span.tagged_as { display: block; } .product_meta span { font-weight: 600; } .product_meta span a { font-weight: 400; } .single-product .bs-info { display: none; } .single-product .bs-img { display: none; } .single-product .bs-desc { margin-top: 0px !important; } .woocommerce-message, .woocommerce-error, .woocommerce-info, .woocommerce-message { border-top-color: #222222; } .woocommerce-message::before, .woocommerce-info::before { color: #222222; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 110px; height: 40px; text-align: center; } .select2-container--default .select2-selection--single { border: 1px solid #ccc; border-radius: 0; height: 40px; line-height: 40px; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 8px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 37px; } input[type="tel"] { padding: 10px 14px; border: none; outline: none; width: 100%; height: 50px; border: 1px solid rgba(54, 54, 54, 0.1); } .woocommerce-form__label span { padding-left: 5px; } .woocommerce-form__label .input-checkbox { margin: 7px 0 0 !important; } body.woocommerce-page input[type="text"], body.woocommerce-page input[type="number"], body.woocommerce-page input[type="password"], body.woocommerce-page input[type="email"], body.woocommerce-page .select2-container--default .select2-selection--single, body.woocommerce-page .woocommerce form .form-row.woocommerce-validated .select2-container, body.woocommerce-page .woocommerce form .form-row.woocommerce-validated input.input-text, body.woocommerce-page .woocommerce form .form-row.woocommerce-validated select { border: 1px solid rgba(54, 54, 54, 0.1); height: 45px; } body.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__rendered { color: #666666; opacity: .5; } .woocommerce-cart-form table.shop_table { border: none !important; border-collapse: collapse; } .woocommerce-cart-form table.shop_table td, .woocommerce-cart-form table.shop_table th { padding: 25px; text-align: center; } .woocommerce table.shop_table { border-collapse: collapse !important; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { padding-top: 40px; } .cart_totals h2 { text-transform: capitalize; } .cart_totals table.shop_table th, .cart_totals table.shop_table td { padding: 20px; } .woocommerce-tabs h2 { font-size: 20px; } .related.products h2 { font-size: 20px; } .single-product .summary.entry-summary h1.product_title.entry-title { font-size: 25px !important; line-height: 25px !important; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 50px !important; } .cart-collaterals th, .cart-collaterals td { border: none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } .cart-collaterals tr:last-child td, .cart-collaterals tr:last-child th { border-bottom: none !important; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { max-width: 100%; } .woocommerce .form-row { display: block; } .woocommerce .add_to_cart_button { transition: 0.3s ease all; } .woocommerce .add_to_cart_button:after { font-size: inherit !important; vertical-align: initial !important; } .woocommerce .add_to_cart_button.added { display: none !important; opacity: 0; } .woocommerce .add_to_cart_button.loading { padding-right: 40px !important; } .woocommerce .add_to_cart_button.loading:after { top: 12px !important; right: 15px !important; font-size: inherit !important; } .woocommerce button[disabled] { color: #fff !important; } .woocommerce button[disabled]:hover { color: #212121 !important; } h3#order_review_heading { margin-top: 60px; padding: 0 15px; } #order_review { padding: 0 15px; } textarea.input-text { border: 1px solid #ccc; } .button.yith-wcqv-button { display: none !important; } .post-type-archive .learn-press-courses .course .course-title { display: none !important; } .woocommerce span.onsale { background: #4d6de6 !important; width: 40px !important; height: 40px !important; line-height: 40px !important; padding: 0 !important; right: 10px !important; margin: 0 !important; top: 10px !important; } .woocommerce-info { border-top-color: #4d6de6; } .woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th { padding: 3px 15px !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; } /* ----------------------------------- 01. General CSS -------------------------------------*/ html, body { font-size: 14px; color: #666666; font-family: 'Roboto', sans-serif; vertical-align: baseline; line-height: 26px; font-weight: 400; overflow-x: hidden; } img { max-width: 100%; height: auto; } p { margin: 0 0 26px; } h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; color: #212121; margin: 0 0 26px; font-weight: 700; } h1 { font-size: 38px; line-height: 46px; } h2 { font-size: 32px; line-height: 40px; } h3 { font-size: 26px; line-height: 36px; } h4 { font-size: 22px; line-height: 32px; } h5 { font-size: 18px; line-height: 28px; } h6 { font-size: 16px; line-height: 26px; } a { color: #4d6de6; transition: all 0.3s ease 0s; text-decoration: none !important; outline: none !important; } a:active, a:hover { text-decoration: none; outline: 0 none; color: #222222; } ul { list-style: outside none none; margin: 0; padding: 0; } .clear { clear: both; } ::-moz-selection { background: #4d6de6; text-shadow: none; color: #ffffff; } ::selection { background: #4d6de6; text-shadow: none; color: #ffffff; } .sec-spacer { padding: 100px 0; } .sec-color { background-color: #f9f9f9; } .primary-bg { background: #4d6de6; } .primary-color { color: #4d6de6; } .padding0 { padding: 0 !important; } .bg-fixed { background-attachment: fixed; background-repeat: no-repeat; } .width-70 { width: 70%; } .fw-400 { font-weight: 400 !important; } .home .entry-header { display: none; } .main-contain #content { padding-top: 100px; padding-bottom: 100px; } #about-me .rs-heading .description p { font-weight: 600; font-style: italic; font-size: 17px; color: #777777; margin-bottom: 20px; display: block; } #rs-about .readon.secondary-color { border-color: #444444 !important; background: #444444 !important; } #rs-about .readon.secondary-color:hover { border-color: #4d6de6 !important; background: #4d6de6 !important; } #rs-about.we-offer .services-item { margin-bottom: 5px; } #rs-about.we-offer .services-item .services-icon { width: 100%; float: none; display: block; } #rs-about.we-offer .services-item .services-icon i { display: inline-block; font-size: 54px; color: #a4a7af !important; } #rs-about.we-offer .services-item .services-icon i:hover { color: #4d6de6 !important; } #rs-about.we-offer .services-item .services-desc { float: none; width: 100%; margin-left: 0; } #rs-about.we-offer .services-item .services-desc h2 { font-weight: 600 !important; padding: 0; margin: 20px 0 10px; } /* ------------------------------------ 02. Global Class ---------------------------------------*/ .sec-title h4 { font-size: 15px; margin-bottom: 8px; color: #4d6de6; text-transform: uppercase; } .sec-title h3 { font-size: 36px; line-height: 45px; color: #212121; margin-bottom: 0; } .overflow-visible { overflow: visible !important; } .bstart-shadow { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); z-index: 9; position: relative; background: #fff; } .bstart-shadow2 > .vc_column_container { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); z-index: 9; position: relative; background: #fff; border-radius: 5px; } .default-overlay { position: relative; } .default-overlay:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(77, 109, 230, 0.85) !important; width: 100%; height: 100%; display: block !important; } .default-overlay .rs-heading h3 .first-word { color: #fff; } .default-overlay .vc_column_container { position: relative; z-index: 9; } .quick-contact .rs-heading { margin-bottom: 15px; } .content-overlay { position: relative; } .content-overlay:before { content: ''; position: absolute; left: 0; bottom: 0; height: 70%; width: 100%; background: #222222; opacity: 0; -webkit-transition: .3s all ease; transition: .3s all ease; } .content-overlay:hover:before { opacity: 0.8; height: 100%; } .black-overlay { position: relative; } .black-overlay:before { content: ''; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; background: #000; opacity: 0.6; display: block !important; } .overlay-image { position: relative; } .overlay-image:before { content: ''; position: absolute; left: 0; bottom: 0; display: block !important; width: 100%; background: #000; -webkit-transition: .3s all ease; transition: .3s all ease; opacity: 0.8; height: 100%; } .site-overview { position: relative; } .site-overview:before { content: ''; position: absolute; left: 0; bottom: 0; display: block !important; width: 100%; background: #4d6de6; -webkit-transition: .3s all ease; transition: .3s all ease; opacity: 0.9; height: 100%; } .display-table { display: table; height: 100%; width: 100%; } .display-table-cell { display: table-cell; vertical-align: middle; } .mb-40 { margin-bottom: 40px !important; } .mb-30 { margin-bottom: 30px !important; } .mr-25 { margin-right: 25px; } .readon { position: relative; display: inline-block; padding: 12px 30px; line-height: normal; background: transparent !important; color: #fff !important; border: 2px solid #4d6de6; background: #4d6de6 !important; transition: all 0.3s ease 0s; text-transform: capitalize; border-radius: 30px; } .readon:hover, .readon:focus { background: transparent !important; color: #212121 !important; } .readon.border { background: transparent !important; border: 1px solid #4d6de6; color: #fff; } .readon.border:hover { color: #fff; opacity: .8; } .readon.border.white { border-color: #fff; color: #fff; } .readon.border.white:hover { color: #4d6de6; background: #fff; } #business-services .readon-border:hover { background: transparent !important; } .readon-border { border: 2px solid; border-color: #4d6de6; color: #fff; padding: 11px 30px; border-radius: 30px; display: inline-block; background: #4d6de6; } .readon-border:hover { border-color: #4d6de6; background: transparent !important; color: #212121; } .readon-border.reverse { border-color: #4d6de6; background: #4d6de6; color: #fff; } .readon-border.reverse:hover { border-color: #4d6de6; background: transparent !important; color: #222222; } input[type="checkbox"], input[type="radio"] { margin-right: 8px; vertical-align: text-top; } .menu-area { padding: 10px 0; } .sticky .menu-area { padding: 0; } /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #4d6de6; } a:hover, a:focus, a:active { color: #444444; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- --------------------------------------------------------------*/ /* --------------------------- 03.Header Section ------------------------------*/ #rs-header { width: 100%; z-index: 9999; } #rs-header .toolbar-area { background: #4d6de6; padding: 10px 0; position: relative; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #rs-header .toolbar-area .toolbar-contact ul { margin: 0 !important; padding: 0; list-style: none; } #rs-header .toolbar-area .toolbar-contact ul li { display: inline-block; margin-right: 25px; color: #fff; } #rs-header .toolbar-area .toolbar-contact ul li i { font-weight: 600; font-size: 14px; margin-right: 6px; vertical-align: middle; color: #fff; } #rs-header .toolbar-area .toolbar-contact ul li i.flaticon-mail { position: relative; top: 1px; } #rs-header .toolbar-area .toolbar-contact ul li i:before { font-size: 18px; } #rs-header .toolbar-area .toolbar-contact ul li a { transition: all 0.3s ease 0s; color: #fff; } #rs-header .toolbar-area .toolbar-contact ul li a:hover { color: rgba(255, 255, 255, 0.7); } #rs-header .toolbar-area .toolbar-sl-share ul { text-align: right; margin: 0px; } #rs-header .toolbar-area .toolbar-sl-share ul li { display: inline-block; } #rs-header .toolbar-area .toolbar-sl-share ul li + li { margin-left: 15px; } #rs-header .toolbar-area .toolbar-sl-share ul li a { display: block; color: #fff; transition: all 0.3s ease 0s; text-decoration: none; } #rs-header .toolbar-area .toolbar-sl-share ul li a:hover { color: #dedede; } #rs-header .toolbar-area .toolbar-sl-share ul li a i { text-align: center; display: inline-block; } #rs-header .toolbar-area .toolbar-sl-share ul li a.quote-button { font-size: 14px; padding: 0 14px; background-color: #fff; color: #666666; border-radius: 2px; } #rs-header.default_header .toolbar-area:before { opacity: 1; } #rs-header .logo-area { position: relative; z-index: 9; float: left; margin-right: 20px; } #rs-header .logo-area a { font-weight: 700; color: #4d6de6; transition: all 0.3s ease 0s; } #rs-header .logo-area a img { display: inline-block; vertical-align: middle; } #rs-header.style2.transparent-dark .sidebarmenu-area .nav-link-container .nav-menu-link span { background: #222222 !important; } #rs-header.style2.transparent-dark .menu-responsive .sidebarmenu-search .sticky_search i, #rs-header.style2.transparent-dark .header-inner .menu-area .nav .navbar-menu #primary-menu-single > li > a { color: #222222 !important; } #rs-header.style2.transparent-dark .menu-responsive .sidebarmenu-search .sticky_search i:before, #rs-header.style2.transparent-dark .header-inner .menu-area .nav .navbar-menu #primary-menu-single > li > a:before { color: #222222 !important; } #rs-header.style2.transparent-dark .menu-responsive .sidebarmenu-search .sticky_search i:hover, #rs-header.style2.transparent-dark .header-inner .menu-area .nav .navbar-menu #primary-menu-single > li > a:hover { color: #4d6de6 !important; } #rs-header.header-style1 .menu-area nav.navbar ul > li.mega.three-col.home-col > ul > li > a:hover { color: #eee !important; } .menu-item-has-children .sub-menu li a span.new { position: relative; color: #ff0000; top: -6px; left: 4px; font-size: 13px; font-weight: 500; } .sticky-logo { display: none; } .sticky .logo-area { display: none; } .sticky .logo-area.sticky-logo { display: block; } #rs-header .menu-area .navbar ul.sub-menu li:first-child { border: none; } .menu-area .container { position: relative; } .nav-link-container { list-style: none; right: 0; top: 50%; transform: translateY(-50%); z-index: 10; line-height: 11px; } .nav-link-container i { color: #4d6de6; font-size: 20px; } .sidenav { overflow-y: auto; float: none; background: #fff; list-style: none; width: 370px; height: 100vh; font-size: 15px; margin: 0; position: fixed; right: 0; top: 0; padding: 30px 30px 0 30px; font-size: 11px; z-index: 99999; -ms-transition: transform 0.4s ease; -webkit-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; transition: transform 0.4s ease; -ms-transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); text-align: left; } .sidenav .widget-title { color: #212121 !important; padding: 0 0 15px; font-size: 20px !important; line-height: 26px; font-weight: 600 !important; position: relative; } .sidenav .widget-title:before { content: ""; position: absolute; background: #4d6de6; height: 2px; width: 50px; left: 0; bottom: 0; display: block; z-index: 1; } .sidenav .widget { padding: 0; } .sidenav .widget .widget-title { font-size: 26px; color: #fff; margin-bottom: 17px; } .sidenav .widget .search-form .search-input { height: 42px; background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.3) !important; color: #fff; font-size: 14px; outline: none; } .sidenav .widget .search-form .search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } .sidenav .widget .search-form .search-input::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .sidenav .widget .search-form .search-input:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .sidenav .widget .search-form .search-input:-moz-placeholder { /* Firefox 18- */ color: #fff; } .sidenav .widget .search-form button { padding: 8px 12px; color: #fff; background: transparent !important; -webkit-transition: 0.3s ease all; transition: 0.3s ease all; } .sidenav .widget .search-form button:hover { opacity: 0.7; } .sidenav .fa-ul { margin-left: 0; text-align: left; font-size: 14px; } .sidenav .fa-ul li { padding: 5px 0; } .sidenav .fa-ul li i { padding-right: 10px; color: #666666; } .sidenav .fa-ul li a { color: #666666; } .sidenav .fa-ul li a:hover { color: #4d6de6; } .sidenav .offcanvas_social { margin-left: 0; list-style-type: none; padding-bottom: 30px; } .sidenav .offcanvas_social li { display: inline-block; } .sidenav .offcanvas_social li a { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; float: left; margin-right: 12px; } .sidenav .offcanvas_social li a i { font-size: 18px; color: #fff; width: 40px; height: 40px; line-height: 40px; background: #4d6de6; text-align: center; border-radius: 50%; } .sidenav .offcanvas_social li a i:hover { opacity: .9; } .sidenav .offcanvas_social li:last-child a { margin-right: 0; } .sidenav .nav-close-menu-li { margin: 0; padding-bottom: 30px; text-align: right; } .sidenav .nav-close-menu-li a { font-size: 0; text-align: center; display: inline-block; border: 2px solid #fff; width: 36px; height: 36px; line-height: 36px; border-radius: 100%; margin-right: 10px; position: relative; } .sidenav .nav-close-menu-li a:after, .sidenav .nav-close-menu-li a:before { content: ''; position: absolute; width: 2px; height: 14px; background-color: #fff; top: 9px; } .sidenav .nav-close-menu-li a:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sidenav .nav-close-menu-li a:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sidenav .nav-close-menu-li a:hover { background: #fff; color: #000; border-color: #fff; } .sidenav .nav-close-menu-li a:hover:after, .sidenav .nav-close-menu-li a:hover:before { background-color: #4d6de6; } .sidenav .widget_nav_menu ul { padding: 0; margin: 0; text-align: left; } .sidenav .widget_nav_menu ul li { list-style: none; border: none !important; margin-left: 0; padding: 0; } .sidenav .widget_nav_menu ul li a { font-size: 17px; padding: 8px 0; display: block; color: #212121; } .sidenav .widget_nav_menu ul li a:hover { color: #4d6de6; } .sidenav .widget_nav_menu ul li:before { display: none; } .sidenav .bs-search button { padding: 5px 11px; } .sidenav li.nav-link-container { color: #fff; text-align: center; display: block; padding: 13px 10px 10px 10px; border-radius: 30px; height: 40px !important; right: 0 !important; width: 40px; background: #4d6de6; } .sidenav li.nav-link-container a { display: block; } .sidenav li.nav-link-container a span { background: #fff !important; } .sidenav.nav-active-menu-container { box-shadow: inset 0px 5px 15px 0px #e6e6e6; } .mobile-menu-container .nav-close-menu-li { padding-top: 50px; } .mobile-menu-container .nav-close-menu-li a { padding: 0; } .mobile-menu-container ul { padding-left: 0; margin: 0; text-align: left; } .mobile-menu-container ul li { list-style: none; border: none !important; margin-left: 0; padding: 0; } .mobile-menu-container ul li a { font-size: 15px; padding: 12px 20px; display: block; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .mobile-menu-container ul li a:hover { opacity: 0.9; } .mobile-menu-container ul li:before { display: none; } .mobile-menu-container .menu-main-menu-single-container { background: transparent !important; } .sidenav .sub-menu { display: none; } .sidenav .menu li ul.sub-menu li { background: rgba(255, 255, 255, 0.06); } .sidenav .menu li ul.sub-menu li a { padding-left: 40px; } .mobile-menu-container .sidenav.nav-active-menu-container { background: #4d6de6; } ul.sidenav .menu > li.menu-item-has-children:before { font-family: FontAwesome; content: "\f107"; position: absolute; left: auto; right: 0; top: 11px; /*color: #fff !important;*/ width: 30px; height: 30px; line-height: 30px; text-align: center; z-index: 9999; font-size: 14px; display: block !important; cursor: pointer; } ul.sidenav ul.menu ul.sub-menu a:before { display: none; } .nav-active-menu-container { -ms-transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0); } .menu-area .navbar-collapse { padding-left: 0; padding-right: 0; } .menu-area .navbar { margin-bottom: 0; border: 0; } .menu-area .navbar ul { margin: 0; padding: 0; text-align: left; } .menu-area .navbar ul li { height: 70px; line-height: 70px; position: relative; display: inline-block; transition: all 0.3s ease 0s; padding: 0 13px; font-size: 14px; /*Dropdown Menu area*/ } .menu-area .navbar ul li ul.sub-menu { min-width: 260px; padding: 0; } .menu-area .navbar ul li ul.sub-menu li { float: none; display: block; margin: 0; text-align: left; line-height: 25px; } .menu-area .navbar ul li ul.sub-menu li a { line-height: 25px; padding: 10px 15px; color: #fff; } .menu-area .navbar ul li:hover ul { opacity: 1; position: absolute; } .menu-area .navbar ul li > a { display: block; text-transform: uppercase; text-decoration: none; font-weight: 400; transition: all 0.3s ease 0s; line-height: 70px; } .menu-area .navbar ul li > a i { margin-left: 5px; } .menu-area .navbar ul li:hover a { color: #fff; } .menu-area .navbar ul li.active a { color: #fff; } .menu-area .navbar ul li.active li a { color: #444444; } .menu-area .navbar ul li.active li ahover { color: #4d6de6; } .menu-area .navbar ul li .sub-menu { background: #fff; left: 0; opacity: 0; position: absolute; top: 100%; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.3s ease 0s; width: 250px; z-index: 99999 !important; text-align: left; visibility: hidden; -webkit-box-shadow: 0px 7px 7px 0px rgba(48, 51, 50, 0.09); -moz-box-shadow: 0px 7px 7px 0px rgba(48, 51, 50, 0.09); box-shadow: 0px 7px 7px 0px rgba(48, 51, 50, 0.09); } .menu-area .navbar ul li .sub-menu li { line-height: normal; height: auto; display: block; margin: 0; padding: 0; } .menu-area .navbar ul li .sub-menu li a { display: block; padding: 12px 0; text-transform: none; transition: all 0.3s ease 0s; font-weight: 400; } .menu-area .navbar ul li .sub-menu li a:hover { background: #4d6de6; } .menu-area .navbar ul li .sub-menu li a:before { content: ""; height: 1px; position: absolute; bottom: 0px; left: 0; } .menu-area .navbar ul li .sub-menu li.current-menu-item a { background: #fff; } .menu-area .navbar ul li:hover ul { opacity: 1; transform: scaleY(1); visibility: visible; } .menu-area .navbar .navbar-toggle { background-color: #4d6de6; border-radius: 2px; -webkit-transition: .4s ease all; transition: .4s ease all; } .menu-area .navbar .navbar-toggle .icon-bar { background-color: #fff; } .menu-area .navbar .navbar-toggle:hover { opacity: 0.8; } #rs-header .menu-area .navbar ul li:hover a, #rs-header .menu-area .navbar ul li.current_page_parent > a { color: #4d6de6 !important; } #rs-header .menu-area .navbar ul > li > .sub-menu a:after { display: none; } li.menu-item-has-children { position: relative; } #rs-header .menu-area .navbar ul li ul li:before { top: 15px; color: #fff; right: 8px; } #rs-header .menu-area ul li ul li { position: relative; } #rs-header .menu-area .navbar ul li ul li .sub-menu { position: absolute; left: 100%; top: 0; opacity: 0; transform: scaleY(0); visibility: hidden; } #rs-header .menu-area .navbar ul li ul li:hover ul.sub-menu { opacity: 1; transform: scaleY(1); visibility: visible; } .menu-area .navbar ul > li:first-child { padding-left: 0; } li.left-dev ul.sub-menu { left: -100% !important; } #rs-header .menu-area .navbar ul li.three-col ul > li { width: 33.33%; } #rs-header .menu-area .navbar ul li.four-col ul > li { width: 25%; } .transparent_header { position: absolute; } .transparent_header .menu-area .navbar ul > li > a:after { background: #fff; } .transparent_header .sticky .navbar ul > li > a:after { background: #4d6de6; } .default_header .menu-area .navbar ul > li > a:after { background: #4d6de6; } .logo-area h1 { margin: 0; line-height: 70px; } #rs-header .menu-area .navbar ul li.two-col ul > li a, #rs-header .menu-area .navbar ul li.home-col ul li a { cursor: pointer !important; padding: 10px 14px 10px !important; text-transform: capitalize !important; } #rs-header .menu-area nav.navbar ul > li.mega.three-col.home-col > ul > li > a:hover { color: #4d6de6 !important; } /*------------------------------------ 04. Sticky Menu --------------------------------------*/ .menu-area .container { z-index: 999; } .menu-sticky { margin: 0; width: 100%; z-index: 99999; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; transition: all .7s; background: transparent; } .menu-sticky.sticky { position: fixed; background: #fff; opacity: .9; box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8); padding: 0; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-name: sticky-animation; animation-name: sticky-animation; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .menu-sticky.sticky .toolbar-area { display: none; } .menu-sticky.sticky .navbar ul li > a { color: #212121; } .menu-sticky.sticky .quote-button { color: #fff !important; border-color: #4d6de6 !important; background: #4d6de6 !important; } .menu-sticky.sticky .quote-button:hover { border-color: #4d6de6 !important; color: #4d6de6 !important; background: transparent !important; } .menu-sticky.sticky .nav-link-container i { color: #212121; } .middle-table .clpricing-table .price-table.style1 .cl-pricetable-wrap .bottom .btn-table { background: #fff !important; color: #222222 !important; } .middle-table .clpricing-table .price-table.style1 .cl-pricetable-wrap .bottom .btn-table:hover { background: #f2f2f2 !important; } #rs-header .menu-area .navbar ul > li > a { position: relative; } #rs-header .menu-area .navbar ul > li > a:after { content: ""; position: absolute; top: 5px; left: 50%; width: 2px; height: 0; display: block; transform: translateX(-50%); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #rs-header .menu-area .navbar ul > li:hover > a:after, #rs-header .menu-area .navbar ul > li.active > a:after { height: 20px; } .software-agency#blog-home .blog-item { background: transparent; } .software-agency#blog-home .blog-item .bottom-shadow1 { background: #fff; padding-left: 15px; padding-right: 15px; } #slider-btn .wpb_revslider_element { margin-bottom: 0; } #app-slider_forcefullwidth .tp-revslider-slidesli .slotholder { position: relative; } .main-contain .rs-banner .readon-border.smoothAbout:hover { color: #fff; } .main-contain .rs-banner .readon-border.reverse { background: transparent !important; color: #212121; } .main-contain .rs-banner .readon-border.reverse:hover { background: #4d6de6 !important; color: #fff; } #app-slider_forcefullwidth .tp-revslider-slidesli .slotholder:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; display: block !important; z-index: 999; } #home-one-slider_wrapper #slider-btn .tp-revslider-slidesli:after { background: rgba(0, 0, 0, 0); } .transparent_head #seo_wrapper .rev_slider li.tp-revslider-slidesli::after { background: rgba(10, 27, 40, 0); } .transparent_head #medical-slider_wrapper .rev_slider li.tp-revslider-slidesli:after { background: rgba(10, 27, 40, 0); } #home-one-slider_wrapper #slider-btn .tp-revslider-slidesli:after { display: none !important; } .slider-bg-btn { position: relative; z-index: 10; color: #212121 !important; font-size: 17px !important; border-color: transparent !important; display: block; } .slider-bg-btn:after { content: ''; position: absolute; top: -3px; left: -3px; border-radius: 40px; width: calc(100% + 6px); height: calc(100% + 6px); background: #fff !important; z-index: -1; } .slider-bg-btn:hover { color: #fff !important; } .slider-bg-btn:hover:after { background: #4d6de6 !important; z-index: -1; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } #home-one-slider_wrapper .rev_slider li.tp-revslider-slidesli, #app-slider_wrapper .rev_slider li.tp-revslider-slidesli { position: relative; } #app-slider_wrapper .rev_slider li.tp-revslider-slidesli:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(22, 35, 54, 0.9); content: ""; display: block; } #construction.rev_slider li.tp-revslider-slidesli:after { background: rgba(16, 16, 16, 0.2); } .border-btn { position: relative; z-index: 10; font-size: 15px !important; display: block; } .border-btn:after { content: ''; position: absolute; top: -3px; left: -3px; border-radius: 40px; width: calc(100% + 6px); height: calc(100% + 6px); z-index: -1; -webkit-transition: 0.5s ease all; transition: 0.3s ease all; } .border-btn:hover { color: #fff !important; border-color: transparent !important; } .border-btn:hover:after { background: #4d6de6 !important; z-index: -1; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } .particles-section .border-btn { border: 2px solid #fff; margin: 0 25px; border-radius: 30px; color: #fff; } .testimonial-banner .cl-testimonial2 p { padding: 0 !important; border: none !important; margin-bottom: 0 !important; } .testimonial-banner .cl-testimonial2 p:after { display: none; } .testimonial-banner .cl-testimonial2 .testimonial-item { border: none; padding: 0 !important; } .testimonial-banner .cl-testimonial2 .cl-author-info { padding-left: 22px !important; margin-top: 35px !important; } .testimonial-banner .cl-testimonial2 .cl-author-info li { margin: 0 !important; } .testimonial-banner .cl-testimonial2 .cl-author-info li:first-child { font-size: 20px; color: #ffffff; } .testimonial-banner .cl-testimonial2 .clt-content { padding-top: 66px; } .cl-testimonial2 .image-testimonial .testimonial-content { box-shadow: none !important; padding: 27px 18px; } #cl-testimonial * { outline: none; } #cl-testimonial ul.slick-dots li button { border: 1px solid #4d6de6; } #cl-testimonial .slick-active button { background: #4d6de6; } ul.slider5 li.testimonial-item:first-child { margin-bottom: 80px !important; } button, html input[type="button"], input[type="reset"], input[type="submit"] { background: #4d6de6; border: 0; color: #fff; padding: 9px 30px; font-size: 15px; text-transform: uppercase; outline: none; } .gallery-slider img { width: 100%; } .gallery-slider .slick-current a img { box-shadow: 0px 0px 12px 0px #0000007d; } .gallery-slider .partner-item { z-index: 1; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .gallery-slider .partner-item.slick-active.slick-center { position: relative; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); z-index: 3; } .gallery-slider .partner-item.slick-active { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); z-index: 2; } .gallery-slider .slick-list.draggable { padding-top: 80px !important; padding-bottom: 80px !important; } #testimonial-home p { line-height: 25px; padding: 20px 20px 0px 20px !important; position: relative; } #testimonial-home p i { display: none; } #testimonial-home ul li { margin-bottom: 0; margin-top: 23px; } #testimonial-home .container .testimonials-nav .slick-list .slick-track { padding-top: 30px; } #testimonial-home .container .testimonials-nav .slick-list .slick-slide { margin: 0 6px; } #testimonial-home ul li:last-child { margin-bottom: 0; margin-top: 0; } .btn-part { color: #fff !important; } .slider-bg-btn.color { color: #fff !important; } .tparrows { border-radius: 50%; } .slider-bg-btn.color::after { background: #4d6de6 !important; opacity: 0.85; } .slider-bg-btn.color:hover:after { opacity: 1; } @-webkit-keyframes sticky-animation { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes sticky-animation { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } #rs-header .menu-area .navbar { margin-bottom: 0; float: right; } #portfolio-slider .portfolio-item { margin: 0; } .construction-counter { background-attachment: fixed; } #counter-bg.construction-counter:before { content: "" !important; background: rgba(16, 16, 16, 0.8); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block !important; z-index: 0; } #counter-bg.construction-counter .counter-top-area .rs-counter-list { padding: 0; } #counter-bg.construction-counter .counter-top-area .rs-counter-list h2 { color: #fff; margin-bottom: 0; margin-top: 12px; } #counter-bg.construction-counter .counter-top-area .rs-counter-list h3 { color: #ddd; } #counter-bg .counter-top-area { border-radius: 0; padding: 0; box-shadow: none; } #counter-bg .counter-top-area .rs-counter-list { padding: 30px 0; } #counter-bg .counter-top-area .rs-counter-list h2 { font-size: 30px; font-weight: 600 !important; padding: 0; margin: 18px 0 5px; color: #212121; } #counter-bg .counter-top-area .rs-counter-list h3 { font-weight: 400; letter-spacing: 2px; margin-bottom: 0; margin-left: 5px; font-size: 15px; text-transform: capitalize; color: #212121; } #counter-bg .counter-top-area .rs-counter-list i { font-size: 50px; color: #4d6de6; } #counter-bg.white { border-radius: 5px; } #counter-bg.white .rs-counter-list h2 { color: #fff; } #counter-bg.white .rs-counter-list h3 { color: #fff; } #counter-bg.white .rs-counter-list i { font-size: 50px; color: #4d6de6; } #counter-bg.white:before { border-radius: 10px; opacity: 0.7; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } #counter-bg.counter-sec-bg .counter-top-area { background: #fff; box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); } .service-page-left .rs-services1 .services-item { padding: 20px; } .service-page-left .rs-services1 .services-item .services-icon .vc_icon_element-icon { background: none; -webkit-transition-duration: .3s; transition-duration: .3s; } .service-page-left .rs-services1 .services-item:hover { webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08); -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08); box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08); -webkit-transition-duration: .3s; transition-duration: .3s; } .service-page-left .rs-services1 .services-item:hover .services-icon .vc_icon_element-icon { color: #222222 !important; } .services-pages { background-attachment: fixed; } .counter-services .counter-top-area { box-shadow: none; } .counter-services .rs-counter-list .count-icon i { color: #fff; } .counter-services .count-desc h2 { color: #fff; font-size: 30px; } .counter-services .count-desc h4 { color: #fff; font-weight: 500; } .portfolio-slider .portfolio-content .display-table .display-table-cell .p-title { margin-bottom: 15px !important; } .portfolio-slider .portfolio-content .display-table .display-table-cell .p-title a:hover { color: rgba(255, 255, 255, 0.7); } .portfolio-slider .portfolio-content .display-table .display-table-cell .readon { font-size: 13px; padding: 6px 18px; color: #fff !important; border-color: #fff !important; background: transparent !important; } .portfolio-slider .portfolio-content .display-table .display-table-cell .readon:hover, .portfolio-slider .portfolio-content .display-table .display-table-cell .readon:focus { background: #fff !important; color: #222222 !important; } /* ------------------------------------ 05. Slider Section ---------------------------------------*/ .rs-slider { position: relative; overflow: hidden; } .rs-slider .sl-subtitle { -webkit-animation: fadeInDown 0.5s ease-in-out; animation: fadeInDown 0.5s ease-in-out; font-size: 36px; margin-bottom: 10px; font-weight: 700; } .rs-slider .sl-title { -webkit-animation: fadeInLeft 1s ease-in-out; animation: fadeInLeft 1s ease-in-out; display: inline-block; margin-bottom: 30px; font-size: 52px; font-weight: 700; } .rs-slider .sl-desc { -webkit-animation: fadeInUp 0.8s ease-in-out; animation: fadeInUp 0.8s ease-in-out; font-size: 18px; } .rs-slider .slider-botton { display: inline-block; -webkit-animation: zoomIn 0.8s ease-in-out; animation: zoomIn 0.8s ease-in-out; margin-top: 50px; } .rs-slider .slider-botton ul li { display: inline-block; } .rs-slider .slider-botton .white-color { background: #4d6de6; } .rs-slider .slider-botton .white-color:hover { background: #222222; } .rs-slider .nivo-directionNav > a { font-size: 0; width: 50px; height: 50px; border: 1px solid #4d6de6; border-radius: 2px; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; opacity: 0; } .rs-slider .nivo-directionNav > a:hover { background: #4d6de6; } .rs-slider .nivo-directionNav > a:before { font-family: FontAwesome; position: absolute; font-size: 28px; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); color: #fff; } .rs-slider .nivo-directionNav > a.nivo-prevNav { left: 60px; } .rs-slider .nivo-directionNav > a.nivo-prevNav:before { content: "\f104"; } .rs-slider .nivo-directionNav > a.nivo-nextNav { right: 60px; } .rs-slider .nivo-directionNav > a.nivo-nextNav:before { content: "\f105"; margin-left: 2px; } .rs-slider .nivoSlider:hover .nivo-directionNav > a { opacity: 1; } .rs-slider .nivoSlider:hover .nivo-directionNav > a.nivo-prevNav { left: 30px; } .rs-slider .nivoSlider:hover .nivo-directionNav > a.nivo-nextNav { right: 30px; } .rs-slider .nivo-controlNav { position: absolute; bottom: 50px; z-index: 11; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .rs-slider .nivo-controlNav .nivo-control { width: 26px; height: 7px; border: 1px solid #fff; font-size: 0px; display: inline-block; margin-right: 7px; -webkit-transition: .4s ease all; transition: .4s ease all; } .rs-slider .nivo-controlNav .nivo-control.active { background: #4d6de6; border-color: #4d6de6; } /* ------------------------------------ 06. skew all css ---------------------------------------*/ .skew-style2 { overflow: visible !important; margin: 60px 0 63px; } .skew-style2 .all-section-title { padding-top: 60px; } .skew-style2:after { display: none !important; opacity: 0 !important; } .skew-style2 .sppb-row-overlay:before { background: #4d6de6; transform: skewY(-4deg); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; display: block !important; } #achievement-skew .vc_column_container { padding: 30px 0 20px; } .skew-style3 { overflow: visible !important; margin: 60px 0 63px; } .skew-style3 .all-section-title { padding-top: 60px; } .skew-style3:after { display: none !important; opacity: 0 !important; } .skew-style3 .sppb-row-overlay:before { background: #4d6de6; transform: skewY(4deg); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; display: block !important; } .skew-style-inverse .sppb-row-overlay:after { background: #4d6de6; transform: skewY(4deg); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; display: block !important; } .skew-style-curve:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #4d6de6; width: 100%; height: 100%; display: block !important; } .skew-style-curve .sppb-row-overlay:before { right: 50%; border-right: 1000px solid transparent !important; border-left: 1000px solid; content: ""; position: absolute; bottom: 0; top: 0; width: 50%; z-index: 1; border-top: 100px solid #fff; border-bottom: 100px solid #fff; -webkit-transform: rotate(0.000001deg); transform: rotate(0.000001deg); } .skew-style-curve .sppb-row-overlay::after { left: 50%; border-left: 1000px solid transparent !important; border-right: 1000px solid; } .skew-style-curve .sppb-row-overlay::before, .skew-style-curve .sppb-row-overlay::after { content: ""; position: absolute; bottom: 0; top: 0; width: 50%; z-index: 1; border-top: 100px solid #fff; border-bottom: 100px solid #fff; -webkit-transform: rotate(0.000001deg); transform: rotate(0.000001deg); } .skew-style-curve .sppb-row-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sppb-shape-container { z-index: 9; overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; } .sppb-shape-container.sppb-bottom-shape { bottom: 0; } .sppb-shape-container svg { display: block; width: 100%; position: relative; left: 50%; transform: rotateX(180deg) translateX(-50%); } .sppb-shape-container.sppb-bottom-shape > svg path, .sppb-shape-container.sppb-bottom-shape > svg polygon { fill: #ffffff; fill-opacity: 0.3; } .cloud-shape .wpb_raw_html { margin-bottom: 0; } /* ------------------------------------ 06. particles ---------------------------------------*/ .particles-section { z-index: 99; background: #4d6de6; padding: 0; position: relative; } .particles-section h4 { text-align: center; margin: 0; font-size: 28px; line-height: 40px; font-weight: 400 !important; letter-spacing: 2px; } .particles-section h3 { text-align: center; margin: 23px 0 28px; font-size: 65px; letter-spacing: 4px; font-weight: 400 !important; line-height: 50px !important; } .particles-section p { text-align: center; margin: 25px 0 40px; font-size: 18px; color: #fff; } .particles-section .particle-btn { padding: 0; margin: 0; text-align: center; } .particles-section .particle-btn li { display: inline-block; list-style: none; } .particles-section .inner { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); /* IE 9 */ -webkit-transform: translate(-50%, -50%); /* Safari */ transform: translate(-50%, -50%); } /* ------------------------------------ 06. About Us ---------------------------------------*/ .about-section .rs-services .services-wrap .services-item .services-icon { float: right; } .about-section .rs-services .services-wrap .services-item .services-desc { float: left; text-align: right; width: 82%; } .about-section .rs-services1 + .rs-services1 { margin-top: 30px; } .about-skill .vc_single_bar { background: #bbb !important; margin-bottom: 48px !important; height: 5px; } .about-skill .vc_single_bar .vc_label { top: -28px; padding: 0 !important; font-size: 13px; font-family: 'Montserrat', sans-serif; } .about-skill .vc_single_bar .vc_label span { margin-left: 5px; } .about-skill .vc_single_bar .vc_bar { background: #4d6de6 !important; } .about-section-paralex .rs-services1 { box-shadow: none; } .about-section-paralex .rs-services1 .services-item { padding: 25px; } .rs-heading { margin: 0 0 50px; } .rs-heading h2 { font-size: 30px; margin-bottom: 15px; position: relative; z-index: 1; } .rs-heading h2 span.watermark { position: absolute; font-size: 80px; text-transform: uppercase; font-weight: 800; z-index: -1; opacity: 0.07; width: 100%; left: 0; color: inherit; } .rs-heading .sub-text { color: #212121; margin: 0 0 15px; font-size: 20px; font-weight: 600; } .rs-heading h3 { position: relative; margin: 0; padding-bottom: 20px; font-size: 30px; font-weight: 700; } .rs-heading h3 .first-word { font-weight: 700; color: #4d6de6; } .rs-heading h3 i { position: absolute; bottom: -10px; left: 0; font-size: 16px; color: #fff; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; text-align: center; } .rs-heading p { margin-bottom: 0; max-width: 800px; } .rs-heading.style1 { position: relative; z-index: 1; } .rs-heading.style1 h2 { display: inline-block; position: relative; padding-right: 125px; } .rs-heading.style1 h2:after { content: ""; position: absolute; right: 0; top: 50%; width: 109px; height: 2px; background: #4d6de6; z-index: -1; margin-left: -95px; } .rs-heading.style1 .sub-text { display: block; margin-bottom: 5px; } .rs-heading.style1.light h2:after { background: #fff !important; } .rs-heading.style2 { position: relative; z-index: 1; } .rs-heading.style2 h2 { display: inline-block; position: relative; margin-bottom: 12px; padding-bottom: 22px !important; } .rs-heading.style2 h2:after { content: ""; position: absolute; bottom: 6px !important; left: 0; width: 88px; height: 2px; background: #4d6de6; } .rs-heading.style2.light h2:after { background: #fff !important; } .rs-heading.style2 .sub-text { display: block; margin-bottom: 8px; } .rs-heading.style3 { padding: 8px 25px; border-left: 5px solid #4d6de6; } .rs-heading.style3 .title-inner h2 { margin-bottom: 0; } .rs-heading.style3 .description { margin-top: 18px; } .rs-heading.style3.light { border-color: #fff !important; } .rs-heading.dark-style h3 { color: #212121; line-height: 45px !important; } .rs-heading.dark-style i { background: #4d6de6; color: #fff; } .rs-heading.light-style h3 { color: #fff; } .rs-heading.light-style h3:before { background: #fff !important; } .rs-heading.light-style p { color: #fff; } .rs-heading.light-style i { background: #fff; color: #4d6de6; } .rs-heading .description { max-width: 780px; } .rs-heading.center { text-align: center; } .rs-heading.center .description { margin-left: auto; margin-right: auto; } .rs-heading.center .title-inner h2 { display: block; padding-left: 0; padding-bottom: 20px; } .rs-heading.center .title-inner h2:after { right: auto; left: 50%; transform: translateX(-50%); margin-left: 0; top: auto; bottom: 23px; } .rs-heading.center .title-inner h2 span.watermark { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .rs-heading.center.style3 { border: 0; padding: 0 0 30px 0; position: relative; } .rs-heading.center.style3 .title-inner h2 { padding-bottom: 0; } .rs-heading.center.style3:after { content: ''; position: absolute; height: 5px; width: 200px; background: #4d6de6; left: 50%; bottom: 0; transform: translateX(-50%); } .rs-heading.center.style3.light:after { background: #fff; } .rs-heading.right { text-align: right; } .rs-heading.right .description { margin-left: auto; } .rs-heading.right .title-inner h2:after { right: auto; left: -125px; margin-left: 0; } .rs-heading.right .title-inner h2 span.watermark { right: 150%; left: auto; } .rs-heading.right.style2 .title-inner h2:after { right: 0; left: auto; } .rs-heading.right.style2 .title-inner h2 span.watermark { right: 164%; } .rs-heading.right.style3 { border-left: 0; border-right: 5px solid #4d6de6; } .rs-heading.right.style3 .title-inner h2 span.watermark { right: 0; } .hepta-menu .vc_tta-container .vc_tta-tabs-container { margin-bottom: 20px !important; } .hepta-menu .vc_tta-container .vc_tta-tabs-container ul { background: transparent; text-align: center; } .hepta-menu .vc_tta-container .vc_tta-tabs-container ul li a { background-color: transparent !important; border-color: transparent !important; } .hepta-menu .vc_tta-container .vc_tta-tabs-container ul li a .vc_tta-icon { font-size: 22px; line-height: 0; display: block; height: 40px; width: 40px; background: #000; line-height: 40px; border-radius: 100%; color: #fff; text-align: center; margin: 0 auto; } .hepta-menu .vc_tta-container .vc_tta-tabs-container ul li a .vc_tta-title-text { margin-left: 0 !important; margin-top: 10px; display: block; text-align: center; text-transform: uppercase; } .hepta-menu .vc_tta-container .vc_tta-tabs-container ul li.vc_active a .vc_tta-icon { background: #4d6de6; } .hepta-menu .vc_tta-container .vc_tta-tabs-container ul li.vc_active a .vc_tta-title-text { color: #4d6de6; } .hepta-menu .vc_tta-container .vc_tta-panels-container .vc_tta-panels { border: none !important; background: none !important; } .hepta-menu .rs-menu .item-wrap { padding: 30px 20px; background: #f9f9f9; overflow: hidden; margin-bottom: 40px; border-radius: 5px; } .hepta-menu .rs-menu .menu-img { padding: 0; padding-right: 15px; } .hepta-menu .rs-menu .menu-img .inner-img { border-radius: 100%; max-width: 100px; border: 4px solid #ccc; } .hepta-menu .rs-menu .menu-img .inner-img img { border-radius: 100%; padding: 6px; } .hepta-menu .rs-menu .menu-desc { padding: 0; } .hepta-menu .rs-menu .menu-desc h3 { margin-bottom: 0px; font-weight: 400; font-size: 20px; } .hepta-menu .rs-menu .menu-price { text-align: right; padding-right: 0; } .hepta-menu .rs-menu .menu-price .inner .price { display: block; margin-top: 15px; font-size: 20px; font-weight: 600; } .hepta-menu .rs-menu .menu-price .inner .order a { color: #212121; text-decoration: underline !important; transition: all 0.3s ease 0s; } .hepta-menu .rs-menu .menu-price .inner .order a:hover { color: #4d6de6; } .we-offer .rs-services1 .services-icon { width: 40px; } .we-offer .rs-services1 .services-icon i { color: #212121 !important; } .we-offer .rs-services1:hover .services-icon i { color: #4d6de6 !important; } .we-offer .rs-services1 .services-desc { float: left; width: auto; margin-left: 20px; } .rs-services1 .services-item { position: relative; padding: 25px 25px 25px 10px; z-index: 110; overflow: hidden; transition: all 0.6s ease 0s; margin-bottom: 30px; } .rs-services1 .services-icon { position: relative; display: inline-block; font-size: 36px; float: left; width: 27%; top: 8px; } .rs-services1 .services-icon i { color: #4d6de6; width: 80px; border-radius: 50%; text-align: center; } .rs-services1 .services-title { margin-bottom: 12px; font-size: 18px; line-height: 28px; color: #212121; font-weight: 600 !important; } .rs-services1 .services-title a { color: #212121; } .rs-services1 .services-desc { position: relative; float: right; text-align: left; width: 70%; line-height: 25px; font-size: 14px; } .banner-services .rs-services1 .services-item { padding: 20px 32px 15px 5px; } .banner-services .rs-services1 .services-item .services-icon { float: none; } .banner-services .rs-services1 .services-item .services-desc { padding-right: 13px; } .banner-services #right-services .services-item { padding: 20px 0px 15px 5px; } .banner-services #right-services .services-desc { float: right; text-align: left; width: 74%; padding-right: 0; } .about-apps .left-list .rs-services1 { border-right: 2px solid #4d6de6; } .about-apps .right-list .rs-services1 { border-left: 2px solid #4d6de6; } .about-apps .rs-services1 { padding: 10px 15px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0s; } .about-apps .rs-services1 .services-icon i { color: #4d6de6; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; text-align: center; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07); } .about-apps .rs-services1:hover { background: #4d6de6; } .about-apps .rs-services1:hover .services-title { color: #fff; } .about-apps .rs-services1:hover .services-desc { color: #fff; } #consulting-service .rs-services1 .services-icon { text-align: center; } #consulting-service .rs-services1 .services-item { position: relative; padding: 25px 25px 25px 10px; z-index: 110; overflow: hidden; transition: all 0.6s ease 0s; margin-bottom: 0px; border-radius: 5px; } #consulting-service .rs-services1 .services-item .services-icon { display: inline-block; cursor: pointer; width: 70px; height: 70px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; line-height: 70px; transition: all 0.5s; } #consulting-service .rs-services1 .services-item .services-icon:after { top: -4px; left: -4px; padding: 0; z-index: 10; border: 4px dashed #4d6de6; pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #consulting-service .rs-services1 .services-item .services-icon i { color: #4d6de6; width: 70px; text-align: center; } #consulting-service .rs-services1 .services-item:hover .services-icon { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); color: #fff; -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; background: #4d6de6; border: 1px solid #4d6de6; } #consulting-service .rs-services1 .services-item:hover .services-icon:after { -webkit-animation: spinAround 9s linear infinite; -moz-animation: spinAround 9s linear infinite; animation: spinAround 9s linear infinite; } #business-services .rs-services1 .services-icon { text-align: center; } #business-services .rs-services1 .services-item { position: relative; padding: 25px 25px 25px 10px; z-index: 110; overflow: hidden; transition: all 0.6s ease 0s; background: #fff; box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); margin-bottom: 30px; border-radius: 5px; } #business-services .rs-services1 .services-item:hover { background: #4d6de6; } #business-services .rs-services1 .services-item:hover .services-title, #business-services .rs-services1 .services-item:hover .services-desc, #business-services .rs-services1 .services-item:hover .services-title a { color: #fff; } #business-services .readon-border { margin-top: 10px; } #construction-services .services-style-2.service-inner .services-icon { text-align: center; } #construction-services .services-style-2.service-inner .services-icon img { transform: scale(1); -webkit-filter: grayscale(100%); filter: grayscale(100%); } #construction-services .services-style-2.service-inner .services-item { position: relative; padding: 25px 25px 25px 25px; z-index: 110; overflow: hidden; transition: all 0.6s ease 0s; background: #fff; margin-bottom: 30px; -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08); -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08); box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08); } #construction-services .services-style-2.service-inner .services-item:hover { -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16); -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16); box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16); } #construction-services .services-style-2.service-inner .services-item:hover .services-icon img { -webkit-filter: grayscale(0); filter: grayscale(0); } #our-practice-area .services-style-2 .services-wrap .services-item .services-icon { text-align: center; padding-top: 10px; padding-bottom: 25px; } #our-practice-area.overview-choose .services-item { border: none !important; box-shadow: -2px 7px 20px rgba(0, 0, 0, 0.03); } #our-practice-area .rs-services1 .services-item { padding: 20px 20px 20px 20px; border: 1px solid #eee; } #our-practice-area .rs-services1 .services-item .services-icon { display: block; font-size: 40px; float: none; width: 40px; margin-bottom: 15px; } #our-practice-area .rs-services1 .services-item .services-icon i { width: 40px; color: #4d6de6 !important; } #our-practice-area .rs-services1 .services-item .services-desc { float: none; text-align: left; width: 100%; } #our-practice-area .rs-services1 .services-item .services-desc .services-title { position: relative; padding-bottom: 20px; } #our-practice-area .rs-services1 .services-item .services-desc .services-title:after { content: ''; position: absolute; left: 0; bottom: 4px; width: 30px; height: 1px; background-color: #c1c1c1; transition: all 0.3s ease 0s; } #our-practice-area .rs-services1 .services-item:hover .services-desc .services-title a { color: #4d6de6; } #our-practice-area .rs-services1 .services-item:hover .services-desc .services-title:after { content: ''; position: absolute; left: 0; bottom: 4px; width: 100px; height: 1px; background-color: #4d6de6; } .top-history { background: #4d6de6; } .top-history .one-third { box-shadow: inset 0 -4px 20px rgba(0, 0, 0, 0.2); } .top-history .rs-services1 .services-item { padding: 35px 20px 30px 20px; } .top-history .rs-services1 .services-item .services-icon { display: block; font-size: 40px; float: none; width: 40px; margin: 0 auto 20px; } .top-history .rs-services1 .services-item .services-icon i { width: 40px; color: #fff !important; } .top-history .rs-services1 .services-item .services-desc { float: none; text-align: left; width: 100%; text-align: center; color: #fff; } .top-history .rs-services1 .services-item .services-desc .services-title { position: relative; padding-bottom: 20px; } .top-history .rs-services1 .services-item .services-desc .services-title a { color: #fff; } .top-history .rs-services1 .services-item .services-desc .services-title:after { content: ''; position: absolute; left: 50%; bottom: 4px; width: 30px; height: 1px; background-color: #c1c1c1; transition: all 0.3s ease 0s; transform: translateX(-50%); } .top-history .rs-services1 .services-item:hover .services-desc .services-title a { color: #f5f5f5; } .top-history .rs-services1 .services-item:hover .services-desc .services-title:after { width: 100px; } .medical-history { margin-top: -130px; } .medical-history .one-third { background: #4d6de6; } .medical-history .one-third vc_column-inner { padding: 0; } .medical-history .one-third .rs-services1 .services-item { padding: 35px 20px 30px 20px; min-height: 326px; } .medical-history .one-third .rs-services1 .services-item .services-icon { display: block; font-size: 40px; float: none; width: 40px; margin: 0 auto 20px; } .medical-history .one-third .rs-services1 .services-item .services-icon i { width: 40px; color: #fff !important; } .medical-history .one-third .rs-services1 .services-item .services-desc { float: none; text-align: left; width: 100%; text-align: center; color: #fff; } .medical-history .one-third .rs-services1 .services-item .services-desc .services-title { position: relative; padding-bottom: 20px; margin-bottom: 20px; } .medical-history .one-third .rs-services1 .services-item .services-desc .services-title a { color: #fff; } .medical-history .one-third .rs-services1 .services-item .services-desc .services-title:after { content: ''; position: absolute; left: 50%; bottom: 4px; width: 30px; height: 1px; background-color: #c1c1c1; transition: all 0.3s ease 0s; transform: translateX(-50%); } .medical-history .one-third .rs-services1 .services-item:hover .services-desc .services-title a { color: #f5f5f5; } .medical-history .one-third .rs-services1 .services-item:hover .services-desc .services-title:after { width: 100px; } .medical-history .one-third.middle-third { background: #5a78e8; } .medical-history .one-third.opening-hours .rs-services1 { text-align: left; } .medical-history .one-third.opening-hours .rs-services1 .services-title { text-align: center; margin-bottom: 25px; } .medical-history .one-third.opening-hours .rs-services1 .day { text-align: left; padding-bottom: 8px; overflow: hidden; display: inline-block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 1px; } .medical-history .one-third.opening-hours .rs-services1 .day:last-child { border-bottom: none; } .medical-history .one-third.opening-hours .rs-services1 .day span { float: right; } .project-counter .left-count .counter-top-area, .project-counter .middle-count .counter-top-area, .project-counter .right-count .counter-top-area { box-shadow: none; padding: 60px 0 60px; } .project-counter .left-count .counter-top-area h2, .project-counter .middle-count .counter-top-area h2, .project-counter .right-count .counter-top-area h2 { font-size: 90px; line-height: 90px; font-weight: bold; } .project-counter .left-count .counter-top-area h3, .project-counter .middle-count .counter-top-area h3, .project-counter .right-count .counter-top-area h3 { font-size: 35px; line-height: 40px !important; font-weight: 400; } .project-counter .left-count .counter-top-area i, .project-counter .middle-count .counter-top-area i, .project-counter .right-count .counter-top-area i, .project-counter .left-count .counter-top-area h2, .project-counter .middle-count .counter-top-area h2, .project-counter .right-count .counter-top-area h2, .project-counter .left-count .counter-top-area h3, .project-counter .middle-count .counter-top-area h3, .project-counter .right-count .counter-top-area h3 { color: #fff; } .project-counter .left-count .counter-top-area i:hover, .project-counter .middle-count .counter-top-area i:hover, .project-counter .right-count .counter-top-area i:hover { color: #fff !important; } .project-counter .middle-count { background: #f0f0f0; } .project-counter .middle-count .count-icon i, .project-counter .middle-count h2.rs-counter { color: #222222; } .project-counter .middle-count .count-desc h3 { color: #222222; } .specter-introduction .rs-services1 .services-item { margin-bottom: 5px; display: flex; } .specter-introduction .rs-services1 .services-desc h2.services-title { font-size: 16px; line-height: 30px; font-weight: 400 !important; margin-bottom: 0; } .specter-introduction .rs-services1 .services-desc, .specter-introduction .rs-services1 .services-icon { width: auto; float: left; } .specter-introduction .rs-services1 .services-icon { margin-right: 14px; line-height: 18px; } .specter-introduction .rs-services1 .services-icon i { width: auto; font-size: 18px; } .specter-introduction .rs-services1 .services-item { padding: 0; } .specter-introduction .rs-services1:hover .services-icon i { color: #4d6de6 !important; } .specter-introduction.rs-vertical-bottom .wpb_single_image { margin-bottom: 0; position: relative; bottom: -1px; } .specter-introduction.vc_column-gap-35 > .vc_column_container { padding-bottom: 0 !important; } .our-responsibilities .services-style-2 .services-item { margin-bottom: 20px; display: flex; } .our-responsibilities .services-style-2 .services-item .services-title2, .our-responsibilities .services-style-2 .services-item .services-desc { text-align: left; } .our-responsibilities .services-style-2 .services-item .services-icon { margin-top: 8px; margin-right: 40px; } .our-responsibilities .services-style-2 .services-item .services-icon img { transition: 0s; } .our-responsibilities .services-style-2 .services-item .services-title2 { margin: 0 0 8px; line-height: 28px; } .our-responsibilities .service-inner:hover .services-icon img { transform: scale(1); } .rs-vertical-bottom { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end; } .three-column-center .rs-services1 .services-desc, .three-column-center .rs-services1 .services-icon { float: none; width: 100%; text-align: center; } .three-column-center .rs-services1 .services-icon { margin-bottom: 30px; } .service-siderbar .sec-title-single h3 { margin-bottom: 10px; } .service-siderbar #menu-service { margin-left: 0; list-style-type: none; margin-bottom: 0; } .service-siderbar #menu-service li { position: relative; border-bottom: 1px solid #f5f5f5; padding: 6px 0; } .service-siderbar #menu-service li a { padding-left: 15px; transition: all 0.3s ease 0s; color: #666666; } .service-siderbar #menu-service li a:hover { color: #4d6de6; padding-left: 20px; } .service-siderbar #menu-service li a:after { content: ''; position: absolute; background: #4d6de6; left: 0; top: 50%; height: 5px; width: 5px; background-color: #4caf50; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .service-siderbar .download-br .wpb_wrapper { padding: 20px 20px 10px 25px; background: #eeeeee; } .service-siderbar .download-br .wpb_wrapper .wpb_wrapper { background: transparent !important; padding: 0; } .service-siderbar .support { margin-top: 10px; margin-bottom: 30px; } .service-siderbar .support .grey-bg .wpb_wrapper { padding: 20px 20px 10px 25px; background: #eeeeee; } .service-siderbar .support .grey-bg .wpb_wrapper .wpb_wrapper { background: transparent !important; padding: 0; } .service-siderbar .support .wpb_wrapper i { margin-right: 6px; } .service-siderbar .support p { margin-bottom: 10px; } #rs-services-slider { padding-bottom: 90px; } #rs-services-slider .item-thumb { width: 100%; margin: -10px; } #rs-services-slider .item-thumb img { border-radius: 5px; } #rs-services-slider .item-thumb .owl-dot { width: 33.333%; display: inline-block; justify-content: center; /*height: 220px;*/ padding: 10px; float: left; cursor: pointer; } #rs-services-slider .device-lg .item-thumb .owl-dot, #rs-services-slider .device-sm .item-thumb .owl-dot { height: 150px; } #rs-services-slider .device-xs .item-thumb .owl-dot { width: 50%; padding: 10px; height: 100px; } #rs-services-slider .item-thumb .owl-dot span { position: relative; display: block; background-size: cover; background-position: center center; width: auto; height: 100%; -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #rs-services-slider .item-thumb .owl-dot.active span, #rs-services-slider .item-thumb .owl-dot:hover span { opacity: .7; } #rs-services-slider .owl-prev, #rs-services-slider .owl-next { display: none; } #rs-services-slider .menu-carousel .heading-block h4 { margin-bottom: 7px; margin-top: 10px; letter-spacing: 2px; font-size: 20px; line-height: 20px; } #rs-services-slider .menu-carousel .heading-block h4 a { font-weight: 600; color: #212121; transition: .20s; } #rs-services-slider .menu-carousel .heading-block h4 a:hover { color: #4d6de6; } #rs-services-slider .menu-carousel .feature-content { position: relative; padding: 16px 16px 30px; text-align: left; } #rs-services-slider .menu-carousel .heading-block p { margin-bottom: 0; } #rs-services-slider .menu-carousel .heading-block .readon { margin-top: 20px; } #rs-services-slider .menu-carousel .heading-block .food-info { color: #BBB; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; font-size: 14px; } #rs-services-slider .food-price { position: absolute; top: 40px; right: 50px; font-size: 20px; letter-spacing: -1px; font-weight: 500; } #rs-services-slider .menu-carousel .more-link { margin-top: 35px; border-bottom: 1px solid #333 !important; } #rs-services-slider .more-link { font-style: normal; border-bottom: 0; color: #333; margin-top: 10px; font-size: 14px; } #rs-services-slider .team-title h4 { font-size: 15px; } #rs-services-slider .team-title span { font-style: normal; margin-bottom: 15px; color: #aaa !important; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; } #rs-services-slider .entry { padding: 0; margin: 0; border-bottom: 0; -webkit-box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.08); } #rs-services-slider .entry-title { background-color: #FFF; padding: 15px; } #rs-services-slider .entry-title h2 { text-transform: none; font-size: 17px; font-weight: 500; letter-spacing: 0; } #rs-services-slider .entry-meta { margin: 8px 0 0; } #rs-services-slider .ipost .entry-meta li a { font-size: 11px; font-style: normal; text-transform: uppercase; letter-spacing: 1px; color: #999; } #rs-services-slider .entry-meta li:before { content: '\00b7'; opacity: 1; } #rs-services-slider .service-button { margin: 80px 0 80px 15px; } #rs-services-slider .device-sm .service-button, #rs-services-slider .device-xs .service-button { margin: 30px 0 0; } #rs-services-slider .clfeatures .cl-ft-item img { display: block; margin: 0; } #rs-services-slider .item-thumb .owl-dot { position: relative; } #rs-services-slider .item-thumb .owl-dot:before { content: ""; position: absolute; left: 10px; top: 10px; z-index: 99; width: calc(100% - 20px); height: calc(100% - 20px); background: rgba(0, 0, 0, 0.8); transition: all 500ms ease; opacity: 0; border-radius: 5px; } #rs-services-slider h5.overlay-feature-title { font-size: 16px; line-height: 140%; font-weight: normal; margin: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9999; text-align: center; width: calc(80%); transition: all 500ms ease; opacity: 0; } #rs-services-slider h5.overlay-feature-title a { color: #fff; pointer-events: none; } #rs-services-slider .item-thumb .owl-dot:hover:before, #rs-services-slider .item-thumb .owl-dot.active:before { opacity: 1; } #rs-services-slider .item-thumb .owl-dot:hover h5.overlay-feature-title, #rs-services-slider .item-thumb .owl-dot.active h5.overlay-feature-title { opacity: 1; } @media (min-width: 992px) { #rs-services-slider #header, #rs-services-slider #header-wrap { z-index: 200; background-color: transparent !important; background-repeat: repeat-x; background-position: center bottom; background-size: auto 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #rs-services-slider #primary-menu ul li > a { padding-top: 32px; padding-bottom: 10px; } #rs-services-slider #header.sticky-header #header-wrap { background-color: transparent !important; box-shadow: none; } #rs-services-slider .slider-caption h2 { font-size: 76px; } #rs-services-slider .food-price { font-size: 24px; top: 50px; right: 60px; } } #rs-services-slider .services-wrap .services-item { position: relative; padding: 0px 25px 65px; z-index: 10; } #rs-services-slider .services-wrap .services-item:after { content: ''; position: absolute; left: 0; z-index: -1; height: 100%; width: 100%; background: #fff; transition: all 0.3s ease 0s; top: 50%; transform: scale(1, 0.9) translateY(-50%); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); opacity: 0; } #rs-services-slider .services-wrap .services-item:hover .services-desc:after { background: #4d6de6; width: 100px; } #rs-services-slider .services-wrap .services-item:hover:after { opacity: 1; transform: scale(1, 1) translateY(-50%); } #rs-services-slider .services-wrap .services-icon { position: relative; display: inline-block; font-size: 64px; color: #4d6de6; } #rs-services-slider .services-wrap .services-title { font-size: 20px; margin-top: 35px; margin-bottom: 25px; } #rs-services-slider .services-wrap .services-desc { position: relative; } #rs-services-slider .services-wrap .services-desc:after { content: ''; position: absolute; left: 0; height: 2px; width: 50px; bottom: -45px; background: rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0s; } #rs-services-slider .services-wrap .services-desc p { margin-bottom: 55px; } #rs-contact .contact-form { overflow: hidden; } #rs-contact.contact-page1 .form-button { text-align: center; margin-top: 10px; } #rs-contact.contact-page1 .form-button input { margin-left: 16px; } #content .quick-contact { padding-right: 40px !important; } #content .quick-contact .vc_column-inner { background: #4d6de6; padding: 50px 45px 60px 45px; position: relative; margin-top: -30px; } #content .quick-contact .vc_column-inner:after { background: #4d6de6; transform: skewY(-174deg); -webkit-transform: skewY(-174deg); -o-transform: skewY(-174deg); -moz-transform: skewY(-174deg); content: ""; height: 130px; left: 0; position: absolute; top: -35px; width: 100%; border-top-right-radius: 5px; border-top-left-radius: 5px; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; box-shadow: 0 -26px 12px transparent; outline: 1px solid transparent; } #content .quick-contact .wpcf7 .wpcf7-form-control-wrap .wpcf7-form-control { border: none; background: transparent !important; border-bottom: 1px solid rgba(60, 65, 84, 0.2); border-radius: 0; box-shadow: none; color: #fff; } #content .quick-contact .wpcf7 .wpcf7-form-control-wrap .wpcf7-form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } #content .quick-contact .wpcf7 .wpcf7-form-control-wrap .wpcf7-form-control::-moz-placeholder { /* Firefox 19+ */ color: #fff; } #content .quick-contact .wpcf7 .wpcf7-form-control-wrap .wpcf7-form-control:-ms-input-placeholder { /* IE 10+ */ color: #fff; } #content .quick-contact .wpcf7 .wpcf7-form-control-wrap .wpcf7-form-control:-moz-placeholder { /* Firefox 18- */ color: #fff; } #content .quick-contact .wpcf7 .wpcf7-form-control-wrap .wpcf7-form-control:focus { box-shadow: none; } #content .quick-contact .wpcf7 .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-textarea { height: 65px !important; } #content .quick-contact .wpcf7 .form-button .wpcf7-submit { border: 2px solid #fff; margin-top: 10px; } #content .quick-contact .wpcf7 .form-button .wpcf7-submit:hover { background: #fff !important; color: #222222; } #home-testimonial .quick-contact .vc_column-inner:after { top: -70px; } .services-title2 { position: relative; z-index: 9999; text-align: center; } .service-inner:hover .services-desc { opacity: 1; } .service-inner { border-radius: 0 0 5px 5px; } .service-inner .services-icon img { transition: all 0.5s ease 0s; border-radius: 5px 5px 0 0; } .service-inner:hover .services-icon img { transform: scale(1.1); } .service-inner:hover .services-item:before { transform: scaleX(1); } /* ---------------------------------- 07. Features Section -------------------------------------*/ .features-section { position: relative; } .features-section.skew-style-curve:after { z-index: -1; } .features-section.skew-style-curve .sppb-row-overlay { z-index: 0; } .features-section#features .rs-services1 .services-item { padding: 25px 15px 25px 20px; position: relative; background: #fff; } .features-section#features .rs-services1 .services-item:before { position: absolute; display: block; left: 0; bottom: 0; width: 5px; height: 100%; background: #A6A9B0; content: ""; opacity: 0; visibility: visible; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .features-section#features .rs-services1 .services-item .services-icon { width: 18%; margin-top: 7px; } .features-section#features .rs-services1 .services-item .services-icon i { width: 60px; margin-right: 10px; color: #4d6de6 !important; } .features-section#features .rs-services1 .services-item .services-desc { width: 82%; } .features-section#features .rs-services1 .services-item:hover { box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1); } .features-section#features .rs-services1 .services-item:hover:before { background: #4d6de6; } .features-section .sec-title-all .description { color: #fff; } .features-section .sec-title-all .title-sec-left:before { background: #fff; } .features-section .vc_tta-panels { padding: 20px 10px 0 !important; border: 0 !important; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.08); box-shadow: 0 0 40px rgba(0, 0, 0, 0.08); background: #fff !important; } .features-section .vc_tta-panel.vc_active .vc_tta-panel-body { background: transparent !important; border: none !important; } .features-section .wpb_wrapper p { line-height: 24px; } .features-section .wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-tab > a { border: none !important; } .features-section .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a { background: transparent !important; border-color: transparent !important; } .features-section .vc_tta-tab a { padding: 15px 22px !important; border: 0 !important; -webkit-transition: 0.9s background all; transition: 0.9s background all; background: #fff; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.08) !important; box-shadow: 0 0 40px rgba(0, 0, 0, 0.08) !important; } .features-section li.vc_tta-tab:hover a, .features-section li.vc_tta-tab.vc_active a { color: #fff !important; background: #4d6de6 !important; } .features-section .vc_tta-tabs-container { margin: 0 0 45px !important; } .features-section .vc_tta-tabs-container .vc_tta-tabs-list { text-align: center; } .features-section .vc_parallax-inner { transition: 0.3s all ease; } .features-section .vc_tta-icon { font-size: 15px !important; } .features-section-cluod { margin-top: -98px; } #features #featured-btm .vc_icon_element { margin: 0 !important; } #features #featured-btm .vc_icon_element span { font-size: 40px !important; } #features #featured-btm h3 { font-weight: 600; font-size: 20px; margin: 0 0 10px; } #features #featured-btm.wp_center h3, #features #featured-btm.wp_center p { text-align: center; } /* ---------------------------------- 08. Ratings -------------------------------------*/ #ratings .vc_bar { text-align: center; display: block; background: #222222 !important; border-radius: 0; } #ratings .vc_progress_bar .vc_single_bar { background: #f2f2f2; border-radius: 0; box-shadow: none; padding: 3px 0; margin-bottom: 28px; } #ratings .vc_progress_bar .vc_single_bar .vc_label { font-size: 15px; text-shadow: none !important; } #ratings .vc_chart-legend li { line-height: 30px; margin-bottom: 10px; color: #4d6de6; } #ratings .vc_chart-legend li em { display: block; margin-left: 27px; font-style: normal; color: #4d6de6; } #ratings #total-rat strong { font-size: 40px; font-weight: 400; color: #4d6de6; display: block; margin-top: 5px; } #ratings #total-rat img { margin: 11px 0 4px; } #ratings .testimonial-content p { max-width: 720px; margin: 0 auto; } #ratings .slider2 { padding-bottom: 0 !important; } #ratings .partner-logo figure { position: relative; transition: all 0.3s ease 0s; } #ratings .partner-logo figure:before { position: absolute; content: ""; left: 0; top: 0; height: 2px; width: 0; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; background: #4d6de6; } #ratings .partner-logo figure:after { position: absolute; content: ""; right: 0; bottom: 0; height: 2px; width: 0; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; background: #4d6de6; } #ratings .partner-logo figure:hover { opacity: .8; } #ratings .partner-logo figure:hover:before { width: 40px; } #ratings .partner-logo figure:hover:after { width: 40px; } /* ---------------------------------- 08. Achievement -------------------------------------*/ .achievement { position: relative; overflow: hidden; color: #333; } .achievement .rs-counter-list h3 { color: #333; } .achievement .rs-counter-list h3:before { display: none; opacity: 0; } .achievement .rs-counter-list h2 { font-size: 34px; margin: 10px 0 0; } .achievement#app-stats .counter-top-area { position: relative; text-align: center; margin-bottom: 30px; background: transparent !important; padding: 25px 20px 20px; } .achievement#app-stats .counter-top-area h2 { font-size: 30px; font-weight: 600 !important; padding: 0; margin: 15px 0 5px; } .achievement#app-stats .counter-top-area h3 { font-weight: 400; letter-spacing: 2px; margin-bottom: 0; margin-left: 5px; font-size: 15px; text-transform: capitalize; } .achievement#app-stats .counter-top-area .rs-count { padding: 0 0 25px 0; } .achievement#app-stats .counter-top-area .rs-counter-list i { display: inline-block; font-size: 54px; color: #a4a7af; } .achievement#app-stats .counter-top-area .rs-counter-list i:hover { color: #4d6de6; } /* ---------------------------------- 08. Gallery -------------------------------------*/ .rs-partner .partner-item { margin: 0 10px; text-align: center; } .rs-partner .partner-item a { cursor: pointer; } .rs-partner .partner-item img { transition: all 0.3s ease 0s; display: inline-block; } .rs-partner .slick-next { right: 50px; z-index: 999; padding: 0; width: 50px; height: 50px; background: #4d6de6; border-radius: 50%; } .rs-partner .slick-next:after { color: #fff; font-size: 30px; position: absolute; z-index: 99; left: 50%; transform: translateX(-50%); padding: 0; display: block; } .rs-partner .slick-prev { left: 50px; z-index: 999; width: 50px; height: 50px; background: #4d6de6; border-radius: 50%; } .rs-partner .slick-prev:after { color: #fff; position: absolute; left: 50%; transform: translateX(-50%); font-size: 30px; position: relative; z-index: 99; padding: 0; display: block; } .rs-partner .slick-arrow { display: none !important; transition: 0.3s ease all; } .rs-partner .slick-arrow:hover { background: #4d6de6; } .rs-partner:hover .slick-arrow { display: block !important; } .rs-partner.navigation-hidden .slick-arrow { display: none !important; } .event-location { background: #fff; padding: 43px 30px 25px !important; max-width: 440px; box-shadow: 0 1px 36px rgba(0, 0, 0, 0.2); border-radius: 5px; } .event-location .rs-heading .title-img { margin-bottom: 16px; } .event-location .rs-heading h2 { text-transform: inherit; } .course-features-info { margin-bottom: 20px; background: #4d6de6; padding: 15px 30px; min-height: 415px; color: #fff; } .course-features-info h3.title { color: #fff; margin: 10px 0 8px; font-size: 20px; } .course-features-info .book-btn { margin-bottom: 20px; } .course-features-info .book-btn a { border-radius: 35px; border: 2px solid #fff !important; } .course-features-info .book-btn a:hover { background: #fff !important; color: #4d6de6 !important; } .course-features-info ul { padding: 0; margin: 0; } .course-features-info ul li { display: block; overflow: hidden; padding: 13px 0; } .course-features-info ul li + li { border-top: 1px solid #4466e5; } .course-features-info ul li i { color: #fff; padding-right: 4px; } .course-features-info ul li .fa-calendar { font-size: 13px; } .course-features-info ul li .label { width: 90px; font-size: 100%; } .course-features-info ul li .value { float: right; padding-right: 0; width: 60%; text-align: right; } .rs-partner.grid_style { text-align: center; } .rs-partner.grid_style .single-sponsor { padding-top: 27px; padding-bottom: 27px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } .rs-partner.grid_style .single-sponsor.last_item { border-right: 0; } .rs-partner.grid_style .single-sponsor.last-row { border-bottom: 0; } .rs-partner.no-border { text-align: left; } .rs-partner.no-border .single-sponsor { border: none; padding-left: 0; padding-right: 0; } .rs-partner .partner-item { margin: 0 10px; text-align: center; } .rs-partner .partner-item a { cursor: pointer; } .rs-partner .partner-item img { transition: all 0.3s ease 0s; display: inline-block; } .rs-partner .slick-next { right: 50px; z-index: 999; padding: 0; width: 50px; height: 50px; background: #4d6de6; border-radius: 50%; } .rs-partner .slick-next:after { color: #fff; font-size: 30px; position: absolute; z-index: 99; left: 50%; transform: translateX(-50%); padding: 0; display: block; } .rs-partner .slick-prev { left: 50px; z-index: 999; width: 50px; height: 50px; background: #4d6de6; border-radius: 50%; } .rs-partner .slick-prev:after { color: #fff; position: absolute; left: 50%; transform: translateX(-50%); font-size: 30px; position: relative; z-index: 99; padding: 0; display: block; } .rs-partner .slick-arrow { display: none !important; transition: 0.3s ease all; } .rs-partner .slick-arrow:hover { background: #4d6de6; } .rs-partner:hover .slick-arrow { display: block !important; } .rs-partner.navigation-hidden .slick-arrow { display: none !important; } .partner-center .single-sponsor { text-align: center; } .sponsor-filter { margin-bottom: 25px; } .sponsor-filter button { border: 1px solid #4d6de6; color: #4d6de6; border-radius: 5px; font-size: 15px; font-weight: 500; width: 150px; text-align: center; margin: 0 12px; text-transform: uppercase; transition: 0.4s; -webkit-transition: 0.4s; background: transparent; padding: .5rem 1rem; } .sponsor-filter button.active, .sponsor-filter button:hover { background: #4d6de6; color: #fff !important; } .sponsor-filter.filter-center { text-align: center; } .sponsor-filter.filter-right { text-align: right; } /* ---------------------------------- 08. video ------------------------------------*/ .rs-video { position: relative; } .rs-video:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #4d6de6; content: ""; opacity: 0.8; display: block; } .rs-video .videos-icon { text-align: center; position: relative; } .rs-video .videos-icon span { display: inline-block; line-height: 1; padding: 2px; color: #ffffff; border-style: solid; border-color: #ffffff; border-width: 3px; border-radius: 64px; } .rs-video .videos-icon span i { font-size: 64px; width: 65px; height: 64px; line-height: 65px; text-align: center; transition: all 0.3s ease 0s; } .rs-video .videos-icon span:hover { background: #fff; } .rs-video .videos-icon span:hover i { color: #4d6de6; } .rs-video .title-dsc h4 { text-align: center; position: relative; color: #fff; margin: 0 0 47px; font-size: 36px; font-weight: 400 !important; } .rs-video .title-dsc h4:before { content: ""; position: absolute; bottom: -17px; left: 50%; transform: translateX(-50%); width: 150px; height: 3px; background: #4d6de6; } .rs-video .title-dsc p { text-align: center; color: #fff; margin: 0; font-weight: 400; line-height: 25px; } .video-section { position: relative; overflow: hidden; } .video-section:not([class*="skew-"]):after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; display: block !important; opacity: 0; } .video-section .rs-video:before { background: transparent !important; } .video-section .overly-border { display: none; } .video-section#app-video { background-size: cover; max-width: 860px; margin: 0 auto; z-index: 9; box-shadow: 0 0 40px rgba(0, 0, 0, 0.15); } .video-section#app-video .rs-video-2 .popup-videos { border: 6px solid #4d6de6; background: #4d6de6; width: 90px; height: 90px; line-height: 80px; } .video-section#app-video .rs-video-2 .popup-videos i { color: #fff; } .video-section#app-video:after { background: rgba(0, 0, 0, 0.25); } .event-about .rs-video-2 .popup-videos { background: #fff; height: 85px; width: 85px; line-height: 55px; border: 16px solid #4d6de6; box-shadow: none; top: 83%; left: 25%; } .event-about .rs-video-2 .popup-videos i { color: #4d6de6; } .event-about .rs-video-2 img { opacity: 1; } /* ---------------------------------- 08. FAQ -------------------------------------*/ .faq-section .vc_tta-panel-title { background: #fff; font-weight: 400 !important; transition: all 0.3s ease 0s; padding: 3px 0; box-shadow: 0 0 40px rgba(0, 0, 0, 0.08); } .faq-section .vc_tta-panel-title a { font-weight: 400 !important; color: #212121; font-size: 16px; padding: 0 !important; } .faq-section .vc_tta-panel-title a span { color: #212121; font-size: 16px; font-weight: 400 !important; } .faq-section .vc_tta-panel-title a i { float: right; position: relative !important; margin: 15px 10px 0 0 !important; } .faq-section .vc_tta-panel-title a i:before { border-color: #212121 !important; } .faq-section .vc_tta-panel-title:hover { background: #4d6de6; } .faq-section .vc_tta-panel-title:hover a span { color: #fff; } .faq-section .vc_tta-panel-title:hover .vc_tta-controls-icon:before { border-color: #fff !important; } .faq-section .vc_tta-panel.vc_active .vc_tta-panel-title { background: #4d6de6; } .faq-section .vc_tta-panel.vc_active .vc_tta-panel-title a span { color: #fff; } .faq-section .vc_tta-panel.vc_active .vc_tta-panel-title .vc_tta-controls-icon:before { border-color: #fff !important; } .faq-section .vc_tta-panel-body { border: none !important; } .faq-section .vc_tta-panel-body p { line-height: 25px; margin-bottom: 0; } .faq-section .vc_tta-controls-icon-position-left .vc_tta-controls-icon { left: 12px; } #rs-accordion .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { border-radius: 0; } #rs-accordion .vc_tta-panels .vc_tta-panel .vc_tta-panel-title { font-size: 18px; } #rs-accordion .vc_tta-panels .vc_tta-panel .vc_tta-panel-title a { color: #212121; padding-left: 46px !important; } #rs-accordion .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { background-color: transparent !important; } #rs-accordion .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color: #f0f0f0; } #rs-accordion .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a { color: #4d6de6; } #rs-accordion .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon:before { border-color: #4d6de6; } #faqs-section-area .vc_tta-panel-heading .vc_tta-panel-title > a { padding-left: 50px !important; } #faqs-section-area .vc_tta-panel-heading .vc_tta-panel-title > a span { color: #222222; font-weight: 500; font-size: 20px; } #faqs-section-area .vc_column_container > .vc_column-inner { padding-top: 25px; } /* ---------------------------------- 08. Calltoaction -------------------------------------*/ #rs-cta { padding: 42px 0; } #rs-cta h2 { margin: 0 0 5px 0; text-transform: uppercase; } #rs-cta.gym-cta ul { margin-left: 0; } #rs-cta.gym-cta ul li { display: inline-block; list-style-type: none; } #rs-cta.gym-cta ul li:first-child { margin-right: 15px; } #rs-cta.gym-cta ul li a:hover { color: #fff; } #rs-cta.consult-cta ul { margin-left: 0; } #rs-cta.consult-cta ul li { display: inline-block; list-style-type: none; } #rs-cta.consult-cta ul li:first-child { margin-right: 15px; } #rs-cta.consult-cta ul li a { background: transparent !important; border: 2px solid #fff !important; } #rs-cta.consult-cta ul li a:hover { background: #fff !important; color: #212121; } #rs-cta p { margin: 0 !important; color: #fff; font-size: 15px; } #rs-cta .vc_btn3-container { margin: 8px 0 0; float: right; } #rs-cta .vc_btn3 { -webkit-transition: background 0.9s ease 0s; transition: background 0.9s ease 0s; border-radius: 30px; font-size: 15px; text-transform: capitalize; background: none; color: #fff; border: 2px solid #fff !important; min-width: 185px; } #rs-cta .vc_btn3:hover { background: #fff !important; color: #4d6de6 !important; } #rs-cta .vc_column-inner { padding-top: 0 !important; } #rs-cta .contact_box h2 { font-weight: 400 !important; color: #fff; } #rs-cta .contact_box p { font-weight: 300; } #rs-cta .contact_box .vc_icon_element { margin-right: 16px; margin-top: 5px; } #rs-cta .contact_box .vc_icon_element, #rs-cta .contact_box .wpb_text_column { float: left; } #rs-cta .contact_box .wpb_text_column .wpb_wrapper { text-align: left; } #rs-cta .contact_box .vc_icon_element .vc_icon_element-icon { color: #fff; font-size: 40px !important; } #rs-cta .contact_box .vc_btn3-container { margin: 8px 0 0; } #rs-cta.overlay-image { padding: 70px 0 42px; } #rs-cta.overlay-image .vc_btn3-container { margin-top: -25px; } /* ---------------------------------- 08. Download from Store -------------------------------------*/ #download-store { position: relative; } #download-store:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #4d6de6; opacity: 0.8; width: 100%; height: 100%; display: block !important; } #download-store #app-store ul { text-align: center; overflow: hidden; margin-left: 0; } #download-store #app-store ul li { list-style: none; display: inline-block; margin: 0 15px; } #download-store #app-store ul li:first-child { margin-left: 0; } #download-store #app-store ul li a img:hover { opacity: 0.8; } #download-store .wpb_wrapper { position: relative; z-index: 99; } #download-store2 { position: relative; } #download-store2:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #4d6de6; opacity: 0.9; width: 100%; height: 100%; display: block !important; } #download-store2 .rs-heading h3 .first-word { color: #fff; } #download-store2 .title-sec-left:before { background: #fff; } #download-store2 .description { color: #fff; } #download-store2 .wpb_wrapper p { color: #fff; line-height: 25px; } #download-store2 #app-store ul { list-style: none; padding: 0; margin: 0; } #download-store2 #app-store ul li { padding-bottom: 8px; position: relative; padding-left: 40px; margin: 0; color: #fff; } #download-store2 #app-store ul li:before { position: absolute; top: 0; left: 0; content: "\f00c"; font-family: FontAwesome; color: #fff; } #download-store2 #app-store a { text-transform: uppercase; font-size: 15px; display: inline-block; padding: 12px 34px; color: #444444; background: #fff; border-radius: 30px; font-weight: 500; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; letter-spacing: 2px; margin: 25px 10px 0 0; } #download-store2 #app-store a:hover { color: #fff !important; background: #4d6de6 !important; } /* ---------------------------------- 09. Portfolio -------------------------------------*/ .rs-portfolio.col-filter .portfolio-content .portfolio-filter { text-align: center !important; } .mfp-close-btn-in .mfp-close { top: -50px; right: 0; text-align: right; padding-right: 0; display: inline-block; text-align: center; background: #4d6de6; width: 44px; border-radius: 50%; text-indent: 4px; font-size: 27px; } .portfolio-filter { margin-bottom: 27px; } .portfolio-filter.filter-center { text-align: center; } .portfolio-filter.filter-right { text-align: right; } .portfolio-filter.filter-left { text-align: left; } .portfolio-filter button { font-size: 16px; background: transparent !important; color: #666666; margin: 0 20px 12px 0; display: inline-block; padding: 0; transition: 0.4s; outline: none; -webkit-transition: 0.4s; -ms-transition: 0.4s; position: relative; padding: 5px 15px; border-radius: 30px; border: 0; } .portfolio-filter button:hover, .portfolio-filter button.active { color: #4d6de6; background: transparent !important; } .gutter-no-gap .row { margin: 0 !important; } .gutter-no-gap .row [class*="col-"] { padding: 0 !important; margin: 0 !important; } .portfolio-item { border-radius: 5px; } .rs-portfolio-style1 .portfolio-item { position: relative; overflow: hidden; } .rs-portfolio-style1 .portfolio-item .portfolio-content { position: absolute; width: 100%; height: 100%; top: 30%; left: 0; text-align: center; z-index: 10; padding: 25px; opacity: 0; -webkit-transition: 0.3s all ease-out; transition: 0.3s all ease-out; border-radius: 5px; } .rs-portfolio-style1 .portfolio-item .portfolio-content .p-category { color: #fff; margin-bottom: 0; } .rs-portfolio-style1 .portfolio-item .portfolio-content .p-category a { color: #fff; } .rs-portfolio-style1 .portfolio-item .portfolio-content .p-category a:hover { color: rgba(255, 255, 255, 0.7); } .rs-portfolio-style1 .portfolio-item .portfolio-content .vertical-middle { display: table; height: 100%; width: 100%; } .rs-portfolio-style1 .portfolio-item .portfolio-content .vertical-middle-cell { display: table-cell; vertical-align: middle; } .rs-portfolio-style1 .portfolio-item .portfolio-img img { width: 100%; border-radius: 5px; } .rs-portfolio-style1 .portfolio-item .p-link { transition: all 0.3s ease 0s; display: inline-block; font-size: 19px; width: 52px; line-height: 54px; height: 52px; text-align: center; border-radius: 50%; background: #fff; } .rs-portfolio-style1 .portfolio-item .p-link i { margin-left: 2px; } .rs-portfolio-style1 .portfolio-item .p-link:hover { background-color: #4d6de6; color: #fff; } .rs-portfolio-style1 .portfolio-item .p-title { font-size: 20px; line-height: normal; margin-top: 15px; color: #fff; margin-bottom: 0; } .rs-portfolio-style1 .portfolio-item .p-title a { color: #fff; } .rs-portfolio-style1 .portfolio-item .p-title a:hover { color: rgba(255, 255, 255, 0.7); } .rs-portfolio-style1 .portfolio-item .p-desc { font-size: 15px; color: rgba(255, 255, 255, 0.7); margin-bottom: 0; margin-top: 10px; } .rs-portfolio-style1 .portfolio-item:hover .portfolio-content { opacity: 1; top: 0; } .rs-portfolio-style2 .portfolio-item { position: relative; overflow: hidden; } .rs-portfolio-style2 .portfolio-item .portfolio-img { position: relative; z-index: 10; } .rs-portfolio-style2 .portfolio-item .portfolio-img:before { content: ''; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: all 0.3s ease 0s; border-radius: 5px; } .rs-portfolio-style2 .portfolio-item .portfolio-img img { width: 100%; border-radius: 5px; } .rs-portfolio-style2 .portfolio-item .portfolio-img .p-link { position: absolute; top: 42%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); transform: translateX(-50%) translateY(-50%) scale(0.8); display: inline-block; font-size: 14px; color: #ffffff; transition: all 0.3s ease; height: 46px; line-height: 44px; width: 46px; border: 1px solid #fff; border-radius: 50%; text-align: center; opacity: 0; } .rs-portfolio-style2 .portfolio-item .portfolio-img .p-link i { margin-left: 2px; } .rs-portfolio-style2 .portfolio-item .portfolio-img .p-link:hover { background-color: #fff; color: #4d6de6; } .rs-portfolio-style2 .portfolio-item .portfolio-content { position: absolute; bottom: -50px; width: 100%; padding: 15px 20px; z-index: 10; transition: all 0.3s ease; opacity: 0; } .rs-portfolio-style2 .portfolio-item .portfolio-content:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #222222; z-index: -1; transition: all 0.3s ease 0s; border-radius: 5px; } .rs-portfolio-style2 .portfolio-item .portfolio-content a { color: #fff; } .rs-portfolio-style2 .portfolio-item .portfolio-content h3 { margin-bottom: 5px; font-size: 20px; } .rs-portfolio-style2 .portfolio-item .portfolio-content p { margin-bottom: 0; color: #ffffff; } .rs-portfolio-style2 .portfolio-item:hover .portfolio-content { bottom: 0; opacity: 1; } .rs-portfolio-style2 .portfolio-item:hover .portfolio-img:before { opacity: 1; } .rs-portfolio-style2 .portfolio-item:hover .p-link { -webkit-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); opacity: 1; } .rs-portfolio-style3 .portfolio-item { position: relative; overflow: hidden; } .rs-portfolio-style3 .portfolio-item .portfolio-img { position: relative; z-index: 10; } .rs-portfolio-style3 .portfolio-item .portfolio-img:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #222222; transition: all 0.3s ease 0s; opacity: 0; } .rs-portfolio-style3 .portfolio-item .portfolio-img img { width: 100%; border-radius: 5px; } .rs-portfolio-style3 .portfolio-item .portfolio-img .p-link { position: absolute; bottom: 20px; right: 20px; display: inline-block; font-size: 36px; color: #ffffff; transition: all 0.3s ease; opacity: 0; } .rs-portfolio-style3 .portfolio-item .portfolio-img .p-link i { margin-left: 2px; } .rs-portfolio-style3 .portfolio-item .portfolio-img .p-link:hover { opacity: 0.7 !important; } .rs-portfolio-style3 .portfolio-item .portfolio-content { position: absolute; padding: 15px 20px; opacity: 0; z-index: 10; top: 0; width: 100%; } .rs-portfolio-style3 .portfolio-item .portfolio-content a { color: #fff; } .rs-portfolio-style3 .portfolio-item .portfolio-content h3 { margin-bottom: 5px; font-size: 20px; transition: 0.3s ease all; } .rs-portfolio-style3 .portfolio-item .portfolio-content p { margin-bottom: 0; color: #fff; transition: 0.3s ease all; } .rs-portfolio-style3 .portfolio-item:hover .portfolio-content { opacity: 1; } .rs-portfolio-style3 .portfolio-item:hover .portfolio-img:before { opacity: 0.7; } .rs-portfolio-style3 .portfolio-item:hover .portfolio-img .p-link { opacity: 1; } .rs-portfolio-style4 .portfolio-item { position: relative; overflow: hidden; } .rs-portfolio-style4 .portfolio-item .portfolio-img { position: relative; z-index: 10; } .rs-portfolio-style4 .portfolio-item .portfolio-img:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #222222; transition: all 0.4s ease 0s; opacity: 0; z-index: 10; border-radius: 5px; } .rs-portfolio-style4 .portfolio-item .portfolio-img img { width: 100%; -webkit-transition: 1.3s all ease; transition: 1.3s all ease; border-radius: 5px; } .rs-portfolio-style4 .portfolio-item .portfolio-img .p-link { display: none; } .rs-portfolio-style4 .portfolio-item .portfolio-content { position: absolute; padding: 15px 20px; opacity: 0; z-index: 10; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); text-align: center; width: 100%; } .rs-portfolio-style4 .portfolio-item .portfolio-content a { color: #fff; } .rs-portfolio-style4 .portfolio-item .portfolio-content h3 { margin-bottom: 5px; font-size: 20px; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: 0.4s all ease; transition: 0.4s all ease; } .rs-portfolio-style4 .portfolio-item .portfolio-content h3 a:hover { color: rgba(255, 255, 255, 0.7); } .rs-portfolio-style4 .portfolio-item .portfolio-content p { margin-bottom: 0; color: #fff; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: 0.4s all ease; transition: 0.4s all ease; } .rs-portfolio-style4 .portfolio-item .portfolio-content p a:hover { color: rgba(255, 255, 255, 0.7); } .rs-portfolio-style4 .portfolio-item:hover .portfolio-content { opacity: 1; } .rs-portfolio-style4 .portfolio-item:hover .portfolio-content h3 { -webkit-transform: translateY(0px); transform: translateY(0px); } .rs-portfolio-style4 .portfolio-item:hover .portfolio-content p { -webkit-transform: translateY(0px); transform: translateY(0px); } .rs-portfolio-style4 .portfolio-item:hover .portfolio-img:before { opacity: 0.7; } .rs-portfolio-style4 .portfolio-item:hover .portfolio-img img { -webkit-transform: scale(1.3); transform: scale(1.3); } .rs-portfolio-style5 .portfolio-item { position: relative; overflow: hidden; } .rs-portfolio-style5 .portfolio-item .portfolio-img { position: relative; z-index: 10; } .rs-portfolio-style5 .portfolio-item .portfolio-img:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #222222; transition: all 0.4s ease 0s; opacity: 0; z-index: 10; border-radius: 5px; } .rs-portfolio-style5 .portfolio-item .portfolio-img img { width: 100%; -webkit-transition: 1.3s all ease; transition: 1.3s all ease; border-radius: 5px; } .rs-portfolio-style5 .portfolio-item .portfolio-img .p-link { position: absolute; top: 20px; right: 20px; display: inline-block; font-size: 32px; color: #ffffff; -webkit-transition: 0.6s all ease; transition: 0.6s all ease; opacity: 0; z-index: 10; -webkit-transform: translateY(-30px); transform: translateY(-30px); } .rs-portfolio-style5 .portfolio-item .portfolio-img .p-link i { margin-left: 2px; } .rs-portfolio-style5 .portfolio-item .portfolio-img .p-link:hover { opacity: 0.7 !important; } .rs-portfolio-style5 .portfolio-item .portfolio-content { position: absolute; padding: 15px 20px; opacity: 0; z-index: 10; bottom: 0; left: 0; text-align: left; width: 100%; } .rs-portfolio-style5 .portfolio-item .portfolio-content a { color: #fff; } .rs-portfolio-style5 .portfolio-item .portfolio-content h3 { margin-bottom: 5px; font-size: 20px; -webkit-transform: translateY(15px); transform: translateY(15px); -webkit-transition: 0.6s all ease; transition: 0.6s all ease; } .rs-portfolio-style5 .portfolio-item .portfolio-content h3 a:hover { color: rgba(255, 255, 255, 0.7); } .rs-portfolio-style5 .portfolio-item .portfolio-content p { margin-bottom: 0; color: #fff; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: 0.6s all ease; transition: 0.6s all ease; } .rs-portfolio-style5 .portfolio-item .portfolio-content p a:hover { color: rgba(255, 255, 255, 0.7); } .rs-portfolio-style5 .portfolio-item:hover .portfolio-content { opacity: 1; } .rs-portfolio-style5 .portfolio-item:hover .portfolio-content h3 { -webkit-transform: translateY(0px); transform: translateY(0px); } .rs-portfolio-style5 .portfolio-item:hover .portfolio-content p { -webkit-transform: translateY(0px); transform: translateY(0px); } .rs-portfolio-style5 .portfolio-item:hover .portfolio-img:before { opacity: 1; } .rs-portfolio-style5 .portfolio-item:hover .portfolio-img img { -webkit-transform: scale(1.3); transform: scale(1.3); } .rs-portfolio-style5 .portfolio-item:hover .portfolio-img .p-link { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } .rs-portfolio .portfolio-item .portfolio-img img, .rs-portfolio .portfolio-item .portfolio-content::before { border-radius: 5px; } .rs-portfolio-agency .portfolio-filter { margin-bottom: 30px; } .team-home .owl-carousel .owl-nav { display: none; } .owl-carousel { padding-top: 0; } .owl-carousel .owl-nav { right: 0; } .owl-carousel .owl-nav [class*="owl-"] { font-size: 0; width: 42px; height: 42px; line-height: 42px; background: #4d6de6; color: #fff; border-radius: 50%; position: absolute; top: calc(50% - 50px); -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: 0.6s ease all; opacity: 1; visibility: visible; } .owl-carousel .owl-nav [class*="owl-"]:before { font-family: FontAwesome; position: absolute; font-size: 26px; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .owl-carousel .owl-nav [class*="owl-"].owl-prev { left: 0; } .owl-carousel .owl-nav [class*="owl-"].owl-prev:before { content: "\f104"; } .owl-carousel .owl-nav [class*="owl-"].owl-next { right: 0; } .owl-carousel .owl-nav [class*="owl-"].owl-next:before { content: "\f105"; margin-left: 2px; } .owl-carousel .owl-item img { border-radius: 5px 5px 0 0; } /* ---------------------------------- 10. Pricing Tables -------------------------------------*/ .cl-pricetable-wrap, .price-table { position: relative; } .cl-pricetable-wrap:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transition: .3s ease all; transition: .3s ease all; } .price-table.style1 .pricing-title { font-size: 30px; font-weight: 600; padding-bottom: 18px; text-transform: uppercase; } .price-table.style1 .cl-pricetable-wrap { position: relative; overflow: hidden; } .price-table.style1 .cl-pricetable-wrap .top { text-align: center; padding: 0 8px; } .price-table.style1 .cl-pricetable-wrap .top .cl-header h4 { font-size: 23px; font-weight: 700; line-height: 24px; margin-bottom: 0; margin-top: 0; padding: 30px 0 0; text-transform: uppercase; } .price-table.style1 .cl-pricetable-wrap .top h3 { margin: 4px 0 0px; display: inline-block; font-size: 60px; font-weight: 300; line-height: 60px; } .price-table.style1 .cl-pricetable-wrap .top h3 .dolar { bottom: 24px; font-size: 22px; font-weight: 800; padding-right: 3px; position: relative; } .price-table.style1 .cl-pricetable-wrap .top h6 { margin-top: 10px; padding-top: 0px; font-weight: normal; } .price-table.style1 .cl-pricetable-wrap .top h5 { font-size: 18px; font-weight: 600; text-transform: lowercase; display: inline-block; } .price-table.style1 .cl-pricetable-wrap .top .cl-subheader .short-desc { font-size: 18px; padding-bottom: 38px; text-transform: initial; font-weight: 400; } .price-table.style1 .cl-pricetable-wrap .top .popular { background: #d32f2f; color: #ffffff; font-size: 11px; left: -43px; padding: 18px 34px 6px; position: absolute; text-transform: lowercase; top: -6px; transform: rotate(-50deg); } .price-table.style1 .cl-pricetable-wrap .top:after { content: ''; position: absolute; bottom: 0; left: 0; } .price-table.style1 .cl-pricetable-wrap .bottom ul { text-align: center; } .price-table.style1 .cl-pricetable-wrap .bottom ul li { font-size: 15px; font-weight: 600; text-transform: uppercase; padding: 16px 12px; } .price-table.style1 .cl-pricetable-wrap .bottom ul li .highlight { color: #000; } .price-table.style1 .cl-pricetable-wrap .bottom ul li .feature_icon { margin-left: 10px; margin-right: 10px; } .price-table.style1 .cl-pricetable-wrap .bottom ul li .tooltip { position: relative !important; display: inline-block; opacity: 1 !important; z-index: auto !important; } .price-table.style1 .cl-pricetable-wrap .bottom ul li .tooltip:after { font-family: 'FontAwesome'; font-size: 13px; content: "\f059"; position: absolute; top: -20px; } .price-table.style1 .cl-pricetable-wrap .bottom ul li .tooltip .tooltiptext { background-color: #555555; border-radius: 6px; color: #ffffff; font-size: 11px; left: -102px; line-height: 18px; overflow: visible; padding: 10px; position: absolute; text-align: center; top: 0; visibility: hidden; width: 114px; z-index: 1; } .price-table.style1 .cl-pricetable-wrap .bottom ul li .tooltip:hover .tooltiptext { visibility: visible; } .price-table.style1 .cl-pricetable-wrap .bottom .btn-table { margin: 12px auto 0; width: 100%; max-width: 140px; height: 50px; line-height: 50px; display: block; font-size: 15px; font-weight: 400; text-align: center; text-transform: capitalize; border-radius: 4px; } .price-table.style1 .cl-pricetable-wrap .bottom p { margin-bottom: 0px; } .price-table.style1 .price-1 { background: #f9f9f9; } .price-table.style1 .price-1 .top { color: #f44336; } .price-table.style1 .price-1 .top h4, .price-table.style1 .price-1 .top h5, .price-table.style1 .price-1 .top h3 { color: #f44336; } .price-table.style1 .price-1 .top .cl-subheader { color: #ffffff; } .price-table.style1 .price-1 .bottom { background: #eeeeee; color: #ffffff; } .price-table.style1 .price-1 .btn-table { color: #ffffff !important; background: #f44336; } .price-table.style1 .price-style2 { background: #f9f9f9; } .price-table.style1 .price-style2 .top { color: #e91e63; } .price-table.style1 .price-style2 .top h4, .price-table.style1 .price-style2 .top h5, .price-table.style1 .price-style2 .top h3 { color: #e91e63; } .price-table.style1 .price-style2 .top .cl-subheader { color: #eeeeee; } .price-table.style1 .price-style2 .bottom { background: #eeeeee; color: #ffffff; } .price-table.style1 .price-style2 .btn-table { color: #ffffff !important; background: #e91e63; } .price-table.style1 .price-3 { background: #f9f9f9; } .price-table.style1 .price-3 .top { color: #9c27b0; } .price-table.style1 .price-3 .top h4, .price-table.style1 .price-3 .top h5, .price-table.style1 .price-3 .top h3 { color: #9c27b0; } .price-table.style1 .price-3 .top .cl-subheader { color: #ffffff; } .price-table.style1 .price-3 .bottom { background: #eeeeee; color: #ffffff; } .price-table.style1 .price-3 .btn-table { color: #ffffff !important; background: #9c27b0; } .cl-pricetable-wrap, .price-table { position: relative; } .cl-pricetable-wrap:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transition: .3s ease all; transition: .3s ease all; } .price-table.style1 .pricing-title { font-size: 30px; font-weight: 600; padding-bottom: 18px; text-transform: uppercase; } .price-table.style1 .cl-pricetable-wrap { position: relative; overflow: hidden; } .price-table.style1 .cl-pricetable-wrap .top { text-align: center; padding: 0 8px; } .price-table.style1 .cl-pricetable-wrap .top .cl-header h4 { font-size: 23px; font-weight: 700; line-height: 24px; margin-bottom: 0; margin-top: 0; padding: 30px 0 0; text-transform: uppercase; } .price-table.style1 .cl-pricetable-wrap .top h3 { margin: 4px 0 0px; display: inline-block; font-size: 60px; font-weight: 300; line-height: 60px; } .price-table.style1 .cl-pricetable-wrap .top h3 .dolar { bottom: 24px; font-size: 22px; font-weight: 800; padding-right: 3px; position: relative; } .price-table.style1 .cl-pricetable-wrap .top h6 { margin-top: 10px; padding-top: 0px; font-weight: normal; } .price-table.style1 .cl-pricetable-wrap .top h5 { font-size: 18px; font-weight: 600; text-transform: lowercase; display: inline-block; } .price-table.style1 .cl-pricetable-wrap .top .cl-subheader .short-desc { font-size: 18px; padding-bottom: 38px; text-transform: initial; font-weight: 400; } .price-table.style1 .cl-pricetable-wrap .top .popular { background: #d32f2f; color: #ffffff; font-size: 11px; left: -43px; padding: 18px 34px 6px; position: absolute; text-transform: lowercase; top: -6px; transform: rotate(-50deg); } .price-table.style1 .cl-pricetable-wrap .top:after { content: ''; position: absolute; bottom: 0; left: 0; } .price-table.style1 .cl-pricetable-wrap .bottom ul { text-align: center; } .price-table.style1 .cl-pricetable-wrap .bottom ul li { font-size: 15px; font-weight: 600; text-transform: uppercase; padding: 16px 12px; } .price-table.style1 .cl-pricetable-wrap .bottom ul li .highlight { color: #000; } .price-table.style1 .cl-pricetable-wrap .bottom ul li .feature_icon { margin-left: 10px; margin-right: 10px; } .price-table.style1 .cl-pricetable-wrap .bottom ul li .tooltip { position: relative !important; display: inline-block; opacity: 1 !important; z-index: auto !important; } .price-table.style1 .cl-pricetable-wrap .bottom ul li .tooltip:after { font-family: 'FontAwesome'; font-size: 13px; content: "\f059"; position: absolute; top: -20px; } .price-table.style1 .cl-pricetable-wrap .bottom ul li .tooltip .tooltiptext { background-color: #555555; border-radius: 6px; color: #ffffff; font-size: 11px; left: -102px; line-height: 18px; overflow: visible; padding: 10px; position: absolute; text-align: center; top: 0; visibility: hidden; width: 114px; z-index: 1; } .price-table.style1 .cl-pricetable-wrap .bottom ul li .tooltip:hover .tooltiptext { visibility: visible; } .price-table.style1 .cl-pricetable-wrap .bottom .btn-table { margin: 12px auto 0; width: 100%; max-width: 140px; height: 50px; line-height: 50px; display: block; font-size: 15px; font-weight: 400; text-align: center; text-transform: capitalize; border-radius: 4px; position: relative; } .price-table.style1 .cl-pricetable-wrap .bottom p { margin-bottom: 0px; } .price-table.style1 .price-1 { background: #f9f9f9; } .price-table.style1 .price-1 .top { color: #f44336; } .price-table.style1 .price-1 .top h4, .price-table.style1 .price-1 .top h5, .price-table.style1 .price-1 .top h3 { color: #f44336; } .price-table.style1 .price-1 .top .cl-subheader { color: #ffffff; } .price-table.style1 .price-1 .bottom { background: #eeeeee; color: #ffffff; } .price-table.style1 .price-1 .btn-table { color: #ffffff !important; background: #f44336; } .price-table.style1 .price-style2 { background: #f9f9f9; } .price-table.style1 .price-style2 .top { color: #e91e63; } .price-table.style1 .price-style2 .top h4, .price-table.style1 .price-style2 .top h5, .price-table.style1 .price-style2 .top h3 { color: #e91e63; } .price-table.style1 .price-style2 .top .cl-subheader { color: #eeeeee; } .price-table.style1 .price-style2 .bottom { background: #eeeeee; color: #ffffff; } .price-table.style1 .price-style2 .btn-table { color: #ffffff !important; background: #e91e63; } .price-table.style1 .price-3 { background: #f9f9f9; } .price-table.style1 .price-3 .top { color: #9c27b0; } .price-table.style1 .price-3 .top h4, .price-table.style1 .price-3 .top h5, .price-table.style1 .price-3 .top h3 { color: #9c27b0; } .price-table.style1 .price-3 .top .cl-subheader { color: #ffffff; } .price-table.style1 .price-3 .bottom { background: #eeeeee; color: #ffffff; } .price-table.style1 .price-3 .btn-table { color: #ffffff !important; background: #9c27b0; } .rs-pricing .row { margin: 0px; } .rs-pricing .row [class*="col-"] { padding-left: 0; padding-right: 0; } .rs-pricing .row [class*="col-"] + [class*="col-"] { margin-left: -1px; } .rs-pricing .pricing-plan { background: #fff; border: 1px solid #e1e1e1; text-align: center; margin-bottom: 30px; -webkit-transition: .3s ease all; transition: .3s ease all; position: relative; z-index: 10; } .rs-pricing .pricing-plan:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border: 3px solid #4d6de6; opacity: 0; -webkit-transition: .3s ease all; transition: .3s ease all; } .rs-pricing .pricing-plan .pricing-head { position: relative; padding: 35px; z-index: 10; } .rs-pricing .pricing-plan .pricing-head .name { font-size: 20px; font-weight: bold; line-height: normal; margin-bottom: 20px; color: #212121; transition: all 0.3s ease 0s; } .rs-pricing .pricing-plan .pricing-head .value { display: inline-block; color: #212121; font-size: 52px; font-weight: 300; transition: all 0.3s ease 0s; } .rs-pricing .pricing-plan .pricing-head .value sup { color: #666666; font-size: 22px; top: -22px; transition: all 0.3s ease 0s; } .rs-pricing .pricing-plan .pricing-head .duration { font-size: 15px; transition: all 0.3s ease 0s; } .rs-pricing .pricing-plan .pricing-body ul { list-style-type: none; padding-left: 0; font-size: 15px; } .rs-pricing .pricing-plan .pricing-body ul li { padding: 15px; } .rs-pricing .pricing-plan .pricing-body ul li:nth-child(odd) { background-color: #f5f5f5; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .rs-pricing .pricing-plan .pricing-footer { position: relative; z-index: 100; padding: 25px 40px 40px; } .rs-pricing .pricing-plan .pricing-footer .p-button { display: inline-block; min-width: 140px; height: 50px; line-height: 50px; background-color: #0c1f28; color: #fff; border-radius: 4px; transition: all 0.3s ease 0s; } .rs-pricing .pricing-plan:hover .name, .rs-pricing .pricing-plan.featured .name, .rs-pricing .pricing-plan:hover .duration, .rs-pricing .pricing-plan.featured .duration { color: #4d6de6; } .rs-pricing .pricing-plan:hover .value, .rs-pricing .pricing-plan.featured .value { color: #4d6de6; } .rs-pricing .pricing-plan:hover .value sup, .rs-pricing .pricing-plan.featured .value sup { color: #4d6de6; } .rs-pricing .pricing-plan:hover:before, .rs-pricing .pricing-plan.featured:before { opacity: 1; } .rs-pricing .pricing-plan:hover .p-button, .rs-pricing .pricing-plan.featured .p-button { background-color: #4d6de6; } .clpricing-table .price-table.style2 .cl-pricetable-wrap .top .btn-table, .clpricing-table .price-table.style1 .cl-pricetable-wrap .bottom .btn-table { text-transform: capitalize !important; } .clpricing-table .price-table.style1 .cl-pricetable-wrap.featured .bottom .btn-table { background: #fff !important; } #price-table .show-hide .hide2 { display: none; border: none; padding-bottom: 30px; } #price-table .top .cl-header h4 { font-size: 20px; font-weight: 400 !important; } #price-table .clpricing-table .price-table.style2 .cl-pricetable-wrap .top .btn-table { padding: 8px 0; font-weight: 500; font-size: 14px; margin-bottom: 15px; text-shadow: none; } #price-table .clpricing-table .price-table.style2 .cl-pricetable-wrap .top .cl-header h4 { padding: 30px; margin: -20px -20px 80px; } #price-table .clpricing-table .price-table.style2 .cl-pricetable-wrap .bottom ul li { border-left: 0; text-align: left; padding: 12px 20px 12px 20px; } #price-table .clpricing-table .price-table.style2 .cl-pricetable-wrap .bottom ul li.show { background: rgba(244, 244, 244, 0.4); transition: 0.9s background ease; text-shadow: none; } #price-table .clpricing-table .price-table.style2 .cl-pricetable-wrap .bottom ul li.show:hover, #price-table .clpricing-table .price-table.style2 .cl-pricetable-wrap .bottom ul li.show.open { background: #4d6de6 !important; color: #fff; } #price-table .clpricing-table .price-table.style2 .cl-pricetable-wrap .top .cl-header h4 .dolar { margin: 20px auto -80px; } #price-table .clpricing-table .price-table.style2 .cl-pricetable-wrap .bottom ul li.show:before { border: 0; font-family: FontAwesome; content: "\f105"; margin-top: 0 !important; font-size: 20px; transition: 0.3s ease; } #price-table .cl-pricetable-wrap { padding-bottom: 20px !important; border: 1px solid #eee; } #price-table .cl-pricetable-wrap:hover { border: 1px solid #4d6de6 !important; background: #4d6de6 !important; } #price-table .cl-pricetable-wrap:hover .cl-header h4 { color: #fff !important; } #price-table .cl-pricetable-wrap:hover .cl-subheader h3 { color: #fff !important; } #price-table .cl-pricetable-wrap:hover .cl-subheader h3 .dolar { color: #fff !important; } #price-table .cl-pricetable-wrap:hover .cl-subheader h5, #price-table .cl-pricetable-wrap:hover .cl-subheader h6 { color: #fff !important; } #price-table .cl-pricetable-wrap:hover .bottom p { color: #fff; } #price-table .cl-pricetable-wrap:hover .btn-table { background: #fff !important; color: #4d6de6 !important; } #price-table .hvr-sweep-to-right::before { background: #4d6de6; } #price-table .middle-table .hvr-sweep-to-right::before { background: #4d6de6; } .clpricing-table .price-table.style2 .cl-pricetable-wrap .bottom ul li.show::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-left: 9px solid #4d6de6; } .middle-table .clpricing-table .price-table.style2 .cl-pricetable-wrap .bottom ul li.show::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-left: 9px solid #4d6de6; } .first-table .bottom ul li { border-left: 5px solid #4d6de6; position: relative; cursor: pointer; } .middle-table .bottom ul li { border-left: 5px solid #4d6de6; position: relative; cursor: pointer; } .clpricing-table .price-table.style1 .cl-pricetable-wrap .top, .clpricing-table .price-table.style1 .cl-pricetable-wrap .bottom { position: relative; } .banner-price .cl-pricetable-wrap { background: #fff; border-radius: 10px; } .banner-price .cl-pricetable-wrap.featured { background: #4d6de6 !important; border: 1px solid #4d6de6 !important; } .banner-price .cl-pricetable-wrap .cl-subheader { margin-top: 20px; } .banner-price .cl-pricetable-wrap .cl-subheader h5 { font-weight: 400 !important; } .banner-price .cl-pricetable-wrap .bottom .btn-table { background: #4d6de6 !important; transition: 0.9s ease all; } .banner-price .cl-pricetable-wrap .bottom p { margin: 0 0 10px !important; } .banner-price .cl-pricetable-wrap .bottom .btn-table { margin-top: 40px !important; cursor: pointer; border-radius: 30px !important; min-width: 193px; } .banner-price .cl-pricetable-wrap .bottom .btn-table:hover { background: #4d6de6 !important; color: #fff !important; } .banner-price .clpricing-table .price-table.style1 .cl-pricetable-wrap .top .cl-header h4 { padding-top: 40px; padding-bottom: 17px; } .clpricing-table .price-table.style2 .price-style2 { border-color: rgba(0, 0, 0, 0.05) !important; border-radius: 5px; } .clpricing-table .price-table.style2 .cl-pricetable-wrap .top .cl-header h4 { background: #4d6de6 !important; } .clpricing-table .price-table.style2 .price-style2 .top .cl-header .dolar { color: #4d6de6 !important; } #price-table .price-table.style2 .cl-pricetable-wrap.featured .btn-table { background: #fff !important; color: #4d6de6 !important; } #price-table .price-table.style2 .cl-pricetable-wrap { box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1); } #price-table .price-table.style2 .cl-pricetable-wrap { transition: all 0.3s ease 0s; } .clpricing-table .price-table.style2 .cl-pricetable-wrap .top .btn-table { border-radius: 30px; } .clpricing-table .price-table.style2 .cl-pricetable-wrap .top .btn-table:before { border-radius: 15px; } .clpricing-table .price-table.style2 .cl-pricetable-wrap .top .btn-table { background: #4d6de6 !important; border: 0 !important; color: #fff !important; transition: 0.9s all ease; cursor: pointer; } .clpricing-table .price-table.style2 .cl-pricetable-wrap .top .btn-table:before { display: none; } .clpricing-table .price-table.style2 .cl-pricetable-wrap .top .btn-table:hover { background: #4d6de6 !important; } #price-table .clpricing-table .price-table.style2 .cl-pricetable-wrap.featured { margin-top: -20px; } #price-table .clpricing-table .price-table.style2 .cl-pricetable-wrap.featured .top .cl-header h4 { padding-top: 60px; } /* ----------------------- 11. Team Member --------------------------*/ .rs-team .team-item { position: relative; overflow: hidden; } .rs-team .team-item .team-img img { width: 100%; } .rs-team .team-item .team-content { position: absolute; width: 100%; height: 100%; top: 10%; left: 0; text-align: center; z-index: 10; padding: 30px; opacity: 0; -webkit-transition: 0.3s all ease-out; background: #4d6de6; transition: 0.3s all ease-out; } .rs-team .team-item .team-content h3.team-name a:hover { color: #fff; } .rs-team .team-item i { font-size: 52px; margin-bottom: 20px; color: #fff; } .rs-team .team-item .team-name { margin-bottom: 6px; font-size: 18px; font-weight: normal; text-transform: uppercase; } .rs-team .team-item .team-name a { color: #fff; } .rs-team .team-item .team-title { font-size: 12px; color: #fff; text-transform: uppercase; font-weight: normal; } .rs-team .team-item .team-desc { color: #fff; margin-bottom: 0; padding-top: 12px; margin-top: 12px; border-top: 1px solid; line-height: 22px; } .rs-team .team-item .team-social { position: absolute; bottom: 50px; width: 100%; text-align: center; z-index: 100; left: 50%; opacity: 0; transform: translateX(-50%) scale(0.5); -webkit-transition: .4s all ease; transition: .4s all ease; } .rs-team .team-item .team-social .social-icon { display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; background-color: #4d6de6; margin-right: 6px; border-radius: 50%; } .rs-team .team-item .team-social .social-icon i { font-size: 14px; color: #fff !important; } .rs-team .team-item .team-social .social-icon:hover { background: #4d6de6; } .rs-team .team-item:hover .team-content { opacity: .9; top: 0; } .rs-team .team-item:hover .team-social { opacity: 1; transform: translateX(-50%) scale(1); } .rs-team .team-gird .inner { margin: 0 15px; position: relative; overflow: hidden; } .rs-team .team-gird .team-item { border: none; margin-bottom: 25px; } .rs-team .team-gird .team-item .team-img { border: 1px solid #ccc; } .rs-team .team-style5 .normal-text { height: 90px !important; } .rs-team .team-style5 .owl-stage-outer { overflow-y: visible; } .rs-team .team-style5 .team-item { overflow: visible; margin-bottom: 60px; } .rs-team .team-style5 .team-item:before { display: none; } .rs-team .team-style5 .team-item .image-wrapper .team-img img { border: 3px solid #4d6de6; } .rs-team .team-style5 .team-item .image-wrapper .team-img svg path { -webkit-transition: all 1.5s ease-out; -moz-transition: all 1.5s ease-out; -ms-transition: all 1.5s ease-out; -o-transition: all 1.5s ease-out; transition: all 1.5s ease-out; } .rs-team .team-style5 .team-item .image-wrapper .team-img .normal-text { bottom: -25px; width: 100%; border-radius: 50px; clip-path: none; background: transparent; left: auto; right: -107px; transform: rotate(-30deg); transition: all 0.5s; } .rs-team .team-style5 .team-item .image-wrapper .team-img .normal-text .team-name, .rs-team .team-style5 .team-item .image-wrapper .team-img .normal-text .subtitle { color: #212121; font-weight: 500; padding-bottom: 0; line-height: 20px !important; margin-bottom: 0; } .rs-team .team-style5 .team-item .image-wrapper .team-img .normal-text.slider-text { bottom: -22px !important; right: -35px; max-width: 196px; } .rs-team .team-style5 .team-item .team-content { background: transparent !important; } .rs-team .team-style5 .team-item .team-content:before { display: none; } .rs-team .team-style5 .team-item .team-content .team-social { transform: translate(0) !important; position: static; margin-bottom: 15px; } .rs-team .team-style5 .team-item .team-content .team-social a { border: 1px solid #fff; } .rs-team .team-style5 .team-item:before { background: transparent; } .rs-team .team-style5 .team-item:hover .image-wrapper .team-img .normal-text { opacity: 0; visibility: hidden; right: -80px; bottom: 35px; } .rs-team .team-style5 .team-item:hover .team-img img { border: 3px solid transparent !important; } .rs-team .team-style5 .team-item:hover .team-img svg path { fill: #4d6de6; } .rs-team .team-style5 .team-item:hover .team-content .team-name { margin-bottom: 0; } .rs-team .team-style5 .team-item:hover .team-content .team-social a { background: #fff !important; } .rs-team .team-style5 .team-item:hover .team-content .team-social a:hover { background: #f1f1f1 !important; } .rs-team .team-style5 .team-item:hover .team-content .team-social a i { color: #4d6de6 !important; } .rs-team .team-style5 .team-item.team-rounded:before { background: transparent; } .rs-team .team-style5 .team-item.team-rounded .team-img { border-radius: 100%; } .rs-team .team-style5 .team-item.team-rounded .team-img img { border-radius: 100%; } .rs-team .team-style5 .team-item.team-rounded .team-content { -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); } .rs-team .team-style5 .team-item.team-square .team-img .normal-text { bottom: 20px; width: 84%; border-radius: 0; } .rs-team .team-style5 .team-item .team-social li { padding: 20px; } .rs-team .team-style5 .team-item .team-social.icons-1:before { height: 70px; } .rs-team .team-style5 .team-item .team-social.icons-1:after { height: 70px; } .rs-team .team-carousel .team-img { position: relative; } .rs-team .team-carousel .team-img .img-title-wrap { position: absolute; bottom: 0; left: 0; background: #4d6de6; padding: 14px 20px; width: 100%; text-align: center; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .rs-team .team-carousel .team-item .team-name { line-height: normal !important; margin-bottom: 2px; font-size: 17px; } .rs-team .team-carousel .team-item:hover .img-title-wrap { opacity: 0; transform: translateY(10px); } .team-gird .team-style1 .team-item { margin-bottom: 30px; position: relative; } .team-gird .team-style1 .team-item .team-img { position: relative; overflow: hidden; } .team-gird .team-style1 .team-item .team-img img { width: 100%; transform: scale(1.15); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .team-gird .team-style1 .team-item .normal-text { background: #fff; color: #222222; padding: 20px; position: relative; z-index: 9; } .team-gird .team-style1 .team-item .normal-text .person-name { display: block; font-size: 20px; margin-bottom: 2px; text-transform: capitalize; } .team-gird .team-style1 .team-item .normal-text .person-name a { color: #222222; } .team-gird .team-style1 .team-item .normal-text .person-designation { font-size: 12px; color: #222222; text-transform: uppercase; font-weight: normal; } .team-gird .team-style1 .team-item .overlay-element .social-icons { margin-top: 5px; } .team-gird .team-style1 .team-item .overlay-element .social-icons i { font-size: 15px; margin: 0 5px; } .team-gird .team-style1 .team-item .team-content { position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 10px; background: rgba(0, 0, 0, 0.8); } .team-gird .team-style1 .team-item .team-content h3.team-name { font-size: 20px; margin-bottom: 4px; line-height: normal !important; text-transform: capitalize; } .team-gird .team-style1 .team-item .team-content h3.team-name a { color: #fff; } .team-gird .team-style1 .team-item .team-content h3.team-name a:hover { opacity: 0.8; color: #fff !important; } .team-gird .team-style1 .team-item .team-title { font-size: 14px; color: #fff; font-weight: 400; text-transform: uppercase; } .team-gird .team-style1 .team-item .team-desc { color: #fff; margin-bottom: 0; padding-top: 12px; margin-top: 12px; border-top: 1px solid; line-height: 22px; } .team-gird .team-style1 .team-item:hover .team-content { opacity: 1; } .team-gird .team-style1 .team-item:hover .overlay { opacity: 1; transform: scale(1); } .team-gird .team-style1 .team-item:hover .team-img img { -webkit-transform: scale(1); transform: scale(1); } .team-gird .team-style2 { padding-left: 15px !important; padding-right: 15px !important; } .team-gird .team-style2 .team-inner-wrap { margin-bottom: 30px; position: relative; overflow: hidden; } .team-gird .team-style2 a { text-decoration: none; } .team-gird .team-style2 .team-img { position: relative; } .team-gird .team-style2 .team-img img { width: 100%; } .team-gird .team-style2 .team-img .normal-text { position: absolute; left: -46px; bottom: 45px; width: 200px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .team-gird .team-style2 .team-img .normal-text .team-name { background: #4d6de6; margin-bottom: 0; padding: 10px 20px; display: block; position: relative; z-index: 999; } .team-gird .team-style2 .team-img .normal-text .team-name a { color: #fff; position: relative; margin-bottom: 6px; font-size: 20px; text-transform: capitalize; z-index: 111; } .team-gird .team-style2 .team-img .normal-text .team-name a:hover { color: #fff; } .team-gird .team-style2 .team-img .normal-text .team-title { color: #fff; font-size: 14px; font-weight: 400; margin-bottom: 8px; padding: 10px 20px; display: block; background: #333; position: relative; top: 0; } .team-gird .team-style2 .team-content { position: absolute; width: 100%; height: 100%; color: #fff; top: 0; left: 0; text-align: center; z-index: 11; padding: 30px; opacity: 0; -webkit-transition: 0.6s all ease-out; transition: 0.6s all ease-out; } .team-gird .team-style2 .team-content:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(8, 8, 8, 0.7) !important; z-index: -1; -webkit-transition: .25s opacity ease; transition: .25s opacity ease; border-radius: 5px; } .team-gird .team-style2 .team-content .overly-border:before, .team-gird .team-style2 .team-content .overly-border:after { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; content: ''; opacity: 0; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity .45s,transform .45s; z-index: 1; border-radius: 5px; } .team-gird .team-style2 .team-content .overly-border:before { border-top: 5px solid #4d6de6; border-bottom: 5px solid #4d6de6; } .team-gird .team-style2 .team-content .overly-border:after { border-right: 5px solid #4d6de6; border-left: 5px solid #4d6de6; } .team-gird .team-style2 .team-content .display-table { display: table; height: 100%; width: 100%; } .team-gird .team-style2 .team-content .display-table .display-table-cell { display: table-cell; vertical-align: middle; } .team-gird .team-style2 .team-content .display-table .display-table-cell .team-name { position: relative; z-index: 999; margin-bottom: 5px; } .team-gird .team-style2 .team-content .display-table .display-table-cell .team-name a { font-size: 20px; color: #fff; text-transform: capitalize; } .team-gird .team-style2 .team-content .display-table .display-table-cell .team-name a:hover { color: #4d6de6; } .team-gird .team-style2 .team-content .display-table .display-table-cell .team-title { font-size: 14px; padding-bottom: 7px; border: none; display: inline-block; color: #4d6de6; position: relative; z-index: 111; } .team-gird .team-style2 .team-content .display-table .display-table-cell .team-title:after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 2px; background: #4d6de6; } .team-gird .team-style2 .team-content .display-table .display-table-cell .team-social { position: relative; width: 100%; text-align: center; z-index: 111; opacity: 0; margin-top: 25px; -webkit-transition: .4s all ease; transition: .4s all ease; } .team-gird .team-style2 .team-content .display-table .display-table-cell .team-social a { color: #fff; } .team-gird .team-style2 .team-content .display-table .display-table-cell .team-social .social-icon { display: inline-block; background: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; margin-right: 6px; border-radius: 50%; transition: 0.5s ease all; } .team-gird .team-style2 .team-content .display-table .display-table-cell .team-social .social-icon i { font-size: 14px; color: #4d6de6; transition: 0.3s ease all; } .team-gird .team-style2 .team-content .display-table .display-table-cell .team-social .social-icon:hover { background: #4d6de6; color: #fff !important; } .team-gird .team-style2 .team-content .display-table .display-table-cell .team-social .social-icon:hover i { color: #fff; } .team-gird .team-style2 .team-content .display-table .display-table-cell p { margin: 15px 0 25px; } .team-gird .team-style2:hover .team-content { opacity: 1; top: 0; } .team-gird .team-style2:hover .display-table .display-table-cell .team-social { opacity: 1; } .team-gird .team-style2:hover .team-img .normal-text { opacity: 0; visibility: hidden; } .team-gird .team-style2:hover .overly-border:before, .team-gird .team-style2:hover .overly-border:after { opacity: 1; } .team-gird .team-style3 .team-wrapper { position: relative; overflow: hidden; padding-bottom: 95px; background: #fff; border-radius: 5px; } .team-gird .team-style3 .team-wrapper .team_photo img { width: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; } .team-gird .team-style3 .team-wrapper .team_desc { height: 100px; width: 100%; bottom: 0; position: absolute; padding: 20px; color: #444444; text-align: center; overflow: hidden; background: #ffffff; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; } .team-gird .team-style3 .team-wrapper .team_desc:before { content: ""; position: absolute; bottom: 0; width: 100%; height: 3px; background: #4d6de6; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; transition: 0.4s all ease; left: 0; } .team-gird .team-style3 .team-wrapper .team_desc .name { font-size: 20px; font-weight: 700; margin: 10px 0; text-transform: uppercase; } .team-gird .team-style3 .team-wrapper .team_desc .name a { color: #222222; } .team-gird .team-style3 .team-wrapper .team_desc .name a:hover { color: #4d6de6; } .team-gird .team-style3 .team-wrapper .team_desc .name .designation { font-size: 12px; text-transform: uppercase; color: #222222; } .team-gird .team-style3 .team-wrapper .team_desc .team-social a { font-size: 17px; display: block; width: 25px; height: 25px; line-height: 25px; padding: 0px; border: none; text-align: center; color: #fff; display: inline-block; transition: all 0.3s ease 0s; } .team-gird .team-style3 .team-wrapper:hover .team_desc { opacity: 1; width: 100%; visibility: visible; transform: translate(0, 0); bottom: 0; height: 140px; color: #fff; background: #222222; } .team-gird .team-style3 .team-wrapper:hover .name a { color: #ffffff; } .team-gird .team-style3 .team-wrapper:hover .name .designation { color: #ffffff; } .team-gird .team-style3 .team-wrapper:hover .team_photo img { -moz-transform: scale(1.1); transform: scale(1.1); } .rs-team .team-style2 .team-social { position: relative; bottom: 0; padding: 10px 0; } .rs-team .team-style2 .team-desc { padding: 0; margin: 0; border: none; } .rs-team .team-style2 .team-content { top: 0; transform: scaleX(0.9); } .our-chefs .team-gird .team-style3 .team-wrapper .team_desc { background: #f2f2f2; } .our-chefs .team-gird .team-style3 .team-wrapper:hover .team_desc { background: #222; } .rs-team .team-style2:hover .team-content { transform: scaleX(1); } .team-gird .team-style2 .rs-team .team-item .team-social .social-icon { color: #4d6de6 !important; } .team-gird .team-style2 .team-content .display-table .display-table-cell .team-social .social-icon:hover i { color: #fff !important; } .rs-team .team-style3 .team-social { opacity: 1; transform: translateX(-50%) scale(1); position: relative; bottom: -100px !important; padding: 10px 0; } .rs-team .team-style3 .team-desc { padding: 0; margin: 0; border: none; } .rs-team .team-style3 .team-content { top: 92%; opacity: 1; } .rs-team .team-style3 .team-content .display-table { position: relative; } .rs-team .team-style3 .team-content .display-table:before { content: "\f102"; font-family: FontAwesome; left: auto; text-align: center; position: absolute; top: -25px; color: #fff; font-size: 18px; width: 100%; } .rs-team .team-style3 .team-wrapper:hover .team-social { bottom: 8px !important; } .rs-team .team-style4 .inner { border-bottom: 1px solid #ccc; padding: 7px 0 34px; } .rs-team .team-style4 .team-social { opacity: 1; transform: translateX(-50%) scale(1); position: relative; bottom: 0; padding: 10px 0; text-align: left; } .rs-team .team-style4 .team-desc { padding: 0; margin: 0; border: none; } .rs-team .team-style4 .team-content { padding: 0 0 0 25px; top: 0; opacity: 1; color: #444444; text-align: left; } .rs-team .team-style4 .team-content .team-desc { color: #444444; } .rs-team .team-style4 .team-content:before { opacity: 0; } .rs-team .team-style4 .team-content .team-name { font-size: 25px; text-transform: uppercase; } .rs-team .team-style4 .team-content .team-name a:hover { color: #444444 !important; } .rs-team .team-style4 .team-content .team-title { font-size: 16px; display: block; margin: 15px 0 0; position: relative; } .rs-team .team-style4 .team-content .team-title:after { /* background:#ccc; content: ""; position: absolute; height: 1px; width: 280px; top: -7px; left: 0; */ } .rs-team .team-style4 .team-content .team-desc { line-height: 30px; margin: 10px 0 10px; } .rs-team .team-style5 .inner { margin: 0; } .rs-team .team-style5 .team-item .team-img { border: none; } .rs-team .team-style5 .team-item .team-img img { border-radius: 100%; } .rs-team .team-style5 .team-item .team-img .normal-text { position: absolute; text-align: center; height: 80px; bottom: -1px; padding: 17px 0; width: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background-color: #4d6de6; z-index: 10; clip-path: polygon(100% 100%, 0% 100%, 50% -95%); height: 90px !important; } .rs-team .team-style5 .team-content .team-name { color: #fff; } .rs-team .team-gird .team-style4 .inner { width: 100%; margin: 0 0 30px; overflow: hidden; padding-bottom: 0; border-bottom: none; } .rs-team .team-gird .team-style4 .inner .image-section { width: 50%; float: left; position: relative; background-color: #000; opacity: 0.8; } .rs-team .team-gird .team-style4 .inner .image-section .overlay-section { background-color: #000; opacity: 0; transition: 0.5s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rs-team .team-gird .team-style4 .inner .image-section .overlay-section .detail-link { position: absolute; top: 45%; left: 46%; } .rs-team .team-gird .team-style4 .inner .image-section .overlay-section .detail-link i { color: #fff; font-size: 19px; background: #4d6de6; border-radius: 50%; height: 46px; width: 46px; line-height: 47px; display: inline-block; text-align: center; -webkit-transition: .3s all ease; } .rs-team .team-gird .team-style4 .inner .image-section .overlay-section .detail-link i:hover { background: #4d6de6; } .rs-team .team-gird .team-style4 .inner .image-section img { width: 100%; transform: scale(0.9); -webkit-transform: scale(0.9); -webkit-transition: 0.5s; } .rs-team .team-gird .team-style4 .inner .image-section:hover .overlay-section { opacity: 0.8; } .rs-team .team-gird .team-style4 .inner .box-section { width: 50%; float: left; position: relative; background-color: #f2f2f2; transition: 0.5s; } .rs-team .team-gird .team-style4 .inner .box-section:before { position: absolute; content: ""; border-right: 15px solid #4d6de6; border-bottom: 15px solid transparent !important; border-top: 15px solid transparent !important; bottom: 15px; left: -15px; opacity: 0; transition: 0.5s; } .rs-team .team-gird .team-style4 .inner .box-section .team-content { text-align: center; padding: 25.5% 0; margin-bottom: 15px; } .rs-team .team-gird .team-style4 .inner .box-section .team-content h3.team-name { font-size: 20px; margin-bottom: 0; text-transform: capitalize; } .rs-team .team-gird .team-style4 .inner .box-section .team-content h3.team-name a { text-decoration: none; transition: 0.4s; -webkit-transition: 0.4s; } .rs-team .team-gird .team-style4 .inner .box-section .team-content span.team-title { font-size: 16px; transition: 0.4s; -webkit-transition: 0.4s; margin: 0 0 20px; font-weight: 600; } .rs-team .team-gird .team-style4 .inner .box-section .team-content .team-social { padding: 0; text-align: center; transform: none; } .rs-team .team-gird .team-style4 .inner .box-section .team-content .team-social a { background: #4d6de6; color: #fff; display: inline-block; font-size: 16px; height: 30px; margin-bottom: 6px; margin-right: 4px; padding: 0; text-align: center; text-decoration: none; width: 30px; border-radius: 50%; transition: 0.5s; } .rs-team .team-gird .team-style4 .inner .box-section .team-content .team-social a i { padding: 7px 0 0; } .rs-team .team-gird .team-style4 .inner .box-section .team-content .team-social a:hover i { color: #fff; height: 30px; width: 30px; border-radius: 50%; transition: 0.3s background ease; } .rs-team .team-gird .team-style4 .inner .box-section .team-content .team-social a:hover .fa-facebook { background: #3b5999; } .rs-team .team-gird .team-style4 .inner .box-section .team-content .team-social a:hover .fa-twitter { background: #3aa9e0; } .rs-team .team-gird .team-style4 .inner .box-section .team-content .team-social a:hover .fa-google-plus { background: #d04333; } .rs-team .team-gird .team-style4 .inner .box-section .team-content .team-social a:hover .fa-linkedin { background: #0080b1; } .rs-team .team-gird .team-style4 .inner .box-section .team-content .team-social a:hover .fa-pinterest-p { background: #be091c; } .rs-team .team-gird .team-style4 .inner:hover .image-section img { transform: scale(1); -webkit-transform: scale(1); } .rs-team .team-gird .team-style4 .inner:hover .box-section { background-color: #4d6de6; } .rs-team .team-gird .team-style4 .inner:hover .box-section .team-content h3.team-name a, .rs-team .team-gird .team-style4 .inner:hover .box-section .team-content span.team-title { color: #fff; } .rs-team .team-gird .team-style4 .inner:hover .box-section .team-content .team-social a { background: #fff; color: #000; } .rs-team .team-gird .team-style4 .inner:hover .box-section:before { opacity: 1; } .slider-style3 .team-slider-style1 .team-item .team-img:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 5px 5px 0 0; } .slider-style3 .team-slider-style1 .team-item .social-icons { position: absolute; top: 0; left: -50px; width: 50px; text-align: center; padding: 20px 0; background: #4d6de6; opacity: 0; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; border-radius: 5px 0 0 0; } .slider-style3 .team-slider-style1 .team-item .social-icons a { display: block; } .slider-style3 .team-slider-style1 .team-item .social-icons a i { font-size: 24px; margin-bottom: 0; } .slider-style3 .team-slider-style1 .team-item .social-icons a + a { margin-top: 10px; } .slider-style3 .team-slider-style1 .team-item .social-icons a:hover { opacity: 0.7; } .slider-style3 .team-slider-style1 .team-item .team-content { position: initial; opacity: 1 !important; padding: 23px; border-radius: 0 0 5px 5px; } .slider-style3 .team-slider-style1 .team-item .team-content .team-name { font-size: 22px; } .slider-style3 .team-slider-style1 .team-item:hover .team-img:before { opacity: 1; } .slider-style3 .team-slider-style1 .team-item:hover .social-icons { left: 0; opacity: 1; } .team-slider-style2 img { width: 100%; } .team-slider-style2 .team-item-wrap { position: relative; overflow: hidden; margin-bottom: 35px; } .team-slider-style2 .team-item-wrap a { text-decoration: none; } .team-slider-style2 .team-item-wrap .team-img { position: relative; } .team-slider-style2 .team-item-wrap .team-img img { width: 100%; } .team-slider-style2 .team-item-wrap .team-img .normal-text { width: 100%; transition: all 0.5s ease 0s; text-align: center; } .team-slider-style2 .team-item-wrap .team-img .normal-text .team-name a { color: #212121; position: relative; margin-bottom: 0; font-size: 20px; text-transform: capitalize; font-weight: 600; z-index: 111; } .team-slider-style2 .team-item-wrap .team-img .normal-text .team-name a:hover { color: #4d6de6; } .team-slider-style2 .team-item-wrap .team-img .normal-text .team-name { margin: 18px 0 0; } .team-slider-style2 .team-item-wrap .team-img .normal-text .team-title { color: #212121; font-size: 14px; font-weight: 400; margin-bottom: 8px; padding: 0; display: block; } .team-slider-style2 .team-item-wrap .team-content { position: absolute; width: 100%; height: 100%; color: #fff; top: 0; left: 0; text-align: center; z-index: 11; padding: 30px; opacity: 0; border-radius: 50%; -webkit-transition: 0.3s all ease-out; transition: 0.3s all ease-out; } .team-slider-style2 .team-item-wrap .team-content:before { content: ''; position: absolute; left: 0; bottom: 80px; height: 0px; width: 100%; background: #222222; opacity: .7; z-index: -1; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border-radius: 0; } .team-slider-style2 .team-item-wrap .team-content .display-table { display: table; height: 100%; width: 100%; } .team-slider-style2 .team-item-wrap .team-content .display-table .display-table-cell { display: table-cell; vertical-align: middle; } .team-slider-style2 .team-item-wrap .team-content .display-table .display-table-cell .team-name { position: relative; z-index: 999; margin-bottom: 5px; } .team-slider-style2 .team-item-wrap .team-content .display-table .display-table-cell .team-name a { font-size: 20px; color: #fff; text-transform: capitalize; font-weight: 700; } .team-slider-style2 .team-item-wrap .team-content .display-table .display-table-cell .team-name a:hover { color: #fff; } .team-slider-style2 .team-item-wrap .team-content .display-table .display-table-cell .team-title { font-size: 14px; padding-bottom: 7px; border: none; display: inline-block; color: #fff; position: relative; z-index: 111; } .team-slider-style2 .team-item-wrap .team-content .display-table .display-table-cell .team-social { position: relative; width: 100%; text-align: center; z-index: 111; opacity: 0; margin-top: 0; top: 117px; -webkit-transition: .4s all ease; transition: .4s all ease; } .team-slider-style2 .team-item-wrap .team-content .display-table .display-table-cell .team-social a { color: #fff; } .team-slider-style2 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon { display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; margin-right: 6px; transition: 0.5s ease all; } .team-slider-style2 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon i { font-size: 14px; color: #fff; transition: 0.3s ease all; } .team-slider-style2 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon:hover i { color: #fff; } .team-slider-style2 .team-item-wrap .team-content .display-table .display-table-cell p { margin: 0px 0 20px; } .team-slider-style2 .team-item-wrap:hover .team-content { opacity: 1; top: 0; } .team-slider-style2 .team-item-wrap:hover .team-content:before { height: 55px; } .team-slider-style2 .team-item-wrap:hover .display-table .display-table-cell .team-social { opacity: 1; } .team-slider-style2 .team-item-wrap:hover .team-img .normal-text { opacity: 1; visibility: visible; } .video-page-price .first-table .bottom ul li, .video-page-price .middle-table .bottom ul li { border: none; cursor: auto; } .video-page-price .first-table .bottom .btn-table, .video-page-price .middle-table .bottom .btn-table { background: #4d6de6; max-width: 100% !important; cursor: pointer; } .video-page-price .top .cl-subheader { margin-top: 20px; } .video-page-price .bottom a { margin-bottom: 20px !important; } .video-title .sec-title-all .title-sec-left { padding-bottom: 10px; } .video-page-price .first-table .bottom ul li:nth-child(odd) { background: #f1f1f1; } .video-page-price .featured .bottom ul li:nth-child(odd) { background: #4d6de6; color: #fff; } .video-page-price .featured .cl-header h4 { color: #4d6de6; } .video-page-price .cl-pricetable-wrap .bottom .btn-table { width: 70% !important; transition: 0.5s ease all; } .video-page-price .cl-pricetable-wrap .bottom .btn-table:hover { background: #4d6de6; } .video-page-price .cl-pricetable-wrap .top h3 { font-size: 52px !important; } .video-page-price .cl-pricetable-wrap .top h5 { font-weight: 400 !important; } .rs-video-2 { position: relative; /*&:before{ position: absolute; top: 0; bottom: 0; right: 0; display: block; left: 0; width: 100%; height: 100%; background: @primaryColor; content: ""; opacity: 0.8; z-index: 1; border-radius: 5px; }*/ } .rs-video-2 .popup-videos { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 11; display: block; height: 70px; box-shadow: 0px 0px 6px 7px rgba(255, 255, 255, 0.3); background: rgba(0, 0, 0, 0.4); width: 70px; line-height: 71px; text-align: center; font-size: 28px; border-radius: 50%; color: #4d6de6; -webkit-transition: 0.3s ease all; transition: 0.3s ease all; } .rs-video-2 .popup-videos i { text-indent: 5px; color: #fff; } .rs-video-2 .popup-videos:hover { opacity: 0.8; } #video-section .rs-video-2::before { background: transparent !important; } #video-section .rs-video-2 img::before { display: none; } .about-video .rs-video-2 img { border-radius: 0; } .rs-video-2 img { opacity: 0.87; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; z-index: 1; width: 100%; border-radius: 5px; } .video-clean .overly-border:before, .video-clean .overly-border:after { display: none; } .video-clean .popup-videos { width: 120px; height: 120px; line-height: 110px; font-size: 52px; } .video-clean .popup-videos i { text-indent: 12px; } #sidebar-services .rs-contact { background: #f9f9f9; padding: 0 15px; } #sidebar-services .widget.widget_nav_menu { background: #f9f9f9; padding: 0 15px 20px 15px; } #sidebar-services .widget.widget_nav_menu ul { list-style: none; margin: 0; padding: 0; } #sidebar-services .widget.widget_nav_menu ul li { border-top: 1px solid #eee; background: #f9f9f9; padding: 10px 35px; } #sidebar-services .widget.widget_nav_menu ul li:first-child { border-top: none; } #sidebar-services .widget.widget_nav_menu ul li:before { color: #222222; left: 18px; } #sidebar-services .widget.widget_nav_menu ul li a { color: #222222 !important; display: block; } #sidebar-services .widget.widget_nav_menu ul li:hover { background: #4d6de6 !important; } #sidebar-services .widget.widget_nav_menu ul li:hover a { color: #fff !important; } #sidebar-services .widget.widget_nav_menu ul li:hover:before { color: #fff; } #sidebar-services .download-btn ul { margin: 0; padding: 0; list-style: none; } #sidebar-services .download-btn ul li { background: #4d6de6; padding: 12px 40px; margin: 0 0 15px; position: relative; } #sidebar-services .download-btn ul li a { color: #fff; display: block; } #sidebar-services .download-btn ul li:hover { opacity: .9; } #sidebar-services .download-btn ul li:first-child:before { font-family: FontAwesome; content: "\f1c1"; position: absolute; left: 15px; color: #fff; } #sidebar-services .download-btn ul li:last-child:before { font-family: FontAwesome; content: "\f1c2"; position: absolute; left: 15px; color: #fff; } #sidebar-services .home-blog-area .owl-nav { display: none !important; } #sidebar-services blockquote { font-style: italic; font-size: 16px; } #sidebar-services .widget.widget_nav_menu ul li.current-menu-item { background: #4d6de6 !important; } #sidebar-services .widget.widget_nav_menu ul li.current-menu-item a { color: #fff !important; } #sidebar-services .widget.widget_nav_menu ul li.current-menu-item:before { color: #fff !important; } #services-single-design .vc_single_image-wrapper img { border-radius: 5px; } #services-single-design .vc_carousel-inner a img { border-radius: 5px; } .single-teams .ps-informations { padding-left: 20px; } .single-teams .ps-informations .info-title { font-size: 30px !important; } .single-teams .ps-informations ul li { font-size: 14px; color: #000; } .single-teams .ps-informations ul li span { font-weight: bold; color: #000; font-size: 15px; } .single-teams .ps-informations ul li.social-icon { float: left; border: none; text-align: center; margin-right: 10px; margin-top: 20px; margin-bottom: 20px; } .single-teams .ps-informations ul li.social-icon i { line-height: 40px; width: 40px; height: 40px; border: 1px solid #4d6de6; font-size: 15px; } .single-teams .ps-image { box-shadow: 0 0 10px rgba(0, 0, 0, 0.06); } .single-teams .ps-image .ps-informations { padding: 20px; border: 1px solid rgba(0, 0, 0, 0.06); background: #212121; } .single-teams .ps-image .ps-informations ul li { border: none !important; margin-top: 0; color: #fff; } .single-teams .ps-image .ps-informations ul li span { width: 110px; color: #fff; } .single-teams .project-desc { padding-top: 20px; margin-top: 30px !important; border-top: 1px solid rgba(0, 0, 0, 0.06); } .owl-navigation-yes { padding-top: 0; } .owl-navigation-yes .owl-nav { position: absolute; right: 0; top: -86px; } .owl-navigation-yes .owl-nav [class*="owl-"] { font-size: 0; width: 35px; height: 35px; line-height: 30px; color: #fff; background: #4d6de6; display: inline-block; position: relative; transition: all 0.3s ease 0s; } .owl-navigation-yes .owl-nav [class*="owl-"]:before { font-family: FontAwesome; position: absolute; font-size: 26px; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .owl-navigation-yes .owl-nav [class*="owl-"].owl-prev { left: -2px; border-radius: 0; border-radius: 4px 0 0 4px; } .owl-navigation-yes .owl-nav [class*="owl-"].owl-prev:before { content: "\f104"; } .owl-navigation-yes .owl-nav [class*="owl-"].owl-next { border-radius: 0 4px 4px 0; } .owl-navigation-yes .owl-nav [class*="owl-"].owl-next:before { content: "\f105"; margin-left: 2px; } .owl-navigation-yes .owl-nav [class*="owl-"]:hover { background: #222222; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: block !important; } #team-section.slider-style2 .rs-team .team-item .team-content { padding: 20px; position: relative; opacity: 1; top: 0; border-radius: 0 0 5px 5px; transition: all 0.3s ease 0s; } #team-section.slider-style2 .rs-team .team-item .team-img img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #team-section.slider-style2 .rs-team .team-item .team-img .overlay { display: block; position: absolute; width: 100%; z-index: 9; bottom: -30px; text-align: center; opacity: 0; transition: all 0.3s ease 0s; background: #4d6de6; padding: 10px; } #team-section.slider-style2 .rs-team .team-item .team-img .overlay .social-icons .social-icon { font-size: 20px; } #team-section.slider-style2 .rs-team .team-item .team-img .overlay .social-icons .social-icon i { font-size: 16px; margin-bottom: 0; padding: 10px; transition: all 0.3s ease 0s; } #team-section.slider-style2 .rs-team .team-item .team-img .overlay .social-icons .social-icon:hover i { color: #ddd; } #team-section.slider-style2 .rs-team .team-item:hover .team-img .overlay { opacity: 1; bottom: 0; border-top-left-radius: 35px; border-top-right-radius: 35px; } #team-section.slider-style2 .rs-team .team-item:hover .team-content { top: 5px; } /* ----------------------- 12. Newsletter --------------------------*/ .rs-newsletter { text-align: center; background-attachment: fixed; transition: all 0.3s ease 0s; background-size: cover; background-position: center center; line-height: 0; position: relative; } .rs-newsletter .overlay { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; } .rs-newsletter h3 { font-size: 30px; font-weight: bold; margin-bottom: 22px; color: #ffffff; } .rs-newsletter p { font-size: 18px; margin-bottom: 30px; color: #fff; } .rs-newsletter .news-form { max-width: 710px; margin-left: auto; margin-right: auto; position: relative; } .rs-newsletter .news-form .form-input { width: 100%; height: 50px; padding: 5px 20px; background: transparent !important; outline: none; color: #fff; border: 1px solid #4d6de6; } .rs-newsletter .news-form .form-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } .rs-newsletter .news-form .form-input::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .rs-newsletter .news-form .form-input:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .rs-newsletter .news-form .form-input:-moz-placeholder { /* Firefox 18- */ color: #fff; } .rs-newsletter .news-form .form-button { position: absolute; top: 0; right: 0; height: 50px; min-width: 200px; background-color: #4d6de6; border: 0; color: #fff; transition: all 0.3s ease 0s; } .mc4wp-form { max-width: 710px; margin-left: auto; margin-right: auto; position: relative; padding-top: 15px; max-width: 550px; } .mc4wp-form input[type=submit] { position: absolute; top: 18px; right: 3px; height: 49px; border-radius: 30px; max-width: 200px; background: #4d6de6; transition: 0.5s ease all; border: 0; color: #fff; transition: all 0.3s ease 0s; text-transform: uppercase; } .mc4wp-form input[type=text], .mc4wp-form input[type=url], .mc4wp-form input[type=tel], .mc4wp-form input[type=number], .mc4wp-form input[type=email] { width: 100%; height: 55px; padding: 5px 20px; background: #fff; outline: none; color: #000; border: none; border-radius: 35px; } .mc4wp-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; opacity: 1; } .mc4wp-form ::-moz-placeholder { /* Firefox 19+ */ color: #000; opacity: 1; } .mc4wp-form :-ms-input-placeholder { /* IE 10+ */ color: #000; opacity: 1; } .mc4wp-form :-moz-placeholder { /* Firefox 18- */ color: #000; opacity: 1; } .mc4wp-form input[type="submit"]:hover, .wpcf7-form .wpcf7-submit:hover { background: #4d6de6; } /* ----------------------- 13. Testimonial --------------------------*/ .rs-testimonial.nav-tabs { border: 0; } .rs-testimonial.app-testimonial { background-size: cover; } .rs-testimonial.app-testimonial .testimonial-content { background: transparent !important; } .rs-testimonial.app-testimonial #cl-testimonial .testimonial-slide7 .right-content p { padding-left: 10px; } .rs-testimonial.app-testimonial:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(77, 109, 230, 0.8); width: 100%; height: 100%; display: block !important; } .rs-testimonial .slick-current { position: relative; } .rs-testimonial .slick-current .testi-img:before { background: none; } .rs-testimonial .slick-current .tab-text { display: block; margin-left: -108%; margin-right: -108%; } .rs-testimonial .slick-slider * { outline: none !important; } .rs-testimonial .testi-img { position: relative; } .rs-testimonial .testi-img:before { content: ''; position: absolute; left: 50%; top: 50%; height: 100%; width: 100%; z-index: 1; background: rgba(0, 0, 0, 0.7); opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: 0.4s all ease-out; transition: 0.4s all ease-out; } .rs-testimonial .testi-img img { width: 100%; } .rs-testimonial li { margin-bottom: 0; } .rs-testimonial li a { padding: 0; border: 0 !important; background: transparent !important; text-align: center; } .rs-testimonial li.active .testi-img:before, .rs-testimonial li:hover .testi-img:before { width: 80%; height: 80%; opacity: 0; } .rs-testimonial .testi-name { margin-bottom: 3px; font-size: 16px; line-height: normal; margin-top: 20px; } .rs-testimonial .testi-title { font-size: 13px; line-height: normal; color: #666666; } .rs-testimonial .testi-content { position: relative; margin-top: 35px; padding: 30px 45px; text-align: justify; background-color: #4d6de6; color: #fff; } .rs-testimonial .testi-content:before { content: ''; position: absolute; top: -18px; height: 38px; width: 38px; background: transparent !important; border: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .rs-testimonial .testi-content p { margin-bottom: 0; position: relative; padding: 0 55px; } .rs-testimonial .testi-content p:before, .rs-testimonial .testi-content p:after { position: absolute; font-family: FontAwesome; font-size: 26px; color: #fff; opacity: 0.3; } .rs-testimonial .testi-content p:before { content: "\f10d"; left: 0; } .rs-testimonial .testi-content p:after { content: "\f10e"; right: 0; } .rs-testimonial .tab-pane:nth-child(1) .testi-content:before { margin-left: -30px; left: 17%; } .rs-testimonial .tab-pane:nth-child(2) .testi-content:before { margin-left: -19px; left: 50%; } .rs-testimonial .tab-pane:nth-child(3) .testi-content:before { margin-right: -30px; right: 17%; } .rs-testimonial .testi-carousel { padding-top: 50px; } .rs-testimonial .testi-carousel .slick-slide { outline: none; } .rs-testimonial .testi-carousel .slick-arrow { position: absolute; top: -40px; right: 18px; font-size: 0; width: 35px; height: 35px; line-height: 35px; color: #131313; background: transparent !important; border: 1px solid #d7d7d7; display: inline-block; transition: all .3s ease 0s; outline: none; } .rs-testimonial .testi-carousel .slick-arrow:before { font-family: FontAwesome; position: absolute; font-size: 26px; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .rs-testimonial .testi-carousel .slick-arrow.slick-prev { right: 62px; } .rs-testimonial .testi-carousel .slick-arrow.slick-prev:before { content: "\f104"; } .rs-testimonial .testi-carousel .slick-arrow.slick-next:before { content: "\f105"; margin-left: 2px; } .rs-testimonial .testi-carousel .slick-arrow:hover { color: #4d6de6; border-color: #4d6de6; } .rs-testimonial .vc_progress_bar { margin-bottom: 0; } .rs-testimonial .vc_progress_bar h2 { font-size: 24px; line-height: 34px; margin-bottom: 45px; text-transform: uppercase; } .rs-testimonial .vc_progress_bar .vc_single_bar { background: #eee; margin-top: 23px; -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); line-height: 12px; height: 12px; } .rs-testimonial .vc_progress_bar .vc_single_bar + .vc_single_bar { margin-top: 50px; } .rs-testimonial .vc_progress_bar .vc_single_bar .vc_label { font-size: 13px; text-transform: uppercase; color: #666666 !important; text-shadow: none; padding: 0; position: absolute; text-shadow: none !important; top: -22px; } .rs-testimonial .vc_progress_bar .vc_single_bar .vc_label_units { margin-left: 6px; } .rs-testimonial .vc_progress_bar .vc_single_bar .vc_bar { background-color: #4d6de6 !important; } .rs-testimonial-home #cl-testimonial .cl-row { margin: 0; } .rs-testimonial-home .testimonial-content { margin-left: 0; } .rs-testimonial-home .testimonial-content p { text-align: left !important; } .rs-testimonial-home .testimonial-content p i { position: absolute !important; font-size: 70px; left: 50%; top: 60% !important; transform: translate(-50%, -40%); z-index: -1; opacity: 0.08; color: #666666 !important; } .rs-testimonial-home .testimonial-content .cl-author-info li { text-align: left !important; } .rs-testimonial-home .testimonial-slide3 { padding: 15px 15px 0px !important; background: #f8f8f8; } .rs-testimonial-home .slick-dots { bottom: 55px !important; right: 25px; width: auto; } .testimonial-slide2 .slick-list { padding-top: 10px !important; } .testimonial-slide2 .testimonial-content { padding: 0 !important; } .testimonial-slide.slider1 .slick-current .testimonial-content { color: #fff; } .testimonial-slide.slider1 .slick-current .testimonial-content p { color: #fff; } .testimonial-slide.slider1 .slick-current .testimonial-content p i:before { color: #fff !important; } .testimonial-slide.slider1 .slick-current .testimonial-content:before { background: #4d6de6 !important; } .testimonial-slide.slider1 .slick-current .testimonial-content .cl-author li { color: #fff !important; } body .app-testimonial #cl-testimonial ul.slick-dots li button { border-color: #fff !important; } body .app-testimonial #cl-testimonial ul.slick-dots li.slick-active button { background: #fff !important; } #ratings #cl-testimonial ul.slick-dots li button { border-color: #4d6de6 !important; } #ratings #cl-testimonial ul.slick-dots li.slick-active button { background: #4d6de6 !important; } #cl-testimonial i { color: #4d6de6 !important; } body .slider4 .testimonial-content p { border-radius: 25px; border-bottom: 4px solid #4d6de6; box-shadow: 0 7px rgba(0, 0, 0, 0.1), 0 5px #4d6de6; padding-bottom: 20px; } body #cl-testimonial ul.slick-dots li button, body #cl-testimonial ul.slick-dots li button { border: 1px solid #4d6de6 !important; } body #cl-testimonial .slick-active button { background: #4d6de6 !important; } .gallery-slider .partner-item.slick-active.slick-center { box-shadow: 0 0 10px #666666; } .cl-testimonial2 ul.cl-author-info { text-align: right; margin-right: 8px !important; } #grid-testimonial2 .container { padding: 0; } #grid-testimonial2 .container .testi-item { margin-bottom: 30px; position: relative; } #grid-testimonial2 .container .testi-item .testi-name { margin: 34px 0 0; text-transform: uppercase; color: #444444; position: relative; } #grid-testimonial2 .container .testi-item .testi-title { color: #444444; font-weight: 400; font-size: 16px; display: block; margin: 0 0 8px; position: relative; } #grid-testimonial2 .testi-content1 { font-style: italic; position: relative; padding: 0 10px; z-index: 99999; } #grid-testimonial2 .testi-content1:before { content: "\f10d"; position: absolute; font-family: FontAwesome; font-size: 20px; color: #333; opacity: 1; left: -20px; top: 0px; } #grid-testimonial2 .testi-img { position: absolute; } #grid-testimonial2 .testi-img img { width: 60px; border-radius: 100%; height: 60px; } #grid-testimonial2 .name-title { padding-left: 80px; } #grid-testimonial2 .content-inner { padding: 0 25px 0 0; } #grid-testimonial2 .testi-item .testi-img::before { opacity: 0; } #testi-monial { position: relative !important; } #testi-monial:after { content: ""; background: rgba(0, 0, 0, 0.8); position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } #testi-monial h3 { text-align: center; } .slider-testi h3 { margin: 0 !important; } .testimonial-home-video .testimonial-content { background: transparent !important; padding-left: 0 !important; padding-right: 0 !important; } .testimonial-home-video .testimonial-content p { border: none !important; margin: 0 !important; } .testimonial-home-video .testimonial-content p:after { display: none; } .testimonial-home-video .testimonial-content ul li { margin-top: 0 !important; } .testimonial-home-video .slick-arrow { background: #4d6de6; } .cl-testimonial2 .cl-author-info { margin-top: 25px !important; } .cl-testimonial2 .cl-author-info li { margin: 0 !important; } .cl-testimonial2 .cl-author-info li:first-child { font-size: 18px; } .cl-testimonial2#cl-testimonial .slick-next, .cl-testimonial2#cl-testimonial .slick-prev { height: 42px; font-size: 0; width: 42px; border-radius: 50%; color: #ffffff; line-height: 42px; transition: all 0.3s ease 0s; background-color: #4d6de6; opacity: 0; } .cl-testimonial2#cl-testimonial .slick-next:hover, .cl-testimonial2#cl-testimonial .slick-prev:hover { background-color: #4d6de6; } .cl-testimonial2#cl-testimonial:hover .slick-next, .cl-testimonial2#cl-testimonial:hover .slick-prev { opacity: 1; } .cl-testimonial2 .image-testimonial img { width: 100px; } #cl-testimonial.left-style .testimonial-content .image-testimonial { text-align: left; } #cl-testimonial.left-style .testimonial-content .image-testimonial img { margin: 0 0 0 -20px; } #cl-testimonial.left-style .testimonial-content i { text-align: left !important; } #cl-testimonial.left-style .testimonial-content p { text-align: left !important; padding: 26px 0 0 !important; } #cl-testimonial.left-style .cl-author-info { text-align: left; } .home #cl-testimonial.left-style .testimonial-content .image-testimonial { text-align: left; } .home #cl-testimonial.left-style .testimonial-content .image-testimonial img { margin: 0 0 0 -20px; } .home #cl-testimonial.left-style .testimonial-content i { text-align: left; } .home #cl-testimonial.left-style .testimonial-content p { text-align: left; padding: 26px 0 0 !important; } .home #cl-testimonial.left-style .cl-author-info { text-align: left; } #cl-testimonial .slider5 .image:before, #cl-testimonial .slider5 .image:after { background: #4d6de6 !important; } .about-section-paralex { position: relative; } .about-section-paralex:before { background: #fff; position: absolute; content: "" !important; right: 0; top: 0; width: 51%; height: 100%; display: block !important; z-index: 1; } .about-section-paralex .vc_column-inner { position: relative; } #grid-testimonial3 .container { padding: 0; } #grid-testimonial3 .container .testi-item { margin-bottom: 30px; position: relative; text-align: center; } #grid-testimonial3 .container .testi-item .testi-name { margin: 21px 0 10px; text-transform: uppercase; color: #fff; } #grid-testimonial3 .container .testi-item .testi-title { color: #fff; font-weight: 400; font-size: 16px; display: block; margin: 0 0 8px; font-style: italic; } #grid-testimonial3 .container .testi-img { width: 100px; margin: 0 auto; } #grid-testimonial3 .container .testi-img img { border-radius: 100%; width: 100px; height: 100px; border: 2px solid #fff; } #grid-testimonial3 .testi-content2 { font-style: italic; padding: 0 10px; color: #fff; text-align: center; max-width: 845px; margin: 0 auto; } #grid-testimonial3 .testi-content2 p { font-size: 13px; position: relative; } #grid-testimonial3 .testi-content2 p:before { content: "\f10d"; position: absolute; font-family: FontAwesome; font-size: 10px; color: #fff; opacity: 1; left: -5px; top: -4px; } #grid-testimonial3 .testi-item .testi-img::before { opacity: 0; } .full-layout-left { float: right; } #why-choose-us .rs-services1 .services-wrap .services-item { background: none !important; border-bottom: none; margin: 0; padding: 5px 0 32px; } #why-choose-us .rs-services1 .services-wrap .services-item .services-icon { font-size: 20px; width: 14%; } #why-choose-us .rs-services1 .services-wrap .services-item .services-icon i { background: #4d6de6; width: 50px; height: 50px; line-height: 50px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; display: block; box-shadow: 6px 2px 13px rgba(0, 0, 0, 0.1); color: #fff !important; } #why-choose-us .rs-services1 .services-wrap .services-item .services-desc { width: 86%; } #why-choose-us .rs-services1 .services-wrap .services-item:hover { background: #4d6de6; } #why-choose-us .rs-services1 .services-wrap .services-item:hover .services-title, #why-choose-us .rs-services1 .services-wrap .services-item:hover .services-desc, #why-choose-us .rs-services1 .services-wrap .services-item:hover .services-title a { color: #222222; } #why-choose-us .rs-services1 .services-wrap .services-item:hover .services-icon i { background: #4d6de6; color: #fff; border-color: #4d6de6; } #why-choose-us #counter-bg .counter-top-area { border: none; background: #fff; -webkit-box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); border-radius: 5px; } #why-choose-us.consulting-choose .rs-services1 .services-wrap .services-item { padding: 33px 30px 32px; -webkit-box-shadow: 0 0px 30px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0 0px 30px rgba(50, 50, 50, 0.1); box-shadow: 0 0px 30px rgba(50, 50, 50, 0.1); margin-bottom: 30px; border-radius: 5px; } #why-choose-us.consulting-choose .rs-services1 .services-wrap .services-item .services-icon { width: 16%; } #why-choose-us.consulting-choose .rs-services1 .services-wrap .services-item .services-icon i { background: transparent !important; border: 2px solid #4d6de6; color: #4d6de6 !important; height: 60px; width: 60px; line-height: 60px; box-shadow: none; } #why-choose-us.consulting-choose .rs-services1 .services-wrap .services-item .services-desc { width: 84%; } #why-choose-us.consulting-choose .rs-services1 .services-wrap .services-item:hover .services-icon i { background: #4d6de6 !important; color: #fff !important; } #why-choose-us.opening-hours .rs-services1 .services-title { margin-bottom: 5px; } #home-testimonial .cl-testimonial1 .testimonial-content { position: relative; text-align: center; } #home-testimonial .cl-testimonial1 .testimonial-content i { display: block; text-align: center; padding-bottom: 7px; font-size: 20px; } #home-testimonial .cl-testimonial1 .testimonial-content p { text-align: center; font-style: normal; line-height: 23px; } #home-testimonial .cl-testimonial1 .testimonial-content .cl-author { position: relative; } #home-testimonial .cl-testimonial1 .testimonial-content .cl-author ul li { line-height: 22px; padding: 0 !important; } #home-testimonial .cl-testimonial1 .testimonial-content:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 60px; display: block; width: 100%; background: #f4f7fc; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 5px; } #home-testimonial .cl-testimonial1 .testimonial-content .image-testimonial { position: relative; } #home-testimonial .cl-testimonial1 .testimonial-content:hover { color: #fff; } #home-testimonial .cl-testimonial1 .testimonial-content:hover p, #home-testimonial .cl-testimonial1 .testimonial-content:hover i { color: #fff !important; } #home-testimonial .cl-testimonial1 .testimonial-content:hover .cl-author-info li { color: #fff !important; } #home-testimonial .cl-testimonial1 .testimonial-content:hover:before { background: #4d6de6; } #home-testimonial .cl-testimonial1 .slick-arrow { top: -44px; background: #4d6de6; } #home-testimonial .cl-testimonial1 .slick-next { right: 10px; z-index: 99; } #home-testimonial .cl-testimonial1 .slick-prev { right: 47px; left: auto; z-index: 99; } .pdro { padding-right: 0; } .testimonial-slide7.slider7 .testimonial-left { float: none; margin: 0; width: 100%; } .testimonial-slide7.slider7 .testimonial-left img { width: 130px; box-shadow: 10px 15px 16px rgba(21, 21, 21, 0.15); } .testimonial-slide7.slider7 .right-content { float: none; margin: 0; width: 100%; } .testimonial-slide7.slider7 .right-content p { text-align: center !important; } .testimonial-slide7.slider7 .cl-author-info { text-align: center !important; } .testimonial-slide9.slider7 .testimonial-left { float: none; margin: 0; width: 100%; } .testimonial-slide9.slider7 .testimonial-left img { width: 130px; box-shadow: 10px 15px 16px rgba(21, 21, 21, 0.15); } .testimonial-slide9.slider7 .right-content { float: none; margin: 0; width: 100%; } .testimonial-slide9.slider7 .right-content p { text-align: center !important; } .testimonial-slide9.slider7 .cl-author-info { text-align: center !important; } #home-testimonial .testimonial-slide7 .single-testimonial { background: transparent !important; position: relative; text-align: center; box-shadow: none; padding: 0; } #home-testimonial .testimonial-slide7 .single-testimonial .testimonial-left { position: relative; } #home-testimonial .testimonial-slide7 .single-testimonial i { display: block; text-align: center; padding-bottom: 7px; font-size: 20px; } #home-testimonial .testimonial-slide7 .single-testimonial p { text-align: center; font-style: normal; padding: 26px 38px 0 !important; line-height: 23px; } #home-testimonial .testimonial-slide7 .single-testimonial .cl-author { position: relative; } #home-testimonial .testimonial-slide7 .single-testimonial .cl-author ul li { line-height: 22px; padding: 0 !important; } #home-testimonial .testimonial-slide7 .single-testimonial:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 60px; display: block; width: 100%; background: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 5px; } #home-testimonial .testimonial-slide7 .single-testimonial .image-testimonial { position: relative; } #home-testimonial .testimonial-slide7 .cl-author-info { position: relative; padding: 15px 0 22px; background: #f3f3f3; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #home-testimonial .testimonial-slide7 .slick-arrow { top: -62px; background: #4d6de6; z-index: 9; } #home-testimonial .testimonial-slide7 .slick-next { right: 16px; } #home-testimonial .testimonial-slide7 .slick-prev { right: 54px; left: auto; z-index: 99; } #home-testimonial .testimonial-slide9 .single-testimonial { background: transparent !important; position: relative; text-align: center; box-shadow: none; padding: 0; } #home-testimonial .testimonial-slide9 .single-testimonial .testimonial-left { position: relative; } #home-testimonial .testimonial-slide9 .single-testimonial i { display: block; text-align: center; padding-bottom: 7px; font-size: 20px; } #home-testimonial .testimonial-slide9 .single-testimonial p { text-align: center; font-style: normal; padding: 26px 38px 0 !important; line-height: 23px; color: #fff; margin-bottom: 10px; } #home-testimonial .testimonial-slide9 .single-testimonial .cl-author { position: relative; } #home-testimonial .testimonial-slide9 .single-testimonial .cl-author ul li { line-height: 22px; padding: 0 !important; } #home-testimonial .testimonial-slide9 .single-testimonial:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 60px; display: block; width: 100%; background: transparent !important; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 5px; } #home-testimonial .testimonial-slide9 .single-testimonial .image-testimonial { position: relative; } #home-testimonial .testimonial-slide9 .cl-author-info { position: relative; padding: 2px; background: transparent !important; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #home-testimonial .testimonial-slide9 .slick-arrow { top: -62px; background: #4d6de6; z-index: 9; } #home-testimonial .testimonial-slide9 .slick-next { right: 16px; } #home-testimonial .testimonial-slide9 .slick-prev { right: 54px; left: auto; z-index: 99; } #home-testimonial .slick-arrow:hover { background: #222222; opacity: 1; } .slick-next { border-radius: 0 4px 4px 0; } .slick-prev { border-radius: 4px 0 0 4px; } /* ----------------------- 15. Contact Us --------------------------*/ #contact-info .info-box h3 { font-size: 20px; margin: 15px 0 5px; } .apps-contact { overflow: visible !important; } .apps-contact .get-in-touch .vc_column-inner { mposition: relative; margin-top: -12%; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); max-width: 940px; margin: 0 auto; background: #ffffff; padding: 40px !important; margin-top: -325px; z-index: 9; } .apps-contact .wpcf7 .form-field { margin-bottom: 20px; } .apps-contact .wpcf7 .form-field input { position: relative; width: 100%; margin-bottom: 20px; border-radius: 5px; padding-left: 20px; height: 48px; line-height: 48px; clear: both; color: #b6b6b6; } .apps-contact .wpcf7 .your-message textarea { width: 100%; float: left; color: #b6b6b6; border-radius: 5px; padding: 15px 0 0 20px; height: 184px !important; resize: none; } .apps-contact .wpcf7 .form-button .wpcf7-submit { border-radius: 5px; height: 48px !important; margin-top: 20px; float: right; } .apps-contact .wpcf7 .form-button .wpcf7-submit:hover { background: #2048e0; } .apps-contact .share-icons { max-width: 570px; margin: 0 auto; } .apps-contact .share-icons .vc_icon_element { margin: 30px 0 36px; background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06); transition: all .5s ease; border-radius: 50%; height: 60px; width: 60px; line-height: 60px; } .apps-contact .share-icons .vc_icon_element:hover { border-color: #4d6de6; background: #4d6de6; } .apps-contact .share-icons .vc_icon_element:hover .vc_icon_element-icon::before { color: #fff !important; } .wpcf7 .wpcf7-form-control-wrap .wpcf7-form-control { position: relative; width: 100%; margin-bottom: 20px; border-radius: 3px; padding-left: 20px; height: 48px; line-height: 48px; clear: both; color: #666666; border: 1px solid #ddd; background: #fff; border-radius: 5px; } .wpcf7 .wpcf7-form-control-wrap .wpcf7-form-control:focus { border: 1px solid #c4c4c4; box-shadow: none; } .wpcf7 .your-message textarea { width: 100%; float: left; color: #666666; border: 1px solid #ddd; border-radius: 3px; padding: 15px 0 0 20px; height: 184px !important; resize: none; } .wpcf7 .form-button .wpcf7-submit { border-radius: 30px; height: 48px !important; /*äîðàáîòêà*/ margin: 95px 0 0 0; } .wpcf7 .form-button .wpcf7-submit:hover { background: #000000 !important; } .google-map .wpb_gmaps_widget { margin-bottom: 0; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } .rs-contact .wpcf7 .your-message textarea { height: 154px !important; } .contact-address { text-align: left; } .contact-address .address-item { display: flex; padding-bottom: 30px; position: relative; } .contact-address .address-item .address-icon { display: inline-block; margin-right: 20px; position: relative; } .contact-address .address-item .address-icon:after { content: ""; position: absolute; width: 1px; height: 100%; top: 30px; border: 1px dashed #272727; display: block; right: 24px; z-index: 1; } .contact-address .address-item .address-icon i { width: 50px; height: 50px; line-height: 50px; text-align: center; background: #4d6de6; color: #fff; border-radius: 100%; font-size: 20px; position: relative; z-index: 9; } .contact-address .address-item:last-child .address-icon:after { display: none; } .contact-address .address-item .address-text .contact-title { margin-bottom: 0; font-weight: 500; } .contact-address .address-item .address-text a { color: #666666; } .contact-address .address-item .address-text a:hover { color: #4d6de6; } .contact-address.style2 { display: flex; } .contact-address.style2.text-center { text-align: center; } .contact-address.style2.text-center .address-item:after { right: calc(-50% + 1px); } .contact-address.style2 .address-item { display: block; padding-right: 30px; position: relative; width: 25%; } .contact-address.style2 .address-item:last-child { padding-right: 0; } .contact-address.style2 .address-item:after { content: ""; position: absolute; width: 100%; height: 1px; top: 26px; border: 1px dashed #272727; display: block; right: 0; z-index: 1; } .contact-address.style2 .address-item:last-child:after { display: none; } .contact-address.style2 .address-item .address-icon { margin-right: 0; margin-bottom: 10px; } .contact-address.style2 .address-item .address-icon:after { display: none; } /* ----------------------- 15. Client --------------------------*/ .rs-partner .owl-carousel .owl-nav.disabled, .rs-partner .owl-carousel .owl-dots.disabled { display: none !important; } .slider5 .image::after { bottom: 6px; } /* ----------------------- 404 --------------------------*/ .page-error { position: relative; } .page-error .content-area { position: relative; z-index: 101; max-width: 600px; margin: 0 auto; text-align: center; padding: 100px 0; height: calc(100vh - 105px); } .page-error .content-area h1.page-title { color: #fff !important; font-size: 100px !important; margin-bottom: 30px; margin-top: 0px; } .page-error .content-area h3 { color: #fff; } .page-error .bs-sidebar { max-width: 400px; margin: 0 auto; padding-bottom: 20px; } .page-error a:hover { color: #fff; } .page-error:after { background: #4d6de6; content: ''; top: 0; left: 0; position: absolute; width: 100%; height: 100%; z-index: 100 !important; } .page-error .bs-sidebar { padding: 0 0 20px !important; } .page-error .not-found { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; } .no-results input[type="search"] { padding: 10px 20px !important; border-radius: 5px; } .no-results .bs-search button { padding: 7px 16px !important; background: transparent !important; border-radius: 25px; } .no-results .bs-search button i { color: #666666; } .no-results .bs-search button:hover { opacity: 0.8; } /* ----------------------- 16. Footer --------------------------*/ .footer-bottom { background: #0c1521; padding: 5px 0 25px; } .footer-bottom .copyright { text-align: left; } .footer-bottom .copyright p { margin: 0; color: #ffffff; } .footer-bottom #footer-menu { text-align: right; } .footer-bottom #footer-menu li { display: inline-block; list-style: none; } .footer-bottom #footer-menu li:first-child a:after { display: none !important; } .footer-bottom #footer-menu li a { padding: 0 14px 0 22px; position: relative; } .footer-bottom #footer-menu li a:after { content: ""; height: 5px; width: 5px; background: #B5B5B5; position: absolute; left: 0px; top: 8px; display: block !important; border-radius: 100%; } .footer-bottom .footer-menu-right { float: right; } .footer-bottom #footer-menu li:last-child a { padding-right: 0; } .footer-bottom #footer-menu li.current-menu-item.current_page_item a, .footer-bottom #footer-menu li a:hover { color: #4d6de6; } .rs-footer { background: #222222; } .rs-footer .footer-top { padding: 10px 0; } .rs-footer .footer-top h3.footer-title { color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; letter-spacing: 0px; position: relative; margin-bottom: 40px; } .rs-footer .footer-top h3.footer-title:after { content: ''; position: absolute; left: 0; bottom: -5px; height: 1px; width: 50px; background: #fff !important; } .rs-footer .footer-address { line-height: 35px; } .rs-footer .about-widget { color: #fff; } .rs-footer .about-widget .footer-logo { margin-bottom: 35px; margin-top: 6px; } .rs-footer a { color: #fff; } .rs-footer a:hover { color: #eee; } .rs-footer ul { padding: 0; margin: 0; list-style: none; } .rs-footer .recent-post-widget { margin-bottom: 0; } .rs-footer .recent-post-widget .show-featured { clear: both; overflow: hidden; margin-bottom: 30px; } .rs-footer .recent-post-widget .show-featured .post-img img { border-radius: 3px; } .rs-footer .recent-post-widget .show-featured .post-desc { line-height: 22px; } .rs-footer .recent-post-widget .show-featured .post-desc i { margin-right: 3px; font-size: 11px; position: relative; bottom: 1px; } .rs-footer .recent-post-widget .show-featured .post-desc span { color: #aaa; display: block; font-size: 12px; margin-top: 4px; } .rs-footer .about-widget p img { margin-bottom: 22px; } .rs-footer .widget_nav_menu ul li.current-menu-item:before { content: "\f101"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; left: 0; top: auto; display: block !important; } .rs-footer .footer-logo-light { height: 25px; margin: 11px 0 29px; } .rs-footer .footer-top .widget.widget_nav_menu ul li:first-child { padding-top: 0; } .rs-footer .widget p { color: #fff; } .rs-footer .mc4wp-form { padding-top: 0; } .rs-footer .mc4wp-form .mc4wp-form-fields { position: relative; max-width: 280px; } .rs-footer .mc4wp-form .mc4wp-form-fields input[type="email"] { border: none; border-radius: 25px; padding: 12px 0 12px 16px; background: #fff; outline: none; width: 100%; height: auto; height: 46px; } .rs-footer .mc4wp-form .mc4wp-form-fields .form-button { position: absolute; border-radius: 25px; top: 2px; right: 2px; background: #4d6de6 !important; color: #fff; padding: 10px 16px; border: none; transition: 0.20s; height: auto; font-size: 0; height: 42px; width: 74px; } .rs-footer .mc4wp-form .mc4wp-form-fields i { position: absolute; right: 28px; top: 12px; font-size: 22px; pointer-events: none; } .nav-link-container .nav-menu-link span { height: 2px; width: 20px; display: block; background: #4d6de6; margin-bottom: 4px; border-radius: 30px; transition: all .5s ease; cursor: pointer; } .nav-link-container.nav-inactive-menu-link-container .hamburger1 { -webkit-transform: rotate(-45deg) translate(-5px, 4px); transform: rotate(-45deg) translate(-5px, 4px); } .nav-link-container.nav-inactive-menu-link-container .hamburger2 { opacity: 0; } .nav-link-container.nav-inactive-menu-link-container .hamburger3 { -webkit-transform: rotate(45deg) translate(0px, 0px); transform: rotate(45deg) translate(-5px, -4px); } .sidenav.nav-active-menu-container .nav-link-container.nav-inactive-menu-link-container { top: -30px; right: 15px; float: right; position: relative; z-index: 99999999999; } .sidenav.nav-active-menu-container span { display: block; background: #fff; opacity: 1; } .sidenav.nav-active-menu-container .hamburger3 { -webkit-transform: rotate(45deg) translate(0px, 0px); transform: rotate(45deg) translate(0px, 0px); } #rs-header .menu-area .sidenav .nav-link-container { background: transparent !important; } #rs-header .menu-area .sidenav .nav-link-container .nav-menu-link { background: #4d6de6; width: 40px !important; height: 40px !important; border-radius: 100%; padding: 13px 0 0 11px; } #full-sections .wpb_single_image { margin: 0 !important; } #full-sections .wpb_text_column p a { background: #4d6de6; border: 2px solid #4d6de6; display: block; margin: 0 auto; text-align: center; width: 150px; padding: 5px 10px; border-radius: 35px; color: #fff; } #full-sections .wpb_text_column p a:hover { background: transparent !important; color: #212121; } #full-sections .wpb_text_column h3 { margin-bottom: 15px; } /* ----------------------- 17. Scroll Up --------------------------*/ #scrollUp { text-align: center; bottom: 40px; cursor: pointer; display: none; position: fixed; right: 40px; z-index: 10; } #scrollUp i { height: 40px; font-size: 24px; width: 42px; border-radius: 50%; color: #ffffff; line-height: 36px; transition: all 0.3s ease 0s; background-color: #4d6de6; margin-left: 2px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); } #scrollUp i:hover { color: #ffffff; background-color: #4d6de6; } #scrollUp i:hover:before { color: #fff; } /* ----------------------- 18. Video --------------------------*/ .rs-video-area { position: relative; overflow: hidden; } .rs-video-area:before { background-color: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; display: block; } .rs-video-area .rs-video-content-wrap { height: 600px; position: relative; } .rs-video-area .rs-video-content-wrap:before { background-color: rgba(0, 0, 0, 0.55); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .rs-video-area .rs-video-content-wrap .display-table-cell { text-align: center; } .rs-video-area .rs-video-content-wrap .sl-subtitle { font-size: 36px; margin-bottom: 10px; font-weight: 700; position: relative; z-index: 9; } .rs-video-area .rs-video-content-wrap .sl-title { display: inline-block; margin-bottom: 30px; font-size: 52px; font-weight: 700; position: relative; z-index: 9; } .rs-video-area .rs-video-content-wrap .sl-desc { font-size: 18px; position: relative; z-index: 9; } .rs-video-area .rs-video-content-wrap .slider-botton { display: inline-block; margin-top: 50px; } .rs-video-area .rs-video-content-wrap .slider-botton ul li { display: inline-block; } .rs-video-area .rs-video-content-wrap a.white-color { background: #4d6de6; } .rs-video-area .rs-video-content-wrap a.white-color:hover { background: #222222; } .slider-botton .white-color { background: #4d6de6; } .slider-botton .white-color:hover { background: #222222; } /* ------------------------------------ 19. Counter up ---------------------------------------*/ .rs-counter { position: relative; } .rs-counter:before { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; } .counter-top-area { position: relative; text-align: center; margin-bottom: 30px; box-shadow: 0 0 40px rgba(0, 0, 0, 0.08); } .counter-top-area h2 { font-size: 40px; font-weight: 700; padding: 0; margin: 20px 0 10px; } .counter-top-area h3 { color: #cccccc; font-weight: 400; letter-spacing: 2px; margin-bottom: 0; margin-left: 5px; font-size: 20px; } .counter-top-area .rs-count { padding: 0 0 25px 0; } .counter-top-area .rs-counter-list i { display: inline-block; font-size: 54px; line-height: 54px; color: #212121; } .counter-top-area .rs-counter-list i:hover { color: #4d6de6; } .counter-top-area.left { text-align: left !important; } .counter-top-area.left h2 { margin-top: 0 !important; } .counter-top-area.left .count-icon { float: left; margin-right: 25px; } .counter-top-area.left .count-desc { float: left; } .counter-top-area.right { text-align: right !important; } .counter-top-area.right h2 { margin-top: 0 !important; } .counter-top-area.right .count-icon { float: right; margin-left: 25px; } .counter-top-area.right .count-desc { float: right; } .rs-map .wpb_wrapper { padding: 0 !important; } .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a { padding: 10px 20px !important; } .entry-footer { padding-top: 20px; } .entry-footer span { padding-right: 10px; padding-bottom: 22px; display: block; } /* ------------------------------------ 20. Breadcrumbs ---------------------------------------*/ .rs-breadcrumbs { position: relative; background: #4d6de6; } .rs-breadcrumbs:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2; background: #000; } .rs-breadcrumbs .breadcrumbs-single { background-size: cover; } .rs-breadcrumbs .trail-browse { display: none !important; } .rs-breadcrumbs .trail-items li::after { right: 0px; position: relative; padding: 0; } .rs-breadcrumbs .page-title { margin-bottom: 5px !important; letter-spacing: 0.5px; margin: 0; text-align: left; line-height: 42px !important; padding-bottom: 0 !important; color: #ffffff !important; font-weight: 700 !important; font-size: 38px; } .rs-breadcrumbs .breadcrumbs { text-align: left; margin-top: 10px; font-weight: 500; } .rs-breadcrumbs .trail-items li::after { font-size: 12px; } .rs-breadcrumbs ul { display: inline-block; padding: 5px 20px; margin: 0px; } .rs-breadcrumbs ul li { color: #fff; display: inline-block; font-size: 14px; } .rs-breadcrumbs ul li * { color: #ddd; } .rs-breadcrumbs ul li a { padding: 0 8px; color: #ddd; } .rs-breadcrumbs ul li a:hover { color: #4d6de6; } .rs-breadcrumbs ul li.trail-begin a { position: relative; display: inline-block; padding-left: 20px !important; } .rs-breadcrumbs ul li.trail-begin a:hover { opacity: 0.7; } .rs-breadcrumbs ul li.trail-begin a:before { font-family: FontAwesome; content: "\f015"; position: absolute; left: 0; top: 0; font-size: 13px; color: #fff; } .rs-breadcrumbs ul li.trail-end { padding-left: 8px; } .rs-breadcrumbs.porfolio-details { position: relative; } .header-style1 .rs-breadcrumbs .breadcrumbs-inner { padding: 80px 0 70px; } .breadcrumbs-inner .fbc-page { text-align: center; display: inline-block; } .breadcrumbs-inner ol { padding: 5px 6px !important; } .fbc-page .fbc-wrap .fbc-items li { padding: 5px 0; } .rs-breadcrumbs .breadcrumbs-inner { padding: 10px 0; overflow: hidden; } /* ------------------------------------ 21. Portfolio Details ---------------------------------------*/ .rs-porfolio-details .ps-informations ul { margin: 0; list-style: none; text-align: left; } .rs-porfolio-details .ps-informations .info-title { font-size: 20px; font-weight: 500; margin-bottom: 20px; } .rs-porfolio-details .ps-informations ul li + li { padding-top: 7px; margin-top: 7px; border-top: 1px solid rgba(0, 0, 0, 0.05); } .rs-porfolio-details .ps-informations ul li span { width: 120px; display: inline-block; } .rs-porfolio-details .ps-share { margin-top: 40px; } .rs-porfolio-details .ps-share ul { margin: 0; } .rs-porfolio-details .ps-share .share-title { font-size: 20px; font-weight: 500; margin-bottom: 20px; } .rs-porfolio-details .ps-share ul li { display: inline-block; margin: 0 10px 14px 0; } .rs-porfolio-details .ps-share ul li a { font-size: 20px; display: block; width: 50px; height: 48px; line-height: 48px; border: 1px solid #4d6de6; text-align: center; transition: all 0.3s ease 0s; } .rs-porfolio-details .ps-share ul li a:hover { background-color: #4d6de6; color: #fff; } .rs-porfolio-details .project-desc { line-height: 30px; margin-top: 0; } .rs-porfolio-details .project-desc .ps-title { margin-bottom: 20px; } .rs-porfolio-details .ps-related-project { margin-top: 50px; } .rs-porfolio-details .ps-related-project .ps-related-title { font-size: 20px; font-weight: 500; margin-bottom: 30px; } /* ------------------------------------ 21. Portfolio Details ---------------------------------------*/ .rs-porfolio-details .ps-informations ul { margin: 0; list-style: none; text-align: left; } .rs-porfolio-details .ps-informations ul li + li { padding-top: 10px; margin-top: 10px; border-top: 1px solid rgba(54, 54, 54, 0.05); } .rs-porfolio-details .ps-informations ul li span { width: 150px; display: inline-block; font-weight: 700; } .rs-porfolio-details .ps-image-wrap { margin-bottom: 50px; } .rs-porfolio-details .ps-image { text-align: center; margin-bottom: 10px; } .rs-porfolio-details .ps-share { margin-top: 40px; } .rs-porfolio-details .ps-share ul { margin: 0; } .rs-porfolio-details .ps-share .share-title { font-size: 20px; font-weight: 500; margin-bottom: 20px; } .rs-porfolio-details .ps-share ul li { display: inline-block; margin: 0 10px 14px 0; } .rs-porfolio-details .ps-share ul li a { font-size: 20px; display: block; width: 50px; height: 48px; line-height: 48px; border: 1px solid #4d6de6; text-align: center; transition: all 0.3s ease 0s; } .rs-porfolio-details .ps-share ul li a:hover { background-color: #4d6de6; color: #fff; } .rs-porfolio-details .project-desc { line-height: 30px; } .rs-porfolio-details .project-desc p:last-child { margin-bottom: 0; } .rs-porfolio-details .project-desc .ps-title { margin-bottom: 20px; } .rs-porfolio-details .ps-related-project { margin-top: 50px; } .rs-porfolio-details .ps-related-project .ps-related-title { font-size: 20px; font-weight: 500; margin-bottom: 30px; } .rs-porfolio-details .ps-related-project .portfolio-item { margin-bottom: 20px; } .rs-porfolio-details .portfolio-carousel .owl-dots { display: none; } .rs-porfolio-details .portfolio-carousel .owl-stage-outer { height: auto !important; } .rs-porfolio-details .portfolio-carousel .owl-nav { display: none; } .rs-porfolio-details .portfolio-carousel .owl-nav .owl-prev { left: 10px; min-height: 1px; } .rs-porfolio-details .portfolio-carousel .owl-nav .owl-next { right: 10px; min-height: 1px; } .rs-porfolio-details .portfolio-carousel:hover .owl-nav { display: block; } .rs-porfolio-details .portfolio-carousel .file-list-image img { border-radius: 5px; } .rs-porfolio-details.project-gallery .ps-image-wrap { margin-top: 28px; } .rs-porfolio-details.project-gallery .file-list-image { margin-bottom: 30px; position: relative; background: #000000; border-radius: 5px; } .rs-porfolio-details.project-gallery .file-list-image a:hover i { color: #fff; } .rs-porfolio-details.project-gallery .file-list-image img { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; border-radius: 5px; } .rs-porfolio-details.project-gallery .file-list-image .p-zoom { display: inline-block; font-size: 14px; color: #4d6de6; transition: all 0.3s ease 0s; height: 46px; line-height: 44px; width: 46px; border: 1px solid #4d6de6; border-radius: 50%; text-align: center; position: absolute; left: 50%; top: 60%; opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .rs-porfolio-details.project-gallery .file-list-image:hover img { opacity: 0.4; } .rs-porfolio-details.project-gallery .file-list-image:hover .p-zoom { top: 50%; opacity: 1; } .rs-porfolio-details.project-gallery .file-list-image:hover .p-zoom:hover { background: #4d6de6; color: #ffffff; } .rs-porfolio-details .owl-carousel .owl-nav [class*="owl-"] { top: 50% !important; } .single-portfolios .project-img { margin-bottom: 50px; } .single-portfolios .ps-informations { padding: 40px 40px 45px; background: rgba(16, 16, 16, 0.05); margin-top: 10px; } .single-portfolios h3 { text-transform: uppercase; } .ps-navigation { margin-top: 70px; margin-left: auto; margin-right: auto; width: 100%; } .ps-navigation ul { margin: 0 !important; list-style: none; } .ps-navigation ul .prev { display: inline-block; text-align: left; } .ps-navigation ul .next { display: inline-block; text-align: right; } .ps-navigation ul a { text-transform: uppercase; } .ps-navigation ul a span { display: block; font-weight: normal; text-transform: capitalize; } .ps-navigation ul a span:first-child { margin-top: 0; } .ps-navigation ul a span.pagi-date { font-size: 13px; color: #aaa; line-height: normal; margin-top: 5px; } .ps-navigation ul a:hover { color: #4d6de6 !important; } .single-events .ps-navigation { margin-bottom: 0; } .single-portfolios .owl-carousel .owl-nav [class*="owl-"] { top: calc(50%); } .single-portfolios .ps-navigation { margin-bottom: 0; margin-top: 55px; margin-left: auto; margin-right: auto; width: 100%; } /* ---------------------------------- 10. Events Css -------------------------------------*/ .event_counter3 .time_circles canvas { display: none; } .event_counter3 .time_circles div { display: inline-block; } .event_counter3 .time_circles div span { font-size: 48px !important; color: #4d6de6 !important; font-weight: 700; } .event_counter3 .time_circles div h4 { font-size: 20px !important; color: #fff !important; font-weight: 600; text-transform: uppercase; } .event_counter3 .btncounter3 { text-align: right; } .event_counter3 .btncounter3 p { margin: 0; } .event_counter3 .btncounter3 a { float: right; } .event_counter4 { max-width: 725px; margin: 0 auto; } .event_counter4 .time_circles canvas { display: none; } .event_counter4 .time_circles div { display: inline-block; } .event_counter4 .time_circles div span { font-size: 48px !important; color: #4d6de6 !important; font-weight: 700; border-radius: 3px; } .event_counter4 .time_circles div h4 { font-size: 20px !important; color: #fff !important; font-weight: 600; text-transform: uppercase; } .event_counter4 .slider-title { color: #fff !important; font-size: 60px !important; text-transform: uppercase; margin-bottom: 16px; line-height: 60px !important; } .event_counter4 .slider-desc { font-size: 20px; line-height: 28px; color: #fff; margin: 10px 0 46px; } .event_counter4 .clear-both { clear: both; } .event_counter4 .event-border { position: relative; padding: 45px 0 100px; } .event_counter4 .event-border:after { position: absolute; content: ''; background: transparent; width: 72%; height: 90%; bottom: 0; right: 97px; border-bottom: 8px solid #4d6de6; border-right: 8px solid #4d6de6; transition: all 0.3s ease 0s; z-index: 1; background: url(../images/event_patern.png); background-size: 90%; background-repeat: no-repeat; background-position-x: -8px; background-position-y: -1px; } .event_counter4 .event-border:before { position: absolute; content: ''; background: transparent; width: 72%; height: 90%; top: 0; left: 62px; border-top: 8px solid #4d6de6; border-left: 8px solid #4d6de6; transition: all 0.3s ease 0s; z-index: 1; } .event_counter4 .event-border .coming-soon-text { position: relative; z-index: 99; } .event_counter4 .CountDownTimer4 { margin-top: 35px; margin-bottom: 15px; max-width: 560px; margin: 0 auto; } .event_counter4 .CountDownTimer4 .time_circles div { width: 102px !important; border: 2px solid #fff; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); border-radius: 6px; padding: 17px; margin-right: 36px; } .event_counter4 .CountDownTimer4 .time_circles div span { width: 100%; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); background: transparent !important; margin-bottom: 0; text-align: center; font-size: 36px !important; padding: 0 !important; position: relative; left: 8px; top: 10px; font-weight: 900; } .event_counter4 .CountDownTimer4 .time_circles div h4 { transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); margin-bottom: 0; text-align: center; font-size: 15px !important; font-weight: normal !important; position: relative; right: 12px; bottom: 3px; } .event_counter4 .btncounter3 { text-align: center; } .event_counter4 .btncounter3 p { margin: 0; } .event_counter4 .btncounter3 a { float: none; display: inline-block; } .event_counter4.text-left .coming-soon-part3 { text-align: left !important; } .event_counter4.text-left .btncounter3 { text-align: left; } .events-details #content { padding: 100px 0; } .single-events .event-desc { padding: 30px 0 25px; } .single-events .book-btn { text-align: center; margin-top: 23px; } .single-events .book-btn a { display: inline-block; padding: 12px 30px; } .single-events .share_icon { margin: 0; padding: 10px 0; list-style: none; overflow: hidden; } .single-events .share_icon li { display: inline-block; } .single-events .share_icon li a { margin-right: 10px; font-size: 12px; font-weight: 500; color: #676767; background: #dadada; padding: 9px 18px; border-radius: 4px; } .single-events .share_icon li a i { font-weight: bold; } .single-events .share_icon li a:hover { background: #4d6de6; color: #fff; } .single-events .share_icon li:last-child a { margin-right: 0; } .single-events .share_icon span.share_title { font-weight: bold; } .event_counter2 .coming-soon-part2 .coming-soon-text .CountDownTimer .time_circles { width: 100%; height: 100%; } .event_counter2 .coming-soon-part2 .coming-soon-text .time_circles canvas { opacity: 0; } .event_counter2 .coming-soon-part2 .coming-soon-text .time_circles div { position: absolute; text-align: center; padding-right: 30px; } .event_counter2 .coming-soon-part2 .coming-soon-text .time_circles div span { font-weight: 900; font-size: 45px !important; color: #4d6de6; display: block; border-radius: 5px; max-width: 100px; margin: 0 auto; text-show: 0 0 15px #000 !important; } .event_counter2 .coming-soon-part2 .coming-soon-text .time_circles div h4 { color: #fff; font-size: 15px !important; font-weight: 700 !important; text-transform: uppercase; } .event_counter2 .banner-counter5 .coming-soon-part2 { max-width: 680px; } .event_counter2 .banner-counter5 .time_circles { margin-bottom: 0; } .event_counter2 .banner-counter5 .time_circles canvas { height: auto !important; } .event_counter2 .banner-counter5 .time_circles div { position: absolute; margin-top: -8px; } .event_counter2 .banner-counter5 .coming-soon-part2 { margin: 0 auto; } .event_counter2 .banner-counter5 .coming-soon-part2 .time_circles { position: relative; width: 100%; height: 100%; left: -14px; } .event_counter2 .banner-counter5 .coming-soon-part2 .time_circles canvas { opacity: 1; } .event_counter2 .banner-counter5 .coming-soon-part2 .time_circles div { padding-right: 0; } .event_counter2 .banner-counter5 .coming-soon-part2 .time_circles div h3 { color: #fff; font-size: 20px !important; } .event_counter2 .banner-counter5 .time_circles > div { position: absolute; text-align: center; padding: 0; } .event_counter2 .banner-counter5 .time_circles > div > h4 { margin: 0; padding: 0; text-align: center; text-transform: uppercase; line-height: 1; } .event_counter2 .banner-counter5 .time_circles > div > span { margin: 0; padding: 0; display: inline-block; width: 100%; text-align: center; line-height: 1; } .event_counter2 .slider-title { color: #fff !important; } .event_counter2 .slider-desc { margin: 0; font-size: 18px; color: #f1f1f1; line-height: 26px; } .event_counter2 .slider-desc i { color: #4d6de6; font-size: 25px; position: relative; top: 3px; margin-right: 6px; } .event_counter2 .slider-desc span { display: inline-block; } .event_counter2 .slider-desc i { font-style: normal; } .event_counter2 .date-meta { color: #fff; font-size: 20px; margin: 0 0 2px; padding-top: 24px; } .event_counter2 .date-meta i { color: #4d6de6; font-size: 16px; margin-right: 12px; } .event_counter2 .date-meta i { font-style: normal; font-size: 20px; } .event_counter2 h1.slider-title { margin-top: 8px; font-size: 55px !important; line-height: 65px !important; margin-bottom: 25px; text-transform: uppercase; font-weight: 700 !important; } .event_counter2 h1.slider-title p { font-size: 60px; color: #fff; -webkit-animation-duration: 1.4s; animation-duration: 1.4s; text-transform: uppercase; line-height: 72px; margin-bottom: 26px; text-shadow: 0 0 15px #000; } .event_counter2 .buttons { margin-top: 50px; } h1.slider-title i { font-style: normal; } .rs-timecoun-ceremony .event_counter2 .banner-counter5 .coming-soon-part2 { max-width: 880px; } .rs-timecoun-ceremony .event_counter2 .banner-counter5 .coming-soon-part2 .coming-soon-text .time_circles div span { font-size: 45px !important; margin-bottom: 7px; } /* ------------------------------------ 10. Our Event Schedule ---------------------------------------*/ .rs-events-schedule { overflow: hidden; } .rs-events-schedule .events-schedule-tabs { width: 100%; position: relative; } .rs-events-schedule .events-schedule-tabs .eventday-list { max-width: 100%; list-style: none; font-size: 24px; font-weight: 500; line-height: 56px; text-align: center; border-top: 2px solid #4d6de6; } .rs-events-schedule .events-schedule-tabs .eventday-list li { line-height: normal; display: inline-block; width: 25%; } .rs-events-schedule .events-schedule-tabs .eventday-list li + li { padding-left: 30px; } .rs-events-schedule .events-schedule-tabs .eventday-list li span { display: block; font-size: 14px; color: #666666; } .rs-events-schedule .events-schedule-tabs .eventday-list li a { color: #212121; margin: 4px 0 0; padding: 13px 45px; border: 1px solid #ccc; } .rs-events-schedule .events-schedule-tabs .eventday-list li a:hover, .rs-events-schedule .events-schedule-tabs .eventday-list li a.active { background: #4d6de6; color: #fff; margin: 0; padding: 15px 45px; } .rs-events-schedule .events-schedule-tabs .eventday-list li a:hover span, .rs-events-schedule .events-schedule-tabs .eventday-list li a.active span { color: #ccc; } .rs-events-schedule .events-schedule-tabs .eventday-sublist { display: block; margin: 0; } .rs-events-schedule .events-schedule-tabs .eventday-sublist li { display: inline-block; } .rs-events-schedule .events-schedule-tabs .eventday-sublist li a { display: block; font-size: 16px; font-weight: 500; color: #666666; } .rs-events-schedule .events-schedule-tabs .eventday-sublist li a:hover, .rs-events-schedule .events-schedule-tabs .eventday-sublist li a.active { color: #4d6de6; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .fade { height: 0; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .fade.show { height: 100%; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 { overflow: hidden; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .event-btn { float: left; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .event-btn .primary-btn { width: 120px; text-transform: capitalize; border-bottom: 0; padding: 4px 0; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .social-shareicons { float: right; padding-top: 1px; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .social-shareicons .share-title { margin-right: 15px; font-weight: 500; display: inline-block; padding-top: 3px; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .share-link { float: right; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .share-link li { float: left; list-style: none; padding: 2px 0; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .share-link li:first-child a { margin-left: 0; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .share-link li a { font-size: 12px; font-weight: 500; color: #666666; padding: 7px 8px; border: 1px solid #ddd; border-radius: 4px; margin-left: 14px; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .share-link li a:hover { background: #4d6de6; color: #fff; border: 1px solid #4d6de6; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .event-shedule-info .meta-date { display: block; margin: 0 0 5px; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .event-shedule-info h3 { margin: 0 0 6px; font-weight: 500 !important; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .event-shedule-info h3 a { color: #212121; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .event-shedule-info h3 a:hover { color: #4d6de6; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .event-shedule-info p { margin: 0 0 20px; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes > .eventday-sublist { text-align: center; } .rs-events-schedule .events-schedule-contents .events-subinner { background: #fafafa; } .rs-events-schedule .events-schedule-contents .events-subinner .events-shedule-subdes .events-items { border-radius: 6px; } .rs-events-schedule .events-schedule-contents .events-subinner .events-shedule-subdes .events-items + .events-items { margin-top: 30px; } .rs-events-schedule .events-schedule-contents .event-author img { width: 100px; height: auto; border-radius: 50%; border: 5px solid #4d6de6; } .rs-events-schedule .events-schedule-contents .event-author span { display: block; } .rs-events-schedule .events-schedule-contents .event-author span.author-cty { color: #4d6de6; margin: 15px 0 0; } .rs-events-schedule .events-schedule-contents .event-author h4 { margin: 3px 0; font-weight: 500 !important; } .rs-events-schedule .events-schedule-contents .event-author h4 a { color: #212121; } .rs-events-schedule .events-schedule-contents .event-author h4 a:hover { color: #222222; } .rs-events-schedule.rs-events-schedule1 .events-subinner { background: transparent; } .rs-events-schedule.rs-events-schedule1 .eventday-sublist { color: #fafafa; margin-bottom: 30px; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list { border-top: 0; margin: 0 0 30px; display: block; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li { width: 25%; margin-left: -6px; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a { margin: 0; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a span { display: block; margin-top: 8px; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a.show, .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a:hover { padding: 13px 45px; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a.show span, .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a:hover span { color: #ccc; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a.active, .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a:hover { padding: 13px 45px; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a.active { position: relative; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a.active span { color: #ccc; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a.active:hover { position: relative; padding: 13px 45px; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a.active:hover span { color: #ccc; } .rs-events-schedule.rs-events-schedule1 .events-schedule-contents .events-items { margin: 0; padding: 0 17px; } .rs-events-schedule.rs-events-schedule1 .events-schedule-contents .events-items:last-child { margin-bottom: 30px; padding-bottom: 0; } .rs-events-schedule.rs-events-schedule1 .events-schedule-contents .events-items .col-lg-4 { padding-right: 0; padding-left: 0; } .rs-events-schedule.rs-events-schedule1 .events-schedule-contents .events-items .col-lg-8 { padding-left: 30px; background: #fafafa; } .rs-events-schedule.rs-events-schedule1 .events-schedule-contents .events-items .event-shedule-info { margin-top: 20px; } .rs-events-schedule.rs-events-schedule1 .events-schedule-contents .events-items .event-shedule-info h3 a { color: #212121; } .rs-events-schedule.rs-events-schedule1 .events-schedule-contents .events-items .event-shedule-info h3 a:hover { color: #4d6de6; } .rs-events-schedule.rs-events-schedule1 .events-schedule-contents .event-author { padding: 20px 0; } .rs-events-schedule.rs-events-schedule1.rs-events-schedule3 .events-schedule-contents .event-author { border: none; } .rs-events-schedule.rs-events-schedule1.rs-events-schedule3 .events-schedule-contents .events-items > .row { border: 1px solid #e1e1e1; } .rs-events-schedule.rs-events-schedule2 .events-subinner { padding: 50px 25px; } .rs-events-schedule.rs-events-schedule2 .events-subinner .events-items { background: #fff; padding: 30px; } .rs-events-schedule.rs-events-schedule2 .events-subinner .events-items .event-author { padding: 20px 0; } .rs-events-schedule.rs-events-schedule2 .events-schedule-tabs { padding: 0 0 0 80px; } .rs-events-schedule.rs-events-schedule2 .events-schedule-tabs .eventday-list { top: 0; left: -33px; max-width: 100%; list-style: none; position: absolute; text-transform: uppercase; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 20px 20px; -moz-transform-origin: 20px 20px; -ms-transform-origin: 20px 20px; -o-transform-origin: 20px 20px; transform-origin: 20px 20px; z-index: 1; } .rs-events-schedule.rs-events-schedule2 .events-schedule-tabs .eventday-list li { width: 200px; text-align: center; } .rs-events-schedule.rs-events-schedule2 .events-schedule-tabs .eventday-list li a { padding: 13px 0; border: 1px solid #ccc; } .rs-events-schedule.rs-events-schedule2 .events-schedule-tabs .eventday-list li a:hover, .rs-events-schedule.rs-events-schedule2 .events-schedule-tabs .eventday-list li a.active { border-color: #4d6de6; } .rs-events-schedule.rs-events-schedule2 .events-schedule-tabs .eventday-list .active span { color: #ccc; } .rs-events-schedule.drak-color .event-author span { color: #ccc; } .rs-events-schedule.drak-color.rs-events-schedule1 .eventday-list li a { border-color: #4d6de6; } .rs-events-schedule.drak-color.rs-events-schedule1 .event-author h4 { color: #fff; } .rs-events-schedule.drak-color .events-schedule-contents .events-subinner { background: #000929; } .rs-events-schedule .img-speaker { max-width: 40px; border-radius: 50%; margin-right: 5px; } iframe { width: 100%; } .day-wrap { position: relative; overflow: hidden; margin-bottom: 40px; } .day-wrap:last-child { margin-bottom: 0; } .day-wrap .schedule_title4 { margin: 0; top: 0; left: 38px; width: 100%; list-style: none; position: absolute; text-transform: uppercase; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 20px 20px; -moz-transform-origin: 20px 20px; -ms-transform-origin: 20px 20px; -o-transform-origin: 20px 20px; transform-origin: 20px 20px; z-index: 1; padding: 10px 21px; background: #f0f0f0; overflow: hidden; } .day-wrap .schedule_title4 h3 { margin-bottom: 0; text-align: left; font-size: 24px; padding-left: 15px; } .day-wrap .schedule_title4 span { font-style: normal; display: block; font-size: 14px; line-height: 20px; } .day-wrap .schedule-4-wrap { padding-left: 80px; } .day-wrap .schedule-4-wrap table { margin-bottom: 0; } .event-circle.rs-events-schedule1 .events-schedule-tabs .eventday-list li + li { padding-left: 0; } .event-circle.rs-events-schedule1 .events-shedule-subitmes .event-shedule-info span { display: inline-block !important; margin-right: 15px !important; } .event-circle.rs-events-schedule1 .events-shedule-subitmes .event-shedule-info h3 { font-size: 24px; } .event-circle.rs-events-schedule1 .events-shedule-subitmes .event-shedule-info h4 { font-size: 16px; } .event-circle.rs-events-schedule1 .eventday-list li:first-child { margin-left: 0 !important; margin-right: -6px !important; } .event-circle.rs-events-schedule1 .eventday-list li:first-child a { border-radius: 5px 0 0 5px !important; } .event-circle.rs-events-schedule1 .eventday-list li:last-child a { border-radius: 0px 5px 5px 0px !important; } .schedule-4 { border: 0; } .schedule-4 td { border: 0; padding-top: 10px; padding-bottom: 10px; } .schedule-4 tbody tr:nth-child(odd) { background: #f0f0f0; } .schedule-4 tbody tr:nth-child(even) { background: #f7f7f7; } .schedule-4 tbody tr:nth-child(odd):hover, .schedule-4 tbody tr:nth-child(even):hover { background: #e0e0e0; } .schedule-4 tbody tr:first-child { background: #f0f0f0 !important; } .schedule-4 tbody tr:first-child th { border: 0; padding-top: 12px; padding-bottom: 12px; border: none; } .schedule-4 tbody tr a { color: #666666; } .schedule-4 tbody tr a:hover { color: #4d6de6 !important; } .schedule_title { margin-bottom: 40px; } .schedule_title h2 { margin: 0 0 10px; } .schedule_title span { font-size: 24px; font-weight: 400; font-style: italic; color: #4d6de6; } /* ---------------------------------- 11. Skills -------------------------------------*/ #rs-skills .vc_progress_bar { margin-bottom: 0; } #rs-skills .vc_progress_bar h2 { font-size: 24px; line-height: 34px; margin-bottom: 45px; text-transform: uppercase; } #rs-skills .vc_progress_bar .vc_single_bar { background: #fff; margin-top: 23px; -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); line-height: 12px; height: 12px; } #rs-skills .vc_progress_bar .vc_single_bar + .vc_single_bar { margin-top: 50px; } #rs-skills .vc_progress_bar .vc_single_bar .vc_label { font-size: 13px; text-transform: uppercase; color: #444444; text-shadow: none; padding: 0; position: absolute; top: -22px; } #rs-skills .vc_progress_bar .vc_single_bar .vc_label_units { margin-left: 6px; } #rs-skills .vc_progress_bar .vc_single_bar .vc_bar { background-color: #222222; } .our-projects-corporate .portfolio-filter.filter-center { text-align: left; } .personal-portfolio .portfolio-filter.filter-center { margin-bottom: 50px; } .minimal-portfolio .portfolio-filter { margin-bottom: 30px !important; } #rs-about .about-title h3 { font-size: 20px; font-weight: normal !important; margin-bottom: 20px !important; } #rs-about .about-resume .smoothPortfolio:hover { color: #212121; background: transparent !important; } #rs-about .about-resume .smoothContact { background: transparent !important; color: #212121; } #rs-about .about-resume .smoothContact:hover { color: #fff; background: #4d6de6 !important; } #rs-about #featured-btm .rs-services .services-style-2 { -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08); -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08); box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08); -webkit-transition-duration: .3s; transition-duration: .3s; } #rs-about #featured-btm .rs-services .services-style-2 .services-desc { padding: 15px 18px 20px 18px; } #rs-about #featured-btm .rs-services .services-style-2:hover { -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16); -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16); box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16); } #about-consulting p { color: #fff; } #about-consulting .readon { border: 2px solid #fff !important; } #about-consulting .readon:hover { background: #fff !important; color: #212121; } .services-style-2 { margin-bottom: 30px; } .services-section-seo .services-style-2 .services-item { padding: 20px; } .services-section-seo .services-style-2 .services-item .services-icon { text-align: center; } .services-section-seo .services-style-2 .services-item .services-icon img { width: auto; transform: scale(1) !important; } .services-section-seo .services-style-2 .services-item:hover .services-icon img { border-bottom-left-radius: 0; } .services-section-seo .services-style-2 .services-item .services-desc { padding: 0 !important; } .video-section-seo { position: relative; background-attachment: fixed; } .video-section-seo .vc_col-sm-6 { position: relative; z-index: 11; } .video-section-seo .quick-contact { padding-right: 40px !important; } .video-section-seo .quick-contact .vc_column-inner { background: #4d6de6; padding: 40px 45px 50px 45px !important; position: relative; margin-top: -60px; } .video-section-seo .quick-contact .vc_column-inner:before { background: #4d6de6; transform: skewY(174deg) !important; content: ""; height: 70px; left: 0; position: absolute; border-top-left-radius: 5px; border-top-right-radius: 5px; top: -35px; width: 100%; } .video-section-seo .wpcf7 .form-button .wpcf7-submit { border: 2px solid #fff; } .video-section-seo .rs-video-2:before { background: rgba(0, 0, 0, 0.5); } .video-section-seo .rs-video-2 .popup-videos { animation: pulsate 1s ease-out; animation-iteration-count: infinite; opacity: 1; background: #4d6de6; box-shadow: none; } .video-section-seo .wpcf7-form { overflow: hidden; } .video-section-seo .wpcf7-form .wpcf7-text { width: 100%; margin-bottom: 20px !important; } .video-section-seo .wpcf7-form textarea { width: 100%; margin-bottom: 20px !important; height: 110px; } .video-section-seo .wpcf7-form .wpcf7-submit { border: 2px solid #fff; } .video-section-seo .wpcf7-form .wpcf7-submit:hover { border-color: #4d6de6; } .video-section-seo #right-content { max-width: 621px; } .video-section-seo #right-content .rs-heading { margin-top: 45px; } #home-reservation { position: relative; } #home-reservation .wpcf7-form .wpcf7-text { margin-bottom: 0px !important; } #home-reservation .wpb_gmaps_widget { margin-bottom: 0; } #home-reservation .wpb_gmaps_widget .wpb_wrapper { filter: grayscale(100%); padding: 0; transition: all 0.9s ease 0s; } #home-reservation .wpb_gmaps_widget .wpb_wrapper:hover { filter: grayscale(0); } #content #home-reservation .quick-contact .vc_column-inner:after, #content #home-reservation .quick-contact .vc_column-inner:before { display: none !important; } #content #home-reservation .quick-contact { padding-right: 12px !important; padding-left: 25px !important; } #content #home-reservation .quick-contact .vc_column-inner { margin-top: 0; position: relative; right: 0; bottom: 0; } #content #home-reservation .quick-contact .rs-heading { margin-top: 0; } .app-features .rs-services .services-item { padding: 20px; margin-bottom: 30px; position: relative; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 1; overflow: hidden; -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08); -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08); box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08); } .app-features .rs-services .services-item:after { position: absolute; display: block; left: 0; bottom: 0; width: 100%; height: 5px; background: #4d6de6; content: ""; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .app-features .rs-services .services-item:hover { -webkit-box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1); box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-5px); transform: translateY(-5px); } .app-features .rs-services .services-item:hover:after { opacity: 1; visibility: visible; } .app-features .rs-services .services-item .services-icon { text-align: center; } .app-features .rs-services .services-item .services-icon img { max-width: 64px; transform: scale(1) !important; } .app-features .rs-services .services-item .services-desc h2 { font-size: 20px !important; font-weight: 600 !important; } #keyword-search .vc_tta-panel-heading { border: none; background: none; } #keyword-search .vc_tta-panel-heading h4.vc_tta-panel-title { position: relative; } #keyword-search .vc_tta-panel-heading h4.vc_tta-panel-title:before { content: ""; position: absolute; left: 0; width: 53px; height: 100%; background: #4d6de6; display: block !important; z-index: 1 !important; border-radius: 5px 0 0 5px; } #keyword-search .vc_tta-panel-heading h4.vc_tta-panel-title a { background: #f0f0f0; font-size: 17px; font-weight: 400; border-radius: 5px; padding-left: 73px !important; } #keyword-search .vc_tta-panel-heading h4.vc_tta-panel-title a i { color: #fff; z-index: 99; } #keyword-search .vc_tta-panel-heading h4.vc_tta-panel-title a i:before, #keyword-search .vc_tta-panel-heading h4.vc_tta-panel-title a i:after { border-color: #fff; } #keyword-search .vc_tta-panel-body { background: none; border: none; } #keyword-search .wpb_single_image { background: #4d6de6; border-radius: 30px; padding: 30px; margin-top: 54px; } #keyword-search .wpb_single_image figure { max-width: 300px; margin: 0 auto; display: block; } .minimal-team .rs-team .owl-nav { display: none !important; } .hire_us { position: relative; } .hire_us:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.8; width: 100%; height: 100%; background: #111; display: block !important; z-index: 1 !important; } .hire_us .title-inner h2 { color: #fff; } .hire_us .description p { color: #fff; padding: 10px 0 20px; } .hire_us .readon.white-color { color: #fff !important; background: #4d6de6 !important; } .hire_us .readon.white-color:hover { background: transparent !important; } .readon.white-color { padding: 14px 41px; } #company-overview .rs-services1 .services-wrap .services-item .services-desc { max-width: 300px; margin: 0 auto; } #services-design .wpb_single_image { margin: 0; } #services-design .vc_column-inner { padding: 0; overflow: hidden; } #services-design .services-style-4 { margin: 0; padding: 0 30px; } /* ------------------------------------ 25. Home Banner ---------------------------------------*/ .rs-banner-area { line-height: 0; padding: 150px 0; position: relative; background-size: cover; transition: all 0.3s ease 0s; overflow: hidden; } .rs-banner-area ul li { margin-right: 20px; float: left; margin-bottom: 14px; } .rs-banner-area .sl-subtitle { font-size: 45px; } .rs-banner-area .sl-title { font-size: 50px; } .rs-banner-area .sl-desc { margin-bottom: 20px; line-height: 22px; font-size: 22px; } .rs-banner-area .display-table-cell { position: relative; z-index: 10; } .rs-banner-area .overlay { background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; } .minimal-banner .rs-banner .banner-content { width: 100%; text-align: center; } .minimal-banner .rs-banner .banner-content .banner-button ul li { margin-right: 0; } .minimal-banner .rs-banner .banner-content .banner-button ul li a:hover { background: transparent !important; color: #212121; } .rs-banner { width: 100%; height: 100vh; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; position: relative; background-repeat: no-repeat; } .rs-banner #particles-js { background-size: cover; height: 100%; position: absolute; width: 100%; z-index: 0; } .rs-banner .banner-content { position: absolute; top: 50%; transform: translateY(-50%); } .rs-banner .banner-content .banner_title { display: inline-block; margin-bottom: 25px; font-size: 65px; position: relative; z-index: 9; color: #444444; line-height: 80px; } .rs-banner .banner-content .banner-button { margin-top: 20px; } .rs-banner .banner-content .banner-button .readon:not(.border) { cursor: pointer; border: 1px solid #4d6de6; } .rs-banner .banner-content .banner-button .readon:not(.border):hover { background: transparent !important; color: #4d6de6 !important; } .rs-banner .banner-content .banner-button .readon.border { border-color: #4d6de6 !important; color: #4d6de6 !important; background: transparent !important; cursor: pointer; border: 1px solid #4d6de6; } .rs-banner .banner-content .banner-button .readon.border:hover { background: #4d6de6 !important; color: #fff !important; } .rs-banner .banner-content .banner_title { margin-bottom: 15px; } .rs-banner .banner-content .work-position h3 { font-size: 40px; color: #bbb; display: inline-block; } .rs-banner .banner-content .work-position .cd-headline { display: inline-block; color: #bbb; font-size: 40px; line-height: 52px; } .rs-banner .cd-words-wrapper:after { background-color: #4d6de6; height: 90%; top: 10px; width: 0; } .rs-banner ul { list-style-type: none; margin: 0; padding: 0; } .rs-banner ul li { display: inline-block; margin: 0 25px 25px 0; } .rs-banner .arrow-btn { width: 26px; height: 55px; bottom: 7%; left: 50%; z-index: 99; text-align: center; position: absolute; border: 1px solid #ddd; border-radius: 20px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .rs-banner .arrow-btn i { color: #ddd; font-size: 22px; line-height: 80px; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -ms-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; animation: bounce 2s infinite; transition: 0.4s; -webkit-transition: 0.4s; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .rs-banner .arrow-btn i:hover { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } .entry-content [class*="skew-"]:after, .entry-content #testimonial-home[class*="skew-"]:after { display: none !important; } .entry-content .skew-style-curve:after, .entry-content #testimonial-home.skew-style-curve:after { display: block !important; } .faq-section .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon { left: 15px !important; } .error-404 a { color: #fff !important; } /*rs-banner-section*/ .rs-banner-section { color: #fff; } .rs-banner-section .banner-text h2, .rs-banner-section .banner-text h3, .rs-banner-section .banner-text h1 { color: #fff !important; } .rs-banner-section .banner-text h1 { font-size: 60px !important; font-weight: 800; margin: 0 0 26px; } .rs-banner-section .banner-text h2 { font-size: 30px; font-weight: 400 !important; } .rs-banner-section .banner-text p { font-size: 20px; margin: 0 0 45px; } .rs-banner-section .banner-text .readon { margin: 0 12px; font-weight: 300 !important; font-size: 17px; } .rs-banner-section .banner-text .readon.white { background: #4d6de6 !important; border-color: #4d6de6 !important; color: #fff !important; } .rs-banner-section .banner-text .readon.white:hover { background: transparent !important; color: #fff !important; } .rs-banner-section .banner-text .readon.transparent { background: transparent !important; border-color: #fff !important; color: #fff !important; } .rs-banner-section .banner-text .readon.transparent:hover { background: #4d6de6 !important; color: #fff !important; border-color: #4d6de6 !important; } h2.shape-border { background: url(../images/shape-border.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 12px; } .pt-0 > .vc_column-inner { padding-top: 0 !important; } .pr-0 > .vc_column-inner { padding-right: 0 !important; } .pl-0 > .vc_column-inner { padding-left: 0 !important; } .rs-vertical-middle { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .web-development-content a.readon.white-color { margin-top: 24px; } .fixed-bg { background-attachment: fixed; } .rs-web-development .rs-heading h2 { padding-bottom: 10px !important; } .software-agency-team .team-style3 .team-wrapper .team_desc { background: #EEF0FB; } .rs-we-works .rs-work-box { position: relative; padding: 56px 0; max-width: 265px; margin: 0 auto; text-align: center; transition: 0.4s; } .rs-we-works .rs-work-box:after { content: " "; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border: 3px dotted #4d6de6; transform: translateX(0%) rotateZ(-45deg); -webkit-transform: translateX(0%) rotateZ(-45deg); -ms-transform: translateX(0%) rotateZ(-45deg); -o-transform: translateX(0%) rotateZ(-45deg); transition: 0.4s; } .rs-we-works .rs-work-box h3, .rs-we-works .rs-work-box p { position: relative; z-index: 1; } .rs-we-works .rs-work-box h3 { text-transform: uppercase; font-size: 24px; } .rs-we-works .rs-work-box h3 a { color: #fff; } .rs-we-works .rs-work-box:hover h3 a { color: #4d6de6; } .rs-we-works .rs-work-box:hover:after { transform: translateX(0%) rotateZ(0deg); -webkit-transform: translateX(0%) rotateZ(0deg); -ms-transform: translateX(0%) rotateZ(0deg); -o-transform: translateX(0%) rotateZ(0deg); border-color: #fff; } #cl-testimonial.cl-testimonial10 .testimonial-content { overflow: hidden; padding: 0 16px; } #cl-testimonial.cl-testimonial10 .testimonial-content .image-testimonial { float: left; width: 31.5%; } #cl-testimonial.cl-testimonial10 .testimonial-content .image-testimonial img { width: 82%; border-radius: 50%; border: dashed; border-color: #4d6de6; } #cl-testimonial.cl-testimonial10 .testimonial-content .cl-author { width: 68.5%; position: relative; } #cl-testimonial.cl-testimonial10 .testimonial-content .cl-author .cl-author-info li:first-child { font-weight: 600; font-size: 20px; } #cl-testimonial.cl-testimonial10 .testimonial-content .cl-author p { padding: 20px 30px; border: dashed; border-color: #4d6de6; border-radius: 60px; position: relative; padding-left: 40px; } #cl-testimonial.cl-testimonial10 .testimonial-content .cl-author p i { position: absolute; right: 0; top: -16px; width: 65px; text-align: center; height: 45px; background: #EEF0FC; font-size: 20px; z-index: 111; line-height: 45px; } #cl-testimonial.cl-testimonial10 .testimonial-content .cl-author p:before { font-family: FontAwesome; content: "\f10d"; position: absolute; bottom: 0; left: -7px; color: #4d6de6; font-size: 19px; height: 35px; width: 44px; line-height: 35px; background: #EEF0FC; text-align: center; } /* ---------------------------------- 10. Resume -------------------------------------*/ .rs-resume .rs-heading .first-word { color: #212121; font-weight: normal; } .rs-resume .resume-title { font-size: 30px; margin-bottom: 50px; text-transform: uppercase; } .rs-resume .resume-title i { font-size: 36px; vertical-align: bottom; } .rs-resume .rs-heading .title-inner h2 span.watermark { font-size: 70px; } .rs-resume .resume-item { padding: 25px 28px; background-color: #fff; margin-bottom: 30px; border: 1px solid #eee; transition: 0.3s all ease; box-shadow: 0 2px 18px rgba(0, 0, 0, 0.1); position: relative; } .rs-resume .resume-item:before { position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 3px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; background: #4d6de6; } .rs-resume .resume-item h3 { margin-bottom: 10px; font-size: 22px; position: relative; z-index: 99; transition: all 0.3s ease 0s; } .rs-resume .resume-item span { display: block; font-size: 14px; font-weight: 600; position: relative; z-index: 99; transition: all 0.3s ease 0s; } .rs-resume .resume-item p { margin-top: 8px; margin-bottom: 17px; position: relative; z-index: 99; transition: all 0.3s ease 0s; } .rs-resume .resume-item h5 { margin-bottom: 0; color: #777; font-size: 18px; position: relative; z-index: 99; transition: all 0.3s ease 0s; } .rs-resume .resume-item:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .rs-resume .resume-item:hover:before, .rs-resume .resume-item:hover:after { width: 100%; } .rs-resume .resume-item:hover h3, .rs-resume .resume-item:hover h5, .rs-resume .resume-item:hover span, .rs-resume .resume-item:hover p { color: #fff; } .rs-resume .pr-20 { padding-right: 20px; } .rs-resume .pl-20 { padding-left: 20px; } /* ---------------------------------- 11. WHAT I DO -------------------------------------*/ #rs-services .rs-services1 { padding: 10px 15px; transition: all 0.3s ease 0s; background: #fff; margin-bottom: 30px; text-align: center; -webkit-box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); } #rs-services .rs-services1 .services-icon { display: inline-block; font-size: 30px; width: 80px; height: 80px; line-height: 74px; border-radius: 50%; margin: 0 0 20px; background: #f8f8f8; color: #444444; transition: 0.4s; -webkit-transition: 0.4s; -ms-transition: 0.4s; border: 3px solid #4d6de6; float: none; } #rs-services .rs-services1 .services-icon i { width: 60px; height: 60px; line-height: 60px; color: #4d6de6; box-shadow: none; } #rs-services .rs-services1 .services-desc { float: none; text-align: center; width: 100%; } #rs-services .rs-services1:hover .services-icon { background: #4d6de6; } #rs-services .rs-services1:hover .services-icon i { color: #fff; } .fullwidth-services > .vc_column_container { background: #4d6de6; box-shadow: inset 0 -4px 20px rgba(0, 0, 0, 0.2); transition: .35s; } .fullwidth-services > .vc_column_container:hover { box-shadow: inset 1px 0px 20px rgba(0, 0, 0, 0.5); } .fullwidth-services .rs-services1 .services-item { padding-top: 60px; } .fullwidth-services .rs-services1 .services-desc, .fullwidth-services .rs-services1 .services-title a, .fullwidth-services .rs-services1 .services-icon i { color: #fff !important; } .fullwidth-services .rs-services1 .services-icon { margin-bottom: 16px; } .fullwidth-services .rs-services1 .services-icon, .fullwidth-services .rs-services1 .services-desc { float: none; width: 100%; text-align: center; } #content .service-left-right .services-icon i { color: #fff !important; } .service-left-right .services-icon { margin-bottom: 20px; } .service-left-right .services-icon i { width: 60px; height: 60px; background: #4d6de6; border-radius: 0; line-height: 60px; color: #fff !important; font-size: 36px; border-radius: 50%; } .service-left-right .services-item { padding: 0; } .service-left-right .services-icon, .service-left-right .services-desc { float: none; width: 100%; } .service-left-right .left-service .services-icon, .service-left-right .left-service .services-desc { text-align: right; } .service-left-right .left-service { padding-right: 30px; } .service-left-right .right-service { padding-left: 30px; } .service-left-right .rs-services1:hover .services-icon i { color: #fff !important; } /* ------------------------------------ 26. Preloader CSS ---------------------------------------*/ #loader-wrapper { position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } #loader-wrapper #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent !important; border-top-color: #000; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ z-index: 99999; } #loader-wrapper #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent !important; border-top-color: #fff; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } #loader-wrapper #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent !important; border-top-color: #ff0; -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } #loader-wrapper .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: #4caf50; z-index: 99998; } #loader-wrapper .loader-section.section-left { left: 0; } #loader-wrapper .loader-section.section-right { right: 0; } /* Loaded styles */ .loaded #loader-wrapper .loader-section.section-left { -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(-100%); /* IE 9 */ transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */ transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */ } .loaded #loader-wrapper .loader-section.section-right { -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(100%); /* IE 9 */ transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */ transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */ } .loaded #loader { opacity: 0; -webkit-transition: all 0.3s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */ transition: all 0.3s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */ } .loaded #loader-wrapper { visibility: hidden; -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateY(-100%); /* IE 9 */ transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.3s 1s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */ transition: all 0.3s 1s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */ } .shape1 { position: relative; } .shape1:after { content: ""; background: url(../images/shape1.png) no-repeat center bottom; position: absolute; bottom: 0; width: 100%; height: 230px; display: block !important; } .shape2 { position: relative; } .shape2:after { content: ""; background: url(../images/shape4.png) no-repeat center bottom; position: absolute; bottom: 0; width: 100%; height: 230px; display: block !important; } .shape3 { position: relative; } .shape3:after { content: ""; background: url(../images/shape_default.png) no-repeat center bottom; position: absolute; bottom: 0; width: 100%; height: 230px; display: block !important; } .shape4 { position: relative; } .shape4:after { content: ""; background: url(../images/shape3.png) no-repeat center bottom; position: absolute; bottom: 0; width: 100%; height: 230px; display: block !important; } .shape5 { position: relative; } .shape5:after { content: ""; background: url(../images/shape_default.png) no-repeat center bottom; position: absolute; bottom: 0; width: 100%; height: 230px; display: block !important; } .saw { position: relative; } .saw:after { content: ""; background: url(../images/shape5.png) no-repeat center bottom; position: absolute; bottom: 0; width: 100%; height: 80px; display: block !important; } /*unit test css*/ /* ------------------------------------ 27. Our Event Schedule ---------------------------------------*/ .rs-events-schedule { overflow: hidden; } .rs-events-schedule .events-schedule-tabs { width: 100%; position: relative; } .rs-events-schedule .events-schedule-tabs .eventday-list { max-width: 100%; list-style: none; font-size: 24px; font-weight: 500; line-height: 56px; text-align: center; border-top: 2px solid #4d6de6; } .rs-events-schedule .events-schedule-tabs .eventday-list li { line-height: normal; display: inline-block; width: 25%; } .rs-events-schedule .events-schedule-tabs .eventday-list li span { display: block; font-size: 14px; color: #666666; } .rs-events-schedule .events-schedule-tabs .eventday-list li a { color: #212121; margin: 4px 0 0; padding: 13px 45px; border: 1px solid #ccc; } .rs-events-schedule .events-schedule-tabs .eventday-list li a:hover, .rs-events-schedule .events-schedule-tabs .eventday-list li a.active { background: #4d6de6; margin: 0; padding: 15px 45px; } .rs-events-schedule .events-schedule-tabs .eventday-list li a:hover span, .rs-events-schedule .events-schedule-tabs .eventday-list li a.active span { color: #ccc; } .rs-events-schedule .events-schedule-tabs .eventday-sublist { display: block; margin: 0; } .rs-events-schedule .events-schedule-tabs .eventday-sublist li { display: inline-block; } .rs-events-schedule .events-schedule-tabs .eventday-sublist li a { display: block; font-size: 16px; font-weight: 500; color: #666666; } .rs-events-schedule .events-schedule-tabs .eventday-sublist li a:hover, .rs-events-schedule .events-schedule-tabs .eventday-sublist li a.active { color: #4d6de6; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .fade { height: 0; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .fade.show { height: 100%; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 { overflow: hidden; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .event-btn { float: left; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .event-btn .primary-btn { width: 120px; text-transform: capitalize; border-bottom: 0; padding: 4px 0; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .social-shareicons { float: right; padding-top: 1px; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .social-shareicons .share-title { margin-right: 15px; font-weight: 500; display: inline-block; padding-top: 3px; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .share-link { float: right; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .share-link li { float: left; list-style: none; padding: 2px 0; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .share-link li:first-child a { margin-left: 0; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .share-link li a { font-size: 12px; font-weight: 500; color: #666666; padding: 7px 8px; border: 1px solid #ddd; border-radius: 4px; margin-left: 14px; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .share-section2 .share-link li a:hover { background: #4d6de6; color: #fff; border: 1px solid #4d6de6; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .event-shedule-info .meta-date { display: block; margin: 0 0 5px; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .event-shedule-info h3 { margin: 0 0 6px; font-weight: 500 !important; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .event-shedule-info h3 a { color: #212121; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .event-shedule-info h3 a:hover { color: #4d6de6; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes .event-shedule-info p { margin: 0 0 20px; } .rs-events-schedule .events-schedule-tabs .events-shedule-subitmes > .eventday-sublist { text-align: center; } .rs-events-schedule .events-schedule-contents .events-subinner { background: #fafafa; } .rs-events-schedule .events-schedule-contents .events-subinner .events-shedule-subdes .events-items { border-radius: 10px; } .rs-events-schedule .events-schedule-contents .events-subinner .events-shedule-subdes .events-items + .events-items { margin-top: 30px; } .rs-events-schedule .events-schedule-contents .events-subinner .events-shedule-subdes .events-items .info_wrap { border-radius: 10px; } .rs-events-schedule .events-schedule-contents .event-author img { width: 100px; height: auto; border-radius: 50%; border: 5px solid #4d6de6; } .rs-events-schedule .events-schedule-contents .event-author span { display: block; } .rs-events-schedule .events-schedule-contents .event-author span.author-cty { color: #4d6de6; margin: 15px 0 0; } .rs-events-schedule .events-schedule-contents .event-author h4 { margin: 3px 0; font-weight: 500 !important; } .rs-events-schedule .events-schedule-contents .event-author h4 a { color: #212121; } .rs-events-schedule .events-schedule-contents .event-author h4 a:hover { color: #222222; } .rs-events-schedule.rs-events-schedule1 .events-subinner { background: transparent; } .rs-events-schedule.rs-events-schedule1 .eventday-sublist { color: #fafafa; margin-bottom: 30px; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list { border-top: 0; margin: 0 0 30px; display: block; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li { width: 24%; margin-left: -9px; margin-right: 10px; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a { border-radius: 40px; margin: 0; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a span { display: block; margin-top: 8px; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a.show, .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a:hover { padding: 13px 45px; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a.show span, .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a:hover span { color: #ccc; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a.active, .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li a:hover { padding: 13px 45px; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li.active a { position: relative; background: #4d6de6 !important; color: #fff !important; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li.active a span { color: #fff !important; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li.active a:hover { position: relative; padding: 13px 45px; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li.active a:hover span { color: #ccc; } .rs-events-schedule.rs-events-schedule1 .events-schedule-tabs .eventday-list li.active a:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #4d6de6 !important; border-width: 15px; margin-left: -15px; } .rs-events-schedule.rs-events-schedule1 .events-schedule-contents .events-items { margin: 0; padding: 0 17px; } .rs-events-schedule.rs-events-schedule1 .events-schedule-contents .events-items:last-child { margin-bottom: 30px; padding-bottom: 0; } .rs-events-schedule.rs-events-schedule1 .events-schedule-contents .events-items .col-lg-4 { padding-right: 0; padding-left: 0; } .rs-events-schedule.rs-events-schedule1 .events-schedule-contents .events-items .col-lg-8 { padding-left: 30px; background: #fafafa; } .rs-events-schedule.rs-events-schedule1 .events-schedule-contents .events-items .event-shedule-info { margin-top: 20px; } .rs-events-schedule.rs-events-schedule1 .events-schedule-contents .events-items .event-shedule-info h3 a { color: #212121; } .rs-events-schedule.rs-events-schedule1 .events-schedule-contents .events-items .event-shedule-info h3 a:hover { color: #4d6de6; } .rs-events-schedule.rs-events-schedule1 .events-schedule-contents .event-author { padding: 20px 0; } .rs-events-schedule.rs-events-schedule1.rs-events-schedule3 .events-schedule-contents .event-author { border: none; } .rs-events-schedule.rs-events-schedule1.rs-events-schedule3 .events-schedule-contents .events-items > .row { border: 1px solid #e1e1e1; } .rs-events-schedule.rs-events-schedule2 .events-subinner { padding: 50px 25px; } .rs-events-schedule.rs-events-schedule2 .events-subinner .events-items { background: #fff; padding: 30px; } .rs-events-schedule.rs-events-schedule2 .events-subinner .events-items .event-author { padding: 20px 0; } .rs-events-schedule.rs-events-schedule2 .events-schedule-tabs { padding: 0 0 0 80px; } .rs-events-schedule.rs-events-schedule2 .events-schedule-tabs .eventday-list { top: 0; left: -33px; max-width: 100%; list-style: none; position: absolute; text-transform: uppercase; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 20px 20px; -moz-transform-origin: 20px 20px; -ms-transform-origin: 20px 20px; -o-transform-origin: 20px 20px; transform-origin: 20px 20px; z-index: 1; } .rs-events-schedule.rs-events-schedule2 .events-schedule-tabs .eventday-list li { width: 200px; text-align: center; } .rs-events-schedule.rs-events-schedule2 .events-schedule-tabs .eventday-list li a { padding: 13px 0; border: 1px solid #ccc; } .rs-events-schedule.rs-events-schedule2 .events-schedule-tabs .eventday-list li a:hover, .rs-events-schedule.rs-events-schedule2 .events-schedule-tabs .eventday-list li a.active { border-color: #4d6de6; } .rs-events-schedule.rs-events-schedule2 .events-schedule-tabs .eventday-list .active span { color: #ccc; } .rs-events-schedule.drak-color .event-author span { color: #ccc; } .rs-events-schedule.drak-color.rs-events-schedule1 .eventday-list li a { border-color: #4d6de6; } .rs-events-schedule.drak-color.rs-events-schedule1 .event-author h4 { color: #fff; } .rs-events-schedule.drak-color .events-schedule-contents .events-subinner { background: #000929; } .events-schedule-contents.tab-content > .tab-pane { display: none !important; } .events-schedule-contents.tab-content > .active { display: block !important; } iframe { width: 100%; } .img-speaker { max-width: 40px; border-radius: 50%; margin-right: 5px; } .day-wrap { position: relative; overflow: hidden; margin-bottom: 40px; } .day-wrap:last-child { margin-bottom: 0; } .day-wrap .schedule_title4 { margin: 0; top: 0; left: 38px; width: 100%; list-style: none; position: absolute; text-transform: uppercase; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 20px 20px; -moz-transform-origin: 20px 20px; -ms-transform-origin: 20px 20px; -o-transform-origin: 20px 20px; transform-origin: 20px 20px; z-index: 1; padding: 10px 21px; background: #f0f0f0; overflow: hidden; } .day-wrap .schedule_title4 h3 { margin-bottom: 0; text-align: left; font-size: 24px; padding-left: 15px; } .day-wrap .schedule_title4 span { font-style: normal; display: block; font-size: 14px; line-height: 20px; } .day-wrap .schedule-4-wrap { padding-left: 80px; } .day-wrap .schedule-4-wrap table { margin-bottom: 0; } .event-circle.rs-events-schedule1 .events-schedule-tabs .eventday-list li + li { padding-left: 0; } .event-circle.rs-events-schedule1 .events-shedule-subitmes .event-shedule-info span { display: inline-block !important; margin-right: 15px !important; } .event-circle.rs-events-schedule1 .events-shedule-subitmes .event-shedule-info h3 { font-size: 24px; } .event-circle.rs-events-schedule1 .events-shedule-subitmes .event-shedule-info h4 { font-size: 16px; } .event-circle.rs-events-schedule1 .eventday-list li:first-child { margin-left: 0 !important; } .event-circle.rs-events-schedule1 .eventday-list li:first-child a { border-radius: 40px !important; } .event-circle.rs-events-schedule1 .eventday-list li:last-child { margin-right: 0 !important; } .event-circle.rs-events-schedule1 .eventday-list li:last-child a { border-radius: 40px !important; } .events-schedule-contents .tab-content > .active { display: block !important; } .events-schedule-contents .tab-content > .tab-pane { display: none !important; } .schedule-4 { border: 1px solid #f5f8ff; } .schedule-4 td { border: 0; padding: 20px 14px; font-size: 17px; } .schedule-4 tbody tr:nth-child(odd) { background: #f5f8ff; } .schedule-4 tbody tr:nth-child(even) { background: #ffffff; } .schedule-4 tbody tr:nth-child(odd):hover, .schedule-4 tbody tr:nth-child(even):hover { background: #f5f8ff; } .schedule-4 tbody tr:first-child { background: #f5f8ff !important; } .schedule-4 tbody tr:first-child th { border: 0; width: 250px; padding-top: 20px; padding-bottom: 20px; border: none; } .schedule-4 tbody tr th { font-size: 20px; padding: 20px; } .schedule-4 tbody tr a { color: #666666; } .schedule-4 tbody tr a:hover { color: #4d6de6 !important; } .big-countdown .event_counter3 .time_circles div span { font-size: 80px !important; font-weight: 900; } .big-countdown .event_counter3 .time_circles div h4 { margin-top: 10px; } .big-countdown .rs-heading p { font-size: 24px; } .schedule_title { margin-bottom: 40px; } .schedule_title h2 { margin: 0 0 10px; } .schedule_title span { font-size: 24px; font-weight: 400; font-style: italic; color: #4d6de6; } blockquote { border-color: #4d6de6; background: #f7f7f7; font-size: 15px; border-radius: 5px; } blockquote p { margin-bottom: 0 !important; } mark, ins { background: #4d6de6; color: #fff; padding: 0 4px; } code { background: #4d6de6; color: #fff; } button, html input[type="button"], input[type="reset"], input[type="submit"] { color: #fff; padding: 9px 30px; font-size: 15px; text-transform: capitalize; outline: none; transition: all .5s ease; } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #4d6de6; } .post-password-required input[type="password"] { margin-left: 5px; } .post-password-required input[type="submit"] { margin-left: -4px; border-radius: 0 3px 3px 0; padding: 11px 20px; } input[type="text"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #666666; } input[type="text"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: #666666; } input[type="text"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder { /* IE 10+ */ color: #666666; } input[type="text"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="email"]:-moz-placeholder { /* Firefox 18- */ color: #666666; } .mc4wp-form-fields input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999; } .mc4wp-form-fields input[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: #999; } .mc4wp-form-fields input[type="email"]:-ms-input-placeholder { /* IE 10+ */ color: #999; } .mc4wp-form-fields input[type="email"]:-moz-placeholder { /* Firefox 18- */ color: #999; } .entry-content .page-links { padding-top: 30px; } .comment-reply-title { font-size: 20px; margin-top: 14px; } .single-post .comment-respond .form-submit { margin-bottom: 0; } .page-links span { border: 1px solid #4d6de6; padding: 3px 12px; font-size: 18px; margin: 0 0 0 5px; background: #4d6de6; color: #fff; } .page-links a span { background: transparent !important; color: #4d6de6; } .page-links span:hover { background: #4d6de6 !important; color: #fff; } .single-post .bs-sidebar h2 { margin-top: 0; } .recent-widget .show-featured .post-img img { border-radius: 3px; } .format-aside .single-content-full .bs-desc { margin-top: 0; } .error404 .rs-footer { margin: 0; } @media only screen and (max-width: 991px) { .skew-style2, .skew-style3 { margin: 0; background: #4d6de6; } } @media only screen and (max-width: 767px) { .features-section .vc_active .vc_tta-panel-heading, .features-section .vc_tta-panel-heading:hover { background: #4d6de6 !important; } .features-section .vc_active .vc_tta-panel-heading a, .features-section .vc_tta-panel-heading:hover a { color: #fff !important; } }