.elementor-1810 .elementor-element.elementor-element-9b09bd2{--display:flex;--position:fixed;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;top:0px;--z-index:2;}.elementor-1810 .elementor-element.elementor-element-9b09bd2:not(.elementor-motion-effects-element-type-background), .elementor-1810 .elementor-element.elementor-element-9b09bd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#030303;}body:not(.rtl) .elementor-1810 .elementor-element.elementor-element-9b09bd2{left:0px;}body.rtl .elementor-1810 .elementor-element.elementor-element-9b09bd2{right:0px;}.elementor-1810 .elementor-element.elementor-element-88c5bdd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1810 .elementor-element.elementor-element-b034b8a > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-1810 .elementor-element.elementor-element-2f9e0f2 img{opacity:0.4;}.elementor-1810 .elementor-element.elementor-element-8f3e152 img{opacity:0.4;}.elementor-1810 .elementor-element.elementor-element-856df45 img{opacity:0.4;}.elementor-1810 .elementor-element.elementor-element-9ba701e img{opacity:0.4;}.elementor-1810 .elementor-element.elementor-element-6cc5a3f img{opacity:0.4;}.elementor-1810 .elementor-element.elementor-element-1c657d0 img{opacity:0.4;}.elementor-1810 .elementor-element.elementor-element-b807fd6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{color:var( --e-global-color-text );}.elementor-1810 .elementor-element.elementor-element-0b30353 .elementor-icon-box-wrapper{align-items:center;text-align:right;}.elementor-1810 .elementor-element.elementor-element-0b30353{--icon-box-icon-margin:0px;}.elementor-1810 .elementor-element.elementor-element-0b30353 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-1810 .elementor-element.elementor-element-0b30353 .elementor-icon{font-size:50px;}.elementor-1810 .elementor-element.elementor-element-0b30353 .elementor-icon i{transform:rotate(28deg);}.elementor-1810 .elementor-element.elementor-element-0b30353 .elementor-icon-box-title, .elementor-1810 .elementor-element.elementor-element-0b30353 .elementor-icon-box-title a{font-family:"Peyda", Sans-serif;font-size:18px;font-weight:400;letter-spacing:0.1px;word-spacing:5px;}.elementor-1810 .elementor-element.elementor-element-6f7ebc7 .elementor-icon-box-wrapper{align-items:center;text-align:right;}.elementor-1810 .elementor-element.elementor-element-6f7ebc7{--icon-box-icon-margin:0px;}.elementor-1810 .elementor-element.elementor-element-6f7ebc7 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-1810 .elementor-element.elementor-element-6f7ebc7 .elementor-icon{font-size:50px;}.elementor-1810 .elementor-element.elementor-element-6f7ebc7 .elementor-icon i{transform:rotate(28deg);}.elementor-1810 .elementor-element.elementor-element-6f7ebc7 .elementor-icon-box-title, .elementor-1810 .elementor-element.elementor-element-6f7ebc7 .elementor-icon-box-title a{font-family:"Peyda", Sans-serif;font-size:18px;font-weight:400;letter-spacing:0px;word-spacing:5px;}.elementor-1810 .elementor-element.elementor-element-aacbf62 .elementor-icon-box-wrapper{align-items:center;text-align:right;}.elementor-1810 .elementor-element.elementor-element-aacbf62{--icon-box-icon-margin:0px;}.elementor-1810 .elementor-element.elementor-element-aacbf62 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-1810 .elementor-element.elementor-element-aacbf62 .elementor-icon{font-size:50px;}.elementor-1810 .elementor-element.elementor-element-aacbf62 .elementor-icon i{transform:rotate(28deg);}.elementor-1810 .elementor-element.elementor-element-aacbf62 .elementor-icon-box-title, .elementor-1810 .elementor-element.elementor-element-aacbf62 .elementor-icon-box-title a{font-family:"Peyda", Sans-serif;font-size:18px;font-weight:400;letter-spacing:0px;word-spacing:5px;}.elementor-1810 .elementor-element.elementor-element-0d93052 .elementor-icon-box-wrapper{align-items:center;}.elementor-1810 .elementor-element.elementor-element-0d93052{--icon-box-icon-margin:0px;}.elementor-1810 .elementor-element.elementor-element-0d93052 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-1810 .elementor-element.elementor-element-0d93052 .elementor-icon{font-size:50px;}.elementor-1810 .elementor-element.elementor-element-0d93052 .elementor-icon i{transform:rotate(28deg);}.elementor-1810 .elementor-element.elementor-element-0d93052 .elementor-icon-box-title, .elementor-1810 .elementor-element.elementor-element-0d93052 .elementor-icon-box-title a{font-family:"Peyda", Sans-serif;font-size:18px;font-weight:400;letter-spacing:0px;word-spacing:5px;}.elementor-1810 .elementor-element.elementor-element-0cb6edc .elementor-icon-box-wrapper{align-items:center;}.elementor-1810 .elementor-element.elementor-element-0cb6edc{--icon-box-icon-margin:0px;}.elementor-1810 .elementor-element.elementor-element-0cb6edc .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-1810 .elementor-element.elementor-element-0cb6edc .elementor-icon{font-size:50px;}.elementor-1810 .elementor-element.elementor-element-0cb6edc .elementor-icon i{transform:rotate(28deg);}.elementor-1810 .elementor-element.elementor-element-0cb6edc .elementor-icon-box-title, .elementor-1810 .elementor-element.elementor-element-0cb6edc .elementor-icon-box-title a{font-family:"Peyda", Sans-serif;font-size:18px;font-weight:400;letter-spacing:0px;word-spacing:5px;}.elementor-1810 .elementor-element.elementor-element-31505cb .elementor-icon-box-wrapper{align-items:center;}.elementor-1810 .elementor-element.elementor-element-31505cb{--icon-box-icon-margin:0px;}.elementor-1810 .elementor-element.elementor-element-31505cb .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-1810 .elementor-element.elementor-element-31505cb .elementor-icon{font-size:50px;}.elementor-1810 .elementor-element.elementor-element-31505cb .elementor-icon i{transform:rotate(28deg);}.elementor-1810 .elementor-element.elementor-element-31505cb .elementor-icon-box-title, .elementor-1810 .elementor-element.elementor-element-31505cb .elementor-icon-box-title a{font-family:"Peyda", Sans-serif;font-size:18px;font-weight:400;letter-spacing:0px;word-spacing:5px;}.elementor-1810 .elementor-element.elementor-element-c6f5677 .cz_gap{height:30px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-1810 .elementor-element.elementor-element-e4c1006 .elementor-button{background-color:#E11A26;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:20px 0px 20px 0px;}.elementor-1810 .elementor-element.elementor-element-e4c1006 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1810 .elementor-element.elementor-element-e4c1006 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1810 .elementor-element.elementor-element-9b09bd2{--content-width:300px;}}/* Start custom CSS for shortcode, class: .elementor-element-b034b8a */.elementor-1810 .elementor-element.elementor-element-b034b8a .js-wpml-ls-item-toggle.wpml-ls-item-toggle{
    padding: 5px;
    display: flex;
    border-radius: 5px;
}
.header-side .wpml-ls-native {
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap; 
}
/*.header-side:hover .wpml-ls-native {*/
/*    max-width: 200px; */
/*    opacity: 1;*/
/*}*/
.wpml-ls-native {
    font-family: "IRANSans", sans-serif;
}
.wpml-ls-sub-menu li:last-child a {
    border-radius: 8px;
}
.wpml-ls-legacy-dropdown a {
    color: #ffffff;
    border: none;
    background-color: #121212;
    padding: 5px;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {
    color: #eee;
    background: #000;
}
.elementor-1810 .elementor-element.elementor-element-b034b8a .wpml-ls-legacy-dropdown{
    width: 50px;
    margin: 0 auto;
}
.elementor-1810 .elementor-element.elementor-element-b034b8a .wpml-ls-link{
    display: flex;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2f9e0f2 */.decorative-image{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.decorative-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f3e152 */.IndustrialSteel-image{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.IndustrialSteel-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-856df45 */.tinplateSteel-image{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.tinplateSteel-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9ba701e */.coloredGalvanized-image{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.coloredGalvanized-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6cc5a3f */.Galvanized-image{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.Galvanized-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1c657d0 */.ColdSheet-image{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.ColdSheet-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0b30353 */.decorative-icon .elementor-icon-box-content .elementor-icon-box-title{
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px); 
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.elementor-element.header-side:hover .decorative-icon .elementor-icon-box-content .elementor-icon-box-title{
    visibility: visible;
    opacity: 1;
    transform: translateY(0); 
    width: 150px;
}
.decorative-icon .elementor-widget-icon-box .elementor-icon-box-content{
    display: none;
}
.elementor-element.header-side:hover .elementor-widget-icon-box .elementor-icon-box-content{
    display: block;
}
.elementor-element.header-side .decorative-icon:hover .elementor-icon-box-title a{
    font-weight: 400;
}
.decorative-icon .elementor-icon svg path,.decorative-icon .elementor-icon svg circle {
    fill: #777;
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
    transition: stroke 0.3s ease-in-out, stroke-dashoffset 1.5s ease-in-out;
}
.decorative-icon .elementor-icon-box-wrapper:hover .elementor-icon svg path ,.decorative-icon .elementor-icon-box-wrapper:hover .elementor-icon svg circle  {
    stroke: #fff; 
    stroke-dashoffset: 0;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f7ebc7 */.IndustrialSteel-icon .elementor-icon-box-content .elementor-icon-box-title{
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px); 
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.elementor-element.header-side:hover .IndustrialSteel-icon .elementor-icon-box-content .elementor-icon-box-title{
    visibility: visible;
    opacity: 1;
    transform: translateY(0); 
    width: 150px;
}
.IndustrialSteel-icon .elementor-widget-icon-box .elementor-icon-box-content{
    display: none;
}
.elementor-element.header-side:hover .elementor-widget-icon-box .elementor-icon-box-content{
    display: block;
}
.elementor-element.header-side .IndustrialSteel-icon:hover .elementor-icon-box-title a{
    font-weight: 800;
}
.IndustrialSteel-icon .elementor-icon svg path {
    fill: #777;
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
    transition: stroke 0.3s ease-in-out, stroke-dashoffset 1.5s ease-in-out;
}
.IndustrialSteel-icon .elementor-icon-box-wrapper:hover .elementor-icon svg path {
    stroke: #fff; 
    stroke-dashoffset: 0;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-aacbf62 */.tinplateSteel-icon .elementor-icon-box-content .elementor-icon-box-title{
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px); 
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.elementor-element.header-side:hover .tinplateSteel-icon .elementor-icon-box-content .elementor-icon-box-title{
    visibility: visible;
    opacity: 1;
    transform: translateY(0); 
    width: 150px;
}
.tinplateSteel-icon .elementor-widget-icon-box .elementor-icon-box-content{
    display: none;
}
.elementor-element.header-side:hover .elementor-widget-icon-box .elementor-icon-box-content{
    display: block;
}
.elementor-element.header-side .tinplateSteel-icon:hover .elementor-icon-box-title a{
    font-weight: 800;
}

.tinplateSteel-icon .elementor-icon svg path {
    fill: #777;
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
    transition: stroke 0.3s ease-in-out, stroke-dashoffset 1.5s ease-in-out;
}
.tinplateSteel-icon .elementor-icon-box-wrapper:hover .elementor-icon svg path {
    stroke: #fff; 
    stroke-dashoffset: 0;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0d93052 */.coloredGalvanized-icon .elementor-icon-box-content .elementor-icon-box-title{
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px); 
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.elementor-element.header-side:hover .coloredGalvanized-icon .elementor-icon-box-content .elementor-icon-box-title{
    visibility: visible;
    opacity: 1;
    transform: translateY(0); 
    width: 150px;
}
.coloredGalvanized-icon .elementor-widget-icon-box .elementor-icon-box-content{
    display: none;
}
.elementor-element.header-side:hover .elementor-widget-icon-box .elementor-icon-box-content{
    display: block;
}
.elementor-element.header-side .coloredGalvanized-icon:hover .elementor-icon-box-title a{
    font-weight: 800;
}
.coloredGalvanized-icon .elementor-icon svg path {
    fill: #777;
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
    transition: stroke 0.3s ease-in-out, stroke-dashoffset 1.5s ease-in-out;
}
.coloredGalvanized-icon .elementor-icon-box-wrapper:hover .elementor-icon svg path {
    stroke: #fff; 
    stroke-dashoffset: 0;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0cb6edc */.Galvanized-icon .elementor-icon-box-content .elementor-icon-box-title{
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px); 
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.elementor-element.header-side:hover .Galvanized-icon .elementor-icon-box-content .elementor-icon-box-title{
    visibility: visible;
    opacity: 1;
    transform: translateY(0); 
    width: 150px;
}
.Galvanized-icon .elementor-widget-icon-box .elementor-icon-box-content{
    display: none;
}
.elementor-element.header-side:hover .elementor-widget-icon-box .elementor-icon-box-content{
    display: block;
}
.elementor-element.header-side .Galvanized-icon:hover .elementor-icon-box-title a{
    font-weight: 800;
}
.Galvanized-icon .elementor-icon svg path {
    fill: #777;
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
    transition: stroke 0.3s ease-in-out, stroke-dashoffset 1.5s ease-in-out;
    stroke-width: 2;
}
.Galvanized-icon .elementor-icon-box-wrapper:hover .elementor-icon svg path {
    stroke: #fff; 
    stroke-dashoffset: 0;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-31505cb */.ColdSheet-icon .elementor-icon-box-content .elementor-icon-box-title{
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px); 
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.elementor-element.header-side:hover .ColdSheet-icon .elementor-icon-box-content .elementor-icon-box-title{
    visibility: visible;
    opacity: 1;
    transform: translateY(0); 
    width: 150px;
}
.ColdSheet-icon .elementor-widget-icon-box .elementor-icon-box-content{
    display: none;
}
.elementor-element.header-side:hover .elementor-widget-icon-box .elementor-icon-box-content{
    display: block;
}
.elementor-element.header-side .ColdSheet-icon:hover .elementor-icon-box-title a{
    font-weight: 800;
}
.ColdSheet-icon .elementor-icon svg path {
    fill: #777;
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
    transition: stroke 0.3s ease-in-out, stroke-dashoffset 1.5s ease-in-out;
    stroke-width: 2;
}
.ColdSheet-icon .elementor-icon-box-wrapper:hover .elementor-icon svg path {
    stroke: #fff; 
    stroke-dashoffset: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e4c1006 */#sideBtnProduct{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

#sideBtnProduct .elementor-button-text {
    max-height: 0; 
    overflow: hidden; 
    opacity: 0; 
    transition: max-height 0.3s ease, opacity 0.3s ease;
}

.elementor-element.header-side:hover #sideBtnProduct .elementor-button-text {
    max-height: 100%; 
    opacity: 1; 
}

.elementor-element.header-side:hover #sideBtnProduct .elementor-button-icon{
    display: none;
}

.elementor-element.header-side span.elementor-button-icon {
    transform: translateX(35px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b09bd2 */.elementor-element.header-side{
    width: 150px;
	transition: width 0.8s ease-in-out;
}
.elementor-element.header-side:hover{
	width: 350px !important;
}/* End custom CSS */