/*
Theme Name: molvp

Adding support for languages written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

https://codex.wordpress.org/Right-to-Left_Language_Support

*/

/*
body {
	direction: rtl;
	unicode-bidi: embed;
}
*/


@font-face {
    font-family: 'DinNextLight';
    src: url('fonts/din-next/light/DinNextLight.eot');
    src: url('fonts/din-next/light/DinNextLight.eot') format('embedded-opentype'),
        url('fonts/din-next/light/DinNextLight.html') format('woff2'),
        url('fonts/din-next/light/DinNextLight.woff') format('woff'),
        url('fonts/din-next/light/DinNextLight.ttf') format('truetype'),
        url('fonts/din-next/light/DinNextLight.svg#DinNextLight') format('svg');
}
@font-face {
    font-family: 'DinNextRegular';
    src: url('fonts/din-next/regular/DinNextRegular.eot');
    src: url('fonts/din-next/regular/DinNextRegular.eot') format('embedded-opentype'),
        url('fonts/din-next/regular/DinNextRegular.html') format('woff2'),
        url('fonts/din-next/regular/DinNextRegular.woff') format('woff'),
        url('fonts/din-next/regular/DinNextRegular.ttf') format('truetype'),
        url('fonts/din-next/regular/DinNextRegular.svg#DinNextRegular') format('svg');
}
@font-face {
    font-family: 'DinNextMedium';
    src: url('fonts/din-next/medium/DinNextMedium.eot');
    src: url('fonts/din-next/medium/DinNextMedium.eot') format('embedded-opentype'),
        url('fonts/din-next/medium/DinNextMedium.html') format('woff2'),
        url('fonts/din-next/medium/DinNextMedium.woff') format('woff'),
        url('fonts/din-next/medium/DinNextMedium.ttf') format('truetype'),
        url('fonts/din-next/medium/DinNextMedium.svg#DinNextMedium') format('svg');
}
@font-face {
    font-family: 'DinNextBold';
    src: url('fonts/din-next/bold/DinNextBold.eot');
    src: url('fonts/din-next/bold/DinNextBold.eot') format('embedded-opentype'),
        url('fonts/din-next/bold/DinNextBold.html') format('woff2'),
        url('fonts/din-next/bold/DinNextBold.woff') format('woff'),
        url('fonts/din-next/bold/DinNextBold.ttf') format('truetype'),
        url('fonts/din-next/bold/DinNextBold.svg#DinNextBold') format('svg');
}

.dz-hidden-input { position: initial !important; } 
body {
    font-family: 'DinNextLight';
}
body * {
    letter-spacing: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'DinnextRegular';
    font-weight: normal !important;
}

p {
    font-size: 1.6rem;
}

.header-elements, .header-controls {
    float: left;
}
.header-controls > a, .top-menu ul li {
    float: right;
}

.header-controls .bt, .header-controls .bt-lg, .header-controls .bt-md, .header-controls .bt-sm {
    padding: 0 1.5rem 0.7rem;
}

.top-menu ul li a::before {
    top: -1px;
}

.home-slide svg {
    transform: rotateY(180deg);
}


.header-controls .drop-menu, 
.hosting-plan-block .plan-price {
    float: right;
}

.hosting-plan-block .plan-price .plan-duration {
    right: auto;
    left: -5px;
    bottom: -15px;
}

.design-process .process-line, .mock {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mock-branding2 { left: 0; }

.search-input-wrapper .search-reset {
    left: 0;
    right: auto;
}

.dir-rtl {
    direction: ltr;
}

.top-menu {
    display: inline;
    float: none;
}

.top-menu ul { display: inline; }

.content-loader {
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
}

.search-input-wrapper .search-input {
    padding: 0 0 0 80px;
}

.fs-fields > li label.fs-field-label {
    text-align: right;
}

.fs-title h1 {
    float: left;
    margin: 0 0 0 130px;
}
.fs-numbers {
    left: 0;
    right: auto;
}
button.fs-continue {
    left: 0 ;
    right: auto;
    margin: 0 0 60px 40px;
}

.fs-nav-dots {
    left: 60px;
    right: auto;
}

.home-mock, 
.approach .approach-line {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}
.bt-link i {
    display: inline-block;
    direction: ltr;    
    transform: rotateY(180deg);
}
.top-menu ul li a::before {
    left: auto;
    right: 0;
}
.cart-detail .drop-menu {
    float: left;
    margin: 0 20px 0 0;
}
.drop-menu nav {
    left: 0;
    right: auto;
    float: left;
}
.lg-logo small { letter-spacing: 0; }
.time-line {
    padding-left: 0;
    padding-right: 11rem;
}
.time-line-bar , 
.works-menu ul li a::before {
    left: auto;
    right: 0;
}
.time-line-year {
    left: auto;
    right: -24.3rem;
}
.time-line-year::before {
    left: 42px;
    right: auto;
}
.time-line-year::after {
    left: 46px;
    right: auto;
}
.guideline h1 { font-size: 84px !important; }
.guideline h2 { font-size: 50px; }

.fs-fields > li .fs-radio-custom label {
    text-align: right;
}
.heading-trigger::after {
    left: 30px;
    right: auto;
}

#posts_grid {
    margin-left: 0;
    margin-right: -10px;
}
.works-menu ul li {
    margin-right: 0;
    margin-left: 4rem;
}
.works-menu ul li:first-child {
    margin-right:  0;
    margin-left: 4rem;
}
.header-controls > a { margin-left: 0; margin-right: 3.2rem; }

