@font-face{
font-family:"iran-sans-light";
src:url(../fonts/IRANSans_Light.ttf)
}
@font-face{
font-family:"cinema";
src:url(../fonts/Cinema.ttf)
}
@font-face{
font-family:"iran-kharazmi";
src:url(../fonts/IRAN_Kharazmi.woff)
}
@font-face{
font-family:"iran-sans";
src:url(../fonts/IRANSansWebNum.woff)
}
@font-face{
font-family:"Dima-Yekan-Typography";
src:url(../fonts/Dima-Yekan-Typography.ttf)
}
@font-face{
font-family:"IRANYekanMedium";
src:url(../fonts/IRANYekanMedium.otf)
}
@font-face{
font-family:"iran-sans-black";
src:url(../fonts/IRANSans_Black.ttf)
}
*{
padding:0px;
margin:0px;
font-family:"iran-sans";
user-select:none
}
@keyframes drop{
0%{
width:10px;
height:10px
}
20%{
background-color:rgba(254,58,58,.7)
}
50%{
background-color:rgba(254,58,58,.5)
}
80%{
background-color:rgba(254,58,58,.2)
}
90%{
background-color:rgba(254,58,58,.1)
}
100%{
width:30px;
height:30px;
background-color:rgba(254,58,58,0)
}

}
body *{
-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
body .blur-yellow{
width:800px;
height:800px;
position:absolute;
border-radius:50%;
opacity:.5;
background:radial-gradient(circle, #FED846 -200px, rgba(255, 255, 255, 0) 60%);
display:inline-block;
transform:scale(1.8);
left:0px;
top:0px;
z-index:-1
}
body .blur-red{
width:800px;
height:800px;
position:absolute;
border-radius:50%;
opacity:.5;
background:radial-gradient(circle, #FE3A3A -200px, rgba(255, 255, 255, 0) 60%);
display:inline-block;
transform:scale(1.8);
left:0px;
top:0px;
z-index:-1
}
body .blur-blue{
width:800px;
height:800px;
position:absolute;
border-radius:50%;
opacity:.5;
background:radial-gradient(circle, #6684F2 -200px, rgba(255, 255, 255, 0) 60%);
display:inline-block;
transform:scale(1.8);
right:0px;
bottom:0px;
z-index:-1
}
body .blur-sky{
width:800px;
height:800px;
position:absolute;
border-radius:50%;
opacity:.5;
background:radial-gradient(circle, #00B5D9 -200px, rgba(255, 255, 255, 0) 60%);
display:inline-block;
transform:scale(1.8);
left:-23%;
bottom:15%;
z-index:-1
}
body button{
cursor:pointer
}
body main{
width:100%;
min-height:1000px;
overflow:hidden;
position:relative
}
body main.submain{
padding-top:120px
}
body .fadeout{
transition:all 1s;
opacity:0;
z-index:-1
}
body .shadow{
overflow:hidden;
position:absolute;
height:180px;
width:100%;
right:0px
}
body .shadow.top{
top:0px
}
body .shadow.bottom{
bottom:0px
}
body .shadow div{
position:absolute;
width:100%;
transform:scale(1.5);
top:0px;
height:180px;
z-index:0
}
body .shadow div.bottom{
box-shadow:inset 0px -44px 29px #000
}
body .shadow div.top{
box-shadow:inset 0px 44px 29px #000
}
.custom-select{
width:100%;
position:relative
}
.custom-select i{
position:absolute;
left:15px;
top:50%;
transform:translateY(-50%);
z-index:1;
color:rgba(41,45,50,.5);
transition:all .3s
}
.custom-select select{
display:none
}
.custom-select .select-selected{
background-color:#fff;
color:#000;
width:100%;
position:relative;
border-radius:10px;
box-shadow:0px 0px 10px #00000016;
padding:8px 5px !important;
box-sizing:border-box;
transition:all .3s
}
.custom-select .select-selected.select-arrow-active{
border-radius:10px 10px 0px 0px !important
}
.custom-select .select-items div,.custom-select .select-selected{
padding:5px;
cursor:pointer;
user-select:none
}
.custom-select .select-items{
position:absolute;
background-color:#fff;
top:100%;
width:100%;
border-radius:0px 0px 10px 10px;
max-height:500px;
right:0;
opacity:1;
transform:translateY(0px);
z-index:5;
transition:all .3s;
box-shadow:0px 6px 10px #00000016;
overflow:auto;
box-sizing:border-box;
padding:15px
}
.custom-select .select-items div:last-child{
border-radius:0px 0px 10px 10px
}
.custom-select .select-hide{
opacity:0;
z-index:-5;
position:absolute;
overflow:hidden !important;
transform:translateY(-30px)
}
.custom-scroller{
position:absolute;
width:12px;
box-sizing:border-box;
padding:5px 3px;
border-radius:10px;
border:1px solid rgba(112,112,112,.2);
display:inline-block;
height:200px;
z-index:6;
overflow:hidden;
left:12px;
z-index:-1;
opacity:0;
transition:all .3s;
visibility:hidden
}
.custom-scroller > div{
position:relative;
transition:all .3s;
display:inline-block;
width:6px;
left:1px;
background-color:rgba(112,112,112,.3);
border-radius:10px;
height:80px
}
.custom-scroller.active{
opacity:1;
transition:all .3s;
visibility:visible;
z-index:6
}
nav{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;
width:100%;
box-sizing:border-box;
padding:25px 50px;
position:absolute;
transition:all .3s;
z-index:99
}
nav.noshadow .shadow{
display:none
}
nav.freez::after{
position:fixed;
content:"";
background-color:rgba(0,0,0,.6);
width:100%;
height:100vh;
top:0px;
right:0px;
z-index:1
}
nav.black > div.mb-group ul li ul{
background-color:#e6e6e6
}
nav.black > div.mb-group ul li a{
color:#000
}
nav.black .shadow{
display:none
}
nav.black .Mobile_menu_btn{
background-color:#c3c3c3
}
nav.black .Mobile_menu_btn span{
background-color:#707070
}
nav > div{
display:inline-block;
z-index:1
}
nav > div.mb-group{
width:90%;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap
}
nav > div.mb-group .logo{
width:20%;
display:none
}
nav > div.mb-group .logo h3{
width:70%;
box-sizing:border-box;
padding:0px 5px;
color:#fe0000;
display:inline-block;
font-family:"Dima-Yekan-Typography";
font-size:26pt
}
nav > div.mb-group .search-box{
width:22%;
box-sizing:border-box;
padding:5px 8px;
background-color:#fff;
border-radius:12px;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;
box-shadow:0px 0px 20px rgba(0,0,0,.2)
}
nav > div.mb-group .search-box .serach-icon{
display:inline-block;
background:url(../img/icons/search.svg);
width:24px;
height:24px;
background-repeat:no-repeat;
background-position:center;
padding:5px
}
nav > div.mb-group .search-box input{
border:none;
width:80%;
padding:5px 0px;
outline:none;
margin:0px 5px;
font-family:"IRANYekanMedium"
}
nav > div.mb-group .search-box button{
background-color:#95aaf6;
border:none;
border-radius:8px;
color:#fff;
padding:5px 10px;
cursor:pointer
}
nav > div.mb-group ul{
width:80%;
list-style:none;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
transition:all .3s;
position:relative;
z-index:1
}
nav > div.mb-group ul li{
list-style:none;
position:relative;
margin:0px 10px;
transition:all .3s;
font-family:"IRANYekanMedium"
}
nav > div.mb-group ul li:hover::after{
width:100%
}
nav > div.mb-group ul li:hover > ul{
top:40px;
visibility:visible;
z-index:2;
opacity:1
}
nav > div.mb-group ul li::after{
transition:all .3s;
content:"";
position:absolute;
height:4px;
background:radial-gradient(circle, #FE3A3A -10px, rgba(255, 255, 255, 0) 90%);
width:0%;
bottom:-3px;
left:50%;
transform:translate(-50%, 0%)
}
nav > div.mb-group ul li a{
text-decoration:none;
color:#fff;
width:100%;
display:inline-block;
padding:5px 10px;
box-sizing:border-box;
font-family:"IRANYekanMedium";
cursor:pointer
}
nav > div.mb-group ul li ul{
position:absolute;
background-color:rgba(255,255,255,.5);
min-width:250px;
top:65px;
transition:all .3s;
z-index:-1;
opacity:0;
visibility:hidden;
border-radius:3px 3px 10px 10px;
flex-wrap:wrap
}
nav > div.mb-group ul li ul li{
margin:0px 0px;
width:100%
}
nav > div.mb-group ul li ul li:last-child{
border-radius:0px 0px 10px 10px
}
nav > div.mb-group ul li ul li:hover{
background-color:#fe3a3a;
color:#fff
}
nav > div.mb-group ul li ul li:hover:after{
display:none
}
nav > div.mb-group ul li ul.child{
top:0px;
transform:translateX(-100%)
}
nav > div.login-signup{
width:10%;
background-color:#fff;
border-radius:12px;
box-sizing:border-box;
margin:0px 15px;
box-shadow:0px 0px 20px rgba(0,0,0,.2)
}
nav > div.login-signup a{
text-decoration:none;
color:#000;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
padding:12px 20px;
font-family:"IRANYekanMedium"
}
nav > div.login-signup a i{
display:inline-block;
background:url(../img/icons/user.svg);
width:30px;
height:30px;
background-position:center;
background-size:contain;
background-repeat:no-repeat
}
nav > div.logo{
width:20%;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
max-width:400px
}
nav > div.logo h3{
width:70%;
box-sizing:border-box;
padding:0px 5px;
color:#fe0000;
display:inline-block;
font-family:"Dima-Yekan-Typography";
font-size:26pt
}
nav .Mobile_menu_btn{
display:none
}
@media all and (max-width: 2183px){
nav > div .logo{
width:10%
}
nav > div .logo img{
width:50%
}
nav > div .logo h3{
width:50%
}
nav > div.login-signup{
width:10%
}

}
@media all and (max-width: 2160px){
nav > div.login-signup a{
font-size:10pt
}
nav > div.login-signup a i{
width:20px;
height:20px
}
nav > div.mb-group .search-box input,nav > div.mb-group .search-box button{
font-size:10pt
}

}
@media all and (max-width: 1920px){
nav > div .logo{
width:15%
}

}
@media all and (max-width: 1800px){
nav > div.login-signup{
width:200px
}

}
@media all and (max-width: 1760px){
nav{
padding:25px 10px
}
nav > div.mb-group .search-box{
width:19%
}
nav > .mb-group ul{
width:60%
}
nav > .mb-group ul li{
margin:0px 5px
}

}
@media all and (max-width: 1660px){
nav > div.login-signup a,nav > div.mb-group .search-box input,nav > div.mb-group .search-box button{
font-size:10pt
}
nav > div.logo h3{
font-size:17pt
}

}
@media all and (max-width: 1435px){
nav > div.mb-group .login-signup{
font-size:10pt
}
nav > div.mb-group .login-signup a{
padding:15px 20px
}
nav > div.mb-group .login-signup a i{
width:20px;
height:20px
}
nav > .mb-group ul li,nav > div.mb-group .search-box input,nav > div.mb-group .search-box button{
font-size:10pt
}

}
@media all and (max-width: 1300px){
nav > div.login-signup{
width:180px;
margin:0px 5px
}
nav > div.login-signup a{
padding:10px
}
nav > div.mb-group .search-box{
width:23%
}
nav > div.mb-group ul li a{
font-size:8pt
}
nav > div.mb-group .search-box{
width:30%
}

}
@media all and (max-width: 1250px){
nav > div.mb-group .search-box{
width:25%
}

}
@media all and (max-width: 1200px){
nav{
width:100%
}
nav div.mb-group{
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
flex-wrap:wrap;
-webkit-backdrop-filter:blur(15px);
backdrop-filter:blur(15px);
-o-backdrop-filter:blur(15px);
-moz-backdrop-filter:blur(15px);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
-webkit-transform:translate3d(0, 0, 0);
-webkit-transform:translateZ(0);
backface-visibility:hidden;
perspective:1000;
transform:translate3d(0, 0, 0);
transform:translateZ(0);
width:50%;
height:100%;
background-color:rgba(255,255,255,.2);
align-content:flex-start;
position:fixed;
right:-20%;
top:0px;
opacity:0;
z-index:-1;
visibility:hidden;
transition:all .3s
}
nav div.mb-group.active{
width:50%;
right:0px;
opacity:1;
z-index:99;
visibility:visible
}
nav div.mb-group .logo{
width:100%;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
order:-2
}
nav div.mb-group .logo img{
width:20%
}
nav div.mb-group ul{
padding:0px 10px;
box-sizing:border-box
}
nav div.mb-group > ul{
overflow:scroll;
max-height:70%
}
nav > div.mb-group > div:not(.shadow){
margin:20px 0px
}
nav > ul{
overflow:auto
}
nav > div.mb-group .search-box{
order:-1;
width:95%
}
nav > div.logo{
order:-2;
width:66%;
top:35%;
position:absolute;
box-sizing:border-box
}
nav > div.logo img{
width:15%
}
nav .login-signup{
position:absolute;
left:0px;
top:35%;
width:15% !important
}
nav > div.mb-group > div,nav div.mb-group > ul{
width:100%
}
nav > div.mb-group ul{
flex-wrap:wrap
}
nav > div.mb-group ul li{
width:100%;
overflow:hidden;
position:relative
}
nav > div.mb-group ul li:hover::after{
width:unset
}
nav > div.mb-group ul li:hover > ul{
top:unset;
visibility:unset;
z-index:unset;
opacity:unset
}
nav > div.mb-group ul li::after{
transition:all ease 2.5s;
content:"";
position:absolute;
height:0%;
background:radial-gradient(circle, #FE3A3A -10px, rgba(255, 255, 255, 0) 90%);
width:4px !important;
top:0px;
right:0px;
bottom:unset;
left:unset;
transform:translate(0%, 0%)
}
nav > div.mb-group ul li.active{
margin:15px 0px
}
nav > div.mb-group ul li.active > a{
font-weight:bold;
font-size:12pt
}
nav > div.mb-group ul li.active::after{
height:100%
}
nav > div.mb-group ul li ul{
position:relative;
background-color:transparent;
width:100%;
top:unset;
box-sizing:border-box;
padding-right:20px;
transition:all .3s;
z-index:unset;
opacity:unset;
visibility:unset;
border-radius:unset;
z-index:0
}
nav > div.mb-group ul li ul.ul_hide{
position:absolute;
z-index:-999;
transition:all 1s
}
nav > div.mb-group ul li ul li{
margin:0px 0px
}
nav > div.mb-group ul li ul li:last-child{
border-radius:unset
}
nav > div.mb-group ul li ul li:hover{
background-color:unset;
color:unset
}
nav > div.mb-group ul li ul li:hover:after{
display:unset
}
nav > div.mb-group ul li ul.child{
top:unset;
transform:unset
}
nav .Mobile_menu_btn{
width:60px;
height:60px;
border-radius:10px;
background-color:rgba(255,255,255,.2);
border:none;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
flex-wrap:wrap;
transition:all .3s;
position:relative;
margin:0px 10px
}
nav .Mobile_menu_btn span{
display:inline-block;
position:absolute;
background-color:#fff;
height:4px;
border-radius:5px;
transition:all ease .3s
}
nav .Mobile_menu_btn span:nth-child(1){
width:70%;
top:25%
}
nav .Mobile_menu_btn span:nth-child(2){
width:40%;
top:50%
}
nav .Mobile_menu_btn span:nth-child(3){
width:20%;
top:75%
}
nav .Mobile_menu_btn.active span{
background-color:#000
}
nav .Mobile_menu_btn.active span:nth-child(1){
background-color:transparent;
width:30px;
height:30px;
border-radius:50%;
border:2px solid #000;
top:50%;
left:50%;
transform:translate(-50%, -50%)
}
nav .Mobile_menu_btn.active span:nth-child(2){
width:15px;
top:50%;
left:50%;
transform:translate(-50%, -50%) rotate(-45deg)
}
nav .Mobile_menu_btn.active span:nth-child(3){
width:15px;
top:50%;
left:50%;
transform:translate(-50%, -50%) rotate(45deg)
}
nav.black > div.mb-group ul li ul{
background-color:transparent
}

}
@media all and (max-width: 1128px){
nav > div.login-signup{
width:unset !important
}
nav > div.login-signup a{
font-size:10pt
}

}
@media all and (max-width: 650px){
nav > div.login-signup{
width:unset !important
}
nav > div.login-signup a{
font-size:10pt
}
nav > div.login-signup a i{
width:25px;
height:25px
}
nav > div.logo h3{
font-size:26pt
}
nav .Mobile_menu_btn{
width:50px;
height:50px
}

}
@media all and (max-width: 518px){
nav div.mb-group.active{
width:80%
}

}
@media all and (max-width: 480px){
nav > div.logo{
padding:0px
}

}
@media all and (max-width: 400px){
nav > div.logo h3{
font-size:15pt
}
nav .Mobile_menu_btn{
width:40px;
height:40px
}
nav .Mobile_menu_btn.active span:nth-child(1){
width:20px;
height:20px
}
nav .Mobile_menu_btn.active span{
height:2px
}

}
@media all and (max-width: 378px){
nav > div.mb-group .logo h3{
font-size:26pt
}

}
@media all and (max-width: 340px){
nav > div.login-signup a i{
width:15px;
height:15px
}
nav > div.login-signup a,nav > div.mb-group .search-box button,nav > div.mb-group .search-box input{
font-size:8pt
}

}
@media all and (max-width: 305px){
nav > div.login-signup a{
padding:8px 10px
}

}
footer{
width:100%;
box-sizing:border-box;
padding:25px 15px;
background-color:#0e0d26;
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
flex-wrap:nowrap;
color:#fff;
z-index:2;
border-bottom:10px solid #fe3a3a;
border-top:5px double #222;
}
footer > div{
max-width:800px
}
footer > div.company-info{
width:25%
}
footer > div.company-info .logo{
width:100%;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
position:relative;
margin-bottom:30px
}
footer > div.company-info .logo h3{
color:#fff;
width:80%;
box-sizing:border-box;
padding:0px 5px;
font-family:"Dima-Yekan-Typography";
font-size:26pt
}
footer > div.company-info .logo::after{
transition:all .3s;
content:"";
position:absolute;
height:3px;
background:radial-gradient(circle, #FFFFFF -10px, rgba(255, 255, 255, 0) 90%);
width:50%;
bottom:-15px;
right:-20%;
transform:translate(-50%, 0%)
}
footer > div.company-info .contact-info{
width:100%;
list-style:none;
list-style-position:inside
}
footer > div.company-info .contact-info li{
width:100%;
margin:5px 0px
}
footer > div.company-info .contact-info li i{
display:inline-block;
width:24px;
height:24px
}
footer > div.company-info .contact-info li i.address{
background:url(../img/icons/address.svg)
}
footer > div.company-info .contact-info li i.phone{
background:url(../img/icons/phone.svg)
}
footer > div.company-info .contact-info li i.email{
background:url(../img/icons/email.svg)
}
footer > div.company-info .contact-info li p{
display:inline-block
}
footer > div.links-container{
width:50%;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap
}
footer > div.links-container > div{
width:33%
}
footer > div.links-container > div ul{
list-style:none;
list-style-position:inside;
margin-top:15px
}
footer > div.links-container > div ul li{
width:100%;
border-right:4px solid transparent;
transition: 0.5s;
}
footer > div.links-container > div ul li:hover{
background-color:#2f2f4f;
border-right:4px solid #fe3a3a;
}
footer > div.links-container > div ul li a{
text-decoration:none;
color:#fff;
width:100%;
padding:5px;
display:inline-block
}
footer > div.mini-contact{
width:25%
}
footer > div.mini-contact > div{
width:100%
}
footer > div.mini-contact > div.email-contact-form p{
font-size:14px
}
footer > div.mini-contact > div.email-contact-form .input-box{
width:100%;
background-color:#fff;
border-radius:13px;
box-shadow:0px 3px 6px rgba(0,0,0,.84);
position:relative;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
margin:20px 0px
}
footer > div.mini-contact > div.email-contact-form .input-box > i{
background:url(../img/icons/email_2.svg);
display:inline-block;
width:32px;
height:32px;
margin-right:4%
}
footer > div.mini-contact > div.email-contact-form .input-box input{
border:none;
width:78%;
outline:none;
box-sizing:border-box;
padding:10px 15px
}
footer > div.mini-contact > div.email-contact-form .input-box button{
width:13%;
border-radius:13px 0px 0px 13px;
background-color:#fe3a3a;
outline:none;
border:none;
text-decoration:none;
text-align:center;
cursor:pointer
}
footer > div.mini-contact > div.email-contact-form .input-box button i{
background-image:url(../img/icons/play.svg);
display:inline-block;
width:44px;
height:44px;
transform:translateY(10%)
}
footer > div.mini-contact > div.social-media{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
flex-wrap:wrap
}
footer > div.mini-contact > div.social-media h4{
width:100%;
text-align:right;
margin:15px 0px
}
@media all and (max-width: 2500px){
footer{
justify-content:space-between
}

}
@media all and (max-width: 1260px){
footer{
flex-wrap:wrap;
justify-content:center
}
footer > div{
width:100% !important;
box-sizing:border-box;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
max-width:unset;
margin:30px 0px
}
footer > div.mini-contact > div.email-contact-form .input-box{
justify-content:space-between
}
footer > div.company-info .logo h3,footer > div.company-info .contact-info,footer > div.links-container > div{
width:unset
}
footer > div.links-container{
justify-content:space-evenly
}
footer > div.company-info .logo::after{
right:50%;
transform:translate(50%, 50%)
}

}
@media all and (max-width: 400px){
footer > div.links-container > div ul li a,footer > div.company-info .contact-info li p,footer > div.mini-contact > div.email-contact-form p{
font-size:10pt
}
footer > div.links-container > div h3,footer > div.mini-contact > div.email-contact-form h3{
font-size:12pt
}

}
@media all and (max-width: 380px){
footer div.mini-contact a img{
width:25px
}

}
main{
background-color:#0e0d26
}
main .intro-video-container{
width:100%;
position:relative
}
main .intro-video-container video{
width:100%;
display:block
}
main .intro-video-container .content{
position:absolute;
top:0px;
width:100%;
height:100%;
background-color:rgba(0,0,0,.4);
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
box-sizing:border-box;
padding:0px 15px;
text-align:center
}
main .intro-video-container .content h1{
color:#fff;
text-align:center;
font-size:50px;
font-family:"Dima-Yekan-Typography"
}
main .intro-video-container .content h1 mark{
background-color:transparent;
color:#fe3a3a;
font-family:"Dima-Yekan-Typography"
}
main .intro-video-container .content p{
color:#fff;
font-size:18px;
font-family:"IRANYekanMedium"
}
main .intro-video-container .content .companies-image{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
min-width:25%
}
main .intro-video-container .content .companies-image img{
margin:10px
}
main .links-container-slide{
width:100%;
background-color:#020036;
padding:10px !important;
box-sizing:border-box
}
main .links-container-slide .swiper-wrapper{
display:flex;
flex-direction:row;
justify-content:center !important;
align-items:center !important;
flex-wrap:nowrap
}
main .links-container-slide .swiper-slide{
width:24%;
min-width:500px;
margin:0px 0.5%;
height:100vh;
position:relative;
display:inline-block;
overflow:hidden
}
main .links-container-slide .swiper-slide a{
width:100%;
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-end;
flex-wrap:nowrap;
height:100vh;
box-sizing:border-box;
text-decoration:none;
overflow:hidden
}
main .links-container-slide .swiper-slide a:hover .backimage::after{
background-color:rgba(0,0,0,0)
}
main .links-container-slide .swiper-slide a:hover .backimage img{
transform:scale(1.5)
}
main .links-container-slide .swiper-slide a .backimage{
position:absolute;
top:0px;
width:100%;
height:100%
}
main .links-container-slide .swiper-slide a .backimage img{
width:100%;
transition:all ease 1.5s;
object-fit:cover;
height:100%
}
main .links-container-slide .swiper-slide a .backimage::after{
position:absolute;
content:"";
background-color:rgba(0,0,0,.4);
width:100%;
height:100vh;
right:0px;
transition:all .3s
}
main .links-container-slide .swiper-slide a .info-box{
width:100%;
display:inline-block;
position:relative;
bottom:0px;
color:#fff;
top:-10%;
box-sizing:border-box;
padding:0px 30px
}
main .links-container-slide .swiper-slide a .info-box h3{
font-size:26pt;
font-family:"iran-sans-black";
font-weight:bold
}
@media all and (max-width: 2560px){
main .links-container-slide .swiper-slide,main .links-container-slide .swiper-slide a{
height:700px;
min-width:unset
}

}
@media all and (max-width: 2045px){
main .links-container-slide .swiper-slide,main .links-container-slide .swiper-slide a{
height:600px;
min-width:unset
}
main .links-container-slide .swiper-slide{
min-width: 350px;
	width:24%;
}

}
@media all and (max-width: 1475px){
main .links-container-slide .swiper-slide,main .links-container-slide .swiper-slide a{
height:500px
}
main .links-container-slide .swiper-slide{
min-width: 300px;
	width:24%;
}

}
@media all and (max-width: 1290px){
main .links-container-slide .swiper-slide,main .links-container-slide .swiper-slide a{
height:450px
}
main .links-container-slide .swiper-slide{
min-width: 280px;
	width:24%;
}

}
@media all and (max-width: 1240px){
main .links-container-slide .swiper-wrapper{
padding-bottom:40px;
display:flex;
flex-direction:row;
justify-content:normal;
align-items:normal;
flex-wrap:nowrap;
align-content:normal
}
main .links-container-slide .swiper-wrapper .swiper-slide{
margin:0px 5px
}
main .links-container-slide .swiper-pagination-bullet{
background-color:#426cde
}

}
@media all and (max-width: 1500px){
.links-container-slide .swiper-slide,.links-container-slide .swiper-slide a{
min-width: 237px;
	width:24%;
height:350px
}
.links-container-slide .swiper-slide a .info-box h3{
font-size:16pt
}
.links-container-slide .swiper-slide a .info-box p{
font-size:10pt
}

}
@media all and (max-width: 1128px){
.intro-video-container{
overflow:hidden
}
.intro-video-container video{
width:200% !important;
height:auto;
right:-50%;
position:relative
}

}
@media all and (max-width: 1110px){
.intro-video-container .content h1{
font-size:36pt !important
}
.intro-video-container .content p{
font-size:10pt !important
}

}
@media all and (max-width: 950px){
main .links-container-slide .swiper-slide,main .links-container-slide .swiper-slide a{
min-width: 473px;
	width:24%;
height:700px
}
main .links-container-slide{
padding-bottom:65px !important
}
main .links-container-slide .swiper-pagination .swiper-pagination-bullet{
padding:10px;
background-color:#fff;
opacity:1
}
main .links-container-slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color:gray
}

}
@media all and (max-width: 910px){
.intro-video-container .content h1{
font-size:26pt !important
}
.intro-video-container .content p{
font-size:8pt !important
}

}
@media all and (max-width: 744px){
.intro-video-container .content h1{
font-size:21pt !important
}
.intro-video-container .content p{
font-size:6pt !important
}

}
@media all and (max-width: 650px){
.intro-video-container{
overflow:hidden
}
.intro-video-container video{
width:300% !important;
height:auto;
right:-50%;
position:relative
}

}
@media all and (max-width: 500px) {
  .links-container-slide .swiper-slide,
main .links-container-slide .swiper-slide a,
main .links-container-slide .swiper-slide a .backimage img,
main .links-container-slide .swiper-slide {
    width: 90%;
    height: 550px;
  }

main .links-container-slide .swiper-slide a,
main .links-container-slide .swiper-slide a .backimage img
{
    width: 100%;
}

main .links-container-slide .swiper-slide a .info-box p
{
    width: 85%;
}
  
	
  main .links-container-slide .swiper-pagination .swiper-pagination-bullet {
    padding: 5px;
  }
}
@media all and (max-width: 300px){
.intro-video-container{
overflow:hidden
}
.intro-video-container video{
width:350% !important;
height:auto;
right:-50%;
position:relative
}
main .links-container-slide{
padding-bottom:30px !important
}

}
main.soon{
background-color:#fff;
display:flex;
flex-direction:row;
justify-content:space-evenly;
align-items:center;
flex-wrap:wrap;
z-index:0;
position:relative
}
main.soon lottie-player{
width:30%
}
main.soon .message-container{
width:500px;
padding:50px 25px;
box-sizing:border-box;
background-color:#fff;
text-align:center;
min-height:500px;
z-index:0
}
main.soon .message-container h1{
font-family:"iran-sans-black";
color:#000
}
main.soon .message-container .loader{
margin:20px 10%;
width:80%;
height:5px;
background-color:#e6e6e6;
border-radius:5px;
overflow:hidden
}
main.soon .message-container .loader div{
width:100%;
height:5px;
background-color:#6016fc;
animation:indeterminateAnimation 1s infinite linear;
transform-origin:0% 50%
}
@keyframes indeterminateAnimation{
0%{
transform:translateX(0) scaleX(0)
}
40%{
transform:translateX(0) scaleX(0.4)
}
100%{
transform:translateX(100%) scaleX(0.5)
}

}
@media all and (max-width: 1175px){
main lottie-player{
width:70%;
order:-1
}

}
@media all and (max-width: 530px){
main .message-container{
width:80%;
min-height:unset;
margin-top:-50%
}

}
@media all and (max-width: 1175px){
main .message-container h1{
font-size:16pt
}
main .message-container p{
font-size:10pt
}

}
main.agencies{
background-color:transparent;
background-image:none !important;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap
}
main.agencies .custom-select{
width:80%
}
main.agencies .custom-select .select-items{
max-height:300px
}
main.agencies .custom-select .select-items > div:not(.custom-scroller){
position:relative;
box-sizing:border-box;
padding-right:20px;
color:#707070
}
main.agencies .custom-select .select-items > div:not(.custom-scroller):hover{
background-color:transparent
}
main.agencies .custom-select .select-items > div:not(.custom-scroller)::after{
position:absolute;
content:"";
padding:5px;
background-color:rgba(112,112,112,.5);
border-radius:50%;
right:0px;
top:50%;
transform:translateY(-50%)
}
main.agencies .custom-select .select-items::-webkit-scrollbar{
opacity:0
}
main.agencies .custom-select .select-items::-webkit-scrollbar-track{
opacity:0
}
main.agencies .custom-select .select-items::-webkit-scrollbar-thumb{
opacity:0
}
main.agencies .custom-select .select-selected{
padding:10px 35px 10px 5px !important;
position:relative;
color:rgba(41,45,50,.6)
}
main.agencies .custom-select .select-selected::after{
position:absolute;
content:"";
padding:8px;
background-color:#199800;
border-radius:50%;
right:10px;
top:50%;
transform:translateY(-50%)
}
main.agencies .custom-select .custom-scroller{
left:12px;
z-index:-1;
opacity:0;
transition:all .3s;
visibility:hidden
}
main.agencies .custom-select .custom-scroller.active{
opacity:1;
transition:all .3s;
visibility:visible;
z-index:6
}
main.agencies > div{
width:50%;
box-sizing:border-box;
padding:0px 50px;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
max-width:1000px
}
main.agencies > div .resault{
width:80%;
margin:15px 0px;
border-radius:10px;
box-shadow:0px 0px 2px #00000016;
padding:10px 15px;
position:relative;
box-sizing:border-box;
background-color:#fff;
overflow:auto;
display:none
}
main.agencies > div .resault.active{
display:inline-block
}
main.agencies > div .resault::-webkit-scrollbar{
height:8px
}
main.agencies > div .resault::-webkit-scrollbar-track{
border-radius:5px
}
main.agencies > div .resault::-webkit-scrollbar-thumb{
background:#707070;
border-radius:10px
}
main.agencies > div .resault h4{
font-weight:normal;
box-sizing:border-box;
position:relative;
padding:10px 25px 10px 0px
}
main.agencies > div .resault h4 span{
padding:8px;
background-color:rgba(25,152,0,.8) !important
}
main.agencies > div .resault h4 span::after{
padding:10px
}
main.agencies > div .resault h4 span::before{
padding:13px
}
main.agencies > div .resault table{
width:150%
}
main.agencies > div .resault table tr{
display:none;
width:100%;
box-sizing:border-box;
padding:8px;
border-bottom:1px solid rgba(41,45,50,.2);
margin:5px 0px
}
main.agencies > div .resault table tr td{
display:inline-block
}
main.agencies > div .resault table tr td:nth-child(1),main.agencies > div .resault table tr td:nth-child(2){
width:29%
}
main.agencies > div .resault table tr td:nth-child(3){
width:40%
}
main.agencies > div .resault table tr.active{
display:inline-block
}
main.agencies > div .dot{
display:inline-block;
padding:10px;
border-radius:50%;
position:relative;
margin:0px 10px;
top:50%;
transform:translateY(25%)
}
main.agencies > div .dot.red{
background-color:#fe3a3a
}
main.agencies > div .dot.red::after{
border:2px solid #fe3a3a
}
main.agencies > div .dot.red::before{
border:1px solid #fe3a3a
}
main.agencies > div .dot.green{
background-color:#199800
}
main.agencies > div .dot.green::after{
border:2px solid #199800
}
main.agencies > div .dot.green::before{
border:1px solid #199800
}
main.agencies > div .dot::after{
position:absolute;
content:"";
padding:13px;
border-radius:50%;
left:50%;
top:50%;
transform:translate(-50%, -50%)
}
main.agencies > div .dot::before{
position:absolute;
content:"";
padding:18px;
border-radius:50%;
left:50%;
top:50%;
transform:translate(-50%, -50%)
}
main.agencies > div.right-side{
align-items:flex-start;
align-content:flex-start
}
main.agencies > div.right-side .dsc{
width:80%;
margin:10px 0px
}
main.agencies > div.right-side .dsc h1{
position:relative
}
main.agencies > div.left-side{
position:relative
}
main.agencies > div.left-side #agencies_svg{
position:relative;
left:0px
}
main.agencies > div.left-side #agencies_svg path{
transition:all .3s;
cursor:pointer
}
main.agencies > div.left-side #agencies_svg path.active{
fill:#199800
}
main.agencies > div.left-side #agencies_svg .line_paths{
width:5px;
height:5px;
background-color:red;
border-radius:50%;
display:inline-block;
position:absolute;
top:0px;
left:60px
}
main.agencies > div.left-side #agencies_svg .animate_paths{
transition:all 1s;
opacity:0;
fill:red
}
@media all and (max-width: 1110px){
main.agencies > div{
width:100%;
max-width:unset
}
main.agencies > div > div{
width:100% !important
}
main.agencies > div.right-side{
margin-bottom:25px
}
main.agencies > div.left-side .resault{
margin-top:35px
}

}
@media all and (max-width: 710px){
main.agencies{
align-items:flex-start;
align-content:flex-start
}
main.agencies > div .resault table{
width:180%
}
main.agencies > div.right-side .dsc h1{
font-size:15pt
}
main.agencies > div .resault h4{
font-size:12pt
}
main.agencies > div.right-side .dsc p,main.agencies .custom-select .select-selected,main.agencies .custom-select .select-items > div:not(.custom-scroller),main.agencies > div .resault table tr td{
font-size:10pt
}

}
@media all and (max-width: 500px){
main.agencies > div{
padding:0px 20px
}

}
@media all and (max-width: 380px){
main.agencies > div .resault table{
width:200%
}

}
main.minibixforms{
background-image:url(../img/backgrounds/inquiry_back.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
position:relative;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:nowrap
}
main.minibixforms.track{
background-image:url(../img/backgrounds/track_back.jpg)
}
main.minibixforms::after{
position:absolute;
content:"";
background-color:rgba(0,0,0,.4);
z-index:-1;
width:100%;
height:100%
}
main.minibixforms .box-container{
display:inline-block;
width:50%;
max-width:800px;
overflow:hidden;
transition:all .3s
}
main.minibixforms .box-container.trackrequests{
position:relative;
top:-135px
}
main.minibixforms .box-container.trackrequests > div{
background-color:rgba(0,0,0,.3)
}
main.minibixforms .box-container.trackrequests.resault{
left:unset
}
main.minibixforms .box-container.resault{
max-width:1200px
}
main.minibixforms .box-container.resault .input-box{
position:absolute;
left:100%;
transition:all .3s;
opacity:0;
visibility:hidden
}
main.minibixforms .box-container.resault table{
position:relative;
left:0%;
transition:all .3s;
opacity:1;
visibility:visible
}
main.minibixforms .box-container h3{
box-sizing:border-box;
padding:10px 60px;
background-color:rgba(65,90,117,.9);
border-radius:20px 20px 0px 0px;
color:#fff;
width:unset;
max-width:90%;
display:inline-block
}
main.minibixforms .box-container h3 mark{
color:#fe3a3a;
background-color:transparent
}
main.minibixforms .box-container > div{
box-sizing:border-box;
width:100%;
padding:25px 60px;
background-color:rgba(255,255,255,.3);
display:flex;
flex-direction:row;
justify-content:flex-end;
align-items:center;
flex-wrap:wrap;
-webkit-backdrop-filter:blur(5px);
backdrop-filter:blur(5px);
-o-backdrop-filter:blur(5px);
-moz-backdrop-filter:blur(5px);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
-webkit-transform:translate3d(0, 0, 0);
-webkit-transform:translateZ(0);
backface-visibility:hidden;
perspective:1000;
transform:translate3d(0, 0, 0);
transform:translateZ(0);
border-radius:20px 0px 20px 20px;
color:#fff
}
main.minibixforms .box-container > div .input-box{
width:100%;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
flex-wrap:nowrap;
margin:10px 0px;
position:relative;
left:0%;
transition:all .3s;
opacity:1;
visibility:visible
}
main.minibixforms .box-container > div .input-box label{
width:20%;
display:inline-block;
margin-left:5px
}
main.minibixforms .box-container > div .input-box input[type=text]{
width:80%;
padding:8px 10px;
outline:none;
border:none;
border-radius:12px;
box-shadow:0px 3px 6px #00000016
}
main.minibixforms .box-container > div > button{
background-color:#0a182a;
text-align:center;
padding:8px 50px;
margin:10px 0px 0px 0px;
color:#fff;
font-weight:bold;
border-radius:12px;
border:none;
box-shadow:inset 0px 3px 6px #00000016
}
main.minibixforms .box-container table{
width:100%;
display:inline-block;
position:absolute;
left:100%;
transition:all .3s;
opacity:0;
visibility:hidden
}
main.minibixforms .box-container table tbody{
width:100%;
display:inline-block
}
main.minibixforms .box-container table tbody tr{
width:100%;
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
flex-wrap:nowrap
}
main.minibixforms .box-container table tbody tr td{
box-sizing:border-box;
display:inline-block;
padding:5px 10px
}
main.minibixforms .box-container table tbody tr td:nth-child(1){
width:30%
}
main.minibixforms .box-container table tbody tr td:nth-child(2){
width:19%
}
main.minibixforms .box-container table tbody tr td:nth-child(3){
width:19%
}
main.minibixforms .box-container table tbody tr td:nth-child(4){
width:30%
}
main.minibixforms .box-container table tbody tr td h4{
width:100%;
margin:10px 0px
}
@media all and (max-width: 1280px){
main.minibixforms .box-container{
width:70%
}

}
@media all and (max-width: 950px){
main.minibixforms .box-container.resault table tbody tr{
flex-wrap:wrap
}
main.minibixforms .box-container.resault table tbody tr td{
width:100% !important
}
main.minibixforms .box-container.resault > div{
justify-content:center
}

}
@media all and (max-width: 820px){
main.minibixforms .box-container > div{
justify-content:center
}
main.minibixforms .box-container > div .input-box{
flex-wrap:wrap
}
main.minibixforms .box-container > div .input-box label{
width:100%;
margin:5px 0px
}
main.minibixforms .box-container > div .input-box input[type=text]{
width:100%
}
main.minibixforms .box-container > div > button{
padding:10px 80px;
font-size:10pt
}

}
@media all and (max-width: 580px){
main.minibixforms .box-container > div{
padding:25px 20px
}

}
@media all and (max-width: 430px){
main.minibixforms .box-container h3{
font-size:12pt;
width:90%;
padding:10px 15px
}
main.minibixforms .box-container > div .input-box label,main.minibixforms .box-container > div .input-box input[type=text]{
font-size:10pt
}
main.minibixforms .box-container > div > button{
width:85%;
padding:10px;
box-sizing:border-box
}

}
.products{
background-color:transparent
}
.products p{
font-size:11pt;
color:#707070
}
.products.products{
padding-top:0px
}
.products .fav-products-container{
width:100%;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:nowrap
}
.products .fav-products-container > div{
width:50%;
box-sizing:border-box;
padding:120px 50px 25px 50px;
min-height:800px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
flex-wrap:wrap
}
.products .fav-products-container > div.right-side{
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
flex-wrap:nowrap;
align-content:center
}
.products .fav-products-container > div.right-side p{
color:#707070
}
.products .fav-products-container > div.right-side p:nth-child(1){
width:15%;
margin:10px 0px
}
.products .fav-products-container > div.right-side p:nth-child(3){
margin:15px 0px
}
.products .fav-products-container > div.right-side h1{
font-family:"iran-sans-black";
color:#000
}
.products .fav-products-container > div.right-side a{
background-color:#fed846;
border-radius:25px;
color:#000;
padding:8px 15px;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
text-decoration:none;
font-weight:bold;
box-shadow:0px 0px 20px #00000016
}
.products .fav-products-container > div.right-side a .card{
margin:0px 5px;
display:inline-block;
width:20px;
height:20px;
background:url(../img/icons/cart.svg);
background-position:center;
background-repeat:no-repeat
}
.products .fav-products-container > div.left-side{
position:relative
}
.products .fav-products-container > div.left-side .swiper-slide{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:nowrap
}
.products .fav-products-container > div.left-side .swiper-slide img{
max-width:1000px
}
.products .fav-products-container > div.left-side .back-theme{
left:0px;
position:absolute;
top:0px;
width:50%;
height:100%;
display:inline-block;
background-color:#6684f2;
transition:all .3s
}
.products .fav-products-container > div.left-side .swiper-button-next{
right:auto;
left:0px
}
.products .fav-products-container > div.left-side .swiper-button-prev{
right:unset
}
.products .fav-products-container > div.left-side .swiper-button-next,.products .fav-products-container > div.left-side .swiper-button-prev{
background-color:#fff;
border-radius:16px;
width:unset;
height:unset;
padding:5px 30px;
left:10px;
color:#000 !important
}
.products .fav-products-container > div.left-side .swiper-button-next::after,.products .fav-products-container > div.left-side .swiper-button-prev::after{
font-size:15pt
}
.products .fav-products-container > div.left-side .swiper-button-next{
margin:20px 0px
}
.products .products-list-container{
box-sizing:border-box;
width:100%;
padding:25px 50px;
position:relative
}
.products .products-list-container > div{
box-sizing:border-box
}
.products .products-list-container .blur-red{
left:unset;
right:-25%;
top:0px
}
.products .products-list-container .blur-blue{
left:unset;
right:10%;
bottom:2%
}
.products .products-list-container .blur-yellow{
left:0px;
top:25%
}
.products .products-list-container .right-side{
width:50%;
float:right;
padding:0px 150px
}
.products .products-list-container .left-side{
width:50%;
float:left;
padding:0px 150px;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
flex-wrap:wrap
}
.products .products-list-container .left-side > div{
width:50%;
display:inline-block;
margin:10px 0px
}
.products .products-list-container .left-side > div a{
text-decoration:none;
font-size:12pt;
color:#000;
font-weight:bold;
display:block
}
.products .products-list-container .left-side > div a.active{
color:#ddaf01
}
.products .products-list-container .left-side > div span{
color:#707070;
font-size:10pt
}
.products .products-cards{
width:100%
}
.products .products-cards .inner-container{
width:100%;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
padding:0px 70px;
box-sizing:border-box
}
.products .products-cards .inner-container > a.card{
width:250px;
overflow:hidden;
padding:0px 20px;
min-height:425px;
text-decoration:none;
border-radius:10px;
background-color:#fff;
display:flex;
flex-direction:row;
justify-content:center;
align-items:space-between;
flex-wrap:wrap;
margin:20px 35px;
transition:all .3s
}
.products .products-cards .inner-container > a.card:hover{
box-shadow:0px 0px 3px #000
}
.products .products-cards .inner-container > a.card .top{
width:100%;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap
}
.products .products-cards .inner-container > a.card .top img{
height:auto
}
.products .products-cards .inner-container > a.card .dsc{
width:100%;
position:relative;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-end;
flex-wrap:wrap;
box-sizing:border-box;
padding:0px 15px
}
.products .products-cards .inner-container > a.card .dsc > div{
width:100%;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap
}
.products .products-cards .inner-container > a.card .dsc > div div:nth-child(1){
width:80%
}
.products .products-cards .inner-container > a.card .dsc > div div:nth-child(1) h5{
width:100%;
color:#000
}
.products .products-cards .inner-container > a.card .dsc > div div:nth-child(2){
width:20%;
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
flex-wrap:nowrap
}
.products .products-cards .inner-container > a.card .dsc > div div:nth-child(2) button{
background-color:transparent;
border:none;
margin:5px
}
.products .products-cards .inner-container > a.card .dsc > div div:nth-child(2) button.like i{
display:inline-block;
background:url("../img/icons/like.svg") no-repeat center;
width:20px;
height:20px
}
.products .products-cards .inner-container > a.card .dsc > div div:nth-child(2) button.addcart i{
display:inline-block;
background:url("../img/icons/add-cart.svg") no-repeat center;
width:20px;
height:20px
}
.products .products-cards .inner-container > a.card .dsc > div span{
width:100%;
margin:15px 0px;
color:#707070
}
.products .products-cards .inner-container > a.card .dsc span{
font-size:10pt
}
.products .products-cards .products-cards-slider-prev,.products .products-cards .products-cards-slider-next{
display:none
}
.products .banner{
width:95%;
box-sizing:border-box;
padding:0px;
margin:40px 120px;
position:relative;
text-decoration:none;
text-align:center
}
.products .banner img{
width:100%;
max-width:1700px
}
@media all and (max-width: 1695px){
.submain .fav-products-container > div.right-side p:nth-child(1){
width:70%
}

}
@media all and (max-width: 1335px){
.submain .products-list-container > div{
padding:0px 5px !important
}

}
@media all and (max-width: 1210px){
.submain .products-cards .inner-container{
justify-content:space-around
}

}
@media all and (max-width: 1000px){
.submain .fav-products-container > div.left-side .swiper-slide img{
width:100%
}

}
@media all and (max-width: 990px){
.submain .banner{
margin:40px 50px
}

}
@media all and (max-width: 945px){
.submain .fav-products-container{
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
flex-wrap:wrap
}
.submain .fav-products-container > div{
width:100%;
min-height:unset
}
.submain .fav-products-container > div.left-side{
order:-1;
padding:120px 50px 0px 50px;
min-height:500px
}
.submain .fav-products-container > div.left-side .swiper-button-prev{
right:10px;
left:unset;
margin-top:unset
}
.submain .fav-products-container > div.left-side .swiper-button-next,.submain .fav-products-container > div.left-side .swiper-button-prev{
padding:5px 15px;
top:59%
}
.submain .fav-products-container > div.left-side .swiper-button-next::after,.submain .fav-products-container > div.left-side .swiper-button-prev::after{
font-size:10pt
}
.submain .fav-products-container > div.left-side .swiper-button-next{
margin:0px
}
.submain .fav-products-container > div.right-side{
position:relative;
padding:0px 50px 100px 50px;
align-items:center
}
.submain .fav-products-container > div.right-side h1{
order:-1;
text-align:center
}
.submain .fav-products-container > div.right-side p{
width:100%;
text-align:center;
color:#000;
font-weight:lighter;
margin:15px 0px
}
.submain .fav-products-container > div.right-side .back-theme{
z-index:-1;
left:0px;
position:absolute;
top:0px;
width:50%;
height:100%;
display:inline-block;
background-color:#6684f2;
transition:all .3s
}
.submain .products-list-container{
padding:25px 0px
}
.submain .products-list-container > div{
width:100% !important
}
.submain .products-list-container > div.left-side{
margin:10px 0px
}
.submain .products-list-container > div.left-side > div{
text-align:center
}
.submain .products-list-container > div.left-side,.submain .products-list-container > div.right-side{
padding:25px 50px !important
}
.submain .products-list-container .products-cards .inner-container{
padding:0px;
justify-content:normal;
align-items:flex-end;
flex-wrap:nowrap
}
.submain .products-list-container .products-cards .products-cards-slider-prev,.submain .products-list-container .products-cards .products-cards-slider-next{
width:45px;
height:45px;
border-radius:50%;
background-color:rgba(112,112,112,.5);
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap
}
.submain .products-list-container .products-cards .products-cards-slider-prev::after,.submain .products-list-container .products-cards .products-cards-slider-next::after{
font-size:21pt;
color:#fff
}

}
@media all and (max-width: 615px){
.submain .banner{
margin:40px 0px
}

}
main.product-details{
background-color:transparent;
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
flex-wrap:wrap
}
main.product-details .blur-blue{
bottom:unset;
top:0px;
transform:scale(2);
background:radial-gradient(circle, #6684F2 80px, rgba(255, 255, 255, 0) 60%)
}
main.product-details .blur-red{
left:-20%;
top:-15%;
transform:scale(2);
background:radial-gradient(circle, #FE3A3A 80px, rgba(255, 255, 255, 0) 60%)
}
main.product-details .product-detail-container{
width:95%;
display:inline-block;
border-radius:15px;
box-sizing:border-box;
margin-top:120px;
padding:20px 20px 20px 20px;
background-color:#fff;
box-shadow:0px 30px 40px #00000016
}
main.product-details .product-detail-container .top-side{
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
width:100%
}
main.product-details .product-detail-container .top-side .product-pictures{
width:13%;
display:inline-block
}
main.product-details .product-detail-container .top-side .product-pictures .swiper .swiper-wrapper .swiper-slide img{
width:100%;
height:auto
}
main.product-details .product-detail-container .top-side .product-pictures .swiper .swiper-pagination-bullet-active{
background-color:#292d32
}
main.product-details .product-detail-container .top-side .common-info{
width:77%;
box-sizing:border-box;
padding:0px 20px;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap
}
main.product-details .product-detail-container .top-side .common-info .title{
width:100%;
display:inline-block;
padding-bottom:10px;
border-bottom:1px solid rgba(112,112,112,.5)
}
main.product-details .product-detail-container .top-side .common-info .title h3{
display:block;
width:100%;
text-align:right;
color:#000
}
main.product-details .product-detail-container .top-side .common-info .title p{
display:block;
width:100%;
color:#000;
font-size:10pt;
text-align:left
}
main.product-details .product-detail-container .top-side .common-info .right-side,main.product-details .product-detail-container .top-side .common-info .left-side{
width:50%;
box-sizing:border-box;
margin-top:20px
}
main.product-details .product-detail-container .top-side .common-info .right-side{
display:inline-block
}
main.product-details .product-detail-container .top-side .common-info .right-side .stars-score{
width:100%;
direction:ltr;
text-align:right
}
main.product-details .product-detail-container .top-side .common-info .right-side .stars-score span{
margin:0px 10px;
font-weight:bold
}
main.product-details .product-detail-container .top-side .common-info .right-side .stars-score i{
padding:5px;
cursor:pointer;
margin:0px -3px;
transition:all .3s
}
main.product-details .product-detail-container .top-side .common-info .right-side .stars-score i.fas{
color:#fed846
}
main.product-details .product-detail-container .top-side .common-info .right-side .product-features{
width:100%;
display:inline-block;
margin:30px 0px
}
main.product-details .product-detail-container .top-side .common-info .right-side .product-features dt{
font-weight:bold;
color:#000
}
main.product-details .product-detail-container .top-side .common-info .right-side .product-features dd{
font-size:10pt;
color:#707070
}
main.product-details .product-detail-container .top-side .common-info .left-side{
text-align:left
}
main.product-details .product-detail-container .top-side .common-info .left-side .product-price{
width:100%;
display:inline-block
}
main.product-details .product-detail-container .top-side .common-info .left-side .product-price .price-off{
width:100%;
margin:10px 0px;
direction:ltr
}
main.product-details .product-detail-container .top-side .common-info .left-side .product-price .price-off p{
color:#707070;
display:inline-block
}
main.product-details .product-detail-container .top-side .common-info .left-side .product-price .price-off span{
margin:0px 10px;
padding:5px 20px;
color:#fff;
background-color:#2350ca;
border-radius:9px;
font-weight:bold
}
main.product-details .product-detail-container .top-side .common-info .left-side .actions{
width:100%;
display:flex;
flex-direction:row;
justify-content:flex-end;
align-items:center;
flex-wrap:wrap;
margin:10px 0px
}
main.product-details .product-detail-container .top-side .common-info .left-side .actions .product-count{
padding:3px 5px;
border-radius:5px;
border:1px solid #292d32;
color:#000;
font-size:10pt;
margin:0px 15px
}
main.product-details .product-detail-container .top-side .common-info .left-side .actions .product-count i{
font-size:8pt;
cursor:pointer;
padding:5px
}
main.product-details .product-detail-container .top-side .common-info .left-side .actions button{
border:none;
border-radius:8px;
background-color:#d70000;
color:#fff;
font-weight:bold;
margin:15px 0px;
padding:10px 25px
}
main.product-details .product-detail-container .top-side .buying-info{
width:10%;
box-sizing:border-box;
display:inline-block
}
main.product-details .product-detail-container .top-side .buying-info .buy-features{
list-style-type:none;
list-style-position:inside;
background-color:#e9e9e9;
border-radius:15px;
color:#292d32;
padding:15px;
box-sizing:border-box;
text-align:center
}
main.product-details .product-detail-container .top-side .buying-info .buy-features li{
width:100%;
text-align:right;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
margin:30px 0px
}
main.product-details .product-detail-container .top-side .buying-info .buy-features li:first-child{
margin-top:0px
}
main.product-details .product-detail-container .top-side .buying-info .buy-features li:last-child{
margin-bottom:0px
}
main.product-details .product-detail-container .top-side .buying-info .buy-features li i{
margin:0px 5px;
font-size:20pt
}
main.product-details .product-detail-container .top-side .buying-info .product-status{
background-color:#1b3f9f;
border-radius:15px;
color:#fff;
font-weight:bold;
width:100%;
padding:15px 10px;
box-sizing:border-box;
margin:20px 0px;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:nowrap
}
main.product-details .product-detail-container .top-side .buying-info .product-status .status{
width:40px;
height:40px;
background:no-repeat center url(../img/icons/available.svg);
display:inline-block
}
main.product-details .product-detail-container .top-side .buying-info .product-status span{
display:inline-block
}
main.product-details .product-detail-container .top-side .product-summery-info{
margin:10px 0px;
width:85%;
display:inline-block
}
main.product-details .product-detail-container .top-side .product-summery-info h3{
margin:8px 0px
}
main.product-details .product-detail-container .top-side .product-summery-info p{
color:#707070;
font-size:12pt
}
main.product-details .product-detail-container .bottom-side{
width:95%;
display:inline-block;
margin:10px 2.5%
}
main.product-details .product-detail-container .bottom-side .tab-button-container{
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
flex-wrap:nowrap;
width:98%;
border-bottom:2px solid rgba(41,45,50,.2);
position:relative;
margin:0px 1%
}
main.product-details .product-detail-container .bottom-side .tab-button-container button{
border:none;
background-color:transparent;
font-weight:bold;
font-size:12pt;
color:#707070;
width:200px;
min-width:200px;
box-sizing:border-box;
padding:5px;
margin:0px 5px 5px 5px
}
main.product-details .product-detail-container .bottom-side .tab-button-container .tracker{
position:absolute;
width:200px;
height:2px;
border-radius:5px;
bottom:-2px;
right:0px;
background-color:#fe3a3a;
transition:all .3s
}
main.product-details .product-detail-container .bottom-side .tab-container{
width:100%;
border-radius:10px;
background-color:#fff;
box-sizing:border-box;
box-shadow:1px 1px 10px #00000016;
padding:25px 20px;
position:relative;
overflow:hidden
}
main.product-details .product-detail-container .bottom-side .tab-container > div{
transition:all .3s;
right:-30%;
position:absolute;
opacity:0;
z-index:-1;
visibility:hidden;
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
flex-wrap:wrap
}
main.product-details .product-detail-container .bottom-side .tab-container > div.active{
opacity:1;
z-index:1;
right:0px;
position:relative;
visibility:visible
}
main.product-details .product-detail-container .bottom-side .tab-container .title-bar{
width:100%;
margin:15px 0px;
display:none
}
main.product-details .product-detail-container .bottom-side .tab-container .title-bar h3{
display:inline-block
}
main.product-details .product-detail-container .bottom-side .tab-container .title-bar button{
border:none;
background-color:transparent;
outline:none;
cursor:pointer;
color:#6684f2;
font-weight:bold
}
main.product-details .product-detail-container .bottom-side .tab-container table{
width:100%
}
main.product-details .product-detail-container .bottom-side .tab-container table tr{
width:100%;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
flex-wrap:nowrap;
box-sizing:border-box;
padding:15px 10px
}
main.product-details .product-detail-container .bottom-side .tab-container table tr td{
display:inline-block;
box-sizing:border-box
}
main.product-details .product-detail-container .bottom-side .tab-container table tr td:first-child{
width:10%;
text-align:center;
font-weight:bold
}
main.product-details .product-detail-container .bottom-side .tab-container table tr td:last-child{
width:89%;
text-align:right
}
main.product-details .product-detail-container .bottom-side .tab-container table tr.gray{
background-color:#e9e9e9
}
main.product-details .product-detail-container .bottom-side .tab-container .form{
width:100%;
border-radius:20px;
border:1px solid #292d32;
overflow:hidden;
height:65px;
box-sizing:border-box;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
flex-wrap:nowrap
}
main.product-details .product-detail-container .bottom-side .tab-container .form textarea{
width:90% !important;
box-sizing:border-box;
height:65px !important;
padding:10px 15px;
outline:none;
border:none;
resize:none
}
main.product-details .product-detail-container .bottom-side .tab-container .form button{
border-radius:20px;
color:#fff;
background-color:#199800;
border:none;
font-weight:bold;
width:8%;
margin-left:1%;
min-width:150px;
margin-right:1%;
padding:8px 15px;
height:50px;
text-align:center;
box-sizing:border-box
}
main.product-details .product-detail-container .bottom-side .tab-container section{
width:100%;
display:inline-block;
box-sizing:border-box;
padding:0px 10px
}
main.product-details .product-detail-container .bottom-side .tab-container section > div{
width:100%;
box-sizing:border-box;
box-shadow:0px 3px 6px #00000016;
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
flex-wrap:wrap;
padding:25px;
margin:25px 0px;
border-radius:20px
}
main.product-details .product-detail-container .bottom-side .tab-container section > div .right-side{
width:10%;
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
flex-wrap:nowrap;
min-width:100px
}
main.product-details .product-detail-container .bottom-side .tab-container section > div .right-side .profile{
width:100px;
height:100px;
border-radius:50%;
overflow:hidden
}
main.product-details .product-detail-container .bottom-side .tab-container section > div .right-side .profile img{
width:100px;
height:100px
}
main.product-details .product-detail-container .bottom-side .tab-container section > div .left-side{
width:90%;
display:inline-block;
box-sizing:border-box;
padding:0px 20px
}
main.product-details .product-detail-container .bottom-side .tab-container section > div .left-side .top-side{
width:100%;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
flex-wrap:wrap
}
main.product-details .product-detail-container .bottom-side .tab-container section > div .left-side .top-side > div{
margin:10px 0px
}
main.product-details .product-detail-container .bottom-side .tab-container section > div .left-side .top-side .user-info{
display:inline-block
}
main.product-details .product-detail-container .bottom-side .tab-container section > div .left-side .top-side .user-info span{
color:#707070;
font-size:10pt
}
main.product-details .product-detail-container .bottom-side .tab-container section > div .left-side .top-side .likes{
display:inline-block;
margin-left:15px
}
main.product-details .product-detail-container .bottom-side .tab-container section > div .left-side .top-side .likes div{
display:inline-block
}
main.product-details .product-detail-container .bottom-side .tab-container section > div .left-side .top-side .likes div i{
width:25px;
height:25px;
line-height:25px;
cursor:pointer
}
main.product-details .product-detail-container .bottom-side .tab-container section > div .left-side .bottom{
width:100%;
display:block
}
main.product-details .product-detail-container .bottom-side .tab-container section > div .left-side .bottom p{
width:100%
}
@media all and (max-width: 1580px){
main.product-details .product-detail-container .top-side .common-info{
width:60%
}
main.product-details .product-detail-container .top-side .product-pictures{
width:25%
}
main.product-details .product-detail-container .top-side .buying-info{
width:15%
}

}
@media all and (max-width: 1100px){
main.product-details .product-detail-container .bottom-side .tab-container table tr td:first-child,main.product-details .product-detail-container .bottom-side .tab-container table tr td:last-child{
width:49%
}

}
@media all and (max-width: 950px){
main.product-details .product-detail-container .top-side > div,main.product-details .product-detail-container .top-side .common-info .right-side,main.product-details .product-detail-container .top-side .common-info .left-side{
width:100% !important
}
main.product-details .product-detail-container .top-side .buying-info .buy-features li:first-child,main.product-details .product-detail-container .top-side .buying-info .buy-features li:last-child{
margin:10px 0px
}
.ProductDetailsSlide2{
display:none
}
.product-detail-container .product-pictures div.swiper-wrapper{
padding-bottom:30px
}
main.product-details .product-detail-container .top-side .buying-info .buy-features{
display:flex;
flex-direction:row;
justify-content:space-evenly;
align-items:center;
flex-wrap:wrap
}
main.product-details .product-detail-container .top-side .buying-info .buy-features li{
margin:10px 0px;
width:unset
}
main.product-details .product-detail-container .bottom-side .tab-button-container{
overflow-x:auto;
overflow-y:hidden
}
main.product-details .product-detail-container .bottom-side .tab-button-container .tracker{
bottom:0px
}

}
@media all and (max-width: 600px){
main.product-details .product-detail-container .bottom-side .tab-container .title-bar{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap
}
main.product-details .product-detail-container .bottom-side .tab-button-container{
display:none
}
main.product-details .product-detail-container .bottom-side .tab-container{
padding:0px;
overflow:unset;
box-shadow:none
}
main.product-details .product-detail-container .bottom-side .tab-container > div{
opacity:1;
z-index:1;
right:0px;
position:relative;
visibility:visible;
box-sizing:border-box;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
border-radius:7px;
margin:15px 0px;
padding:25px 20px;
box-shadow:1px 1px 10px #00000016;
overflow:hidden;
transition:height 2s
}

}
@media all and (max-width: 570px){
main.product-details .product-detail-container .bottom-side .tab-container section{
padding:0px
}
main.product-details .product-detail-container .bottom-side .tab-container section > div .left-side{
width:100%
}
main.product-details .product-detail-container .bottom-side .tab-container section > div .right-side{
width:100%;
justify-content:flex-start
}
main.product-details .product-detail-container .bottom-side .tab-container .form{
flex-wrap:wrap;
height:unset;
box-sizing:border-box;
padding:10px
}
main.product-details .product-detail-container .bottom-side .tab-container .form button,main.product-details .product-detail-container .bottom-side .tab-container .form textarea{
width:100% !important
}

}
.mejs__offscreen{
border:0;
clip:rect(1px, 1px, 1px, 1px);
-webkit-clip-path:inset(50%);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
word-wrap:normal
}
.mejs__container{
background:#000;
box-sizing:border-box;
font-family:"Helvetica",Arial,serif;
position:relative;
text-align:left;
border-radius:15px;
text-indent:0;
vertical-align:top
}
.mejs__container *{
box-sizing:border-box;
border-radius:15px
}
.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{
-webkit-appearance:none;
display:none !important
}
.mejs__fill-container,.mejs__fill-container .mejs__container{
height:100%;
width:100%
}
.mejs__fill-container{
background:transparent;
margin:0 auto;
overflow:hidden;
position:relative
}
.mejs__container:focus{
outline:none
}
.mejs__iframe-overlay{
height:100%;
position:absolute;
width:100%
}
.mejs__embed,.mejs__embed body{
background:#000;
height:100%;
margin:0;
overflow:hidden;
padding:0;
width:100%
}
.mejs__fullscreen{
overflow:hidden !important
}
.mejs__container-fullscreen{
bottom:0;
left:0;
overflow:hidden;
position:fixed;
right:0;
top:0;
z-index:1000
}
.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{
width:100% !important
}
.mejs__background{
left:0;
position:absolute;
top:0
}
.mejs__mediaelement{
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:0
}
.mejs__poster{
background-position:50% 50%;
background-repeat:no-repeat;
background-size:cover;
left:0;
position:absolute;
top:0;
z-index:1
}
:root .mejs__poster-img{
display:none
}
.mejs__poster-img{
border:0;
padding:0
}
.mejs__overlay{
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
left:0;
position:absolute;
top:0
}
.mejs__layer{
z-index:1
}
.mejs__overlay-play{
cursor:pointer
}
.mejs__overlay-button{
background:url("../img/icons/controls/play.svg") no-repeat;
height:80px;
padding:5px;
box-sizing:content-box;
width:80px;
border:none
}
.mejs__overlay-loading{
height:80px;
width:80px
}
.mejs__overlay-loading-bg-img{
-webkit-animation:mejs__loading-spinner 1s linear infinite;
animation:mejs__loading-spinner 1s linear infinite;
background:transparent url("controls/mejs-controls.svg") -160px -40px no-repeat;
display:block;
height:80px;
width:80px;
z-index:1
}
@-webkit-keyframes mejs__loading-spinner{
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}

}
@keyframes mejs__loading-spinner{
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}

}
.mejs__controls{
bottom:0;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
height:40px;
left:0;
list-style-type:none;
margin:0;
padding:0 10px;
position:absolute;
width:100%;
z-index:3
}
.mejs__controls:not([style*="display: none"]){
background:rgba(255,0,0,.7);
background:-webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35));
background:linear-gradient(transparent, rgba(0, 0, 0, 0.35))
}
.mejs__button,.mejs__time,.mejs__time-rail{
font-size:10px;
height:40px;
line-height:10px;
margin:0;
width:32px
}
.mejs__button > button{
background:transparent url("controls/mejs-controls.svg");
border:0;
cursor:pointer;
display:block;
font-size:0;
height:20px;
line-height:0;
margin:10px 6px;
overflow:hidden;
padding:0;
border-radius:0px !important;
position:absolute;
text-decoration:none;
width:20px
}
.mejs__button > button:focus{
outline:dotted 1px #999
}
.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus,.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus{
outline:0
}
.mejs__time{
box-sizing:content-box;
color:#fff;
font-size:11px;
font-weight:normal;
height:24px;
overflow:hidden;
padding:16px 6px 0;
text-align:center;
width:auto
}
.mejs__play > button{
background:url("../img/icons/controls/play.svg")
}
.mejs__pause > button{
background-position:-20px 0
}
.mejs__replay > button{
background-position:-160px 0
}
.mejs__time-rail{
direction:ltr;
-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
height:40px;
margin:0 10px;
padding-top:15px;
position:relative
}
.mejs__time-total,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-current,.mejs__time-float,.mejs__time-hovered,.mejs__time-float-current,.mejs__time-float-corner,.mejs__time-marker{
border-radius:2px;
cursor:pointer;
display:block;
height:4px;
position:absolute
}
.mejs__time-total{
background:rgba(255,255,255,.3);
margin:5px 0 0;
width:100%
}
.mejs__time-buffering{
-webkit-animation:buffering-stripes 2s linear infinite;
animation:buffering-stripes 2s linear infinite;
background:-webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
background:linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
background-size:15px 15px;
width:100%
}
@-webkit-keyframes buffering-stripes{
from{
background-position:0 0
}
to{
background-position:30px 0
}

}
@keyframes buffering-stripes{
from{
background-position:0 0
}
to{
background-position:30px 0
}

}
.mejs__time-loaded{
background:rgba(255,255,255,.3)
}
.mejs__time-current,.mejs__time-handle-content{
background:#fff
}
.mejs__time-hovered{
background:rgba(255,255,255,.5);
z-index:10
}
.mejs__time-hovered.negative{
background:rgba(0,0,0,.2)
}
.mejs__time-current,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-hovered{
left:0;
-webkit-transform:scaleX(0);
-ms-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;
-webkit-transition:.15s ease-in all;
transition:.15s ease-in all;
width:100%
}
.mejs__time-buffering{
-webkit-transform:scaleX(1);
-ms-transform:scaleX(1);
transform:scaleX(1)
}
.mejs__time-hovered{
-webkit-transition:height .1s cubic-bezier(0.44, 0, 1, 1);
transition:height .1s cubic-bezier(0.44, 0, 1, 1)
}
.mejs__time-hovered.no-hover{
-webkit-transform:scaleX(0) !important;
-ms-transform:scaleX(0) !important;
transform:scaleX(0) !important
}
.mejs__time-handle,.mejs__time-handle-content{
border:4px solid transparent;
cursor:pointer;
left:0;
position:absolute;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
z-index:11
}
.mejs__time-handle-content{
border:4px solid rgba(255,255,255,.9);
border-radius:50%;
height:10px;
left:-7px;
top:-4px;
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
width:10px
}
.mejs__time-rail:hover .mejs__time-handle-content,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail .mejs__time-handle-content:active{
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
.mejs__time-float{
background:#eee;
border:solid 1px #333;
bottom:100%;
color:#111;
display:none;
height:17px;
margin-bottom:9px;
position:absolute;
text-align:center;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
width:36px
}
.mejs__time-float-current{
display:block;
left:0;
margin:2px;
text-align:center;
width:30px
}
.mejs__time-float-corner{
border:solid 5px #eee;
border-color:#eee transparent transparent;
border-radius:0;
display:block;
height:0;
left:50%;
line-height:0;
position:absolute;
top:100%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
width:0
}
.mejs__long-video .mejs__time-float{
margin-left:-23px;
width:64px
}
.mejs__long-video .mejs__time-float-current{
width:60px
}
.mejs__broadcast{
color:#fff;
height:10px;
position:absolute;
top:15px;
width:100%
}
.mejs__fullscreen-button > button{
background:url("../img/icons/controls/full_screen.svg")
}
.mejs__unfullscreen > button{
background-position:-100px 0
}
.mejs__mute > button{
background:url("../img/icons/controls/volume.svg")
}
.mejs__unmute > button{
background:url("../img/icons/controls/volume.svg")
}
.mejs__volume-button{
position:relative
}
.mejs__volume-button > .mejs__volume-slider{
-webkit-backface-visibility:hidden;
background:rgba(50,50,50,.7);
border-radius:0;
bottom:100%;
display:none;
height:115px;
left:50%;
margin:0;
position:absolute;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
width:25px;
z-index:1
}
.mejs__volume-button:hover{
border-radius:0 0 4px 4px
}
.mejs__volume-total{
background:rgba(255,255,255,.5);
height:100px;
left:50%;
margin:0;
position:absolute;
top:8px;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
width:2px
}
.mejs__volume-current{
background:#fff;
left:0;
margin:0;
position:absolute;
width:100%
}
.mejs__volume-handle{
background:#fff;
border-radius:1px;
cursor:ns-resize;
height:6px;
left:50%;
position:absolute;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
width:16px
}
.mejs__horizontal-volume-slider{
display:block;
height:36px;
position:relative;
vertical-align:middle;
width:56px
}
.mejs__horizontal-volume-total{
background:rgba(50,50,50,.8);
border-radius:2px;
font-size:1px;
height:8px;
left:0;
margin:0;
padding:0;
position:absolute;
top:16px;
width:50px
}
.mejs__horizontal-volume-current{
background:rgba(255,255,255,.8);
border-radius:2px;
font-size:1px;
height:100%;
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
width:100%
}
.mejs__horizontal-volume-handle{
display:none
}
.mejs__captions-button,.mejs__chapters-button{
position:relative
}
.mejs__captions-button > button{
background-position:-140px 0
}
.mejs__chapters-button > button{
background-position:-180px 0
}
.mejs__captions-button > .mejs__captions-selector,.mejs__chapters-button > .mejs__chapters-selector{
background:rgba(50,50,50,.7);
border:solid 1px transparent;
border-radius:0;
bottom:100%;
margin-right:-43px;
overflow:hidden;
padding:0;
position:absolute;
right:50%;
visibility:visible;
width:86px
}
.mejs__chapters-button > .mejs__chapters-selector{
margin-right:-55px;
width:110px
}
.mejs__captions-selector-list,.mejs__chapters-selector-list{
list-style-type:none !important;
margin:0;
overflow:hidden;
padding:0
}
.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{
color:#fff;
cursor:pointer;
display:block;
list-style-type:none !important;
margin:0 0 6px;
overflow:hidden;
padding:0
}
.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{
background-color:#c8c8c8 !important;
background-color:rgba(255,255,255,.4) !important
}
.mejs__captions-selector-input,.mejs__chapters-selector-input{
clear:both;
float:left;
left:-1000px;
margin:3px 3px 0 5px;
position:absolute
}
.mejs__captions-selector-label,.mejs__chapters-selector-label{
cursor:pointer;
float:left;
font-size:10px;
line-height:15px;
padding:4px 10px 0;
width:100%
}
.mejs__captions-selected,.mejs__chapters-selected{
color:#21f8f8
}
.mejs__captions-translations{
font-size:10px;
margin:0 0 5px
}
.mejs__captions-layer{
bottom:0;
color:#fff;
font-size:16px;
left:0;
line-height:20px;
position:absolute;
text-align:center
}
.mejs__captions-layer a{
color:#fff;
text-decoration:underline
}
.mejs__captions-layer[lang=ar]{
font-size:20px;
font-weight:normal
}
.mejs__captions-position{
bottom:15px;
left:0;
position:absolute;
width:100%
}
.mejs__captions-position-hover{
bottom:35px
}
.mejs__captions-text,.mejs__captions-text *{
background:rgba(20,20,20,.5);
box-shadow:5px 0 0 rgba(20,20,20,.5),-5px 0 0 rgba(20,20,20,.5);
padding:0;
white-space:pre-wrap
}
.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{
display:none
}
.mejs__overlay-error{
position:relative
}
.mejs__overlay-error > img{
left:0;
max-width:100%;
position:absolute;
top:0;
z-index:-1
}
.mejs__cannotplay,.mejs__cannotplay a{
color:#fff;
font-size:.8em
}
.mejs__cannotplay{
position:relative
}
.mejs__cannotplay p,.mejs__cannotplay a{
display:inline-block;
padding:0 15px;
width:100%
}
@media all and (max-width: 320px){
.mejs__overlay-button{
height:40px;
width:40px
}

}
.blog-el{
text-decoration:none;
width:25%;
box-sizing:border-box;
padding:10px;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
border-left:1px solid rgba(112,112,112,.5)
}
.blog-el:last-child{
border-left:none
}
.blog-el .right-side{
width:20% !important;
display:inline-block;
float:right
}
.blog-el .right-side img{
width:100%;
height:auto;
border-radius:8px
}
.blog-el .left-side{
width:80%;
box-sizing:border-box;
padding:0px 10px;
display:inline-block;
float:left
}
.blog-el .left-side span{
color:#707070;
display:block
}
.blog-el .left-side > a,.blog-el .left-side p{
color:#000;
text-decoration:none
}
.blog-el.w{
width:100%;
border:none;
flex-wrap:nowrap
}
.blog-el.w .left-side{
width:80%
}
.blog-el.w .blog-info{
justify-content:flex-start
}
.blog-info{
width:100%;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
font-size:9pt
}
.blog-info span{
display:inline-block;
color:#707070;
margin:5px 0px
}
.blog-info span a{
text-decoration:none;
color:#2350ca
}
.blog-list{
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
flex-wrap:nowrap;
background-color:transparent
}
.blog-list .blog-category{
display:inline-block;
position:relative;
padding-right:20px;
font-size:12pt
}
.blog-list .blog-category.small::after{
width:10px;
height:10px
}
.blog-list .blog-category::after{
content:"";
position:absolute;
width:15px;
height:15px;
background-color:#fe3a3a;
border-radius:50%;
right:0px;
top:50%;
transform:translateY(-50%)
}
.blog-list .big-slider{
width:100%;
display:inline-block;
position:relative;
height:1200px
}
.blog-list .big-slider .swiper-slide{
position:relative;
overflow:hidden;
height:1200px
}
.blog-list .big-slider .swiper-slide img{
width:100%;
height:1200px;
object-fit:cover
}
.blog-list .big-slider .swiper-slide .text{
width:40%;
color:#fff;
top:50%;
left:80%;
transform:translate(-50%, -50%);
position:absolute;
opacity:0;
transition:all 2s;
max-width:1000px
}
.blog-list .big-slider .swiper-slide.swiper-slide-active .text{
opacity:1;
left:77%
}
.blog-list .big-slider .news-slider-button-next,.blog-list .big-slider .news-slider-button-prev{
color:#000;
padding:10px;
box-sizing:border-box;
width:35px;
height:35px;
border-radius:8px;
background-color:#fff;
top:55% !important
}
.blog-list .big-slider .news-slider-button-next::after,.blog-list .big-slider .news-slider-button-prev::after{
font-size:10pt
}
.blog-list .big-slider .news-slider-button-next{
left:75% !important
}
.blog-list .big-slider .news-slider-button-prev{
right:21% !important
}
.blog-list .big-slider .urgent-news-container{
width:100%;
position:absolute;
bottom:80px;
box-sizing:border-box;
z-index:1;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:nowrap
}
.blog-list .big-slider .urgent-news-container .urgent-news{
width:80%;
max-width:2500px;
margin:0px 10%;
z-index:1;
position:relative;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;
background-color:#fff;
border-radius:8px;
border:1px solid #292d32;
padding:15px
}
.blog-list .big-slider .urgent-news-container .urgent-news > span{
position:absolute;
top:-15%;
background-color:#bf2b2b;
padding:5px 10px;
border-radius:8px;
color:#fff;
display:inline-block
}
.blog-list .blog-list-container{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
width:100%;
box-sizing:border-box;
padding:25px 15px;
max-width:2300px;
position:relative
}
.blog-list .blog-list-container .blur-blue{
left:unset;
right:-25%;
bottom:15%
}
.blog-list .blog-list-container .blur-sky:nth-child(1){
right:33%;
bottom:-50%;
background:radial-gradient(circle, #00B5D9 -500px, rgba(255, 255, 255, 0) 60%)
}
.blog-list .blog-list-container > .right-side{
width:30%;
display:inline-block
}
.blog-list .blog-list-container > .right-side .swiper-wrapper{
display:inline-block !important
}
.blog-list .blog-list-container > .right-side .swiper-wrapper .swiper-slide{
width:100%;
margin:15px 0px
}
.blog-list .blog-list-container > .right-side .swiper-wrapper .swiper-slide .blog-category{
font-size:10pt;
color:#707070
}
.blog-list .blog-list-container > .right-side .swiper-wrapper .swiper-slide a{
width:100%;
position:relative;
text-decoration:none
}
.blog-list .blog-list-container > .right-side .swiper-wrapper .swiper-slide a p{
color:#000
}
.blog-list .blog-list-container > .right-side .Mini-blogs-Slider-next,.blog-list .blog-list-container > .right-side .Mini-blogs-Slider-prev{
display:none
}
.blog-list .blog-list-container .center-banner{
width:30%;
box-sizing:border-box;
margin:0 5%;
position:relative;
overflow:hidden
}
.blog-list .blog-list-container > .left-side{
width:30%;
display:inline-block
}
.blog-list .blog-list-container > .left-side .tabs-button{
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
flex-wrap:nowrap;
width:90%;
border-bottom:3px solid rgba(41,45,50,.2);
position:relative;
box-sizing:border-box;
margin:0px 5%
}
.blog-list .blog-list-container > .left-side .tabs-button button{
border:none;
background-color:transparent;
font-weight:bold;
font-size:12pt;
color:#707070;
width:32%;
box-sizing:border-box;
padding:5px;
margin:0px 5px 5px 5px
}
.blog-list .blog-list-container > .left-side .tabs-button .tracker{
position:absolute;
width:32%;
height:3px;
border-radius:5px;
bottom:-2px;
padding:0px 5px;
right:0px;
background-color:#fe3a3a;
transition:all .3s
}
.blog-list .blog-list-container > .left-side .tabs-container{
width:90%;
border-radius:10px;
box-sizing:border-box;
padding:5px 20px;
margin:0px 5%;
position:relative;
overflow:hidden
}
.blog-list .blog-list-container > .left-side .tabs-container > div{
width:100%;
transition:all .5s;
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
flex-wrap:wrap;
position:absolute;
right:-20%;
opacity:0;
z-index:-1;
visibility:hidden
}
.blog-list .blog-list-container > .left-side .tabs-container > div.active{
position:relative;
right:0px;
opacity:1;
z-index:1;
visibility:visible
}
.blog-list .blogs-slider{
width:100%;
display:inline-block;
box-sizing:border-box;
padding:25px 15px;
max-width:2300px
}
.blog-list .blogs-slider .slider-title-bar{
width:100%;
display:inline-block;
border-bottom:2px solid #707070;
padding:10px 0px;
margin:15px 0px;
position:relative
}
.blog-list .blogs-slider .slider-title-bar h3{
float:right;
color:#fe3a3a
}
.blog-list .blogs-slider .slider-title-bar .newest-blogs-slider-next,.blog-list .blogs-slider .slider-title-bar .newest-blogs-slider-prev{
width:30px;
height:30px;
border-radius:50%;
border:1px solid #fe3a3a;
color:#bf2b2b;
top:50%;
transform:translateY(-50%);
margin:0px
}
.blog-list .blogs-slider .slider-title-bar .newest-blogs-slider-next::after,.blog-list .blogs-slider .slider-title-bar .newest-blogs-slider-prev::after{
font-size:10pt
}
.blog-list .blogs-slider .slider-title-bar .newest-blogs-slider-prev{
right:unset;
left:50px
}
.blog-list .blogs-slider .swiper-slide{
width:20%;
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
flex-wrap:wrap
}
.blog-list .blogs-slider .swiper-slide a{
width:100%;
text-decoration:none
}
.blog-list .blogs-slider .swiper-slide a img{
border-radius:5px;
width:100%;
height:auto
}
.blog-list .blogs-slider .swiper-slide a h3{
width:100%;
color:#000;
text-align:right;
margin-bottom:7px
}
.blog-list .blogs-slider .swiper-slide a p{
width:100%;
text-overflow:ellipsis;
color:#292d32;
font-weight:lighter;
margin-bottom:10px;
font-size:11pt;
font-family:"iran-sans-light"
}
@media all and (max-width: 1960px){
.blog-list .blog-list-container .blog-el .right-side{
width:40% !important
}

}
@media all and (max-width: 1910px){
.blog-list .big-slider .swiper-slide .text{
width:70%
}
.blog-list .big-slider .swiper-slide.swiper-slide-active .text{
left:63%
}

}
@media all and (max-width: 1880px){
.blog-list .big-slider .news-slider-button-prev{
right:18% !important
}
.blog-list .big-slider .news-slider-button-next,.blog-list .big-slider .news-slider-button-prev{
top:57% !important
}
.blog-list .blog-list-container .center-banner{
width:38%;
margin:0 1%
}

}
@media all and (max-width: 1770px){
.blog-list .big-slider .urgent-news-container .urgent-news{
width:90%;
margin:0px 5%
}
.blog-list .blogs-slider .swiper-slide a h3,.blog-list .blogs-slider .slider-title-bar h3{
font-size:10pt
}
.blog-list .blogs-slider .swiper-slide a p,.blog-list .blog-info{
font-size:8pt
}
.blog-list .blog-el .right-side{
width:40% !important
}
.blog-list .blog-el .left-side a,.blog-list .blog-el .left-side span{
font-size:10pt
}

}
@media all and (max-width: 1600px){
.blog-list .blog-list-container .blog-el .right-side{
width:15% !important
}
.blog-list .blog-list-container{
justify-content:center
}
.blog-list .blog-list-container > .left-side .tabs-button button{
font-size:10pt
}
.blog-list .blog-list-container .right-side .swiper-wrapper .swiper-slide a p{
font-size:9pt
}
.blog-list .blog-list-container .right-side{
width:50%;
order:0
}
.blog-list .blog-list-container > .left-side .tabs-container,.blog-list .blog-list-container > .left-side .tabs-button{
width:100%;
margin:0px;
padding:5px 0px
}
.blog-list .blog-list-container > .left-side{
width:50%;
box-sizing:border-box;
padding:0px 10px;
order:1
}
.blog-list .blog-list-container .center-banner{
width:80%;
order:2
}
.blog-list .blog-list-container .center-banner img{
border-radius:10px
}

}
@media all and (max-width: 1270px){
.blog-list .big-slider .urgent-news-container .urgent-news{
width:98%;
margin:0px 1%
}

}
@media all and (max-width: 1155px){
.blog-list .blog-el .right-side{
width:25% !important
}
.blog-list .blog-el .left-side a,.blog-list .blog-el .left-side span{
font-size:11pt
}

}
@media all and (max-width: 1100px){
.blog-list .blog-list-container .blog-el .right-side{
width:20% !important
}
.blog-list .big-slider .urgent-news-container{
overflow-x:auto;
display:inline-block;
padding:20px 0px
}
.blog-list .big-slider .urgent-news-container .urgent-news{
max-width:unset;
margin:0px 50px 0px 10px;
width:1500px
}

}
@media all and (max-width: 990px){
.blog-list .blog-list-container .blur-sky:nth-child(1){
bottom:unset;
top:-5%;
transform:scale(3.5);
right:40%
}
.blog-list .blog-list-container{
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
flex-wrap:nowrap
}
.blog-list .blog-list-container > .center-banner,.blog-list .blog-list-container > .left-side,.blog-list .blog-list-container > .right-side{
width:70% !important
}
.blog-list .blog-list-container > .left-side{
order:-1
}
.blog-list .blog-list-container .center-banner{
order:1
}
.blog-list .blog-list-container .center-banner img{
border-radius:10px
}
.blog-list .blog-list-container .right-side .swiper-wrapper{
display:flex !important
}
.blog-list .blog-list-container .right-side .swiper-wrapper .swiper-slide{
background-color:rgba(112,112,112,.5);
border-radius:10px;
padding:5px 20px;
width:90% !important;
margin:15px 5%;
box-sizing:border-box
}
.blog-list .blog-list-container .right-side .Mini-blogs-Slider-next,.blog-list .blog-list-container .right-side .Mini-blogs-Slider-prev{
display:flex;
background-color:#fff;
text-align:center;
border-radius:50%;
width:37px;
height:37px;
box-shadow:0px 3px 6px #00000016
}
.blog-list .blog-list-container .right-side .Mini-blogs-Slider-next::after,.blog-list .blog-list-container .right-side .Mini-blogs-Slider-prev::after{
font-size:11pt;
color:#000
}
.blog-list .blog-list-container > .left-side .tabs-button{
direction:rtl
}

}
@media all and (max-width: 1110px){
.blog-list .big-slider .news-slider-button-prev{
right:11% !important
}
.blog-list .big-slider .news-slider-button-next,.blog-list .big-slider .news-slider-button-prev{
top:57% !important
}

}
@media all and (max-width: 815px){
.blog-list .big-slider .swiper-slide .text{
width:90%
}
.blog-list .big-slider .swiper-slide.swiper-slide-active .text{
left:53%
}
.blog-list .big-slider .news-slider-button-next,.blog-list .big-slider .news-slider-button-prev{
top:60% !important
}

}
@media all and (max-width: 800px){
.blog-list .blogs-slider .swiper-slide{
width:100%;
margin:0px 15px
}

}
@media all and (max-width: 545px){
.blog-list .big-slider .news-slider-button-prev{
right:5% !important
}
.blog-list .big-slider .news-slider-button-next,.blog-list .big-slider .news-slider-button-prev{
top:63% !important
}
.blog-list .big-slider,.blog-list .big-slider .swiper-slide{
height:700px
}

}
@media all and (max-width: 430px){
.blog-list .big-slider .swiper-slide.swiper-slide-active .text h1{
font-size:15pt
}
.blog-list .big-slider .news-slider-button-next,.blog-list .big-slider .news-slider-button-prev{
top:60% !important
}
.blog-list .big-slider .news-slider-button-next::after,.blog-list .big-slider .news-slider-button-prev::after{
font-size:10pt
}

}
@media all and (max-width: 390px){
.blog-list .big-slider .news-slider-button-next{
left:69% !important
}
.blog-list .blogs-slider{
padding:0px 15px 25px 15px
}

}
@media all and (max-width: 625px){
.blog-list .blog-list-container > .center-banner,.blog-list .blog-list-container > .left-side,.blog-list .blog-list-container > .right-side{
width:100% !important
}
.blog-list .blog-list-container .right-side .swiper-wrapper .swiper-slide a p{
font-size:12pt
}

}
@media all and (max-width: 500px){
.blog-list .blog-list-container .blog-el .right-side{
width:35% !important
}

}
@media all and (max-width: 425px){
.blog-list .blog-list-container .blog-el .right-side{
width:45% !important
}
.blog-list .blog-el .left-side a,.blog-list .blog-el .left-side span{
font-size:8pt
}

}
@media all and (max-width: 340px){
.blog-list .blog-list-container .blog-el{
flex-wrap:wrap
}
.blog-list .blog-list-container .blog-el .right-side{
width:100% !important;
order:-1
}
.blog-list .blog-list-container .blog-el .left-side{
width:100%
}

}
.blog-detail-main{
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
flex-wrap:nowrap;
background-color:transparent
}
.blog-detail-main .blur-sky,.blog-detail-main .blur-red,.blog-detail-main .blur-blue{
transform:scale(2.5)
}
.blog-detail-main .blur-sky{
left:37%;
bottom:-27%
}
.blog-detail-main .blur-red{
left:-8%;
top:-20%
}
.blog-detail-main .blur-blue{
right:-7%;
bottom:27%
}
.blog-detail-main .blog-post{
width:75%;
box-sizing:border-box;
padding:0px 20px;
display:inline-block;
max-width:2000px
}
.blog-detail-main .blog-post .banner{
width:100%;
margin:10px 0px
}
.blog-detail-main .blog-post .banner img{
width:100%;
height:auto;
border-radius:15px
}
.blog-detail-main .blog-post .post-title{
width:100%
}
.blog-detail-main .blog-post .post-title h1{
display:block;
color:#000
}
.blog-detail-main .blog-post .post-title .post-info{
width:100%;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;
margin:5px 0px;
border-bottom:2px solid rgba(112,112,112,.5);
color:#707070
}
.blog-detail-main .blog-post .post-title .post-info span{
margin:0px 10px;
display:block
}
.blog-detail-main .blog-post .post-inner{
width:100%;
padding:15px 0px;
box-sizing:border-box
}
.blog-detail-main .blog-post .post-inner p{
line-height:38px
}
.blog-detail-main aside{
width:25%;
box-sizing:border-box;
max-width:600px;
padding:0px 15px;
border-right:2px solid rgba(112,112,112,.2);
transition:all .3s
}
@media all and (max-width: 2160px){
.blog-detail-main .blog-el .right-side{
width:40% !important
}

}
@media all and (max-width: 1460px){
.blog-detail-main .blog-el .right-side{
width:40% !important
}
.blog-detail-main .blog-el .left-side span,.blog-detail-main .blog-el .left-side a{
font-size:9pt
}
.blog-detail-main .blog-el .left-side .blog-info span,.blog-detail-main .blog-el .left-side .blog-info a{
font-size:8pt
}

}
@media all and (max-width: 1230px){
.blog-detail-main{
flex-wrap:wrap
}
.blog-detail-main .blog-post{
width:100%
}
.blog-detail-main aside{
width:100%;
border-right:none;
border-top:2px solid rgba(112,112,112,.2);
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
flex-wrap:wrap;
max-width:none
}
.blog-detail-main aside h3{
display:block;
width:100%;
text-align:right
}
.blog-detail-main aside .blog-el{
width:50%
}

}
@media all and (max-width: 1010px){
.blog-detail-main .blog-post .post-title h1{
font-size:15pt
}
.blog-detail-main .blog-post .post-title .post-info{
font-size:10pt
}

}
@media all and (max-width: 605px){
.blog-detail-main aside .blog-el{
width:70%
}
.blog-detail-main aside .blog-el .right-side{
width:60% !important
}

}
@media all and (max-width: 500px){
.blog-detail-main .blog-post .post-title h1{
font-size:13pt
}
.blog-detail-main .blog-post .post-title .post-info{
font-size:10pt
}
.blog-detail-main .blur-sky,.blog-detail-main .blur-red,.blog-detail-main .blur-blue{
transform:scale(1.5)
}
.blog-detail-main .blur-red{
right:18%;
top:0px
}
.blog-detail-main .blur-blue{
right:-7%;
top:20%;
bottom:unset
}
.blog-detail-main .blur-sky{
left:37%;
bottom:50%
}

}
@media all and (max-width: 605px){
.blog-detail-main aside .blog-el{
width:100%;
padding:0px;
margin:20px 0px
}
.blog-detail-main aside .blog-el .right-side{
width:20% !important
}

}
@media all and (max-width: 445px){
.blog-detail-main aside .blog-el{
width:100%;
padding:0px;
margin:20px 0px
}
.blog-detail-main aside .blog-el .right-side{
width:35% !important
}

}
@media all and (max-width: 350px){
.blog-detail-main aside .blog-el{
width:100%;
padding:0px;
margin:20px 0px
}
.blog-detail-main aside .blog-el .right-side{
width:55% !important
}

}
.form-main{
background:linear-gradient(to right, #4B6CB7 -88%, #182848 80%);
box-sizing:border-box;
padding-left:50px;
align-content:center
}
.form-main .just-validate-error-field{
border-color:#fe3a3a !important
}
.form-main p{
color:#969696
}
.form-main .title-section{
width:100%;
box-sizing:border-box;
padding:15px 5px;
color:#fff;
border-bottom:3px solid rgba(255,255,255,.2);
margin-right:50px
}
.form-main .form-container{
width:100%;
display:inline-block;
box-sizing:border-box;
padding:25px 0px 25px 25px
}
.form-main .form-container .right-side{
width:30%;
position:relative;
float:right
}
.form-main .form-container .right-side::after{
position:absolute;
content:"";
width:3px;
height:100vh;
top:-25px;
left:0px;
background-color:rgba(255,255,255,.2)
}
.form-main .form-container .right-side .mobile-list{
display:none
}
.form-main .form-container .right-side > ol{
width:100%;
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-start;
flex-wrap:wrap;
list-style:none;
list-style-position:inside;
box-sizing:border-box;
padding-left:10px
}
.form-main .form-container .right-side > ol li{
width:100%;
box-sizing:border-box;
padding:30px 20px;
margin:10px 0px;
display:flex;
flex-direction:row;
justify-content:center;
align-items:flex-end;
flex-wrap:nowrap;
transition:all .3s;
border-radius:8px;
position:relative
}
.form-main .form-container .right-side > ol li::after{
content:"";
position:absolute;
left:-20px;
width:20px;
height:20px;
transform:translateY(-50%);
top:50%;
background-color:#707070;
display:inline-block;
border:3px solid #292d32;
border-radius:50%;
z-index:1;
transition:all .3s
}
.form-main .form-container .right-side > ol li .icon{
width:60px;
height:60px;
border-radius:50%;
background-color:rgba(255,255,255,.2);
-webkit-backdrop-filter:blur(15px);
backdrop-filter:blur(15px);
-o-backdrop-filter:blur(15px);
-moz-backdrop-filter:blur(15px);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
-webkit-transform:translate3d(0, 0, 0);
-webkit-transform:translateZ(0);
backface-visibility:hidden;
perspective:1000;
transform:translate3d(0, 0, 0);
transform:translateZ(0);
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
margin:0px 15px;
transition:all .3s
}
.form-main .form-container .right-side > ol li .icon img{
fill:#fff;
width:28px;
height:28px
}
.form-main .form-container .right-side > ol li .info h4{
color:#fff
}
.form-main .form-container .right-side > ol li .info p{
font-size:10pt
}
.form-main .form-container .right-side > ol li.active{
background-color:rgba(255,255,255,.2)
}
.form-main .form-container .right-side > ol li.active::after{
background-color:#2db37f
}
.form-main .form-container .right-side > ol li.active .icon{
background-color:#2db37f
}
.form-main .form-container .right-side > ol li.stage-is-completed::after{
background-color:#c3c3c3
}
.form-main .form-container .left-side{
width:70%;
float:left;
min-height:80vh;
display:inline-block;
overflow:hidden;
display:flex;
flex-direction:column;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap
}
.form-main .form-container .left-side .stages-container{
width:95%;
position:relative;
display:inline-block;
margin-right:5%
}
.form-main .form-container .left-side .stages-container > div{
width:100%;
position:absolute;
display:inline-block;
right:-20%;
max-width:2000px;
opacity:0;
visibility:hidden;
transition:all .3s
}
.form-main .form-container .left-side .stages-container > div button.hide{
display:none
}
.form-main .form-container .left-side .stages-container > div.active{
position:relative;
right:0px;
opacity:1;
visibility:visible
}
.form-main .form-container .left-side .stages-container > div .title-section{
width:97%;
margin-right:0px !important
}
.form-main .form-container .left-side .stages-container > div .title-section p{
color:#fff
}
.form-main .form-container .left-side .stages-container > div .inputs{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
width:97%;
box-sizing:border-box
}
.form-main .form-container .left-side .error-list{
width:95%;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
position:relative;
display:inline-block;
margin:15px 0px
}
.form-main .form-container .left-side .error-list > div{
color:#fe3a3a;
min-width:20%;
margin:10px 15px
}
.form-main .form-container .left-side .error-list > div .icon{
display:inline-block;
width:10px;
height:10px;
min-width:unset;
background-color:#fe3a3a;
border-radius:50%;
position:relative;
margin:0px 15px
}
.form-main .form-container .left-side .error-list > div .icon div{
position:absolute;
width:10px;
height:10px;
background-color:#fe3a3a;
border-radius:50%;
left:50%;
top:50%;
transform:translate(-50%, -50%);
animation:drop 1s infinite
}
.form-main .form-container .left-side .error-list > div .icon::after{
content:"";
position:absolute;
width:15px;
height:15px;
background-color:transparent;
border-radius:50%;
border:1px solid #fe3a3a;
left:50%;
top:50%;
transform:translate(-50%, -50%)
}
.form-main .form-container .left-side .error-list > div .icon::before{
content:"";
position:absolute;
width:20px;
height:20px;
background-color:transparent;
border-radius:50%;
border:1px solid #fe3a3a;
left:50%;
top:50%;
transform:translate(-50%, -50%)
}
.form-main .form-container .left-side .error-list > div span{
color:#fe3a3a;
display:inline-block;
margin-right:10px
}
.form-main .form-container .left-side .stages-controllers{
width:100%;
position:relative;
display:flex;
flex-direction:row;
justify-content:flex-end;
align-items:center;
flex-wrap:wrap
}
.form-main .form-container .left-side .stages-controllers button{
border:none;
box-sizing:border-box;
border-radius:33px;
padding:10px 25px;
margin:10px 10px;
color:#fff;
font-size:13pt;
transition:all .3s
}
.form-main .form-container .left-side .stages-controllers button#next_btn{
background:linear-gradient(to left, #2DB37F -38%, #067148 80%);
z-index:1
}
.form-main .form-container .left-side .stages-controllers button#prev_btn{
background-color:rgba(255,255,255,.2);
position:absolute;
left:-10%;
opacity:0;
visibility:hidden;
z-index:-1
}
.form-main .form-container .left-side .stages-controllers button#prev_btn.active{
position:relative;
left:0px;
opacity:1;
visibility:visible;
z-index:0
}
@media all and (max-width: 1240px){
.form-main .form-container .right-side > ol li{
flex-wrap:wrap
}
.form-main .form-container .right-side > ol li .info{
width:100%;
text-align:center
}
.form-main .form-container .right-side::after{
height:150%
}

}
@media all and (max-width: 1040px){
.form-main .title-section h1{
font-size:15pt
}
.form-main p,.form-main .form-container .left-side .stages-container > div .inputs .input-group label,.form-main .form-container .left-side .stages-container > div .inputs .big-input-group label,.form-main .form-container .left-side .stages-container > div .inputs .input-group input[type=text],.form-main .form-container .left-side .stages-container > div .inputs .input-group textarea,.form-main .form-container .left-side .stages-container > div .inputs .input-group input[type=number],.form-main .form-container .left-side .stages-container > div .inputs .input-group .file-input,.form-main .form-container .left-side .stages-container > div .inputs .input-group .select-selected,.form-main .form-container .left-side .stages-container > div .inputs .big-input-group input[type=text],.form-main .form-container .left-side .stages-container > div .inputs .big-input-group textarea,.form-main .form-container .left-side .stages-container > div .inputs .big-input-group input[type=number],.form-main .form-container .left-side .stages-container > div .inputs .big-input-group .file-input,.form-main .form-container .left-side .stages-container > div .inputs .big-input-group .select-selected,.form-main .form-container .right-side > ol li .info p,.form-main .form-container .left-side .error-list ul li span{
font-size:9pt
}
.form-main .form-container .right-side > ol li .info h4{
font-size:10pt
}
.form-main .form-container .left-side .stages-container > div .inputs > .input-group,.form-main .form-container .left-side .stages-container > div .inputs > .big-input-group{
width:100% !important
}
.form-main .form-container .left-side .stages-controllers{
margin-top:50px
}

}
@media all and (max-width: 600px){
.form-main,.form-main .form-container{
padding-left:0px
}
.form-main .form-container{
padding:5px 0px 5px 0px
}
.form-main .form-container .right-side,.form-main .form-container .left-side{
width:100%;
margin:15px 0px;
box-sizing:border-box;
padding:0px 10px
}
.form-main .form-container .right-side::after,.form-main .form-container .right-side > ol li::after{
display:none
}
.form-main .form-container .right-side > ol li .info{
width:unset
}
.form-main .form-container .right-side > ol li{
flex-wrap:wrap;
padding:5px 0px;
justify-content:center
}
.form-main .form-container .right-side > ol li.active{
background-color:transparent
}
.form-main .form-container .right-side > ol li .icon{
width:40px;
height:40px
}
.form-main .form-container .right-side > ol li .icon img{
width:20px;
height:20px
}
.form-main .title-section{
margin-right:30px
}
.form-main .form-container .right-side > ol li:not(.active){
display:none
}
.form-main .form-container .right-side{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:nowrap
}
.form-main .form-container .right-side .mobile-list{
display:inline-block;
width:20%;
position:relative
}
.form-main .form-container .right-side .mobile-list .selected-menu{
box-sizing:border-box;
text-align:center;
padding:5px 8px;
border-radius:8px;
background-color:rgba(255,255,255,.6);
color:#292d32;
transition:all .3s
}
.form-main .form-container .right-side .mobile-list .selected-menu i{
margin:5px
}
.form-main .form-container .right-side .mobile-list .selected-menu.active{
border-radius:8px 8px 0px 0px
}
.form-main .form-container .right-side .mobile-list .stages-list{
width:300px;
border-radius:0px 8px 8px 8px;
-webkit-backdrop-filter:blur(15px);
backdrop-filter:blur(15px);
-o-backdrop-filter:blur(15px);
-moz-backdrop-filter:blur(15px);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
-webkit-transform:translate3d(0, 0, 0);
-webkit-transform:translateZ(0);
backface-visibility:hidden;
perspective:1000;
transform:translate3d(0, 0, 0);
transform:translateZ(0);
background-color:rgba(255,255,255,.6);
position:absolute;
transition:all ease-in .3s;
top:-10px;
opacity:0;
z-index:5;
left:0px;
z-index:-1;
visibility:hidden
}
.form-main .form-container .right-side .mobile-list .stages-list.active{
top:100%;
opacity:1;
z-index:1;
visibility:visible
}
.form-main .form-container .right-side .mobile-list .stages-list ol{
width:100%;
box-sizing:border-box;
padding:5px 20px;
border:none;
background-color:transparent;
margin:10px 0px;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-end;
flex-wrap:wrap;
transition:all .3s;
border-radius:8px;
position:relative;
list-style:none
}
.form-main .form-container .right-side .mobile-list .stages-list ol .info{
color:#fff
}
.form-main .form-container .right-side .mobile-list .stages-list ol .info h4{
font-weight:normal
}
.form-main .form-container .right-side .mobile-list .stages-list ol .icon{
width:24px;
height:24px;
border-radius:50%;
background-color:#707070;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
margin:0px 15px;
transition:all .3s
}
.form-main .form-container .right-side .mobile-list .stages-list ol .icon img{
fill:#fff;
width:15px;
height:15px
}
.form-main .form-container .right-side .mobile-list .stages-list ol.active .icon{
background-color:#2db37f
}
.form-main .form-container .right-side > ol{
width:80%;
order:-1
}
.form-main .form-container .left-side .stages-controllers button{
font-size:10pt
}

}
@media all and (max-width: 325px){
.form-main .form-container .right-side .mobile-list .stages-list{
width:250px
}
.form-main .form-container .right-side .mobile-list .stages-list ol .icon{
width:30px;
height:30px
}

}
.manager_message{
background-color:transparent;
display:flex;
flex-direction:row;
justify-content:space-evenly;
align-items:center;
flex-wrap:wrap;
align-content:flex-start
}
.manager_message .blur-sky{
left:25%
}
.manager_message .blur-blue{
bottom:unset;
top:-20%
}
.manager_message .right-side{
width:40%;
display:inline-block;
box-sizing:border-box;
padding:5px;
max-width:1000px
}
.manager_message .right-side h1{
margin:15px 0px;
display:block;
width:100%;
text-align:right
}
.manager_message .right-side p{
width:100%;
display:inline-block
}
.manager_message .right-side .user{
width:100%;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
flex-wrap:nowrap;
margin:15px 0px
}
.manager_message .right-side .user .right-side{
width:100px;
height:100px;
border-radius:50%;
margin:0px 10px
}
.manager_message .right-side .user .left-side{
display:inline-block
}
.manager_message .right-side .user .left-side h4{
display:block;
width:100%;
text-align:right;
margin:3px 0px
}
.manager_message .left-side{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap
}
@media all and (max-width: 2140px){
.manager_message .left-side{
width:95%;
order:-1
}
.manager_message .right-side{
width:80%
}
.manager_message .right-side .user{
direction:ltr;
justify-content:flex-end
}

}
@media all and (max-width: 505px){
.manager_message .right-side p{
font-size:10pt
}
.manager_message .right-side h1{
font-size:18pt
}
.manager_message .right-side .user .left-side h4{
font-size:12pt
}

}
.about-us{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
flex-wrap:wrap;
background-color:#f7f7f7
}
.about-us .team{
width:110%;
position:relative;
margin:0px -5%;
border-radius:0px 0px 60% 60%/0px 0px 13% 13%;
overflow:hidden
}
.about-us .team img{
width:100%;
height:1500px;
object-fit:cover
}
.about-us .team .content{
position:absolute;
top:0px;
width:100%;
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
box-sizing:border-box;
padding:0px 20px;
text-align:center
}
.about-us .team .content h1{
color:#fff;
text-align:center;
font-size:60px;
font-family:"cinema";
box-sizing:border-box;
padding:0px 15px
}
.about-us .team .content h1 mark{
background-color:transparent;
color:#fe3a3a;
font-family:"Dima-Yekan-Typography"
}
.about-us .team .content p{
color:#fff;
font-size:18px;
font-family:"IRANYekanMedium";
width:80%
}
.about-us .features{
width:100%;
box-sizing:border-box;
display:inline-block;
margin:80px 0px 10px 0px
}
.about-us .features .title-bars{
width:100%;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:nowrap
}
.about-us .features .title-bars h2{
color:#fe3a3a;
display:block;
position:relative;
text-align:center;
font-family:"iran-kharazmi";
margin:0px 35px
}
.about-us .features .title-bars > span{
width:30%;
height:5px
}
.about-us .features .title-bars > span:nth-child(1){
right:10%;
background:linear-gradient(to right, #FE3A3A, rgba(254, 58, 58, 0) 90%)
}
.about-us .features .title-bars > span:nth-child(3){
left:10%;
background:linear-gradient(to left, #FE3A3A, rgba(254, 58, 58, 0) 90%)
}
.about-us .features > div:not(.title-bars){
width:65%;
margin:15px 17.5%;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
flex-wrap:wrap
}
.about-us .features > div:not(.title-bars) > div{
width:45%;
padding:30px 40px;
box-sizing:border-box;
border-radius:17px;
box-shadow:0px 0px 10px #00000016;
position:relative;
margin:20px 0px;
background-color:#fff
}
.about-us .features > div:not(.title-bars) > div .icon{
position:absolute;
right:-30px;
top:50%;
transform:translateY(-50%);
width:60px;
height:60px;
border-radius:50%;
border:1px solid rgba(112,112,112,.5);
background-color:#fff;
text-align:center
}
.about-us .features > div:not(.title-bars) > div .icon i{
display:inline-block;
position:relative;
top:50%;
transform:translateY(-50%);
width:30px;
height:30px;
background:url(../img/icons/features.svg) center no-repeat
}
.about-us .cooperation{
width:100%;
padding:25px 0px;
box-sizing:border-box;
background-color:#183b56
}
.about-us .cooperation h1{
margin:15px 25%;
display:block;
font-family:"Dima-Yekan-Typography";
color:#fff;
width:50%;
text-align:center
}
.about-us .cooperation details{
width:50%;
margin:15px 25%;
border-radius:7px;
background-color:rgba(195,195,195,.2);
-webkit-backdrop-filter:blur(15px);
backdrop-filter:blur(15px);
-o-backdrop-filter:blur(15px);
-moz-backdrop-filter:blur(15px);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
-webkit-transform:translate3d(0, 0, 0);
-webkit-transform:translateZ(0);
backface-visibility:hidden;
perspective:1000;
transform:translate3d(0, 0, 0);
transform:translateZ(0);
display:block;
transition:all .5s;
box-sizing:border-box;
cursor:pointer
}
.about-us .cooperation details summary{
width:100%;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;
list-style:none;
padding:15px;
box-sizing:border-box
}
.about-us .cooperation details summary h3{
text-align:right;
display:inline-block;
float:right;
color:#fff
}
.about-us .cooperation details summary i{
width:30px;
height:30px;
display:inline-block;
float:left;
font-weight:bold
}
.about-us .cooperation details summary i.up{
background:url(../img/icons/arrowup.svg) no-repeat center
}
.about-us .cooperation details summary i.down{
background:url(../img/icons/arrowdown.svg) no-repeat center
}
.about-us .cooperation details .content{
width:100%;
box-sizing:border-box;
color:#c3c3c3;
padding:0px 15px 15px 15px;
margin-top:-10px
}
@media all and (max-width: 1290px){
.about-us .team img{
height:1000px
}

}
@media all and (max-width: 755px){
.about-us .team{
border-radius:0px 0px 60% 60%/0px 0px 8% 8%
}
.about-us .features > div:not(.title-bars) > div{
width:100%
}
.about-us .cooperation h1,.about-us .cooperation details{
width:80%;
margin-left:10%;
margin-right:10%
}

}
@media all and (max-width: 515px){
.about-us .team .content p,.about-us .features > div:not(.title-bars) > div p,.about-us .cooperation details .content p{
font-size:10pt
}
.about-us h1{
font-size:31pt !important
}
.about-us .features .title-bars h2{
font-size:15pt
}
.about-us h3{
font-size:12pt
}

}
@media all and (max-width: 400px){
.about-us h1{
font-size:26pt !important
}

}
.contact-us{
background-color:transparent;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
align-content:center
}
.contact-us .blur-red{
left:-10%
}
.contact-us .blur-sky{
left:50%
}
.contact-us .blur-blue{
right:-10%
}
.contact-us .dot{
display:inline-block;
padding:10px;
border-radius:50%;
position:relative;
margin:0px 10px;
top:50%;
transform:translateY(25%)
}
.contact-us .dot.red{
background-color:#fe3a3a
}
.contact-us .dot.red::after{
border:2px solid #fe3a3a
}
.contact-us .dot.red::before{
border:1px solid #fe3a3a
}
.contact-us .dot.green{
background-color:#199800
}
.contact-us .dot.green::after{
border:2px solid #199800
}
.contact-us .dot.green::before{
border:1px solid #199800
}
.contact-us .dot::after{
position:absolute;
content:"";
padding:13px;
border-radius:50%;
left:50%;
top:50%;
transform:translate(-50%, -50%)
}
.contact-us .dot::before{
position:absolute;
content:"";
padding:18px;
border-radius:50%;
left:50%;
top:50%;
transform:translate(-50%, -50%)
}
.contact-us h1{
display:block;
width:100%;
padding:0px 20px;
box-sizing:border-box;
max-width:4000px
}
.contact-us .container{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
width:100%
}
.contact-us .container > div{
box-sizing:border-box;
max-width:2000px
}
.contact-us .container .blurs{
width:100%;
position:absolute;
height:100%;
z-index:-1
}
.contact-us .container .right-side{
width:70%;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
padding:0px 150px 0px 50px
}
.contact-us .container .right-side .info{
width:70%
}
.contact-us .container .right-side .info p{
width:100%;
box-sizing:border-box;
padding:0px 15px
}
.contact-us .container .right-side iframe{
border-radius:20px
}
.contact-us .container .left-side{
width:30%;
padding:0px 50px 0px 150px;
border-right:dotted 2px rgba(112,112,112,.5);
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
flex-wrap:wrap
}
.contact-us .container .left-side p{
width:100%
}
.contact-us .container .left-side .input-group{
box-shadow:0px 0px 6px #00000016;
border-radius:10px;
background-color:#fff
}
.contact-us .container .left-side .submit-container{
display:inline-block;
width:100%
}
.contact-us .container .left-side .submit-container button{
border-radius:10px;
color:#fff;
background-color:#199800;
padding:8px 50px;
box-sizing:border-box;
outline:none;
border:none;
float:left
}
@media all and (max-width: 1565px){
.contact-us .container > div{
width:80% !important;
padding:25px 50px !important;
box-sizing:border-box;
margin:25px 0px
}
.contact-us .container > div.left-side{
border-right:none;
border-top:dotted 2px rgba(112,112,112,.5)
}
.contact-us .container > div.right-side .info{
width:100%;
margin:30px 0px
}
.contact-us .container > div.right-side iframe{
width:100%;
order:-1
}

}
@media all and (max-width: 550px){
.contact-us .container > div{
width:95% !important
}
.contact-us .container .right-side{
padding:0px 10px !important
}
.contact-us h1{
font-size:18pt
}

}
.input-group,.big-input-group{
width:100%;
display:inline-block;
box-sizing:border-box;
margin:10px 0px
}
.input-group.custom-select .custom-scroller-target,.big-input-group.custom-select .custom-scroller-target{
scrollbar-width:none
}
.input-group.custom-select i,.big-input-group.custom-select i{
color:#bdbdbd;
top:unset;
bottom:25%;
transform:translateY(25%)
}
.input-group.center,.big-input-group.center{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-end;
flex-wrap:nowrap
}
.input-group.center2,.big-input-group.center2{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-end;
flex-wrap:nowrap
}
.input-group.baseline,.big-input-group.baseline{
align-items:baseline
}
.input-group.m-0,.big-input-group.m-0{
margin:0px
}
.input-group.w-5,.big-input-group.w-5{
width:45%
}
.input-group.w-6,.big-input-group.w-6{
width:55%
}
.input-group.w-9,.big-input-group.w-9{
width:85%
}
.input-group.w-3,.big-input-group.w-3{
width:25%
}
.input-group.w-7,.big-input-group.w-7{
width:65%
}
.input-group.w-2,.big-input-group.w-2{
width:20%
}
.input-group.w-1,.big-input-group.w-1{
width:5%
}
.input-group.w-e8,.big-input-group.w-e8{
width:80%
}
.input-group.w-e9,.big-input-group.w-e9{
width:90%
}
.input-group.w-e7,.big-input-group.w-e7{
width:70%
}
.input-group.w-e6,.big-input-group.w-e6{
width:60%
}
.input-group.w-e5,.big-input-group.w-e5{
width:50%
}
.input-group.w-e4,.big-input-group.w-e4{
width:40%
}
.input-group.w-e3,.big-input-group.w-e3{
width:30%
}
.input-group.w-e2,.big-input-group.w-e2{
width:20%
}
.input-group.w-e1,.big-input-group.w-e1{
width:10%
}
.input-group.ltr,.big-input-group.ltr{
direction:ltr
}
.input-group.no-m,.big-input-group.no-m{
margin:0px
}
.input-group.label label,.big-input-group.label label{
display:inline-block;
width:unset;
font-size:10pt
}
.input-group.left,.big-input-group.left{
text-align:left
}
.input-group span,.big-input-group span{
color:#fff;
font-weight:bold;
margin:0px 5px
}
.input-group a,.big-input-group a{
text-decoration:none;
font-weight:bold;
color:#292d32;
font-size:10pt
}
.input-group label,.big-input-group label{
display:block;
width:100%;
text-align:right;
color:#bdbdbd;
margin:6px 0px
}
.input-group label.radio-label,.big-input-group label.radio-label{
width:unset
}
.input-group .radio-group,.big-input-group .radio-group{
display:inline-block;
margin:0px 10px
}
.input-group input[type=text],.input-group textarea,.input-group input[type=number],.input-group input[type=password],.input-group input[type=email],.input-group .file-input,.input-group .select-selected,.big-input-group input[type=text],.big-input-group textarea,.big-input-group input[type=number],.big-input-group input[type=password],.big-input-group input[type=email],.big-input-group .file-input,.big-input-group .select-selected{
width:100%;
border:1px solid rgba(255,255,255,.5);
border-radius:10px;
box-sizing:border-box;
padding:10px;
outline:none;
color:#a3a3a3;
background-color:transparent;
transition:all .3s
}
.input-group .file-input,.big-input-group .file-input{
position:relative;
display:flex;
flex-direction:row;
justify-content:flex-end;
align-items:center;
flex-wrap:wrap
}
.input-group .file-input span,.big-input-group .file-input span{
display:inline-block;
margin:0px 5px
}
.input-group .file-input input,.big-input-group .file-input input{
position:absolute;
visibility:hidden
}
.input-group .file-input button,.big-input-group .file-input button{
border-radius:5px;
border:none;
padding:5px 10px;
background-color:#c3c3c3
}
.input-group .custom-scroller,.big-input-group .custom-scroller{
border-color:#bdbdbd
}
.input-group .custom-scroller > div,.big-input-group .custom-scroller > div{
background-color:#bdbdbd
}
.input-group .select-items,.big-input-group .select-items{
max-height:300px;
overflow:auto;
background-color:rgba(255,255,255,.2);
-webkit-backdrop-filter:blur(15px);
backdrop-filter:blur(15px);
-o-backdrop-filter:blur(15px);
-moz-backdrop-filter:blur(15px);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
-webkit-transform:translate3d(0, 0, 0);
-webkit-transform:translateZ(0);
backface-visibility:hidden;
perspective:1000;
transform:translate3d(0, 0, 0);
transform:translateZ(0)
}
.input-group .select-items > div,.big-input-group .select-items > div{
color:#bdbdbd
}
.input-group .select-items::-webkit-scrollbar,.big-input-group .select-items::-webkit-scrollbar{
opacity:0
}
.input-group .select-items::-webkit-scrollbar-track,.big-input-group .select-items::-webkit-scrollbar-track{
opacity:0
}
.input-group .select-items::-webkit-scrollbar-thumb,.big-input-group .select-items::-webkit-scrollbar-thumb{
opacity:0
}
main.authentication{
background-color:transparent;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
height:100vh
}
main.authentication > div{
height:100%
}
main.authentication .right-side{
width:50%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
flex-wrap:wrap;
background:linear-gradient(to bottom, #003482 -13%, #00093E 80%);
color:#fff
}
main.authentication .right-side img,main.authentication .right-side h1,main.authentication .right-side p{
margin:8px 0px
}
main.authentication .right-side p{
text-align:center
}
main.authentication .right-side img:last-child{
margin-top:30px;
max-width:1000px
}
main.authentication .left-side{
width:50%;
background-color:#f0f0f0;
text-align:right;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
flex-wrap:nowrap
}
main.authentication .left-side > div:not(.link){
width:50%;
margin:8% 0%;
border-radius:21px;
background-color:#fff;
padding:50px 80px;
box-sizing:border-box;
text-align:right;
display:inline-block;
max-width:1000px
}
main.authentication .left-side > div:not(.link) .input-group{
position:relative
}
main.authentication .left-side > div:not(.link) .input-group > .just-validate-error-label{
margin:5px 0px;
font-size:10pt
}
main.authentication .left-side > div:not(.link) .input-group input{
border-radius:10px;
border:1px solid rgba(112,112,112,.3);
box-sizing:border-box;
padding-right:45px
}
main.authentication .left-side > div:not(.link) .input-group i{
display:inline-block;
width:27px;
height:27px;
position:absolute;
transform:translateY(25%);
right:10px
}
main.authentication .left-side > div:not(.link) .input-group .email{
background:url(../img/icons/email3.svg) no-repeat !important
}
main.authentication .left-side > div:not(.link) .input-group .user{
background:url(../img/icons/user.svg) no-repeat !important
}
main.authentication .left-side > div:not(.link) .input-group .key{
background:url(../img/icons/key.svg) no-repeat !important
}
main.authentication .left-side > div:not(.link) .input-group .map{
background:url(../img/icons/map.svg) no-repeat !important
}
main.authentication .left-side > div:not(.link) .input-group .earth{
background:url(../img/icons/earth.svg) no-repeat !important
}
main.authentication .left-side > div:not(.link) .input-group .phone{
background:url(../img/icons/phone2.svg) no-repeat !important
}
main.authentication .left-side > div:not(.link) button,.Xbutton{
border-radius:10px;
color:#fff;
width:100%;
padding:10px 5px;
box-sizing:border-box;
outline:none;
background-color:#2db37f;
border:none;
font-size:12pt
}
main.authentication .left-side > div:not(.link) p:last-child{
margin:10px 0px;
width:100%;
text-align:center
}
main.authentication .left-side > div:not(.link) p:last-child a{
text-decoration:none;
color:#2350ca
}
main.authentication .left-side .link{
width:100%
}
main.authentication .left-side .link > a{
display:inline-block;
margin:25px 15px;
position:relative;
padding-right:50px;
color:#292d32;
text-decoration:none
}
main.authentication .left-side .link > a .goback{
background:url(../img/icons/goback.svg) no-repeat;
display:inline-block;
width:27px;
height:27px;
margin:0px 10px;
position:absolute;
top:50%;
transform:translateY(-50%);
right:10px
}
@media all and (max-width: 1665px){
main.authentication .left-side > div:not(.link){
width:80%
}

}
@media all and (max-width: 1100px){
main.authentication .left-side > div:not(.link){
padding:50px 50px
}

}
@media all and (max-width: 805px){
main.authentication .right-side{
display:none
}
main.authentication .left-side{
width:100%
}

}
@media all and (max-width: 425px){
main.authentication .left-side > div:not(.link){
padding:30px;
width:93%
}
main.authentication .left-side > div:not(.link) > p{
font-size:10pt
}
main.authentication .left-side{
justify-content:flex-start
}

}
.installers{
background:url(../img/backgrounds/mikita-yo-Gmzhs9AJOSk-unsplash.png) no-repeat center;
background-size:cover;
min-height:1500px
}
.installers .content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
text-align:center;
color:#fff
}
.installers .content > div{
width:100%;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
margin-top:5%
}
.installers .content > div a{
border-radius:35px;
border:2px solid #bf2b2b;
color:#fff;
transition:all .3s;
padding:5px 30px;
margin:10px;
text-decoration:none;
font-weight:bold;
font-size:13pt
}
.installers .content > div a:nth-child(1){
background-color:transparent
}
.installers .content > div a:nth-child(2){
background-color:#bf2b2b;
box-shadow:0px 0px 30px #00000016
}
@media all and (max-width: 890px){
.installers .content{
width:90%
}
.installers .content h1{
font-size:15pt
}
.installers .content > div a{
font-size:10pt
}

}
/*# sourceMappingURL=main.css.map */


.title_shadow h1,.title_shadow h2,.title_shadow h3,.title_shadow h4
{
	color: red !important; 
	text-shadow: rgb(255, 255, 255) -2px -2px 0px, rgb(255, 255, 255) 2px -2px 0px, rgb(255, 255, 255) -2px 2px 0px, rgb(255, 255, 255) 2px 2px 0px;
}


@media all and (max-width: 1280px) 
{
	main .links-container-slide
	{
		width:100%;
	}
	
	main .links-container-slide .swiper-wrapper
	{
		display:table;
		width:100%;
	}

	main .links-container-slide .swiper-slide
	{
		display:table !important;
		width:48%;
		min-width:200px;
		float:right;
		margin-bottom:20px;
		height:70vh;
	}
	
	main .links-container-slide .swiper-slide a
	{
		width:100% !important;
		height:70vh;
	}
	
	main .links-container-slide .swiper-slide .backimage img
	{
		width:100% !important;
		height:100% !important;
	}
}



@media all and (max-width: 768px) 
{
	.urgent-news , .big-slider
	{
		display:none !important;
	}
	
	.my_gif
	{
		width:80% !important;
		margin-top:0px;
		margin-bottom:50px;
		display:table !important;
	}
	
	main .intro-video-container .content h1 
	{
		font-size:22px !important;
	}
	
	.my_header
	{
		font-size:20px !important;
	}
	
	main .intro-video-container .content p
	{
		margin:20px 0px;
		font-size:12px !important;
	}
	
	nav > .mb-group ul li a
	{
		font-size:12pt !important;
	}
	
	#menu_main_menu *
	{
		color:#fff;
	}
	
	main .links-container-slide
	{
		width:100%;
	}
	
	main .links-container-slide .swiper-wrapper
	{
		display:table;
		width:100%;
	}

	main .links-container-slide .swiper-slide
	{
		display:table !important;
		width:98%;
		min-width:200px;
		float:right;
		margin-bottom:20px;
		height:70vh;
	}
	
	main .links-container-slide .swiper-slide a
	{
		width:100% !important;
		height:70vh;
	}
	
	main .links-container-slide .swiper-slide .backimage
	{
		
	}
	
	
	main .links-container-slide .swiper-slide a .backimage img
	{
		width:80%;
		transform:scale(1)
	}
	

}


@media all and (max-width: 500px) 
{
	main .links-container-slide
	{
		width:92%;
		max-width:92% !important;
		margin:0px auto 0px !important;
		padding:0px !important;
	}
	
	main .links-container-slide .swiper-wrapper
	{
		display:table;
		
		
		margin:0px !important;
		padding:0px !important;
		
		width:90%;
	}

	main .links-container-slide .swiper-slide
	{
		display:table !important;
		width:90% !important;
		max-width:90% !important;
		float:right;
		margin-bottom:20px;
		height:65vh;
		
	}

	main .links-container-slide .swiper-slide a
	{
		width:100% !important;
		height:65vh;
	}
	
	main .links-container-slide .swiper-slide a .info-box p 
	{
		width: 80%;
	}
	
	main .links-container-slide .swiper-slide .backimage
	{
		
	}
	
	main .links-container-slide .swiper-slide a .backimage img
	{
		width:80%;
		transform:scale(1)
	}

}


@media all and (max-width: 400px) 
{
	main .links-container-slide .swiper-slide a .info-box p 
	{
		width: 70%;
	}
}


@media all and (max-width: 300px) 
{
	main .links-container-slide .swiper-slide a .info-box p 
	{
		width: 60%;
	}
}



.intro-video-container *,.logo *
{
	font-family:"IRANYekanMedium" !important;
}


.language_bar 
{
    width: 100%;
    background-color: darkblue;
    text-align: center;
    color: #fff;
}

.language_bar a 
{
    color: #fff;
    text-decoration: none;
}


a.Category_Tag
{
	background-color:#6684f2; 
	color:#fff; 
	margin:5px 2px; 
	padding:5px 15px; 
	border-radius:20px;
	cursor:pointer;
	text-decoration:none !important;
}


a.Category_Tag:hover,a.Category_Tag:focus
{
	background-color:#3654c2; 
}


@media all and (max-width: 600px) 
{
	a.Category_Tag
	{
		display:block !important;
		width: 100% !important;
	}
	
	.video_panel
	{
		height:300px !important; 
		min-height:300px !important"
	}
}


.My_Pager
{
    text-align:center;
    background-color:none;
}

.My_Pager table
{
    margin:0px auto 0px;
    margin-top:10px;
}

.My_Pager table tr td
{
    border-width:0px;
    width:0px;
    margin:0px;
    padding:0px;
    float:right;
    margin-right:40px;
}

.My_Pager span,.My_Pager a,.My_Pager input
{
    display:table ;
    border:none;
    margin:0px 5px!important;
    padding:0px;

	width:35px;
	max-width:35px;
	
	height:35px;
	max-height:35px;
    text-align:center !important;
    
	border-radius:5px;
	line-height:35px;
	background: #e6e8ea;
    color: #8e939b !important;
	text-decoration:none !important;
	
	font-weight:600;
}

.My_Pager span
{
    background-color: rgba(102,173,67,.14);
    color: rgba(142,213,87,.75);
    font-weight:700;
}

.My_Pager a
{
    color:#287975;
}

.My_Pager input
{
    border:0px solid #c0c0c0;
}


.My_Pager table tr:hover td
{
    background-color:#c7c7c7 !important;
}


.My_Pager input[type=image]
{
    display:block !important;
    width:30px  !important;
    border:none  !important;
}

.Grid_Row_Hide,.Grid_Column_Hide
{
    display:none;
}

.Detail_Grid tr td,.Detail_Grid tr th
{
    height:50px;
    padding-right:10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
    border-left:2px solid #fff;
	vertical-align:middle !important;
}


.Detail_Grid tr:hover
{
	background-color:#e0e0e0 !important;
}