html[dir="rtl"] body {
font-family: Rubik;
}
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5 {
font-family: Rubik;
}
html[dir="rtl"] .nav-content {
right: auto;
left: 0;
}
html[dir="rtl"] .nav-content address {
text-align: right;
}
html[dir="rtl"] .nav__list-item a {
padding-left: 0;
padding-right: 20%;
}
html[dir="rtl"] .nav:before, html[dir="rtl"] .nav:after {
left: auto;
right: 0;
}
html[dir="rtl"] body:not(.nav-active) .nav:before, html[dir="rtl"] body:not(.nav-active) .nav:after {
-webkit-transform: translateX(100%) translateY(0%);
-ms-transform: translateX(100%) translateY(0%);
transform: translateX(100%) translateY(0%);
}
html[dir="rtl"] .nav-content:before, html[dir="rtl"] .nav-content:after {
right: auto;
left: 0;
}
html[dir="rtl"] body:not(.nav-active) .nav-content:before, html[dir="rtl"] body:not(.nav-active) .nav-content:after {
-webkit-transform: translateX(-100%) translateY(0%);
-ms-transform: translateX(-100%) translateY(0%);
transform: translateX(-100%) translateY(0%);
}
html[dir="rtl"] .slick-list {
direction: ltr;
}
html[dir="rtl"] .slick-list * {
direction: rtl;
}
html[dir="rtl"] .day-night {
left: auto;
right: 10px;
}
html[dir="rtl"] .header-top .header-container .logo {
float: right;
}
html[dir="rtl"] .header-top .header-container .menu-icon {
float: left;
margin-right: 0;
margin-left: 50px;
}
html[dir="rtl"] .header-top .header-container .menu-icon .text-menu > div {
left: auto;
right: 0;
}
html[dir="rtl"] .header-top .header-container .menu-icon__line-right {
right: auto;
left: 2px;
}
html[dir="rtl"] .link-custom a {
padding-right: 0;
padding-left: 25px;
}
html[dir="rtl"] .link-custom a:before {
transform: scale(-1, 1);
}
html[dir="rtl"] .intro-about .intro-content-text h2 {
text-align: left;
}
html[dir="rtl"] .intro-about .background-mask {
left: 0;
right: auto;
}
html[dir="rtl"] .intro-about .intro-content-text .exper .numb-ex > span {
float: right;
margin-right: 0;
margin-left: 20px;
}
html[dir="rtl"] .dsn-slider-content .slide-content .slide-content-inner .project-metas .cat {
padding-left: 0;
padding-right: 60px;
}
html[dir="rtl"] .dsn-slider-content .slide-content {
left: auto;
right: 0;
}
html[dir="rtl"] .dsn-slider-content .slide-content .slide-content-inner {
padding-left: 0;
padding-right: 12.5vw;
}
html[dir="rtl"] .dsn-slider-content .slide-content .slide-content-inner .project-metas .cat:after {
left: auto;
right: 0;
}
html[dir="rtl"] .dsn-slider .dsn-root-slider {
left: auto;
right: 20%;
direction: ltr;
}
html[dir="rtl"] .dsn-slider .footer-slid .main-social {
left: 0;
right: 50px;
}
html[dir="rtl"] .dsn-slider .footer-slid .main-social .social-network {
margin-left: 0;
margin-right: 60px;
}
html[dir="rtl"] .dsn-slider .footer-slid .main-social .social-icon:after {
left: 0;
right: 27px;
}
html[dir="rtl"] .dsn-slider .footer-slid .main-social .social-network li {
margin-right: 0;
margin-left: 30px;
}
html[dir="rtl"] .dsn-slider .footer-slid .main-social .social-network li:last-child {
margin-left: 0;
}
html[dir="rtl"] .dsn-slider .footer-slid .control-num {
right: auto;
left: 100px;
}
html[dir="rtl"] .dsn-slider[data-dsn-header=project] .footer-slid .control-num {
right: auto;
left: 40px;
}
html[dir="rtl"] .dsn-slider .footer-slid .control-nav {
right: auto;
left: 50px;
}
html[dir="rtl"] .dsn-slider .footer-slid .control-nav .prev-container {
margin-right: 0;
margin-left: 15px;
}
html[dir="rtl"] .dsn-slider .footer-slid .control-nav .next-container svg {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
html[dir="rtl"] .dsn-slider .footer-slid .control-nav .prev-container svg {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
html[dir="rtl"] .intro-about .intro-content-text h6 {
padding-right: 0;
padding-left: 80px;
}
html[dir="rtl"] .intro-about .intro-content-text h6:before {
right: auto;
left: 0;
}
html[dir="rtl"] .intro-about .intro-content-text h6:after {
right: auto;
left: 15px;
}
html[dir="rtl"] .one-title {
text-align: right;
}
html[dir="rtl"] .one-title .title-sub-container .title-sub {
padding-left: 0;
padding-right: 70px;
}
html[dir="rtl"] .one-title .title-sub-container .title-sub:before {
left: auto;
right: 0;
}
html[dir="rtl"] .one-title .title-sub-container .title-sub:after {
left: auto;
right: 5px;
}
html[dir="rtl"] .box-seat .pro-text {
right: auto;
left: 80px;
}
html[dir="rtl"] .box-gallery-vertical .box-info {
padding-left: 0;
padding-right: 50px;
}
html[dir="rtl"] .box-gallery-vertical .vertical-title::before {
left: auto;
right: -25px;
transform: translateX(100%);
}
html[dir="rtl"] .contact-up .c-wapp a .hiring {
text-align: right;
}
html[dir="rtl"] .contact-up .c-wapp a .career {
text-align: left;
}
html[dir="rtl"] footer .footer-title:after {
left: auto;
right: 0;
}
html[dir="rtl"] .header-hero h5:before {
transform: translateX(100%);
left: auto;
right: -50px;
}
html[dir="rtl"] .wpcf7 {
direction: rtl;
}
html[dir="rtl"] .wpcf7 input[type="url"], html[dir="rtl"] .wpcf7 input[type="email"], html[dir="rtl"] .wpcf7 input[type="tel"] {
text-align: right;
}
html[dir="rtl"] label {
padding-right: 0;
padding-left: 30px;
}
html[dir="rtl"] .headefr-fexid .project-title {
padding-left: 0px;
padding-right: 7.5vw;
}
html[dir="rtl"] .headefr-fexid .project-title.f-align-center, .headefr-fexid .project-title.text-center {
padding-right: 0;
}
html[dir="rtl"] .headefr-fexid .project-title .title-text-header .cat {
padding-left: 0;
padding-right: 60px;
}
html[dir="rtl"] .headefr-fexid .project-title.text-center .title-text-header .cat {
padding-right: 0;
}
html[dir="rtl"] .headefr-fexid .project-title .title-text-header .cat:after {
left: auto;
right: 0;
}
html[dir="rtl"] .dsn-active[data-dsn-animate=animate] .dsn-wrapper {
margin-right: 0;
margin-left: 7px;
}
html[dir="rtl"] .dsn-slider .nav-slider .swiper-slide .image-container .image-bg {
border-radius: 3px 0 0 3px;
}
html[dir="rtl"] .next-project .project-title .title-text-header {
padding-left: 0;
padding-right: 7.5vw;
}
html[dir="rtl"] .next-project .project-title .sub-text-header {
padding-left: 0;
padding-right: 7.5vw;
}
html[dir="rtl"] footer.wrapper-footer .copyright-social ul li {
margin-right: 0;
margin-left: 20px;
}
html[dir="rtl"] .next-project .bg {
right: auto;
left: 0;
}
@media only screen and (max-width: 991px) {
html[dir="rtl"] .box-seat .pro-text, html[dir="rtl"] .box-seat.box-seat-full .pro-text, html[dir="rtl"] .box-seat.box-seat-bottom .pro-text {
left: 0;
right: 0;
}
html[dir="rtl"] .intro-about .intro-content-text h2 {
text-align: right;
}
}
@media only screen and (max-width: 767px) {
html[dir="rtl"] .dsn-slider .dsn-root-slider, html[dir="rtl"] .dsn-slider.demo2 .dsn-root-slider {
right: 0;
}
html[dir="rtl"] .box-gallery-vertical .box-info {
padding-right: 0;
}
html[dir="rtl"] .dsn-slider .dsn-slider-content .slide-content .slide-content-inner {
padding-left: 50px;
padding-right: 50px;
}
html[dir="rtl"] .contact-up .c-wapp a .hiring, html[dir="rtl"] .contact-up .c-wapp a .career {
text-align: center;
}
html[dir="rtl"] .nav__list-item a {
padding-right: 0;
}
}
@media only screen and (max-width: 575px) {
html[dir="rtl"] .dsn-slider .dsn-slider-content .slide-content .slide-content-inner {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 400px) {
html[dir="rtl"] .box-info-contact ul li span {
margin-right: 0;
margin-left: 15px;
}
}.nav__list .lang-item img {
width: 45px;
}
.main-social {
position: absolute;
top: -50px;
left: 50px;
}
.main-social > * {
position: relative;
display: inline-block;
vertical-align: middle;
}
.main-social .social-btn {
width: 16px;
}
.main-social .svg-wrapper svg path {
fill: #fff;
}
.main-social .social-icon {
height: 20px;
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-duration: 0.6s;
}
.main-social .social-icon:after {
content: "";
position: absolute;
width: 0;
height: 1px;
background-color: #fff;
opacity: 0.2;
top: 8px;
left: 27px;
transition: width 0.5s 0.3s;
}
.main-social .social-network {
overflow: hidden;
will-change: transform;
margin-left: 60px;
}
.main-social .social-network li {
opacity: 0;
visibility: hidden;
will-change: transform;
transform: translateY(50%) rotate(15deg) scale(0.8);
transform-origin: top left;
display: inline-block;
line-height: 30px;
margin-right: 30px;
font-size: 16px;
}
.main-social .social-network li:last-child {
margin-right: 0;
}
.main-social .social-network li:hover i {
color: #fff;
}
.main-social:hover .dsn-wrapper {
margin-right: 7px;
}
.main-social:hover .dsn-wrapper:last-child {
margin-right: 0;
}
.main-social:hover .social-network {
will-change: transform;
}
.main-social:hover .social-network li {
will-change: transform;
opacity: 1;
visibility: visible;
transform: none;
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.main-social:hover .social-network li:nth-of-type(1) {
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 60ms, opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) 260ms, visibility 0.3s 45ms, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 60ms;
}
.main-social:hover .social-network li:nth-of-type(2) {
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 120ms, opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) 320ms, visibility 0.3s 90ms, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 120ms;
}
.main-social:hover .social-network li:nth-of-type(3) {
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 180ms, opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) 380ms, visibility 0.3s 135ms, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 180ms
}
.main-social:hover .social-network li:nth-of-type(4) {
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 240ms, opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) 440ms, visibility 0.3s 180ms, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 240ms
}
.main-social:hover .social-network li:nth-of-type(5) {
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 300ms, opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) 500ms, visibility 0.3s 225ms, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 300ms
}
.main-social:hover .social-network li:nth-of-type(6) {
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 360ms, opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) 560ms, visibility 0.3s 270ms, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 360ms
}
.main-social:hover .social-network li:nth-of-type(7) {
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 420ms, opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) 620ms, visibility 0.3s 315ms, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 420ms
}
.main-social:hover .social-network li:nth-of-type(8) {
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 480ms, opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) 680ms, visibility 0.3s 360ms, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 480ms
}
.main-social:hover .social-network li:nth-of-type(9) {
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 540ms, opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) 740ms, visibility 0.3s 405ms, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 540ms
}
.main-social:hover .social-network li:nth-of-type(10) {
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 600ms, opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) 800ms, visibility 0.3s 450ms, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 600ms
}
.main-social:hover .social-icon:after  {
width: 40px;
transition-delay: 0s;
}
.grecaptcha-badge {
display: none;
}
@media only screen and (max-width: 991px) {
.main-social {
top: -130px;
}
}
@media only screen and (max-width: 575px) {
.main-social {
left: 20px;
}
}