/* ==========================================================================
   LTR overrides for the public site template.

   GENERATED by tools/flip-rtl.py - do not edit by hand.
   The template is authored right-to-left; these rules mirror its directional
   declarations for [dir="ltr"]. Re-run the script after changing a template sheet.
   ========================================================================== */

/* ---- from Style.css (36 declarations) ---- */

[dir="ltr"] .aligncenter, [dir="ltr"] div.aligncenter {
    margin-right: auto !important;
    margin-left: auto;
}

[dir="ltr"] a img.aligncenter {
    margin-right: auto;
    margin-left: auto;
}

[dir="ltr"] body {
    direction: ltr;
    text-align: left;
}

[dir="ltr"] .newsletter .submit_btn {
    right: 20px;
}

[dir="ltr"] .about_area {
    right: 0;
}

[dir="ltr"] ul.list-unstyled li {
    margin-left: 10px;
    padding-left: 8px;
}

[dir="ltr"] .portfolio-info {
    border-left: 3px solid #f1ac00;
}

[dir="ltr"] .banner-bui::before {
    right: 0;
}

[dir="ltr"] .stats .fal {
    margin-right: 10px;
}

[dir="ltr"] #cstm_collapsible .collapsible {
    text-align: left;
}

[dir="ltr"] #cstm_collapsible .collapsible:before {
    float: left;
    margin-right: 5px;
}

[dir="ltr"] .service-price .card {
    border-left: none;
    border-right: none;
}

[dir="ltr"] .coming-soon-info:before {
    right: 0;
    left: 0;
}

[dir="ltr"] .coming-soon-info .countdown > div {
    float: right;
    margin: 40px 0 0 10px;
}

[dir="ltr"] .coming-soon-info .countdown > div:last-child {
    border-left: none;
}