.headline.clip .words-wrapper::after {
    left: 0;
    right: auto
}

.post-body ul li, .post-body ol li {
    margin: 0 20px 0;
    padding: 0 10px 0 !important;
}

#business-consult-scene, .progress_count { direction: ltr; }

.design-process .process-step { text-align: right}


.share {
    padding-right: 90px;
    padding-left: 0;
    margin-left: 0;
}

.header-controls h4 {  float: right; }

.fs-continue::after { content: 'أو اضغط Enter'; }

.social a { margin-left: 18px ; margin-right: 0;}

.img-dir {
    direction: ltr;
}

.bi-share-icons {
    margin-left: 0;
    margin-right: 10px;
}


.opacity-header .logo a span {
    left: 0;
    right: 2px; 
}
.opacity-header .logo a .bi-back {
    left: auto;
    right: 38px;
}
.opacity-header .logo a:hover .bi-logo {
    transform:  translateX(38px);
    -webkit-transform:  translateX(38px);
}
.opacity-header .logo a:hover .bi-back {
    transform: rotateY(-180deg) translateX(-38px);
    -webkit-transform: rotateY(-180deg) translateX(-38px);
}

#arab-header-section span,
#cs-icons-header-section span,
#res-thousands-header-section #header-content span,
#res-arab-header-section .subtitle, 
#res-arab-header2-section .subtitle,
#res-arab-footer-section span {letter-spacing: 0;}

#arab-header-section, 
#arab-direction-section p,
#arab-details-section .note,
#cs-icons-header-section h1,
#cs-icons-header-section p,
.thousands-second-section h2, .thousands-third-section h2,
.thousands-fifth-section h2,
.turbo, 
.stark,
.more-container *,
.femto-container *,
.arab-character .bl-h2,
#res-arab-header-section, 
#res-arab-header2-section,
#res-arab-header-section .subtitle, 
#res-arab-header2-section .subtitle,
.bl-h3,
.paragraph-dialogic p { font-family: 'DinnextRegular' !important; }

#arab-details-section .deatil-statement, 
#arab-details-section .bl-h2, 
#arab-direction-section, 
#arab-direction-section .quote,
.cs-icons-first-section .block-header p,
.cs-icons-end-section .bt-ghost,
#res-thousands-header-section #header-content h1,
.thousands-first-section p,
.thousands-first-section .bt-normal,
.thousands-fourth-section p,
.thousands-seventh-section h2,
.thousands-end-section h2,
.thousands-end-section a,
.cart-detail h3, 
.arab-resource .bt-normal,
#res-calendar-header1 h1,
#res-calendar-header2 h1,
#res-calendar-footer h1,
.search-input-wrapper {
    font-family: 'DinnextRegular';
}

#res-blobs-header-section .righ-shape {
    right: auto;
    left: -30px;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
}

#res-blobs-header-section .left-shape {
    left: auto;
    right: -30px;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
}


#res-blobs-header-section .header-mocks .first-mock {
    right: auto;
    left: -30px;
}

#res-blobs-header-section .bottom-shape {
    left: auto;
    right: 25%;
}

.blobs-sixth-section img {
    left: auto;
    right: calc(50% - 1405px);
}

.blobs-seventh-section img {
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
}
.cs-icons-second-section .full-mock {
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    left: auto;
    right: calc(50% - 1018px);
}

#res-stark-header-section .header-mock img {
    margin-right: -65px;
    margin-left: 0;
}
.femto-third-section figure {
    float: right;
    margin-left: 30px;
    margin-right: 0 !important;
}
#res-femto-header-section .header-block p {
    font-size: 30px;
}
#res-apple-features-section .bl-h3 {
    font-size: 24px;
}

.detail_mask {
    right: 200%; 
    left: 0%;
}

