/*
Theme Name: ariasayan
Theme URI: https://webramz.com
Author: acf group
Author URI: https://webramz.com/
Description: The biggest WordPress Theme ever
License: Themeforest Split Licence
License URI: https://webramz.com
Text Domain: ariasayan
Version: 21.7.7

All css files are placed in /css/ folder
*/

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html,body{
    width: 100%;
    height: 100%;
    direction: rtl;
}
@font-face {
    font-family: "kalam";
    src: url("fonts/KalamehWeb(FaNum)-Regular.woff2") format("woff2");
  }
  @font-face {
    font-family: "kalam-bold";
    src: url("fonts/KalamehWeb(FaNum)-Bold.woff2") format("woff2");
}
@font-face {
    font-family: "fontawsome";
    src: url("fonts/fontawesome-webfont.woff2") format("woff2");
}


@font-face {
    font-family: "calibri";
    src: url("fonts/calibri.woff2") format("woff2");
}



html[lang="en-US"]  .swiper-button-prev,html[lang="en-US"]  .swiper-button-next {
    left: 10px;
    background: #fff;
    border-radius: 3px 0 0 3px;
    bottom: auto;
    height: 30px;
    position: absolute;
    text-align: center;
    width: 30px;
    font-size: 13px !important;
}
html[lang="en-US"] .swiper-button-next {
    left: 30%;
}
html[lang="en-US"] .swiper-button-prev{
    left: 0;
}
html[lang="en-US"] .title-webx:after{
    margin-right: 0;
    margin-left: 1rem;
}
html[lang="en-US"] code, html[lang="en-US"] input[type=email], html[lang="en-US"] input[type=tel], html[lang="en-US"] input[type=url]{
    direction: ltr !important;
}
html[lang="en-US"] p,html[lang="en-US"] span,html[lang="en-US"] a,html[lang="en-US"] div,html[lang="en-US"] td,html[lang="en-US"] tbody,html[lang="en-US"] h1,html[lang="en-US"] h2,html[lang="en-US"] h3,html[lang="en-US"] h4,html[lang="en-US"] h5,html[lang="en-US"] h6,html[lang="en-US"] th{
    font-family: 'calibri' !important;
}
html[lang="en-US"] .navbar-light .navbar-nav .nav-link{
        font-family: 'calibri' !important;

}
html[lang="en-US"] body {
       direction: ltr!important;
       text-align: left!important;
}
html[lang="en-US"] h1,html[lang="en-US"] h2,html[lang="en-US"] h3,html[lang="en-US"] h4,html[lang="en-US"] h5,html[lang="en-US"] h6,html[lang="en-US"] p,html[lang="en-US"] input::placeholder,html[lang="en-US"] textarea::placeholder{
	      text-align: left!important;
}
html[lang="en-US"] .left {
      text-align: left!important;
}
html[lang="en-US"] .title-side{
	padding-right: 0;
	padding-left: 1.5rem;
}
html[lang="en-US"] .title-side:after{
	right: auto;
	left: 0;
}
html[lang="en-US"] .inn-about h4{
	text-align: left;
}
html[lang="en-US"] .inn-about h4::after{
	right: auto;
	left: 0;
}
html[lang="en-US"] .page-template-about .about-title::after,html[lang="en-US"] .page-template-vibre .about-title::after{
	right: auto;
	left: 0;
}
html[lang="en-US"] a.dropdown-item{
		text-align: left;
}
html[lang="en-US"] .pe-2 {
    padding-left: 0.5rem;
	padding-right: 0 !important;
}
html[lang="en-US"] .ps-2 {
    padding-right: 0.5rem;
	padding-left: 0 !important;
}
html[lang="en-US"] .pe-3 {
    padding-left: 1rem;
	padding-right: 0 !important;
}
html[lang="en-US"] .ps-3 {
    padding-right: 1rem;
	padding-left: 0 !important;
}
html[lang="en-US"] .me-2 {
    margin-left: 0.5rem;
	margin-right: 0 !important;
}
html[lang="en-US"] .ms-2 {
    margin-right: 0.5rem;
	margin-left: 0 !important;
}

