/* ---------------------------------------------------------------- style-rtl.scss -----------------------------------------------------------------*/ html, body { direction: rtl; text-align: right; } .bgicon { left: -50px; right: auto; } .vertical-middle-overlay { right: 0; left: auto; } /* ---------------------------------------------------------------- Top Bar -----------------------------------------------------------------*/ /* Top Links ---------------------------------*/ .top-links-item { border-right: 1px solid #eee; border-left: 0; } .top-links-item:first-child, .top-links-sub-menu .top-links-item { border-right: 0 !important; } .top-links-item > a > i.icon-angle-down { margin: 0 5px 0 0 !important; } .top-links-item > a > i:first-child { margin-left: 3px; margin-right: 0; } .top-links-sub-menu, .top-links-section { right: -1px; left: auto; } .top-links-sub-menu .top-links-sub-menu { right: 100%; left: auto; } .top-links-sub-menu .top-links-item > a > img { margin-left: 4px; margin-right: 0; } .top-links-sub-menu .top-links-item > a > i.icon-angle-down { left: 10px; right: auto; } .top-links-section { left: auto; right: 0; } .top-links-section.menu-pos-invert { right: auto; left: 0; } /* Top Social -----------------------------------------------------------------*/ #top-social li { border-right: 1px solid #eee; border-left: 0; } #top-social li:first-child { border-right: 0 !important; } #top-social li a:hover .ts-text { padding-left: 12px; padding-right: 0; } /* ---------------------------------------------------------------- Header -----------------------------------------------------------------*/ @media (min-width: 992px) { #header-wrap { will-change: right, top, transform; } } @media (min-width: 992px) { /* ---------------------------------------------------------------- Sticky Header -----------------------------------------------------------------*/ .sticky-header #header-wrap { right: 0; left: auto; } /* Primary Menu - Style 5 -----------------------------------------------------------------*/ .sticky-header-shrink .style-5 .menu-container > .menu-item { margin-left: 0; margin-right: 2px; } .sticky-header-shrink .style-5 .menu-container > .menu-item:first-child { margin-right: 0; } } @media (max-width: 991.98px) { .sticky-header #header-wrap { left: auto; right: 0; } } /* ---------------------------------------------------------------- Logo -----------------------------------------------------------------*/ #logo { margin-right: 0; margin-left: auto; } @media (min-width: 992px) { .full-header #logo { padding-left: 30px; padding-right: 0; border-left: 1px solid #eeeeee; border-right: 0; } #header.transparent-header.full-header #logo { border-left-color: rgba(0, 0, 0, 0.1); border-right: 0; } } /* ---------------------------------------------------------------- Header Right Area -----------------------------------------------------------------*/ .header-extras li { margin-right: 1.25rem; margin-left: 0; } .header-extras li:first-child { margin-right: 0; } .header-extras li .he-text { padding-right: 10px; padding-left: 0; } /* ---------------------------------------------------------------- Primary Menu -----------------------------------------------------------------*/ .menu-link i { margin-left: 6px; margin-right: 0; } .menu-item .sub-menu-trigger { right: auto; left: 0; } @media (min-width: 992px) { .menu-item.menu-item-important .menu-link > div::after { right: 5px; left: auto; } } .sub-menu-container, .mega-menu-content { padding-right: 15px; padding-left: 0; } /* ---------------------------------------------------------------- Mega Menu -----------------------------------------------------------------*/ .mega-menu-content { padding-right: 0; padding-left: 0; } /* Off Canvas Menu -----------------------------------------------------------------*/ @media (max-width: 991.98px) { body:not(.sticky-responsive-menu) .mobile-menu-off-canvas .menu-container { left: auto !important; right: 0 !important; border-left: 1px solid #eeeeee !important; border-right: 0 !important; } body:not(.sticky-responsive-menu) .mobile-menu-off-canvas.from-right .menu-container { left: 0 !important; right: auto !important; border-left: 0 !important; border-right: 1px solid #eeeeee !important; } } @media (min-width: 992px) { .full-header .primary-menu .menu-container { padding-left: 0.5rem; padding-right: 0; margin-left: 0.5rem; margin-right: 0; border-left: 1px solid #eeeeee; border-right: 0; } .transparent-header.full-header .primary-menu .menu-container { border-left-color: rgba(0, 0, 0, 0.1); border-right: 0; } .menu-container > .menu-item:not(:first-child) { margin-right: 2px; margin-left: 0; } .sub-menu-container { left: auto; right: 0; } .sub-menu-container .sub-menu-container { right: 100%; left: auto; } .sub-menu-container.menu-pos-invert, .mega-menu-content.menu-pos-invert { left: 0; right: auto; } .sub-menu-container .sub-menu-container.menu-pos-invert { right: auto; left: 100%; } .sub-menu-container .menu-item:hover > .menu-link { padding-right: 18px; padding-left: 0; } .menu-link div > i.icon-angle-down { margin: 0 5px 0 0; } .sub-menu-container .menu-link div > i.icon-angle-down, .side-header .primary-menu:not(.on-click) .menu-link i.icon-angle-down { right: auto; left: 0; transform: translateY(-50%) rotate(90deg); } /* ---------------------------------------------------------------- Mega Menu -----------------------------------------------------------------*/ .mega-menu-small .mega-menu-content { right: 0; left: auto; } .sub-menu-container .mega-menu-small .mega-menu-content { right: 100%; left: auto; } .sub-menu-container .mega-menu-small .mega-menu-content.menu-pos-invert { right: auto; left: 100%; } .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) { right: 0; left: auto; } .sub-menu-container.mega-menu-column:not(:first-child) { border-right: 1px solid #f2f2f2; border-left: 0px; } .mega-menu-style-2 .sub-menu-container .menu-link { padding-right: 5px; padding-left: 0; } .mega-menu-style-2 .sub-menu-container .menu-item:hover > .menu-link { padding-right: 12px; padding-left: 0; } /* Primary Menu - Style 2 -----------------------------------------------------------------*/ .style-2 #logo { margin-left: 1.5rem; margin-right: 0; } .style-2 .primary-menu { margin-left: auto; margin-right: 0; } /* Primary Menu - Style 5 -----------------------------------------------------------------*/ .style-5 .menu-container { padding-left: 10px; padding-right: 0; margin-left: 5px; margin-right: 0; border-left: 1px solid #eeeeee; border-right: 0; } .style-5 .menu-container > .menu-item:not(:first-child) { margin-right: 15px; margin-left: 0; } /* Primary Menu - Style 6 -----------------------------------------------------------------*/ .style-6 .menu-container > .menu-item > .menu-link::after, .style-6 .menu-container > .menu-item.current > .menu-link::after { left: auto; right: 0; } /* Primary Menu - Sub Title -----------------------------------------------------------------*/ .sub-title .menu-container > .menu-item:not(:first-child) > .menu-link::before { left: auto; right: 0; } .sub-title .menu-container > .menu-item:hover > .menu-link::after, .sub-title .menu-container > .menu-item.current > .menu-link::after { left: auto; right: 0; } /* ---------------------------------------------------------------- Side Header -----------------------------------------------------------------*/ .side-header:not(.open-header) #wrapper { margin: 0 260px 0 0 !important; } .side-header #header { right: 0; left: auto; border-left: 1px solid #eeeeee; border-right: 0; } .side-header #header-wrap { padding-left: 40px; padding-right: 0; } .side-header .on-click .menu-item .sub-menu-trigger { left: -5px; right: auto; } .side-header .primary-menu:not(.on-click) .text-center i.icon-angle-down { margin-right: 5px; margin-left: 0; } .side-header .sub-menu-container, .side-header .mega-menu-content { left: auto; right: 0; padding: 0 12px 0 0 !important; } .side-header .sub-menu-container .sub-menu-container { right: 0; left: auto; } .side-header .sub-menu-container.menu-pos-invert { left: auto; right: 0; } .side-header .sub-menu-container .sub-menu-container.menu-pos-invert { right: 0; left: auto; } /* Side Header - Push Header -----------------------------------------------------------------*/ .side-header.open-header #header { right: -260px; left: auto; } .side-header.open-header.side-header-open #header { right: 0; left: auto; } .side-header.open-header #wrapper { right: 0; left: auto; } .side-header.open-header.push-wrapper.side-header-open #wrapper { right: 260px; left: auto; } .side-header.open-header #header-trigger { right: 20px; left: auto; } .side-header.open-header.side-header-open #header-trigger { right: 280px; left: auto; } /* Side Header - Right Aligned -----------------------------------------------------------------*/ .side-header.side-header-right #header { left: 0; right: auto; border-right: 1px solid #eeeeee; border-left: 0px; } .side-header.side-header-right:not(.open-header) #wrapper { margin: 0 0 0 260px !important; } .side-header.side-header-right.open-header #header { right: auto; left: -260px; } .side-header.side-header-right.open-header.side-header-open #header { right: auto; left: 0; } .side-header.side-header-right.open-header.push-wrapper.side-header-open #wrapper { right: -260px; left: auto; } .side-header.side-header-right.open-header #header-trigger { right: auto; left: 20px; } .side-header.side-header-right.open-header.side-header-open #header-trigger { right: auto; left: 280px; } /* Primary Menu - Overlay Menu -----------------------------------------------------------------*/ .overlay-menu .primary-menu > #overlay-menu-close { right: auto; left: 25px; } .overlay-menu .primary-menu { right: 0; left: auto; } .overlay-menu .sub-menu-container, .overlay-menu .mega-menu-content { right: 0 !important; left: auto !important; } .overlay-menu .sub-menu-container .menu-link i.icon-angle-down { right: 0; left: auto; margin-right: 5px; margin-left: 0px; } } @media (max-width: 991.98px) { .side-push-panel #side-panel-trigger-close a { right: auto; left: 0; border-radius: 0 2px 0 0; } } /* ---------------------------------------------------------------- Top Search -----------------------------------------------------------------*/ .header-misc { margin-right: 15px; margin-left: 0; } #top-search a i { right: 3px; left: auto; } .top-search-form { right: 0; left: auto; } .top-search-form input { padding: 10px 0 10px 80px; } @media (min-width: 992px) { .full-header .top-search-form input, .container-fluid .top-search-form input, .container-sm .top-search-form input, .container-md .top-search-form input, .container-lg .top-search-form input, .container-xl .top-search-form input, .container-xxl .top-search-form input { padding-right: 30px; padding-left: 0; } } .search-overlay .top-search-form { right: 0; left: auto; } /* ---------------------------------------------------------------- Top Cart -----------------------------------------------------------------*/ .top-cart-number { right: auto; left: -8px; } .top-cart-content { right: auto; } @media (max-width: 991.98px) { .top-cart-content { left: -260px !important; right: auto; } } @media (min-width: 992px) { .top-cart-content { left: 0; right: auto; } } .top-cart-item-desc { -ms-flex-align: end; align-items: flex-end; } .top-cart-item-desc-title { padding-right: 0; padding-left: 0; } @media (max-width: 991.98px) { .top-cart-open .top-cart-content { left: 0 !important; right: auto !important; } } /* ---------------------------------------------------------------- Page Menu -----------------------------------------------------------------*/ #page-menu-wrap { right: 0; left: auto; } #page-menu-trigger { right: auto; left: 15px; } .page-menu-title { margin-left: auto; margin-right: 0; } .page-menu-nav { right: auto; left: 0; } @media (min-width: 992px) { .page-menu-nav { right: 0; left: auto; } } .page-menu-item > a .icon-angle-down { right: auto; left: 14px; } @media (min-width: 992px) { .page-menu-item > a .icon-angle-down { margin-right: 8px; margin-left: 0; } } @media (min-width: 992px) { .page-menu-sub-menu { right: 0; left: auto; } } /* Page Menu - Dots Style -----------------------------------------------------------------*/ @media (min-width: 992px) { #page-menu.dots-menu { right: auto; left: 20px; } .dots-menu .page-menu-item div { left: 25px; right: auto; } .dots-menu .page-menu-item div::after { right: auto; left: -5px; border-right: 6px solid #1abc9c; border-left: 0; } .dots-menu .page-menu-item > a:hover div { left: 30px; right: auto; } } /* ---------------------------------------------------------------- One Page -----------------------------------------------------------------*/ .one-page-arrow { right: 50%; left: auto; margin-right: -16px; margin-left: 0; } /* ---------------------------------------------------------------- Side Push Panel -----------------------------------------------------------------*/ #side-panel { left: -300px; right: auto; } .side-panel-left #side-panel { right: -300px; left: auto; } .side-push-panel.stretched #wrapper, .side-push-panel.stretched .sticky-header .container { left: 0; right: auto; } .side-panel-left.side-push-panel.stretched #wrapper, .side-panel-left.side-push-panel.stretched .sticky-header .container { right: 0; left: auto; } #side-panel .side-panel-wrap { right: 0; left: auto; } .side-panel-open #side-panel { left: 0; right: auto; } .side-panel-left.side-panel-open #side-panel { right: 0; left: auto; } .side-push-panel.side-panel-open.stretched #wrapper, .side-push-panel.side-panel-open.stretched .sticky-header .container { left: 300px; right: auto; } .side-push-panel.side-panel-open.stretched.device-xl .slider-inner, .side-push-panel.side-panel-open.stretched.device-lg .slider-inner { right: -300px; left: auto; } .side-panel-left.side-push-panel.side-panel-open.stretched #wrapper, .side-panel-left.side-push-panel.side-panel-open.stretched .sticky-header .container, .side-panel-left.side-push-panel.side-panel-open.stretched .slider-inner { right: 300px; left: auto; } #side-panel-trigger { margin-left: 5px; margin-right: 0; } #side-panel, .side-push-panel.stretched #wrapper, .side-push-panel.stretched #header .container { -webkit-transition: left 0.4s ease; -o-transition: left 0.4s ease; transition: left 0.4s ease; } .side-panel-left #side-panel, .side-panel-left.side-push-panel.stretched #wrapper, .side-panel-left.side-push-panel.stretched #header .container, .side-push-panel.stretched .slider-inner { -webkit-transition: right 0.4s ease; -o-transition: right 0.4s ease; transition: right 0.4s ease; } .body-overlay { right: 0; left: auto; } /* ---------------------------------------------------------------- Slider -----------------------------------------------------------------*/ body:not(.side-header) .slider-parallax .slider-inner { right: 0; left: auto; } body:not(.stretched) .slider-parallax .slider-inner { right: auto; left: 0; } /* Swiper Slider -----------------------------------------------------------------*/ .slider-element .video-wrap, .section .video-wrap, .swiper-slide .yt-bg-player, .section .yt-bg-player, .swiper-slide-bg { right: 0; left: auto; } /* Video Overlay -----------------------------------------------------------------*/ .video-overlay, .video-placeholder { right: 0; left: auto; } /* Slider Caption -----------------------------------------------------------------*/ .slider-caption.slider-caption-right { margin-left: 0; margin-right: auto; } .slider-caption-bg { right: 50px; left: auto; } .slider-caption-top-right { right: auto; left: 50px; } .slider-caption-bottom-right { right: auto; left: 50px; } /* Slide Number -----------------------------------------------------------------*/ .slide-number { left: 20px; right: auto; } .slide-number-current, .slide-number-total { right: 0; left: auto; } .slide-number-total { right: auto; left: 0; } /* Flex Slider - Navigation -----------------------------------------------------------------*/ .nav-offset .flex-prev { right: 20px; left: auto; } .nav-offset .flex-next { left: 20px; right: auto; } .nav-pos-top .flex-direction-nav, .nav-pos-top-left .flex-direction-nav, .nav-pos-top-right .flex-direction-nav { right: 0; left: auto; } .nav-pos-top-left .flex-direction-nav, .nav-pos-bottom-left .flex-direction-nav { right: 16px; left: auto; } .nav-pos-top-right .flex-direction-nav, .nav-pos-bottom-right .flex-direction-nav { right: auto; left: 16px; } /* Flex Slider -----------------------------------------------------------------*/ .flexslider { direction: ltr; } /* Flex Slider - Pagination & Thumbs -----------------------------------------------------------------*/ .flex-control-nav { left: 10px; right: auto; } /* Flex Slider: Pagination Positions -----------------------------------------------------------------*/ .control-offset-lg .flex-control-nav { left: 20px; right: auto; } .control-pos-top-left .flex-control-nav, .control-pos-bottom-left .flex-control-nav { right: 10px; left: auto; } .control-offset-lg.control-pos-top-left .flex-control-nav, .control-offset-lg.control-pos-bottom-left .flex-control-nav { right: 20px; left: auto; } .control-pos-bottom .flex-control-nav, .control-pos-bottom .flex-control-nav, .control-pos-top .flex-control-nav, .control-pos-top .flex-control-nav { left: 0; right: auto; } /* Flex Slider: Thumbs -----------------------------------------------------------------*/ .flex-control-nav.flex-control-thumbs { direction: rtl; } .flex-control-nav.flex-control-thumbs { justify-content: right; margin: 2px 0 -2px -2px; } .flex-control-nav.flex-control-thumbs li { margin: 0 0 2px 2px; } /* FlexSlider: Thumbs - Flexible -----------------------------------------------------------------*/ .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs { margin: 2px 0 -2px -2px; } .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li { padding: 0 0 2px 2px; } /* ---------------------------------------------------------------- Page Title -----------------------------------------------------------------*/ #page-title { text-align: right; } @media (min-width: 768px) { #page-title .breadcrumb { right: auto !important; left: 15px !important; } } @media (max-width: 767.98px) { #page-title .breadcrumb { justify-content: end; } } /* Page Title - Right Aligned -----------------------------------------------------------------*/ #page-title .page-title-right { text-align: left; } #page-title .page-title-right .breadcrumb { right: 15px !important; left: auto !important; } #page-title .page-title-video .video-wrap { right: 0; left: auto; } /* ---------------------------------------------------------------- Content -----------------------------------------------------------------*/ /* Portfolio - Filter -----------------------------------------------------------------*/ .grid-filter li { float: right; } .grid-filter li:first-child a { border-right: none; border-radius: 4px 4px 0 0; } .grid-filter li:last-child a { border-radius: 0 0 4px 4px; } /* Portfolio - Filter: Style 2 -----------------------------------------------------------------*/ .grid-filter.style-2 li:not(:first-child), .grid-filter.style-3 li:not(:first-child) { margin-right: 10px; margin-left: 0; } /* Portfolio - Filter: Style 4 -----------------------------------------------------------------*/ .grid-filter.style-4 li:not(:first-child) { margin-right: 30px; margin-left: 0; } .grid-filter.style-4 li a::after { right: 50%; left: auto; } .grid-filter.style-4 li.activeFilter a::after { right: 0%; left: auto; } /* Portfolio Single - Meta -----------------------------------------------------------------*/ .portfolio-meta li span i { margin-left: 7px; margin-right: 0; } /* Portfolio Single Navigation -----------------------------------------------------------------*/ #portfolio-navigation { right: auto; left: 10px; } .page-title-right #portfolio-navigation { right: 10px; left: auto; } .page-title-center #portfolio-navigation { right: 0; left: auto; } #portfolio-navigation a { float: left; margin-left: 12px; } #portfolio-navigation a i.icon-angle-right { right: -1px; left: auto; } #portfolio-navigation a:first-child { margin-right: 0; } /* ---------------------------------------------------------------- Blog -----------------------------------------------------------------*/ .entry-meta ul { margin: 0 -20px -10px 0; } .entry-meta.no-separator ul, .entry-meta ul.flex-column { align-items: flex-end; } .entry-meta li { margin: 0 0 10px 15px; } .entry-meta ul.flex-column li { margin-right: 0; } .entry-meta:not(.no-separator) li::before { margin-left: 15px; margin-right: 0; } .entry-meta i { padding-right: 1px; margin-left: 5px; padding-left: 0; margin-right: 0; } /* Blog - Grid -----------------------------------------------------------------*/ /* Blog - Timeline -----------------------------------------------------------------*/ @media (min-width: 992px) { .postcontent .post-timeline::before { right: 50%; left: auto; border-right: 1px dashed #ccc; border-left: 0; } .post-timeline .entry-timeline { right: auto; left: -6px; } .post-timeline .entry-timeline .timeline-divider { right: auto; left: 15px; } .post-timeline .entry:not(.entry-date-section) { padding-left: 85px; padding-right: 0; } .post-timeline .entry.alt:not(.entry-date-section) { padding-left: inherit; padding-right: 85px; } .post-timeline .alt .entry-timeline { left: auto; right: -6px; } .post-timeline .alt .entry-timeline .timeline-divider { right: 15px; left: auto; } } @media (min-width: 992px) { /* Blog - Timeline - Sidebar -----------------------------------------------------------------*/ .postcontent .post-timeline::before { right: -68px; left: auto; margin-right: 0; margin-left: 0; } .postcontent .post-timeline { padding-right: 0; margin-right: 100px !important; margin-left: 0 !important; } .postcontent .post-timeline .entry-timeline { right: -100px; left: auto; } .postcontent .post-timeline .entry-timeline div.timeline-divider { right: 64px; left: auto; } } /* ---------------------------------------------------------------- Blog - Author -----------------------------------------------------------------*/ .author-image { float: right; margin-left: 15px; margin-right: 0; } /* ---------------------------------------------------------------- Comments List -----------------------------------------------------------------*/ .commentlist li { margin: 30px 30px 0 0; } .comment-wrap { padding: 20px 35px 20px 20px; } .commentlist ul .comment-wrap { margin-right: 25px; margin-left: 0; padding-right: 20px; padding-left: 0; } #reviews .comment-wrap { padding: 10px 35px 0 0; } .commentlist li li .children { margin-right: 30px; margin-left: 0; } .commentlist li .comment-content { padding: 0 15px 0 0; } .commentlist li .comment-meta { float: right; margin-left: 0; } .comment-avatar { right: -35px; left: auto; } .commentlist li .children .comment-avatar { right: -25px; left: auto; } .comment-reply-link, .review-comment-ratings { right: auto; left: 0; } /* ---------------------------------------------------------------- Comment Form -----------------------------------------------------------------*/ .commentlist li li #respond { margin-right: 30px; margin-left: 0; } /* Post Elements -----------------------------------------------------------------*/ img.alignleft, div.alignleft { float: right; margin: 5px 0 13px 20px; } img.alignright, div.alignright { float: left; margin: 5px 20px 13px 0; } /* Infinity Scroll - Message Style -----------------------------------------------------------------*/ #infscr-loading, #portfolio-ajax-loader { right: 50%; left: auto; margin: -24px -24px 0 0; } /* ---------------------------------------------------------------- Shop -----------------------------------------------------------------*/ .product-image > a:nth-of-type(2) { right: 0; left: auto; } .product-image > .badge, .sale-flash { right: 10px; left: auto; } /* Shop - Single -----------------------------------------------------------------*/ .quantity { margin-left: 30px; margin-right: 0; } .single-product .feature-box.fbox-plain.fbox-small { padding-right: 26px; padding-left: 0; } .single-product .feature-box.fbox-plain.fbox-small p { margin-right: -26px; margin-right: 0; } /* ---------------------------------------------------------------- Events -----------------------------------------------------------------*/ .event .entry-image .entry-date { right: 10px; left: auto; } .single-event .entry-overlay, .parallax .entry-overlay-meta { right: 0; left: auto; } .single-event .countdown-section { border-right-color: rgba(255, 255, 255, 0.3); border-left-color: transparent; } .parallax .entry-overlay, .parallax .entry-overlay-meta { text-align: left; right: auto; left: 30px; } .parallax .entry-overlay-meta { text-align: right; left: 38px; right: auto; } .parallax.overlay-left .entry-overlay, .parallax.overlay-left .entry-overlay-meta { right: 30px; left: auto; } .parallax.overlay-left .entry-overlay-meta { right: 38px; left: auto; } .parallax.overlay-center .entry-overlay, .parallax.overlay-center .entry-overlay-meta { right: 50%; left: auto; margin-right: -192px; margin-right: 0; } .parallax.overlay-center .entry-overlay-meta { margin-right: -184px; margin-left: 0; } .parallax .countdown-section { border-right: 0; } /* ---------------------------------------------------------------- Countdown -----------------------------------------------------------------*/ .countdown-section { border-right: 1px dotted #bbb; border-left: 0; } .countdown-section:first-child { border-right: 0; } /* Countdown - Inline -----------------------------------------------------------------*/ .countdown.countdown-inline .countdown-section { margin-right: 7px; margin-left: 0; } .countdown.countdown-inline .countdown-section:first-child { margin-right: 0; margin-left: 0; } .countdown.countdown-inline .countdown-amount { margin: 0 0 0 3px; } /* ---------------------------------------------------------------- Buttons -----------------------------------------------------------------*/ .button i { margin-left: 5px; margin-right: 0; } .button.text-end i { margin: 0 5px 0 0; } .button-mini i { margin-left: 3px; margin-right: 0; } .button-mini.text-end i { margin: 0 3px 0 0; } .button-small i { margin-left: 4px; margin-right: 0; } .button-small.text-end i { margin: 0 4px 0 0; } .button-xlarge i { margin-left: 8px; margin-right: 0; } .button-xlarge.text-end i { margin: 0 8px 0 0; } .button.button-desc i { margin-left: 12px; margin-right: 0; } .button.button-desc.text-end i { margin: 0 12px 0 0; } /* Buttons - Icon Reveal -----------------------------------------------------------------*/ .button.button-reveal i { right: -32px; left: auto; } .button.button-reveal.text-end i { right: auto; left: -32px; } .button.button-reveal.button-3d i, .button.button-reveal.button-rounded i { border-radius: 3px 3px 0 0; } .button.button-reveal.button-3d.text-end i, .button.button-reveal.button-rounded.text-end i { border-radius: 0 0 3px 3px; } .button.button-reveal span { right: 0; left: auto; } .button.button-reveal.button-mini i { right: -22px; left: auto; } .button.button-reveal.button-mini.text-end i { right: auto; left: -22px; } .button.button-reveal.button-small i { right: -26px; left: auto; } .button.button-reveal.button-small.text-end i { right: auto; left: -26px; } .button.button-reveal.button-large i { right: -38px; left: auto; } .button.button-reveal.button-large.text-end i { right: auto; left: -38px; } .button.button-reveal.button-xlarge i { right: -44px; left: auto; } .button.button-reveal.button-xlarge.text-end i { right: auto; left: -44px; } .button.button-reveal:hover i { right: 0; left: auto; } .button.button-reveal.text-end:hover i { right: auto; left: 0; } .button.button-reveal:hover span { right: 16px; left: auto; } .button.button-reveal.button-mini:hover span { right: 11px; left: auto; } .button.button-reveal.button-small:hover span { right: 13px; left: auto; } .button.button-reveal.button-large:hover span { right: 19px; left: auto; } .button.button-reveal.button-xlarge:hover span { right: 22px; left: auto; } .button.button-reveal.text-end:hover span { right: -16px; left: auto; } .button.button-reveal.button-mini.text-end:hover span { right: -11px; left: auto; } .button.button-reveal.button-small.text-end:hover span { right: -13px; left: auto; } .button.button-reveal.button-large.text-end:hover span { right: -19px; left: auto; } .button.button-reveal.button-xlarge.text-end:hover span { right: -22px; left: auto; } /* Buttons - Fill Effect -----------------------------------------------------------------*/ .button.button-border.button-fill::before { right: 0; left: auto; } .button.button-border.button-fill.fill-from-right::before { right: auto; left: 0; } /* Promo - Mini -----------------------------------------------------------------*/ .promo-mini { text-align: right; } /* Animated Icon Hovers -----------------------------------------------------------------*/ .fbox-effect .fbox-icon i::after { right: -3px; left: auto; } /* Icon Effects - Bordered -----------------------------------------------------------------*/ .fbox-border.fbox-effect .fbox-icon i::after { right: -2px; left: auto; } /* Media Featured Box -----------------------------------------------------------------*/ .feature-box.media-box.fbox-bg .fbox-desc { border-radius: 0 5px 5px 0; } .feature-box.media-box.fbox-bg .fbox-media img { border-radius: 5px 0 0 5px; } /* ---------------------------------------------------------------- Flipbox -----------------------------------------------------------------*/ .flipbox-back { right: 0; left: auto; } /* ---------------------------------------------------------------- Process Steps -----------------------------------------------------------------*/ .process-steps li::before, .process-steps li::after { right: 0; left: auto; margin-right: -26px; margin-left: 0; } .process-steps li::after { right: auto; left: 0; } /* ---------------------------------------------------------------- Alerts -----------------------------------------------------------------*/ .style-msg, .style-msg2 { border-right: 4px solid rgba(0, 0, 0, 0.1); border-left: 0; } .style-msg2 { border-right: 4px solid rgba(0, 0, 0, 0.2); border-left: 0; } .style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg { border-right: 1px solid rgba(255, 255, 255, 0.5); border-left: 0; } .alert i, .sb-msg i, .msgtitle i { margin-left: 5px; margin-right: 0; } .style-msg .close { right: auto; left: 10px; } /* ---------------------------------------------------------------- Styled Icons -----------------------------------------------------------------*/ .i-rounded, .i-plain, .i-circled, .i-bordered, .social-icon { float: right; margin: 4px 0 7px 11px; } /* Icon Size - Small -----------------------------------------------------------------*/ .i-small.i-rounded, .i-small.i-plain, .i-small.i-circled, .i-small.i-bordered { margin: 4px 0 7px 11px; } /* Icon Size - Small -----------------------------------------------------------------*/ .i-medium.i-rounded, .i-medium.i-plain, .i-medium.i-circled, .i-medium.i-bordered { margin: 6px 0px 9px 13px; } /* Icon Size - Large -----------------------------------------------------------------*/ .i-large.i-rounded, .i-large.i-plain, .i-large.i-circled, .i-large.i-bordered { margin: 4px 0 7px 11px; } /* Icon Size - Extra Large -----------------------------------------------------------------*/ .i-xlarge.i-rounded, .i-xlarge.i-plain, .i-xlarge.i-circled, .i-xlarge.i-bordered { margin: 4px 0 7px 11px; } /* Icon Size - Extra Extra Large -----------------------------------------------------------------*/ .i-xxlarge.i-rounded, .i-xxlarge.i-plain, .i-xxlarge.i-circled, .i-xxlarge.i-bordered { margin: 6px 0 10px 15px; } /* ---------------------------------------------------------------- Social Icons -----------------------------------------------------------------*/ .social-icon { margin: 0 0 5px 5px; } /* Social Icons - Large -----------------------------------------------------------------*/ .social-icon.si-large { margin: 0 0 10px 10px; } /* Social Icons - Sticky -----------------------------------------------------------------*/ .si-sticky { right: 5px; left: auto; } /* Social Icons - Sticky Right -----------------------------------------------------------------*/ .si-sticky.si-sticky-right { right: auto; left: 8px; } /* Social Icons - Share -----------------------------------------------------------------*/ .si-share { padding-right: 5px; padding-left: 0; } /* ---------------------------------------------------------------- Tabs -----------------------------------------------------------------*/ .tab-nav li { border-right: 0; } .tab-nav li:first-child { border-right: 1px solid #ddd; border-left: 0; } /* Tabs - Alternate Nav -----------------------------------------------------------------*/ .tabs-alt .tab-nav li:first-child { border-right: 0; } /* Tabs - Navigation Style 2 -----------------------------------------------------------------*/ .tab-nav.tab-nav2 li { margin-right: 10px; margin-left: 0; } .tab-nav.tab-nav2 li:first-child { margin-right: 0; border-right: 0; } /* Tabs - Large Navigation -----------------------------------------------------------------*/ .tab-nav-lg.tab-nav-section li.ui-tabs-active::after { right: 50%; left: auto; margin-right: -16px; margin-left: 0; } .tab-nav-lg.tab-nav-section li.ui-tabs-active::before { right: 50%; left: auto; margin-right: -16px; margin-left: 0px; } /* Tabs - Content Area -----------------------------------------------------------------*/ .tab-nav i { margin-left: 3px; margin-right: 0; } /* Tabs - Bordered -----------------------------------------------------------------*/ .tabs-bordered .tab-nav li:first-child { margin-right: 0; } /* Tabs - Side Tabs -----------------------------------------------------------------*/ @media (min-width: 768px) { .side-tabs .tab-nav li { text-align: right; } .side-tabs .tab-nav li:first-child { margin-right: 0; border-right: 1px solid #ddd; border-left: 0; } .side-tabs .tab-nav li.ui-tabs-active a { left: -1px; right: auto; } .ui-tabs .ui-tabs-hide { right: -10000px !important; left: auto !important; } .side-tabs .tab-nav.tab-nav2 li.ui-state-active a { left: 0; right: auto; } } /* Tabs - Side Tabs & Bordered -----------------------------------------------------------------*/ .tabs-bordered.side-tabs .tab-nav { margin-right: -1px; margin-left: 0; } .tabs-bordered.side-tabs .tab-nav li.ui-tabs-active a { left: -1px; right: auto; border-left: 1px solid #fff; border-right: 0; } /* ---------------------------------------------------------------- Side Navigation -----------------------------------------------------------------*/ .sidenav li a { padding: 11px 14px 11px 20px; border-left-width: 2px; border-right-width: 0; } .sidenav > li:first-child > a { border-radius: 4px 0px 0 4px; } .sidenav > li:last-child > a { border-radius: 0 4px 4px 0px; } .sidenav li li a { padding: 6px 35px 6px 20px; } .sidenav li i { margin-left: 6px; margin-right: 0; } /* Chevrons */ .sidenav .icon-chevron-right { left: auto; right: 6px; margin-left: 0; } /* ---------------------------------------------------------------- Clients -----------------------------------------------------------------*/ .clients-grid .grid-item::before, .testimonials-grid .grid-item::before { right: -1px; left: auto; border-right: 1px dashed #ddd; border-left: 0; } .clients-grid .grid-item::after, .testimonials-grid .grid-item::after { right: 0; left: auto; } /* ---------------------------------------------------------------- Testimonials -----------------------------------------------------------------*/ /* Testimonials - Item -----------------------------------------------------------------*/ .testi-image { float: right; margin-left: 15px; margin-right: 0; } .testi-meta span { padding-right: 10px; padding-left: 0; } /* Twitter - Small Scroller -----------------------------------------------------------------*/ .testimonial.twitter-scroll .testi-meta span { padding-right: 0; } /* Testimonials - Full Width -----------------------------------------------------------------*/ .testimonial-full .testi-meta span { padding-right: 0; } /* Testimonial - Pagination -----------------------------------------------------------------*/ .testimonial .flex-control-nav { left: 0; right: auto; } /* ---------------------------------------------------------------- Team -----------------------------------------------------------------*/ .team .si-share, .team-image .si-share { text-align: right; } /* Team Center -----------------------------------------------------------------*/ .team.center .team-title::after, .center.team-image .team-title::after { right: 50%; left: auto; margin-right: -40px; margin-left: 0; } /* Team List -----------------------------------------------------------------*/ .team.team-list .team-image, .team-list.team-image .team-image { float: right; margin-left: 30px; margin-right: 0; } .team.team-list .team-desc, .team-list.team-image .team-desc { text-align: right; } /* ---------------------------------------------------------------- Pricing Boxes -----------------------------------------------------------------*/ /* Pricing Boxes - Title -----------------------------------------------------------------*/ .pricing-title { border-radius: 3px 0 0 3px; } /* Pricing Boxes - Price -----------------------------------------------------------------*/ .pricing-price::after { right: 50%; left: auto; margin-right: -50px; margin-left: 0; } .pricing-price span { margin: 7px 0px 0 3px; } .pricing-price span.price-tenure { margin: 0 3px 0 0; } /* Pricing Boxes - 5 Columns -----------------------------------------------------------------*/ .pricing.pricing-5 .pricing-box { float: right; } .pricing.pricing-5 .pricing-box:nth-child(5) { margin-right: -1px; margin-left: 0; } /* Pricing Boxes - Extended -----------------------------------------------------------------*/ .pricing-box.pricing-extended { text-align: right; } .pricing-box.pricing-extended .pricing-desc { float: right; } .pricing-box.pricing-extended .pricing-title { text-align: right; } .pricing-box.pricing-extended .pricing-features li { float: right; } .pricing-box.pricing-extended .pricing-features ul li i { margin-left: 2px; margin-right: 0; } .pricing-box.pricing-extended .pricing-action-area { right: auto; left: 0; border-right: 1px solid rgba(0, 0, 0, 0.05); border-left: 0; border-radius: 0 0px 3px 3px; } .table-comparison th:first-child, .table-comparison td:first-child { text-align: right; } /* ---------------------------------------------------------------- Animated Rounded Skills -----------------------------------------------------------------*/ .rounded-skill canvas { right: 0; left: auto; } /* ---------------------------------------------------------------- Skills Bar -----------------------------------------------------------------*/ .skills li .progress { right: 0; left: auto; } .skills li .progress-percent { left: 0; right: auto; } .progress-percent::after { right: 50%; left: auto; margin-right: -4px; margin-left: 0; } .progress-percent::before { right: 50%; left: auto; margin-right: -5px; margin-left: 0; } .skills li > span { right: 0; left: auto; } /* ---------------------------------------------------------------- Quotes & Blockquotes -----------------------------------------------------------------*/ blockquote { border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse { padding-left: 15px; padding-right: 0; border-left: 5px solid #eee; border-right: 0; text-align: left; } blockquote.float-start { margin: 5px 0px 10px 20px; padding-left: 0; } blockquote.float-end { margin: 5px 20px 10px 0px; padding-right: 0; } .quote::before { right: 0; left: auto; } .quote.blockquote-reverse::before { left: auto; right: 0; } /* ---------------------------------------------------------------- Dropcaps & Highlights -----------------------------------------------------------------*/ .dropcap { float: right; margin: 0 0 0 5px; } /* ---------------------------------------------------------------- Owl Carousel CSS -----------------------------------------------------------------*/ .owl-carousel .owl-item { float: right; } .owl-carousel .owl-video-play-icon { right: 50%; left: auto; margin-right: -32px; margin-left: 0; } /* Owl Carousel - Controls - Arrows -----------------------------------------------------------------*/ .owl-carousel .owl-nav [class*="owl-"] { right: -36px; left: auto; } .slider-element .owl-nav [class*="owl-"], .owl-carousel-full .owl-nav [class*="owl-"] { right: 0 !important; left: auto !important; border-radius: 0 0 3px 3px; } .owl-carousel .owl-nav .owl-next { right: auto; left: -36px; } .slider-element .owl-nav .owl-next, .owl-carousel-full .owl-nav .owl-next { right: auto !important; left: 0 !important; border-radius: 3px 3px 0 0px; } .owl-carousel:hover .owl-nav [class*="owl-"] { right: -18px; left: auto; } .owl-carousel:hover .owl-nav .owl-next { right: auto; left: -18px; } /* ---------------------------------------------------------------- Flip Cards -----------------------------------------------------------------*/ .flip-card-front::after, .flip-card-back::after, .flip-card-back, .flip-card-inner, .bg-overlay, .bg-overlay-bg, .bg-overlay-content, #map-overlay .gmap { right: 0; left: auto; } /* ---------------------------------------------------------------- Google Custom Search -----------------------------------------------------------------*/ #content .gsc-result-info { padding-right: 0 !important; } /* ---------------------------------------------------------------- Heading Styles -----------------------------------------------------------------*/ @media (min-width: 768px) { .text-md-start .heading-block::after { margin-right: 0 !important; } } /* Block Titles -----------------------------------------------------------------*/ .title-block { padding: 2px 20px 3px 0px; border-right: 7px solid #1abc9c; border-left: 0; } .title-block-right { padding: 2px 0px 3px 20px; border-right: 0; border-left: 7px solid #1abc9c; text-align: left; } /* Justify Border Title -----------------------------------------------------------------*/ .fancy-title h1, .fancy-title h2, .fancy-title h3, .fancy-title h4, .fancy-title h5, .fancy-title h6 { padding-left: 15px; padding-right: 0; } .fancy-title h4, .fancy-title h5, .fancy-title h6 { padding-left: 10px; padding-right: 0; } .fancy-title.title-double-border::before, .fancy-title.title-border::before, .fancy-title.title-border-color::before { right: auto; left: 0; } /* Fancy Title - Right Align -----------------------------------------------------------------*/ .title-right { text-align: left; } .title-right h1, .title-right h2, .title-right h3 { padding: 0 15px 0 0px; } .title-right h4, .title-right h5, .title-right h6 { padding: 0 10px 0 0px; } /* ---------------------------------------------------------------- Divider -----------------------------------------------------------------*/ .divider::before { margin-left: 0.5rem; margin-right: 0; } .divider::after { margin-right: 0.5rem; margin-left: 0; } /* ---------------------------------------------------------------- Magazine Specific Classes -----------------------------------------------------------------*/ .bnews-title { float: right; } .bnews-slider { float: right; margin-right: 20px; margin-left: 0; } /* ---------------------------------------------------------------- Go To Top -----------------------------------------------------------------*/ #gotoTop { right: auto; left: 30px; } /* ---------------------------------------------------------------- Read More -----------------------------------------------------------------*/ .read-more-wrap .read-more-mask { right: 0; left: auto; } .read-more-trigger i { margin-right: 3px; margin-left: 0; } .read-more-wrap .read-more-trigger { right: 5px; left: auto; } /* ---------------------------------------------------------------- GDPR Settings -----------------------------------------------------------------*/ .gdpr-settings { right: 1rem; left: auto; } .gdpr-settings-sm { margin-left: 1rem; margin-right: 0; } .gdpr-settings-sm.gdpr-settings-right { right: auto; left: 1rem; margin-left: 0; margin-right: 1rem; } /* ---------------------------------------------------------------- Landing Pages -----------------------------------------------------------------*/ .landing-form-overlay { right: auto; left: 0; border-radius: 3px 0px 0 3px; } .landing-video { margin: 22px 95px 0 0px; } /* ---------------------------------------------------------------- Preloaders -----------------------------------------------------------------*/ .form-process { right: 0; left: auto; } /* ---------------------------------------------------------------- Toastr Notifications -----------------------------------------------------------------*/ .toast-progress { right: 0; left: auto; } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container .toast-close-button { left: -0.2em; right: auto; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container .toast-close-button { left: -0.2em; right: auto; } } /* ---------------------------------------------------------------- Footer -----------------------------------------------------------------*/ .device-xl.sticky-footer #footer, .device-lg.sticky-footer #footer { right: 0; left: auto; } .device-xl.sticky-footer:not(.stretched) #footer, .device-lg.sticky-footer:not(.stretched) #footer { right: 50%; left: auto; margin-right: -610px; margin-left: 0; } .device-lg.sticky-footer:not(.stretched) #footer { margin-right: -500px; margin-left: 0; } #copyrights a:first-child { margin-right: 0; } #copyrights .text-end a:last-child { margin-left: 0; } /* Tag Cloud -----------------------------------------------------------------*/ .tagcloud a { float: right; margin-left: 4px; margin-right: 0; } /* Widget - Links -----------------------------------------------------------------*/ .widget_nav_menu:not(.widget-li-noicon) li::before, .widget_links:not(.widget-li-noicon) li::before, .widget_meta:not(.widget-li-noicon) li::before, .widget_archive:not(.widget-li-noicon) li::before, .widget_recent_entries:not(.widget-li-noicon) li::before, .widget_categories:not(.widget-li-noicon) li::before, .widget_pages:not(.widget-li-noicon) li::before, .widget_rss:not(.widget-li-noicon) li::before, .widget_recent_comments:not(.widget-li-noicon) li::before { right: 0; left: auto; transform: rotate(180deg); } .widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_rss li a, .widget_recent_comments li a { padding: 0 12px 0 3px; } .widget_nav_menu.widget-li-noicon li a, .widget_links.widget-li-noicon li a, .widget_meta.widget-li-noicon li a, .widget_archive.widget-li-noicon li a, .widget_recent_entries.widget-li-noicon li a, .widget_categories.widget-li-noicon li a, .widget_pages.widget-li-noicon li a, .widget_rss.widget-li-noicon li a, .widget_recent_comments.widget-li-noicon li a { padding-right: 0; } .widget_nav_menu ul ul, .widget_links ul ul, .widget_meta ul ul, .widget_archive ul ul, .widget_recent_comments ul ul, .widget_recent_entries ul ul, .widget_categories ul ul, .widget_pages ul ul, .widget_rss ul ul { margin-right: 15px; margin-left: 0; } /* Widget - Testimonial & Twitter -----------------------------------------------------------------*/ .widget .testimonial.twitter-scroll .testi-image { margin-left: 10px; margin-right: 0; } /* Twitter Feed Widget -----------------------------------------------------------------*/ .widget-twitter-feed .twitter-feed-avatar { margin-right: 44px; margin-left: 0; } .widget-twitter-feed .twitter-feed-avatar > li a.twitter-avatar { right: -44px; left: auto; } /* Widget Filter Links -----------------------------------------------------------------*/ .widget-filter-links .widget-filter-reset { right: auto; left: 0; } .widget-filter-links li span { right: auto; left: 0; } /* Navigation Tree -----------------------------------------------------------------*/ .nav-tree li i:not(.icon-angle-down) { margin-left: 8px; margin-right: 0; } .nav-tree li a i.icon-angle-down { margin-right: 2px; margin-left: 0; } .nav-tree ul ul a { padding-right: 20px; padding-left: 0; } .nav-tree ul ul ul a { padding-right: 40px; padding-left: 0; } .nav-tree ul ul ul ul a { padding-right: 60px; padding-left: 0; } .nav-tree ul ul ul ul ul a { padding-right: 80px; padding-left: 0; } /* ---------------------------------------------------------------- Wedding -----------------------------------------------------------------*/ .wedding-head .first-name, .wedding-head .last-name, .wedding-head .and { margin-left: 15px; margin-right: 0; text-align: left; } .wedding-head .last-name { margin: 0 15px 0 0; text-align: right; } /* ---------------------------------------------------------------- Styled Paginations -----------------------------------------------------------------*/ /* Pagination Margins */ .pagination.pagination-circle .page-item:not(:first-child) .page-link, .pagination.pagination-rounded .page-item:not(:first-child) .page-link { margin-right: 5px; margin-left: 0; } .pagination.pagination-circle.pagination-lg .page-item:not(:first-child) .page-link, .pagination.pagination-rounded.pagination-lg .page-item:not(:first-child) .page-link { margin-right: 8px; margin-left: 0; } .pagination.pagination-circle.pagination-sm .page-item:not(:first-child) .page-link, .pagination.pagination-rounded.pagination-sm .page-item:not(:first-child) .page-link { margin-right: 3px; margin-left: 0; } /* Pagination Inside Transparent */ .pagination.pagination-inside-transparent .page-item:not(:first-child):not(:nth-child(2)):not(:nth-last-child(1)) .page-link { border-right: 0; } /* Pagination Pill */ .pagination.pagination-pill .page-item:first-child .page-link { border-top-right-radius: 10rem; border-top-left-radius: 0; border-bottom-right-radius: 10rem; border-bottom-left-radius: 0; } .pagination.pagination-pill .page-item:last-child .page-link { border-top-left-radius: 10rem; border-bottom-left-radius: 10rem; border-top-right-radius: 0; border-bottom-left-radius: 0; } /* -------------------------------------------------------------- SWITCH -------------------------------------------------------------- */ .switch-toggle { margin-right: -9999px; margin-left: 0; } /* -------------------------------------------------------------- SWITCH 1 - ROUND ----------------------------------------------------------------- */ input.switch-toggle-round + label::before, input.switch-toggle-round + label::after { right: 1px; left: auto; } input.switch-toggle-round + label::before { left: 1px; right: auto; } input.switch-toggle-round:checked + label::after { margin-right: 30px; margin-left: 0; } /* -------------------------------------------------------------- SWITCH 1 - ROUND- MINI ----------------------------------------------------------------- */ input.switch-rounded-mini.switch-toggle-round:checked + label::after { margin-right: 15px; margin-left: 0; } /* -------------------------------------------------------------- SWITCH 1 - ROUND- LARGE ----------------------------------------------------------------- */ input.switch-rounded-large.switch-toggle-round:checked + label::after { margin-right: 45px; margin-left: 0; } /* -------------------------------------------------------------- SWITCH 1 - ROUND- XLARGE ----------------------------------------------------------------- */ input.switch-rounded-xlarge.switch-toggle-round:checked + label::after { margin-right: 60px; margin-left: 0; } /* ----------------------------------------------------------- SWITCH 2 - ROUND FLAT -------------------------------------------------------------- */ input.switch-toggle-flat + label::after { right: 4px; left: auto; } input.switch-toggle-flat:checked + label::after { margin-right: 30px; margin-left: 0; } /* ----------------------------------------------------------- SWITCH 2 - FLAT - MINI -------------------------------------------------------------- */ input.switch-flat-mini.switch-toggle-flat + label::after { right: 2px; left: auto; } input.switch-flat-mini.switch-toggle-flat:checked + label::after { margin-right: 16px; margin-left: 0; } /* ----------------------------------------------------------- SWITCH 2 - FLAT - LARGE -------------------------------------------------------------- */ input.switch-flat-large.switch-toggle-flat:checked + label::after { margin-right: 45px; margin-left: 0; } /* ----------------------------------------------------------- SWITCH 2 - FLAT - XLARGE -------------------------------------------------------------- */ input.switch-flat-xlarge.switch-toggle-flat:checked + label::after { margin-right: 60px; margin-left: 0; } /* ---------------------------------------------------------------- Bootstrap Specific -----------------------------------------------------------------*/ .carousel-control .icon-chevron-left { right: 50%; left: auto; } .carousel-control .icon-chevron-right { left: 50%; right: auto; } label.radio, label.checkbox { padding-right: 20px; padding-left: 0; } /* ---------------------------------------------------------------- Cookie Notification -----------------------------------------------------------------*/ #cookie-notification { right: 0; left: auto; } #cookie-notification .container { padding-left: 100px; padding-right: 0; } #cookie-notification .cookie-noti-btn { right: auto; left: 0; } /* ---------------------------------------------------------------- Page Transitions -----------------------------------------------------------------*/ .page-transition-wrap, .css3-spinner, .css3-spinner { right: 0; left: auto; } .css3-spinner > div { right: 50%; left: auto; margin-right: 13px; margin-left: 0; } .css3-spinner .css3-spinner-bounce1 { margin-right: -31px; margin-left: 0; } .css3-spinner .css3-spinner-bounce2 { margin-right: -9px; margin-left: 0; } .css3-spinner > .css3-spinner-flipper { margin-right: -16px; margin-left: 0; } .css3-spinner > .css3-spinner-double-bounce1, .css3-spinner > .css3-spinner-double-bounce2 { margin-right: -20px; margin-left: 0; } .css3-spinner > .css3-spinner-rect1, .css3-spinner > .css3-spinner-rect2, .css3-spinner > .css3-spinner-rect3, .css3-spinner > .css3-spinner-rect4, .css3-spinner > .css3-spinner-rect5 { margin-right: -21px; margin-left: 0; } .css3-spinner > .css3-spinner-rect2 { margin-right: -12px; margin-left: 0; } .css3-spinner > .css3-spinner-rect3 { margin-right: -3px; margin-left: 0; } .css3-spinner > .css3-spinner-rect4 { margin-right: 6px; margin-left: 0; } .css3-spinner > .css3-spinner-rect5 { margin-right: 15px; margin-left: 0; } .css3-spinner > .css3-spinner-cube1, .css3-spinner > .css3-spinner-cube2 { margin-right: -20px; margin-left: 0; } .css3-spinner > .css3-spinner-scaler { margin-right: -20px; margin-left: 0; } .css3-spinner > .css3-spinner-grid-pulse { margin-right: -24px; margin-left: 0; } .css3-spinner > .css3-spinner-clip-rotate { margin-right: -17px; margin-left: 0; } .css3-spinner > .css3-spinner-ball-rotate { margin-right: -6px; margin-left: 0; } .css3-spinner-ball-rotate > div:nth-child(1) { right: -22px; left: auto; } .css3-spinner-ball-rotate > div:nth-child(3) { right: 22px; left: auto; } .css3-spinner-zig-zag > div { margin-right: 15px; margin-left: 0; right: -7px; left: auto; } .css3-spinner > .css3-spinner-ball-scale-multiple { margin-right: -30px; margin-left: auto; } .css3-spinner-ball-scale-multiple > div { right: 0; left: auto; } .css3-spinner-triangle-path > div:nth-of-type(2) { right: 25px; left: auto; } .css3-spinner-triangle-path > div:nth-of-type(3) { right: 50px; left: auto; } .css3-spinner > .css3-spinner-ball-pulse-sync { margin-right: -35px; margin-left: 0; } .css3-spinner > .css3-spinner-scale-ripple { margin-right: -25px; margin-left: 0; } /* ---------------------------------------------------------------- HTML5 Youtube Video Backgrounds -----------------------------------------------------------------*/ .mb_YTVPlayer.fullscreen { right: 0 !important; left: auto; } .inline_YTPlayer { right: 0; left: auto; }