.activeMask.single_slide_desc .detail_mask {
    left: auto ; 
    right: 0% ; 
}

.activeMask.detail_mask {
    left: auto; 
    right: 0; 
}
.block-mask {
    float: right;
}
.detail_mask .close_handle {
    left: auto;
    right: -25px;
}
.activeMask.single_slide_desc .block {
    transform: translate3d(510px, 0px, 0px);
} 
.more_pagination {
    right: auto;
    left: 60px;
}

.blobs-fourth-section img { 
    left: auto;
    right: calc(50% - 1405px);
}

#res-arab-header2-section h1 {
    margin-bottom: 30px;
}

.bi-share-icons { float: left; }
.opacity-header .lang { margin: 0 10px 0 0; float: left; }


#res-calendar-jan::before, 
#res-calendar-feb::before, 
#res-calendar-mar::before, 
#res-calendar-apr::before, 
#res-calendar-may::before, 
#res-calendar-jun::before, 
#res-calendar-jul::before, 
#res-calendar-aug::before, 
#res-calendar-sep::before, 
#res-calendar-oct::before, 
#res-calendar-nov::before, 
#res-calendar-dec::before,
.img-out img
{
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
}

#res-calendar-header1 h1,
#res-calendar-header2 h1 { font-size: 58px; }
#res-calendar-footer h1 { font-size: 48px; }

#comments ul li .avatar { 
    float: right;
    margin: 0 0 0 30px;
}
#comments ul li .comment-details span.author { float: right; }
#comments ul li .comment-details span.date { float: left; }
#comments ul li .comment-details a { margin: 0 0 0 2rem; }

.blobs-eighth-section .block-header span {
    left: 0;
    right: 190px;
    letter-spacing: 0;
}

.share-item, 
.share-open-button {
    left: 25px;
}



.guideline h1,
#res-blobs-header-section .header-block h1 {
    font-family: 'DINNextLight';
}

strong,
.bt,
.bt-lg,
.bt-md,
.bt-sm,
.bt-ghost,
.bt-normal,
.top-menu ul li a, 
.lang,
.cart-detail h4,
.header-controls h4,
.side-menu ul li.current-menu-item,
.post-nav,
.hosting-tabs a,
footer h5,
.post-body h1, 
.post-body h2, 
.post-body h3, 
.post-body h4, 
.post-body h5, 
.post-body h6,
.item-block h1,
.item-block h4,
.fs-title h1,
.fs-numbers,
#resources-molvpers-header-section h1, 
#resources-molvpers-footer-section h1 {
    font-family: 'DinNextMedium' !important;
}

.bt-normal { padding: 0.4rem 2.8rem 0.8rem; }
.bt-lg { padding: 5px 4.2rem 10px !important;}


.bank-thumb {
    float: right;
    margin-left: 30px;
    margin-right: 0;
}

.share-bt { line-height: 23px; }
.opacity-header .lang { line-height: 22px; }


.p-sm { font-size: 1.6rem !important; text-align: right; }

.closeBtn, 
.overlay .overlay-close,
.overlay .sub-close {
    height: 51px;
}
.search-input-wrapper { font-size: 4rem;  }
.share-item, .share-open-button,
.turbo-end-section .bt-normal { line-height: 56px; }

#res-stark-header-section h1 { font-weight: normal; }
.stark-end-section .bt-normal,
.turbo-end-section .bt-normal,
.blobs-last-section .bt-normal,
.thousands-end-section .bt-normal,
.more-first-section .bt-normal,
.more-end-section .download { font-size: large; }

.more-first-section .bt-normal,
.more-end-section .download { line-height: 34px; }

.arab-character .more-lnk { line-height: 50px; }
.detail_mask .close_handle { line-height: 46px; }

.post-nav a::before { top: 0; }

.post-body p,
.post-body ul li, 
.post-body ol li { 
    font-size: 1.8rem;
}

.pace-active {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.load-more .bt i, .load-more .bt-lg i, .load-more .bt-md i, .load-more .bt-sm i { margin: 0 0 -5px 5px; height: 28px; }

.bl-h2 {
    font-size: 4.4rem;
}

#res-stark-header-section .bt-normal { line-height: 45px; }
.turbo-first-section .bt-normal,
.turbo-end-section .bt-normal { line-height: 35px; }


.bl-p > span {
    display: inline-block;
    direction: ltr;
}

.approach .approach-line img {
    left: -100px;
}
.torath-logo span.top {
    left: auto;
    right: 150px;
    top: -10px;
}

.logo-ft { 
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg); 
    float: left;
}