html[lang="en-US"] .tax-product-category .nm-products h4,html[lang="en-US"] .tax-product-category .nm-products p,html[lang="en-US"] .post-type-archive-products .nm-products p,html[lang="en-US"] .page-title h1,html[lang="en-US"] .div-count h6{
	text-align: center !important;
}
html[lang="en-US"] .gform_title::after{
	right: auto;
	left: 0;
}
html[lang="en-US"] .dropdown:hover .dropdown-menu{
	text-align: left !important
}
html[lang="en-US"] .dropdown-menu li{
	width: 100%;
}
html[lang="en-US"] .about-title::after{
	right: auto;
	left: 0;
}
html[lang="en-US"] .products .title-web::after,html[lang="en-US"] .sanaye .title-web::after{
	margin-left: 1rem;
	margin-right: 0;
}
html[lang="en-US"] .content-box h4 {
	text-align: center!important;
}
html[lang="en-US"] .customers .title-web,
html[lang="en-US"] .in-nm-services h3,html[lang="en-US"] .in-nm-services p{
	text-align: center!important;
} 
html[lang="en-US"] .title-sanaye{
	text-align: center!important;
} 
html[lang="en-US"] .title-web{
	text-align: left!important;
}
html[lang="en-US"] .button-about img {
    transform:rotate(180deg);
}
html[lang="en-US"] .services .title-web{
	text-align: center !important;
}
html[lang="en-US"] span.phone-header a {
    display: flex;
    flex-direction: row-reverse;
}
html[lang="en-US"] .top-header .phone-header img{
    padding-left: 0 !important;
    padding-right: .5rem !important;
}

html[lang="en-US"] span.mail-header a{
        display: flex;
    flex-direction: row-reverse;
}
html[lang="en-US"] span.mail-header img{
    padding-left: 0 !important;
    padding-right: .5rem !important;
}

html[lang="en-US"] span.contruction a{
        display: flex;
       flex-direction: row-reverse;
    align-items: center;
}
html[lang="en-US"] span.contruction a i{
     padding-left: 0 !important;
    padding-right: .5rem !important;
}

html[lang="en-US"] .top-header .phone-header small {display: contents;}

html[lang="en-US"] .media-body {
    padding-left: 0.5rem;
    
}
/* paginate tag*/
span.page-numbers.dots {
    width: auto;
}
@media (min-width: 992px){
html[lang="en-US"] .ms-lg-3 {
    margin-left: 0!important;
    margin-right: 1rem;
}
}