[dir="ltr"] .coming-soon-info input[type="text"] {
    margin-left: 10px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

[dir="ltr"] .coming-soon-info button {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

[dir="ltr"] .y-right {
    border-left: 5px solid #fdb900;
}

@media screen and (max-width:768px) {
    [dir="ltr"] .coming-soon-info .countdown > div {
        margin: 40px 0 0 30px;
    }
}

[dir="ltr"] .blog_style h3, [dir="ltr"] .detailblog h3 {
    border-left: 3px solid #fdb900;
    padding-left: 8px;
}

[dir="ltr"] .Dottedsquare {
    left: -0.5rem;
}

[dir="ltr"] .team .Dottedsquare, [dir="ltr"] .team2 .Dottedsquare, [dir="ltr"] .blog-grid .Dottedsquare {
    left: unset !important;
    right: -0.7rem !important;
}

[dir="ltr"] .portfoio3 figure.effect-zoe p {
    padding-left: 0.5em;
}

/* ---- from Menu-demo2.css (114 declarations) ---- */

[dir="ltr"] .of-main-menu ul li {
    background-position: left;
}

[dir="ltr"] .of-main-menu ul .of-menu-featured-icon {
    margin-left: 5px;
}

[dir="ltr"] .of-main-menu > ul > li.has_sub > a i.q_menu_arrow {
    margin-right: 6px;
}

[dir="ltr"] .of-main-menu > ul > li.has_sub > a > i.q_menu_arrow {
    right: 4px;
}

[dir="ltr"] .of-main-menu > ul > li > a {
    padding: 6px 13px 6px 13px;
}

[dir="ltr"] .of-main-menu > ul > li > a:before, [dir="ltr"] .of-main-menu > ul > li > a:after {
    right: 0;
}

[dir="ltr"] .of-main-menu > ul > li > a span.plus {
    left: -2px;
}

[dir="ltr"] .of-drop-down > ul > li:first-child {
    margin-left: 0px;
}

[dir="ltr"] .of-drop-down > ul > li:before {
    left: -2px;
}

[dir="ltr"] .of-drop-down .second {
    left: 0;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

[dir="ltr"] .of-drop-down li.left_position .second {
    left: auto;
    right: 0;
}

[dir="ltr"] .of-drop-down .narrow .second .inner ul li ul {
    left: 100%;
    margin-left: 3px;
}

[dir="ltr"] .of-drop-down .second .inner ul.right li ul {
    margin-right: -2px;
}

[dir="ltr"] .of-drop-down .menu_icon_wrapper {
    margin-right: 8px;
}

[dir="ltr"] .of-drop-down .second.right {
    left: 0;
    right: auto;
}

[dir="ltr"] .of-drop-down .second .inner ul.right li a {
    text-align: left;
}

[dir="ltr"] .of-drop-down .second .inner ul.right li ul {
    right: -100%;
}

[dir="ltr"] .of-drop-down .wide .second ul li {
    float: left;
    border-left: 1px solid rgba(0, 0, 0, .1);
}

[dir="ltr"] .of-drop-down .wide .second ul li:last-child {
    margin-left: 0;
}

[dir="ltr"] .of-drop-down .wide.right_position .second ul li {
    float: left;
}

[dir="ltr"] .of-drop-down .wide .second ul li:nth-child(4n+1) {
    border-left: 0;
}

[dir="ltr"] .of-drop-down .second .inner ul li.sub a i.q_menu_arrow {
    right: 20px;
}

[dir="ltr"] .of-drop-down .second .inner ul.right li.sub a i.q_menu_arrow {
    left: auto;
    right: 25px;
}

[dir="ltr"] .of-drop-down .wide .second .inner > ul > li.sub:before {
    left: -1px;
}

[dir="ltr"] .of-drop-down .wide .second ul li ul {
    right: 0;
}

[dir="ltr"] .of-drop-down .wide.icons .second ul li.of-menu-item-with-icon .menu_icon_wrapper:before {
    left: -5px;
}

[dir="ltr"] .of-drop-down .wide.icons .second ul li.of-menu-item-with-icon:hover .menu_icon_wrapper i {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    transform: translateX(5px);
}

[dir="ltr"] .of-drop-down .wide.icons .second ul li.of-menu-item-with-icon:hover .menu_icon_wrapper:before {
    left: 0;
}

[dir="ltr"] .of-drop-down .wide.icons .second i {
    float: left;
}

[dir="ltr"] .main-nav-inner .is-sub-menu li a:hover:before {
    right: 0;
}

[dir="ltr"] .mega-col-menu.is-mega-bg {
    border-right: none !important;
}

[dir="ltr"] .mobile-nav-button {
    margin-left: 10px;
}

[dir="ltr"] .mobile-nav-button a {
    right: 0;
    padding-right: 50px;
}

[dir="ltr"] .mobile-nav-button .icon-text {
    margin-left: 10px;
}

[dir="ltr"] .mobile-nav-button i {
    margin-right: 8px;
}

[dir="ltr"] .off-canvas-wrap {
    left: 0;
    -webkit-transform: translate(-300px, 0);
    -moz-transform: translate(-300px, 0);
    -ms-transform: translate(-300px, 0);
    -o-transform: translate(-300px, 0);
    transform: translate(-300px, 0);
}

[dir="ltr"] body.mobile-js-menu .off-canvas-wrap {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

[dir="ltr"] .close-off-canvas-wrap {
    text-align: right;
}

[dir="ltr"] .mobile-menu-wrap ul li:hover {
    padding-left: 3px;
}

[dir="ltr"] .mobile-menu-wrap .sub-menu .sub-menu {
    padding-right: 20px;
}

[dir="ltr"] .mobile-menu-wrap .no-menu {
    padding-right: 20px;
    padding-left: 20px;
}

[dir="ltr"] .explain-menu {
    right: 0;
    margin-right: 20px;
    text-align: right;
}

@media (max-width:576px) {
    [dir="ltr"] .main_header .account_action {
        left: 0 !important;
    }
}

[dir="ltr"] .of-site-mask {
    right: 0;
}

[dir="ltr"] header.main_header {
    right: 0;
    left: 0;
}

@media only screen and (min-width: 1200px) {
    [dir="ltr"] .of-body .my_sticky {
        left: 0;
        right: 0;
    }
}

[dir="ltr"] .m_search {
    right: 0px;
    border-radius: 0 0 10px 0;
}

[dir="ltr"] .wide_header .m_search {
    right: 10px;
}

[dir="ltr"] form.search_wrap {
    left: 25px;
    right: 25px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

@media (max-width:577px) {
    [dir="ltr"] form.search_wrap {
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }
}

[dir="ltr"] form.search_wrap input {
    margin-left: 10px;
}

[dir="ltr"] form.search_wrap > button {
    float: right;
    margin-right: 6px;
}

[dir="ltr"] form.search_wrap_box i {
    float: left;
    margin-left: 12px;
}

[dir="ltr"] form.search_wrap_box input {
    margin-left: 15px;
}

[dir="ltr"] .head_social_wrap {
    float: right;
}

[dir="ltr"] .head_social_wrap a {
    padding-left: 15px;
}

[dir="ltr"] .tel_head {
    float: right;
    padding-right: 15px;
    text-align: right;
}

[dir="ltr"] .tel_head:before {
    right: 0;
}

[dir="ltr"] .tel_head i {
    margin-left: 10px;
}

[dir="ltr"] .tel_head strong {
    padding-right: 5px;
}

[dir="ltr"] .mini_cart_box {
    float: right;
    padding: 0 8px 0 7px;
    margin-left: 12px;
}

[dir="ltr"] .mini_cart_box span {
    margin-right: 4px;
}

[dir="ltr"] .mini_cart_box span:before {
    right: -4px;
    border-right: 3px solid transparent;
    border-left: 4px solid transparent;
}

[dir="ltr"] .login_wrap {
    float: right;
}

[dir="ltr"] .login_wrap > span i, [dir="ltr"] .login_wrap > a i {
    margin-right: 6px;
}

[dir="ltr"] .login_wrap > span:first-child, [dir="ltr"] .login_wrap > a:first-child {
    margin-right: 6px;
}

[dir="ltr"] .login_wrap > span:first-child:before, [dir="ltr"] .login_wrap > a:first-child:before {
    right: -3px;
}

[dir="ltr"] .logout_user_btn {
    border-radius: 3px 15px 15px 3px;
}

[dir="ltr"] .account_action::after {
    right: calc(25% - 8px);
    border-right: solid 6px transparent;
    border-left: solid 6px transparent;
}

[dir="ltr"] .main_header .account_action {
    right: 0;
    padding: 16px 15px 20px 15px;
}

[dir="ltr"] .account_action form > span:after {
    right: 12px;
}

[dir="ltr"] .account_action form label {
    margin-left: 0;
}

[dir="ltr"] .account_action form label span.remember_me:before {
    margin-right: 8px;
}

[dir="ltr"] .account_action .close_modal {
    right: 15px;
}

/* ---- from hoverimg.css (163 declarations) ---- */

[dir="ltr"] .content .content-overlay {
    right: 0;
    left: 0;
}

[dir="ltr"] .content-details {
    padding-right: 1em;
    padding-left: 1em;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

[dir="ltr"] .content:hover .content-details {
    right: 50%;
}

[dir="ltr"] .fadeIn-left {
    right: 20%;
}

[dir="ltr"] .fadeIn-right {
    right: 80%;
}

[dir="ltr"] .codrops-top span.right {
    float: left;
}

[dir="ltr"] .codrops-top span.right a {
    float: right;
}

[dir="ltr"] .related a h3 {
    text-align: right;
}

[dir="ltr"] .grid figure figcaption, [dir="ltr"] .grid figure a {
    right: 0;
}

[dir="ltr"] figure.effect-sadie figcaption::before {
    right: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
}

[dir="ltr"] figure.effect-sadie h2 {
    right: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

[dir="ltr"] figure.effect-sadie p {
    right: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}

[dir="ltr"] figure.effect-sadie:hover h2 {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
}

[dir="ltr"] figure.effect-sadie:hover figcaption::before, [dir="ltr"] figure.effect-sadie:hover p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-roxy img {
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
}

[dir="ltr"] figure.effect-roxy figcaption::before {
    left: 30px;
    right: 30px;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
}

[dir="ltr"] figure.effect-roxy figcaption {
    text-align: right;
}

[dir="ltr"] figure.effect-roxy h2 {
    padding: 30% 0 10px 0;
}

[dir="ltr"] figure.effect-roxy p {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}

[dir="ltr"] figure.effect-roxy:hover img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-roxy:hover figcaption::before, [dir="ltr"] figure.effect-roxy:hover p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-bubba figcaption::before, [dir="ltr"] figure.effect-bubba figcaption::after {
    left: 30px;
    right: 30px;
}

[dir="ltr"] figure.effect-bubba figcaption::after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

[dir="ltr"] figure.effect-bubba h2 {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}

[dir="ltr"] figure.effect-bubba p {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}

[dir="ltr"] figure.effect-bubba:hover h2, [dir="ltr"] figure.effect-bubba:hover p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-romeo img {
    -webkit-transform: translate3d(0, 0, 300px);
    transform: translate3d(0, 0, 300px);
}

[dir="ltr"] figure.effect-romeo:hover img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-romeo figcaption::before, [dir="ltr"] figure.effect-romeo figcaption::after {
    right: 50%;
    -webkit-transform: translate3d(50%, -50%, 0);
    transform: translate3d(50%, -50%, 0);
}

[dir="ltr"] figure.effect-romeo:hover figcaption::before {
    -webkit-transform: translate3d(50%, -50%, 0) rotate(45deg);
    transform: translate3d(50%, -50%, 0) rotate(45deg);
}

[dir="ltr"] figure.effect-romeo:hover figcaption::after {
    -webkit-transform: translate3d(50%, -50%, 0) rotate(-45deg);
    transform: translate3d(50%, -50%, 0) rotate(-45deg);
}

[dir="ltr"] figure.effect-romeo h2, [dir="ltr"] figure.effect-romeo p {
    right: 0;
}

[dir="ltr"] figure.effect-romeo h2 {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
}

[dir="ltr"] figure.effect-romeo p {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
}

[dir="ltr"] figure.effect-romeo:hover h2 {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
}

[dir="ltr"] figure.effect-romeo:hover p {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
}

[dir="ltr"] figure.effect-layla figcaption::before {
    left: 30px;
    right: 30px;
}

[dir="ltr"] figure.effect-layla figcaption::after {
    left: 50px;
    right: 50px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

[dir="ltr"] figure.effect-layla p {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

[dir="ltr"] figure.effect-layla:hover img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-layla:hover h2, [dir="ltr"] figure.effect-layla:hover p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-oscar figcaption::before {
    left: 30px;
    right: 30px;
}

[dir="ltr"] figure.effect-oscar h2 {
    margin: 15% 0 10px 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

[dir="ltr"] figure.effect-oscar:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-marley figcaption {
    text-align: left;
}

[dir="ltr"] figure.effect-marley h2, [dir="ltr"] figure.effect-marley p {
    left: 30px;
    right: 30px;
}

[dir="ltr"] figure.effect-marley p {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

[dir="ltr"] figure.effect-marley h2 {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}

[dir="ltr"] figure.effect-marley:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-marley h2::after {
    right: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
}

[dir="ltr"] figure.effect-marley:hover h2::after, [dir="ltr"] figure.effect-marley:hover p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-ruby h2 {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}

[dir="ltr"] figure.effect-ruby p {
    -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
    transform: translate3d(0, 20px, 0) scale(1.1);
}

[dir="ltr"] figure.effect-ruby:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-ruby:hover p {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

[dir="ltr"] figure.effect-milo img {
    -webkit-transform: translate3d(30px, 0, 0) scale(1.12);
    transform: translate3d(30px, 0, 0) scale(1.12);
}

[dir="ltr"] figure.effect-milo:hover img {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

[dir="ltr"] figure.effect-milo h2 {
    left: 0;
}

[dir="ltr"] figure.effect-milo p {
    padding: 0 0 0 10px;
    border-left: 1px solid #fff;
    text-align: left;
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
}

[dir="ltr"] figure.effect-milo:hover p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-dexter figcaption::after {
    left: 20px;
    right: 20px;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

[dir="ltr"] figure.effect-dexter:hover figcaption::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-dexter figcaption {
    text-align: left;
}

[dir="ltr"] figure.effect-dexter p {
    left: 60px;
    right: 60px;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
}

[dir="ltr"] figure.effect-dexter:hover p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-sarah img {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}

[dir="ltr"] figure.effect-sarah:hover img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-sarah figcaption {
    text-align: right;
}

[dir="ltr"] figure.effect-sarah h2::after {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

[dir="ltr"] figure.effect-sarah:hover h2::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-sarah p {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

[dir="ltr"] figure.effect-sarah:hover p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-zoe figcaption {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

[dir="ltr"] figure.effect-zoe h2 {
    float: left;
}

[dir="ltr"] figure.effect-zoe figcaption > i {
    float: right;
}

[dir="ltr"] figure.effect-zoe h2, [dir="ltr"] figure.effect-zoe figcaption > span {
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
}

[dir="ltr"] figure.effect-zoe:hover figcaption, [dir="ltr"] figure.effect-zoe:hover h2, [dir="ltr"] figure.effect-zoe:hover figcaption > span {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir="ltr"] figure.effect-chico figcaption::before {
    left: 30px;
    right: 30px;
}

[dir="ltr"] figure.effect-chico h2 {
    padding: 10% 0 10px 0;
}

/* 313 declarations in total. */