.cs-molvpers-content-section ul { margin-left: 0; margin-right: 40px; }



.resource-large *{
    letter-spacing: normal !important;
}
.resource-large .txt-right{
        text-align: left;
}
.resource-large .txt-left{
        text-align: right;
}


.works-menu ul li a{

font-weight: normal;
font-family: 'DinNextMedium';
}




#res-dimensions-header-section .header-mock img {
    float: right;
}
#dimensions  .bt-normal{
  
        padding: 0 !important;
  
}
#res-dimensions-header-section .bt-normal , #res-dimensions-end-section .bt-normal{
    padding: 0 !important;
    margin-right: 0;
    margin-left: 10px;
}
.cs-3d-footer-section .cs{
   margin-left: 10px;   
}
body .circle-42{
    margin-right: 6px;
}

.quote-block{
    text-align: right;
}
.quote-block h3{
    margin:  0;
}
.reveal .slides{
    text-align: right;
}
.quote{
    direction: rtl;
    text-align: right
}
.quote span{
    line-height: 30px;
}
.present .quote i{
    float: right;
    margin-right: auto;
    margin-left: 8rem;
}
.quote-nav{
    float: left;
}
.quote-footer h1{
    float: right;
}
.grid-open{
    float: right;
    margin: 10px 30px 0 0 ;
}
.quote-nav a:first-child{
    float: left;
}

.academy-block h3{
    font-size: 20px;
font-family: 'DinNextRegular';
}