.tagDesc h1{
    font-size: 22px;
}
.tagDesc h2{
    font-size: 20px;
}
.tagDesc h3{
    font-size: 18px;
}
.tagDesc h4{
    font-size: 16px;
}
.tagDesc h5{
    font-size: 15px;
}
.tagDesc h6{
    font-size: 15px;


/*html[lang="ru-RU"] .swiper-button-next {*/
/*    right: -35px;*/
/*}*/
/*html[lang="ru-RU"] .swiper-button-prev{*/
/*    left: 0;*/
/*}*/
html[lang="ru-RU"] .title-webx:after{
    margin-right: 0;
    margin-left: 1rem;
}
html[lang="ru-RU"] code, html[lang="ru-RU"] input[type=email], html[lang="ru-RU"] input[type=tel], html[lang="ru-RU"] input[type=url]{
    direction: ltr !important;
}
html[lang="ru-RU"] p,html[lang="ru-RU"] span,html[lang="ru-RU"] a,html[lang="ru-RU"] div,html[lang="ru-RU"] td,html[lang="ru-RU"] tbody,html[lang="ru-RU"] h1,html[lang="ru-RU"] h2,html[lang="ru-RU"] h3,html[lang="ru-RU"] h4,html[lang="ru-RU"] h5,html[lang="ru-RU"] h6,html[lang="ru-RU"] th{
    font-family: 'calibri' !important;
}
html[lang="ru-RU"] .navbar-light .navbar-nav .nav-link{
        font-family: 'calibri' !important;

}
html[lang="ru-RU"] body {
       direction: ltr!important;
       text-align: left!important;
}
html[lang="ru-RU"] h1,html[lang="ru-RU"] h2,html[lang="ru-RU"] h3,html[lang="ru-RU"] h4,html[lang="ru-RU"] h5,html[lang="ru-RU"] h6,html[lang="ru-RU"] p,html[lang="ru-RU"] input::placeholder,html[lang="ru-RU"] textarea::placeholder{
	      text-align: left!important;
}
html[lang="ru-RU"] .left {
      text-align: left!important;
}
html[lang="ru-RU"] .title-side{
	padding-right: 0;
	padding-left: 1.5rem;
}
html[lang="ru-RU"] .title-side:after{
	right: auto;
	left: 0;
}
html[lang="ru-RU"] .inn-about h4{
	text-align: left;
}
html[lang="ru-RU"] .inn-about h4::after{
	right: auto;
	left: 0;
}
html[lang="ru-RU"] .page-template-about .about-title::after,html[lang="ru-RU"] .page-template-vibre .about-title::after{
	right: auto;
	left: 0;
}
html[lang="ru-RU"] a.dropdown-item{
		text-align: left;
}
html[lang="ru-RU"] .pe-2 {
    padding-left: 0.5rem;
	padding-right: 0 !important;
}
html[lang="ru-RU"] .ps-2 {
    padding-right: 0.5rem;
	padding-left: 0 !important;
}
html[lang="ru-RU"] .pe-3 {
    padding-left: 1rem;
	padding-right: 0 !important;
}
html[lang="ru-RU"] .ps-3 {
    padding-right: 1rem;
	padding-left: 0 !important;
}
html[lang="ru-RU"] .me-2 {
    margin-left: 0.5rem;
	margin-right: 0 !important;
}
html[lang="ru-RU"] .ms-2 {
    margin-right: 0.5rem;
	margin-left: 0 !important;
}

html[lang="ru-RU"] .tax-product-category .nm-products h4,html[lang="ru-RU"] .tax-product-category .nm-products p,html[lang="ru-RU"] .post-type-archive-products .nm-products p,html[lang="ru-RU"] .page-title h1,html[lang="ru-RU"] .div-count h6{
	text-align: center !important;
}
html[lang="ru-RU"] .gform_title::after{
	right: auto;
	left: 0;
}
html[lang="ru-RU"] .dropdown:hover .dropdown-menu{
	text-align: left !important
}
html[lang="ru-RU"] .dropdown-menu li{
	width: 100%;
}
html[lang="ru-RU"] .about-title::after{
	right: auto;
	left: 0;
}
html[lang="ru-RU"] .products .title-web::after,html[lang="ru-RU"] .sanaye .title-web::after{
	margin-left: 1rem;
	margin-right: 0;
}
html[lang="ru-RU"] .content-box h4 {
	text-align: center!important;
}
html[lang="ru-RU"] .customers .title-web,
html[lang="ru-RU"] .in-nm-services h3,html[lang="ru-RU"] .in-nm-services p{
	text-align: center!important;
} 
html[lang="ru-RU"] .title-sanaye{
	text-align: center!important;
} 
html[lang="ru-RU"] .title-web{
	text-align: left!important;
}
html[lang="ru-RU"] .button-about img {
    transform:rotate(180deg);
}
html[lang="ru-RU"] .services .title-web{
	text-align: center !important;
}
html[lang="ru-RU"] span.phone-header a {
    display: flex;
    flex-direction: row-reverse;
}
html[lang="ru-RU"] .top-header .phone-header img{
    padding-left: 0 !important;
    padding-right: .5rem !important;
}

html[lang="ru-RU"] span.mail-header a{
        display: flex;
    flex-direction: row-reverse;
}
html[lang="ru-RU"] span.mail-header img{
    padding-left: 0 !important;
    padding-right: .5rem !important;
}

html[lang="ru-RU"] span.contruction a{
        display: flex;
       flex-direction: row-reverse;
    align-items: center;
}
html[lang="ru-RU"] span.contruction a i{
     padding-left: 0 !important;
    padding-right: .5rem !important;
}

html[lang="ru-RU"] .top-header .phone-header small {display: contents;}

html[lang="ru-RU"] .media-body {
    padding-left: 0.5rem;
    
}

@media (min-width: 992px){
html[lang="ru-RU"] .ms-lg-3 {
    margin-left: 0!important;
    margin-right: 1rem;
}

}
@media (max-width: 768px){

html[lang="en-US"] .swiper-button-next {
    right: 0 !important;
    left: auto !important;
}
}


.nm-articles{
    border-color: #bababa!important;
    border-radius:0.25rem!important
}