body #fsvs-body .inner-content{
    margin-left: 8%;
    text-align: right;
}
body #fsvs-body .inner-content h2 small{
    right: -250px;
    left: auto;
}
.academy-header p{
    font-family: 'DinNextMedium';
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .bi-logo-ar { display: none;}
    .bt-lg { 
        font-size: 1.4rem;
        padding: 1rem 2rem;
    }
    .bl-h2 { font-size: 3.4rem; }
    .social a {
        font-size: 1.2rem;
        margin-right: 0;
        margin-left: 13px;
    }
    .social a:last-child { margin: 0; }
    .time-line { 
        padding-left: 0; 
        padding-right: 4rem; 
    } 
    .item-block { text-align: right; }
    .item-block span { display: none; }
    .closeBtn, .overlay .overlay-close, .overlay .sub-close {
        right: auto;
        left: calc(50% - 16px);
    }
    .item-block.lg-item h2,
    .item-block.lg-item span { 
        margin-right: 0;
        margin-left: 15px;
    }
    .fs-form { 
        padding: 0 1em 0 3.75em;
        left: auto;
        right: 0;
    }
    .fs-title h1 { 
        margin: 0 10px 0 0 !important; 
        float: none !important; 
    }
    .fs-message-error { 
        left: auto;
        right: 0;
        padding: 0 2em;
    }
    button.fs-continue { margin: 0 0 0 25px; }
    button.fs-continue.bt-lg { padding: 50px 50px 0 0 !important; }
    button.fs-continue::before { line-height: 46px; content: '\e806'; }
    .fs-continue::after { display: none; }
    .fs-nav-dots { left: 25px; }

    .fs-form-overview .fs-fields > li label.fs-field-label { padding: 0 0 5px 5px; }
    .search-input-wrapper .search-input { padding: 0 0 0 36px; }
    .search-input-wrapper .search-reset { right: auto; left: 0; }
    .posts .bt-link h4 { text-align: right;}

    .bank-thumb {
        float: none;
        margin: 0 auto 30px;
    }
    #res-calendar-header1 h1, 
    #res-calendar-header2 h1,
    #res-calendar-footer h1,
    .stark-end-section .bl-h2 { 
        font-size: 3.2rem;
    }
    #res-femto-header-section .header-block p {
        font-size: 18px;
    }

    .header-controls > a { margin-right: 1.6rem; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {

    .time-line-year span:first-child {
        left: auto;
        right: 70px;
    }
    .time-line-year span:last-child {
        left: auto;
        right: 65px;
    }
    
    #res-femto-header-section .header-block h1 { letter-spacing: -2px; }
    #arab-header-section span { letter-spacing: 13px; } 
    .closeBtn, .overlay .overlay-close, .overlay .sub-close {
        right: auto;
        left: calc(50% - 16px);
    }
    .fs-form { 
        padding: 0 1em 0 3.75em;
        left: auto;
        right: 0;
    }
    .fs-title h1 { 
        margin: 0 10px 0 0 !important; 
        float: none !important; 
    }
    
    .fs-message-error { 
        left: auto;
        right: 0;
        padding: 0 2em;
    }
    button.fs-continue { margin: 0 0 0 25px; }
    button.fs-continue.bt-lg { padding: 50px 50px 0 0 !important; }
    button.fs-continue::before { line-height: 46px; content: '\e806'; }
    .fs-continue::after { display: none; }
    .fs-nav-dots { left: 25px; }

    .fs-form-overview .fs-fields > li label.fs-field-label { padding: 0 0 5px 5px; }  
    .search-input-wrapper .search-input { padding: 0 0 0 36px; }
    .search-input-wrapper .search-reset { right: auto; left: 0; }
    .posts .bt-link h4 { text-align: right;}

    .bank-thumb {
        float: none;
        margin: 0 auto 30px;
    }
    #res-calendar-header1 h1, 
    #res-calendar-header2 h1,
    #res-calendar-footer h1,
    .stark-end-section .bl-h2 { 
        font-size: 3.2rem;
    }
    #res-femto-header-section .header-block p {
        font-size: 18px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
     #branding-scene{
        left: -150%;
    }
    #ux-scene{
           left: -100%;
    }
    .approach .approach-line {
        margin-left: 0;
        margin-right: -60px;
    }
    .time-line { 
        padding-left: 0; 
        padding-right: 14rem; 
    }
    .time-line-bar { 
        left: auto; 
        right: 30px;  
    }
    #franshise-scene .franshise-1 { 
        left: auto !important; 
        right: -80px !important; 
    }
    #franshise-scene .franshise-2 { 
        left: auto !important; 
        right: -100px !important; 
    }
    #franshise-scene .franshise-3 { 
        left: auto !important; 
        right: -120px !important; 
    }
    #res-femto-header-section .header-block h1 {
        letter-spacing: -2px;
    }
    .fs-form { 
        padding: 0 1em 0 4.5em;
        left: auto;
        right: 0;
    }
    
    .fs-message-error { 
        left: auto;
        right: 0;
        padding: 0 2em;
    }
    button.fs-continue { margin: 0 0 60px 60px; }
    button.fs-continue.bt-lg { padding: 50px 50px 0 0 !important; }
    button.fs-continue::before { line-height: 46px; content: '\e806'; }
    .fs-continue::after { display: none; }
    

}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
        #graphics-scene{
         left: -60%;
    }
    #augmented-scene{
          left: -50%;
    }
        #digital-marketing-scene{
           left: -90%;
    }
      #ux-scene{
           left: -80%;
    }
            #download-scene{
        left: -40%;
    }
      #branding-scene{
        left: -80%;
    }
      #webdesign-scene{
        left: -80%;
    }
       #hosting-scene{
           left: -80%;
    }
        #mobile-scene{
          left: -80%;
          direction: ltr;
    }
       #webdevelope-scene{
          left: -60%;
     }
       #webdevelope-scene .webdevelope-1{
         right: -50% !important;
      }
    .home-slide { min-height: 740px }
    .home-mock { 
        left: auto;
        right: 280px;
    }
    .social a { 
        margin-right: 0;
        margin-left: 13px;
    }
    .social a:last-child { margin: 0; }
    footer .dir-ltr {
        font-size: 11px;
    }
    footer h5 { font-size: 12px; }
    .closeBtn, .overlay .overlay-close, .overlay .sub-close {
        right: auto;
        left: calc(50% - 16px);
    }  
    .search-input-wrapper .search-input { padding: 0 36px 0 0 ; }
    .search-input-wrapper .search-reset { 
        right: auto; 
        left: 0; 
    }
    .posts .bt-link h4 { text-align: right; }
}
@media only screen and (min-width: 1200px) and (max-width: 1659px) {
    #graphics-scene{
         left: -40%;
    }
       #digital-marketing-scene{
           left: -60%;
    }
    #ux-scene{
           left: -60%;
    }
        #download-scene{
        left: -30%;
    }
   #branding-scene{
        left: -60%;
    }
    #webdesign-scene{
        left: -60%;
    }
    #hosting-scene{
           left: -60%;
    }
    #mobile-scene{
          left: -60%;
          direction: ltr;
    }
    #webdevelope-scene{
          left: -60%;
     }
     #webdevelope-scene .webdevelope-1{
         right: -50% !important;
      }
    .home-mock { 
        left: auto; 
        right: 80px; 
    }
    .social a { 
        margin-right: 0;
        margin-left: 18px;
    }
    .social a:last-child { margin: 0; }
    footer .dir-ltr {
        font-size: 13px;
    }
    .search-input-wrapper .search-input {
        padding: 0 0 0 36px;
    }
    .search-input-wrapper .search-reset { 
        right: auto; 
        left: 0; 
    }
    
}

/*============================
 **** Declared Font Face ****  
=============================*/