a
{
    text-decoration:none;
}
ul
{
    list-style:none;
    margin:0;
    padding:0;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.top-bar
{
    width:100%;
    height:45px;
    background-color:#6f7285;
}
.top-bar > div
{
    width:1280px;
    height:45px;
    line-height:40px;    
    margin:0 auto;
    position:relative;
}
.header-login
{
    display:inline-block;
    font-family:IRANSans;
    font-size:12px;
    color:#182129;
    padding-right:30px;
    background:url("../images/accounts.png") no-repeat right 2px top 7px;
    cursor:pointer;
    float:right;
}
.shop-count
{
    width:140px;
    height:40px;
    float:right;
    margin-right:35px;
}
.shop-count a
{
    display:block;
    font-family:IranSans;
    height:40px;
    font-size:12px;
    color:#182129;
    padding-right:35px;
    background:url("../images/icon-card.png") no-repeat right;
    float:right;
}
.shop-count span
{
    display:block;
    width:26px;
    height:26px;
    line-height:26px;
    font-family:IranSans;
    font-size:12px;
    text-align:center;
    background-color:#182129;
    margin:7px 10px;
    float:right;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    color:#fff;
}
.header-phone
{
    display:inline-block;
    font-family:IranSans;
    font-size:12px;
    color:#000;
    padding-right:25px;
    background:url("../images/icon-contact.png") no-repeat right top 7px;
    cursor:pointer;
    float:left;
}
.member-login 
{
    margin:0 auto;
    width:1280px;
    height:40px;
    line-height:40px;
}
.member-login p
{
    margin:0px;
    display:inline-block;
    font-family:IRANSans;
    font-size:13px;
    color:#182129;
    cursor:pointer;
}
.member-login > a
{
    margin:0px;
    display:inline-block;
    font-family:IRANSans;
    font-size:13px;
    color:#313131;
    padding-right:5px;
    cursor:pointer;
}
.login-register
{
    width:300px !important;
    min-height:300px;
    height:auto;
    position:absolute;
    top:45px;
    right:5px;
    padding:5px 20px 20px 20px;
    background-color:#ffffff;
    z-index:200000000;
    display:none;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.login-register > p
{
    margin:10px 0px 5px 0px;
    font-family:IRANSans;
    font-size:13px;
    color:#313131;
    height:25px;
    line-height:25px;
}
.ltr
{
    direction:ltr;
}
.login-textbox-username
{
    display:block;
    width:100%;
    height:30px;
    line-height:30px;
    border:0px;
    border-bottom:1px solid #cdcdcd;
    padding:5px 5px 5px 20px;
    background:url("../images/icon-signup.png") no-repeat left;
    font-family:IRANSans;
    font-size:12px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    outline:0px;
    color:#313131;
}
.login-textbox-password
{
    display:block;
    width:100%;
    height:30px;
    line-height:30px;
    border:0px;
    border-bottom:1px solid #cdcdcd;
    padding:5px 5px 5px 20px;
    background:url("../images/icon-signin-hover.png") no-repeat left;
    font-family:IRANSans;
    font-size:12px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    outline:0px;
    color:#313131;
    position:relative;
}
.login-button
{
    display:block;
    width:60%;
    height:30px;
    margin:20px auto 30px auto;
    line-height:30px;
    font-family:IRANSans;
    font-size:14px;
    color:#000;
    border:1px solid #6f7285;
    background-color:#6f7285;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
     -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer;
    outline:0px;
}
.showPassword
{
    display:block;
    width:30px;
    height:20px;
    position:absolute;
    top:145px;
    right:15px;
    background:url("../errors/not-found.htm") no-repeat center center;
    border:0px;
    display:block;
}
.hidePassword
{
    display:block;
    width:30px;
    height:20px;
    position:absolute;
    top:145px;
    right:15px;
    background:url("../images/hidepassword.png") no-repeat center center;
    border:0px;
    display:none;
}
.login-register > a
{
    display:block;
    width:180px;
    height:30px;
    line-height:30px;
    border-bottom:1px solid #6f7285;
    margin:10px auto 0px auto;
    font-size:13px;
    font-family:IranSans;
    color:#313131;
    text-align:center;
    color:#313131;
}
.error-message
{
    width:90%;
    min-height:25px;
    height:auto;
    line-height:25px;
    margin:10px auto;
    font-family:IranSans;
    font-size:11px;
    color:#ff002a;
    text-align:center;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.header
{
    width:1280px;
    height:120px;
    margin:0 auto;
    position:relative;
}
.logo
{
    width:380px;
    height:120px;
    padding:10px 0;
    font-family:IranSans;
    float:right;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    position:relative;
}
.logo a:first-of-type img
{
    position:absolute;
    right:0;
    top:20px;
}
.logo a:last-of-type img
{
    float:left;
}
.logo h1
{
    width:280px;
    float:left;
    margin:0;
}
.logo h1 a
{
    color:#000;
    font-size:15px;
    font-weight:normal;
}
/*-------------------------------------------------------------------------------------------------------------------------*/
.mainnav
{
    display: block;
    width:740px;
    height:40px;
    float:left;
    margin:40px 0;
}
.mainnav > ul 
{
   display:block;
    width:100%;
    height:40px;
    line-height:40px;
    margin:0px auto;
    list-style:none;
    padding:0px;
}
.mainnav > ul > li 
{
    display:inline-block;
    margin-left:35px;
    font-size:16px;
    font-family:IranSans;
}
.mainnav > ul > li .fas
{
    margin-right:5px;
}
.mainnav > ul > li:last-child
{
    margin-left:0px;
}
.mainnav ul li 
{
    position: relative;
}
.mainnav > ul > li > a 
{
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #000;
    font-family:IranSans;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor:pointer;
}
.mainnav ul.submenu 
{
    position: absolute;
    right: 0;
    top: 160%;
    width:210px;
    display:inline-block;
    padding:5px;
    background-color:#6f7285;
    text-align: right;
    z-index: 9999999999999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
    border:1px thin #1c1c1c;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
     -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.mainnav ul.submenu li:first-child 
{
    border-top: none;
}
.mainnav ul.submenu > li 
{
    border-top: 1px solid #333333;
    display:inline;
}
.mainnav ul li ul li 
{
    margin-left: 0;
}
.mainnav ul.submenu > li > a 
{
    display: block;
    color: #000;
    font-size:14px;
    font-family:IranSans;
    text-decoration: none;
    line-height: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mainnav ul li:hover
{
    
}
.mainnav ul li:hover > ul.submenu 
{
    top: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible;
}
.mainnav > ul > li:hover > a
{
    color:#6f7285;
}
/*----------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.main-footer
{
    width:100%;
    height:510px;
}
.main-footer > div
{
    width:50%;
    height:510px;
    float:right;
}
.footer-form
{
    background-color:#6f7285;
}
.footer-contact-info
{
    background-color:#010101;
}
.footer-form > div
{
    width:600px;
    float:left;
    margin-left:40px;
}
.footer-form h4
{
    font-size:30px;
    font-family:IranSans;
    font-weight:normal;
    margin:25px 0 30px 0;
}
.footer-form h4:after
{
    display:block;
    content:'';
    width:155px;
    height:3px;
    background-color:#000;
}
.footer-form > div > div:nth-child(2)
{
    padding-right:30px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.footer-form-textbox
{
    display:block;
    width:49%;
    height:43px;
    margin-left:2%;
    margin-bottom:17px;
    background-color:#fff;
    border:0;
    float:right;
    padding:5px;
    font-size:14px;
    font-family:IranSans;
    line-height:43px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
     outline:none;
}
.footer-form-textbox:nth-of-type(2n)
{
    margin-left:0;
}
.footer-form-des-textbox
{
    display:block;
    width:100%;
    height:200px;
    background-color:#fff;
    border:0;
    padding:5px;
    font-size:14px;
    font-family:IranSans;
    line-height:40px;
    margin-bottom:17px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
     outline:none;
}
.footer-form-button
{
    display:block;
    width:122px;
    height:37px;
    background-color:#fff;
    border:1px solid #fff;
    padding:0;
    margin:0 auto;
    font-size:12px;
    font-family:IranSans;
    text-align:center;
    line-height:37px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    cursor:pointer;
    outline:none;
}
.footer-form-button:hover
{
    background-color:#6f7285;
}
.social
{
    background:#3a3a3a;
    border-bottom:2px solid #6f7285;
    padding:31px 0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.social > div
{
    width:298px;
    height:38px;
    margin:0px auto;
}
.social a
{

}
.social a:last-of-type
{
    margin:0;
}
.footer-contact-info > div:nth-of-type(2)
{
    padding-top:65px;
      box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.footer-contact-info > div:nth-of-type(2) p
{
    width:372px;
    margin:0 auto 30px auto;
    line-height:25px;
    font-size:14px;
    font-family:IranSans;
    color:#fff;
    padding-right:32px;
     box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.footer-contact-info > div:nth-of-type(2) p:nth-of-type(1)
{
    background:url("../images/address-icon.png") no-repeat top right;
}
.footer-contact-info > div:nth-of-type(2) p:nth-of-type(2)
{
    background:url("../images/footer-phone.png") no-repeat top right;
}
.footer-contact-info > div:nth-of-type(2) p:nth-of-type(3)
{
    background:url("../images/fax.png") no-repeat top right;
}
.footer-contact-info > div:nth-of-type(2) p:nth-of-type(4)
{
    background:url("../images/footer-email.png") no-repeat top right;
    margin-bottom:0;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.slider img
{
    width:100%;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.top-home-products
{
    width:1280px;
    height:auto;
    overflow:hidden;
    margin:45px auto;
}
.top-home-products > div
{
    width:49%;
    height:312px;
    float:right;
    margin-left:2%;
    position:relative;
}
.top-home-products > div:nth-of-type(2)
{
    margin-left:0;
}
.top-home-products > div img
{
    position:absolute;
    right:0;
    top:0;
    width:100%;
    height:auto;
    z-index:100;
}
.top-home-products > div h3
{
    position:relative;
    z-index:120;
    text-align:center;
    font-family:BTitr;
    font-size:27px;
    padding:10px;
    margin:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.top-home-products > div h3 > a
{
    color:#000;
}
.top-home-products > div > a
{
    display:block;
    width:175px;
    height:43px;
    background-color:#6f7285;
    border:1px solid #6f7285;
    color:#000;
    margin:70px auto 0 auto;
    font-size:23px;
    font-family:BTitr;
    text-align:center;
    line-height:43px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    z-index:120;
    position:relative;
}
.btnBUyOnline
{
    display:block;
    width:175px;
    height:43px;
    background-color:#6f7285;
    border:1px solid #6f7285;
    color:#000;
    margin:70px 0;
    font-size:23px;
    font-family:BTitr;
    text-align:center;
    line-height:43px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    z-index:120;
    position:relative;
    outline:none;
    cursor:pointer;
}
.btnBUyOnline:hover
{
    background-color:#fff;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.home-about-us
{
    width:1280px;
    height:auto;
    overflow:hidden;
    margin:0 auto;
}
.home-about-us > div
{
    width:100%;
    height:auto;
    padding:100px 0 35px 0;
}
.home-about-us > div h3
{
    text-align:center;
    margin:0;
    font-weight:normal;
    font-size:30px;
    font-family:IranSans;
}
.home-about-us > div h3:after
{
    display:block;
    content:'';
    width:155px;
    height:3px;
    background-color:#6f7285;
    margin:0 auto;
}
.home-about-us > div h3 > a:nth-of-type(2)
{
    color:#6f7285;
}
.home-about-us > div > div
{
    text-align:justify;
    height:auto;
    overflow:hidden;
    margin:30px 0;
    font-size:14px;
    font-family:IranSans;
    line-height:25px;
}
.home-about-us > div > a
{
    display:block;
    width:155px;
    height:43px;
    background-color:#6f7285;
    border:1px solid #6f7285;
    color:#000;
    float:left;
    font-size:16px;
    font-family:IranSans;
    text-align:center;
    line-height:43px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.home-about-us > div > a:hover
{
    background-color:#fff;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.home-bottom-products
{
    width:1280px;
    height:auto;
    overflow:hidden;
    margin:70px auto;
}
.home-bottom-products > div:first-of-type
{
    width:270px;
    height:255px;
    float:right;
    background:url("../images/back-product.png") no-repeat center center;
    margin-top:60px;
}
.home-bottom-products > div:first-of-type > h3
{
    width:200px;
    text-align:center;
    font-size:24px;
    font-family:IranSans;
    font-weight:normal;
    margin:0;
    line-height:30px;
}
.home-bottom-products > div:first-of-type > h4
{
    width:200px;
    text-align:center;
    font-size:13px;
    font-family:IranSans;
    font-weight:normal;
    margin:0;
}
.home-bottom-products > div:first-of-type > a
{
    display:block;
    width:190px;
    height:45px;
    line-height:55px;
    text-align:center;
    font-size:80px;
    font-family:IranSans;
    margin:15px 0;
    background-color:#6f7285;
    border:2px solid #6f7285;
    color:#000;
    border-radius:30px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.home-bottom-products > div:first-of-type > a:hover
{
    background-color:#fff;
}
.home-bottom-products > div:nth-of-type(2)
{
    width:calc(100% - 360px);
    height:auto;
    overflow:hidden;
    float:left;
}
.home-bottom-products > div:nth-of-type(2) > div
{
    width:49%;
    height:auto;
    float:right;
    margin-left:2%;
    margin-bottom:90px;
}
.home-bottom-products > div:nth-of-type(2) > div:nth-of-type(2n)
{
    margin-left:0;
}
.home-bottom-products > div:nth-of-type(2) > div:nth-of-type(3)
{
    margin-bottom:0;
}
.home-bottom-products > div:nth-of-type(2) > div:nth-of-type(4)
{
    margin-bottom:0;
}
.home-bottom-products > div:nth-of-type(2) > div img
{
    width:96px;
    float:right;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
.home-bottom-products > div:nth-of-type(2) > div h4
{
    width:calc(100% - 105px);
    float:left;
    font-weight:normal;
    margin:0;
    font-family:IranSans;
    font-size:16px;
    text-align:justify;
}
.home-bottom-products > div:nth-of-type(2) > div h4 a
{
    color:#000;
}
.home-bottom-products > div:nth-of-type(2) > div > div
{
    width:calc(100% - 105px);
    float:left;
    margin:5px 0;
    font-family:IranSans;
    font-size:13px;
    text-align:justify;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.home-video
{
    width:1280px;
    height:auto;
    overflow:hidden;
    margin:0 auto;
}
.home-video > div
{
    width:49%;
    height:330px;
    margin-left:2%;
    float:right;
    position:relative;
    border:3px solid #535353;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.home-video > div:last-child
{
    margin:0;
}
.video 
{
    width: 100%;
    height:100%;
    object-fit: fill;
}
.video  poster
{
    width:100%;
}
.playpause 
{
    background:url("../images/play.png") no-repeat center center;
    position:absolute;
    left:0;
    right:0;
    top:-13px;
    bottom:0;
    margin:auto;
}
.video.has-media-controls-hidden::-webkit-media-controls
{
    display: none;
}
.video-overlay-play-button.is-hidden {
    display: none;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.home-projects
{
    width:1280px;
    height:auto;
    overflow:hidden;
    margin:120px auto 25px auto;
}
.home-projects > h4
{
    text-align:center;
    margin:0;
    font-weight:normal;
    font-size:30px;
    font-family:IranSans;
}
.home-projects > h4:after
{
    display:block;
    content:'';
    width:155px;
    height:3px;
    background-color:#6f7285;
    margin:0 auto;
}
.home-projects h4 > a:nth-of-type(2)
{
    color:#6f7285;
}
.home-projects ul li
{
    display:block;
    width:30%;
    height:auto;
    overflow:hidden;
    float:right;
    margin-left:5%;
    margin-top:25px;
}
.home-projects ul li:last-child
{
    margin-left:0;
}
.home-projects ul li > div:first-of-type
{
    position:relative;
}
.home-projects ul li img
{
   width:100%;
}
.home-projects ul li > div:nth-of-type(2)
{
    height:230px;
    overflow:hidden;
    border:5px solid #e1e1e1;
    padding:30px 25px 25px 25px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.home-projects ul li > div > p
{
    width:145px;
    height:42px;
    line-height:42px;
    font-size:14px;
    font-family:IranSans;
    text-align:center;
    margin:0;
    position:absolute;
    color:#414141;
    bottom:-21px;
    right:25px;
    background:#6f7285 url("../images/calendar.png") no-repeat top 13px right 10px;
    z-index:1200;
}
.home-projects ul li h4
{
    text-align:justify;
    height:40px;
    overflow:hidden;
    line-height:20px;
    margin:0;
    font-size:14px;
    font-family:IranSans;
}
.home-projects ul li h4 > a
{
    color:#000;
}
.home-projects ul li > div:nth-of-type(2) > div
{
    text-align:justify;
    margin:15px 0;
    font-size:12px;
    font-family:IranSans;
    line-height:25px;
    height:75px;
    overflow:hidden;
}
.home-projects ul li > div:nth-of-type(2) > a
{
    display:block;
    width:120px;
    height:35px;
    line-height:35px;
    text-align:center;
    font-size:12px;
    float:left;
    font-family:IranSans;
    background-color:#6f7285;
    border:2px solid #6f7285;
    color:#000;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.extent-projects
{
    width:100%;
    height:auto;
    overflow:hidden;
    background-color:#2c292b;
}
.extent-projects > div
{
    width:1280px;
    height:auto;
    overflow:hidden;
    margin:0 auto;
}
.extent-projects > div > div
{
    width:calc(100% - 565px);
    height:auto;
    overflow:hidden;
    float:right;
}
.extent-projects > div > div > div
{
    height:250px;
    overflow:hidden;
    line-height:25px;
    text-align:justify;
    color:#828282;
    font-size:12px;
    font-family:IranSans;
    margin-top:70px;
}
.extent-projects img
{
    width:555px;
    height:auto;
    float:left;
}
.extent-projects h3
{
    margin:65px 0 0 0;
    font-weight:normal;
    font-size:30px;
    font-family:IranSans;
}
.extent-projects h3:after
{
    display:block;
    content:'';
    width:155px;
    height:3px;
    background-color:#6f7285;
}
.extent-projects h3 a
{
    color:#6f7285;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.cerificate
{
    width:100%;
    height:auto;
    overflow:hidden;
    padding:15px 0;
    background-color:#e9e9e9;
}
.cerificate > div
{
    width:1280px;
    height:auto;
    overflow:hidden;
    margin:0 auto;
}
.cerificate > div h4
{
    display:inline-block;
    margin:0 0 15px 0;
    font-size:20px;
    font-family:IranSans;
    border-bottom:3px solid #6f7285;
    font-weight:normal;
}
.carousel-certificate img
{
    width:100%;
    margin-bottom:30px;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.download-files
{
    width:1280px;
    height:auto;
    overflow:hidden;
    margin:30px auto 0 auto;
}
.download-files img
{
    width:320px;
    float:right;
}
.download-files > div
{
    width:calc(100% - 380px);
    height:auto;
    overflow:hidden;
    float:left;
}
.download-files > div > div
{
    height:auto;
    overflow:hidden;
    text-align:justify;
    line-height:20px;
    font-family:IranSans;
    color:#828282;
    font-size:12px;
    padding:20px 50px 80px 0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.download-files > div h4
{
    margin:0;
    font-weight:normal;
    font-size:30px;
    font-family:IranSans;
}
.download-files > div h4:after
{
    display:block;
    content:'';
    width:155px;
    height:3px;
    background-color:#6f7285;
    margin-right:35px;
}
.download-files > div h4 > a:nth-of-type(2)
{
    color:#6f7285;
}
.download-files ul li
{
    display:block;
    width:33%;
    height:40px;
    line-height:20px;
    float:right;
    margin-left:0.5%;
    margin-bottom:10px;
    font-size:14px;
    font-family:IranSans;
    padding-right:25px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.download-files ul li:nth-of-type(3n)
{
    margin-left:0;
}
.download-files ul li a
{
    color:#000;
}
.download-files ul li span
{
    color:#6f7285;
    display:inline-block;
    width:20px;
    height:20px;
    border:2px solid #6f7285;
    border-radius:50%;
    margin-left:3px;
    text-align:center;
    padding-top:1px;
     box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
.represntation
{
    width:1280px;
    height:auto;
    overflow:hidden;
    margin:0px auto 50px auto;
    font-family:IranSans;
}
.represntation-empty
{
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
    border:1px solid #cdcdcd;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.represntation ul
{
    display:block;
    width:100%;
    height:auto;
    overflow:hidden;
    margin:5px 0px 0px 0px;
    padding:0px;
    list-style:none;
    border:1px solid #cdcdcd;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.represntation-header
{
    background-color:#cdcdcd;
    font-size:14px;
}
.represntation-header li
{
    display:block;
    height:40px;
    line-height:40px;
    text-align:center;
    float:right;
    border-left:1px solid #ffffff;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.represntation-header li:nth-child(3)
{
    border-left:0px;
}
.represntation-header li:first-child
{
    width:30%;
}
.represntation-header li:nth-child(2)
{
    width:calc(70% - 100px);
}
.represntation-header li:nth-child(3)
{
    width:100px;
}
.represntation-details
{
    background-color:#ffffff;
    font-size:13px;
}
.represntation-details li
{
    display:block;
    width:100%;
    min-height:40px;
    height:auto;
    line-height:40px;
    text-align:center;
    border-bottom:1px solid #cdcdcd;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.represntation-details li:last-child
{
    border-bottom:0px;
}
.represntation-details li p
{
    display:block;
    float:right;
    margin:0px;
    border-left:1px solid #cdcdcd;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.represntation-details li > p:first-child
{
    width:30%;
}
.represntation-details li >  p:nth-child(2)
{
    width:calc(70% - 100px);
}
.btn 
{
    display: block;
    height:20px;
    width:20px;
    border-radius: 3px;
    background-color:#ffffff;
    border:1px solid #212121;
    line-height:20px;
    text-align:center;
    color:#212121;
    float:right;
    text-decoration:none;
    margin:10px 40px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.btn:hover 
{
    background-color:#212121;
    color:#ffffff;
}
.popup 
{
    width:500px;
    position: fixed;
    padding: 10px;
    max-width: 500px;
    border-radius: 5px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #ffffff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .5s, visibility 0s linear .5s;
    transition: opacity .5s, visibility 0s linear .5s;
    z-index: 1;
}
.popup  h4
{
    width:100%;
    height:40px;
    line-height:40px;
    margin:0px;
    font-size:14px;
    font-weight:normal;
    color:#ed2226;
}
.popup > div 
{
    width:100%;
    min-height:40px;
    height:auto;
    overflow:hidden;
    line-height:25px;
    border-top:1px solid #cdcdcd;
    text-align:right;
}
.popup > div span
{
    display:block;
    width:80px;
    float:right;
}
.popup > div h5
{
    margin:0px;
    width:calc(100% - 80px);
    font-weight:normal;
    float:right;
    text-align:justify;
}
.popup:target
{
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.popup-close 
{
    position: absolute;
    padding: 10px;
    max-width: 500px;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(255,255,255,.9);
}
.popup .close 
{
    position: absolute;
    left: 5px;
    top: 5px;
    padding: 5px;
    color: #ed2226;
    transition: color .3s;
    font-size: 2em;
    line-height: .6em;
    font-weight: bold;
}
.close-popup 
{
    background: rgba(0,0,0,.7);
    cursor: default;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s, visibility 0s linear .5s;
    transition: opacity .5s, visibility 0s linear .5s;
}
.popup:target + .close-popup
{  
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.result-message
{
    width:100%;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:13px;
    font-family:IranSans;
    color:#182129;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.accounts-form
{
    width:320px;
    height:auto;
    overflow:hidden;
    margin:30px auto;
}
.accounts-form > div:first-child
{
    width:100%;
    border:1px solid #cdcdcd;
    border-bottom:0px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    text-align:center;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.accounts-form > div:first-child img
{
   width:50%;

    margin:5px auto;
}
.accounts-form > div:nth-child(2)
{
    width:100%;
    height:auto;
    overflow:hidden;
    border:1px solid #cdcdcd;
    border-top:0px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    padding:10px 10px 20px 10px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.accounts-form p
{
    font-size:13px;
    font-family:IranSans;
    color:#313131;
}
.accounts-form span
{
    display:block;
    font-size:13px;
    font-family:IranSans;
    color:#313131;
    text-align:center;
    margin-top:20px;
}
.botton-links a
{
    display:block;
    height:25px;
    font-size:13px;
    font-family:IranSans;
    color:#313131;
    text-align:center;
    margin-top:20px;
}
.login-textbox
{
    display:block;
    width:100%;
    height:30px;
    line-height:30px;
    font-size:12px;
    font-family:IranSans;
    border:1px solid #cdcdcd;
    padding:3px;
    margin:5px 0px 10px 0px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    outline:0px;
}
.signin-button
{
    display:block;
    width:100%;
    height:35px;
    font-size:13px;
    font-family:IranSans;
    background-color:#1cba0a;
    color:#ffffff;
    border:0px;
    padding:0px;
    margin:5px 0px 10px 0px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    cursor:pointer;
    outline:0px;
}
.accounts-form > div:nth-child(2) > div:nth-child(n-1)
{
    width:100%;
    min-height:30px;
    height:auto;
    overflow:hidden;
    font-size:13px;
    font-family:IranSans;
    text-align:center;
    color:#f3140c;
}
.code-textbox
{
    display:block;
    width:100%;
    height:30px;
    line-height:30px;
    font-size:12px;
    font-family:IranSans;
    border:1px solid #cdcdcd;
    padding:3px;
    text-align:center;
    letter-spacing:10px;
    margin:20px 0px 30px 0px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    outline:0px;
}
.warning-message
{
    color:#968e02 !important;
    font-size:11px !important;
}
.member-types
{
    line-height:30px;
    font-size:13px;
    font-family:IranSans;
    color:#000 !important;
    text-align:right !important;
}
.member-types > div
{
    text-align:right;
    margin-bottom:10px;
}
.member-types > div span
{
    float:right !important; 
    text-align:right !important;
}
.member-type
{
    display:inline-block !important;
    color:#000 !important;
    float:right !important;
    margin:10px 0 10px 10px !important;

}
input[type="checkbox" i] {
    margin: 0 0 0 4px !important;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
.mps-panel
{
    width:100%;
    height:auto;
    overflow:hidden;
    font-family:IranSans;
}
.mps-panel > div
{
     height:auto;
    overflow:hidden;
}
.mps-panel h2
{
    line-height:50px;
    text-align:center;
    background-color:#6f7285;
    color:#000;
    font-size:18px;
    margin:45px 0;
}
.mps-top-des img
{
    width:600px;
    float:left;
}
.mps-top-des > div
{
    font-size:15px;
    text-align:justify;
    line-height:30px;
}
.mps-technical
{
    background-color:#f0f4f5;
    padding-bottom:40px;
    margin:40px 0;
}
.mps-technical img
{
    width:600px;
    float:left;
}
.mps-technical > div
{
    width:calc(100% - 600px);
    float:right;
    padding:25px 20px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.mps-technical > div h3
{
    width:200px;
    text-align:center;
    font-size:19px;
    font-weight:normal;
    line-height:45px;
    background-color:#6f7285;
    margin:0 60px 0px 0;
}
.mps-technical > div ul
{
    padding:0;
    margin:0;
    list-style:none;
    font-size:15px;
}
.mps-technical > div ul li
{
    display:block;
    margin-top:20px;
    position:relative;
    padding-right:15px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.mps-technical > div ul li .fas
{
    color:#ed2226;
    font-size:20px;
    position:absolute;
    top:3px;
    right:0;
}
.mps-bottom-des img
{
    width:600px;
    float:right;
}
.mps-bottom-des > div
{
    font-size:15px;
    text-align:justify;
    line-height:30px;
    padding:90px 40px 0 40px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.mps-advantage
{
    background-color:#f0f4f5;
    padding:20px;
    margin:45px 0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.mps-advantage h3
{
    width:300px;
    height:80px;
    line-height:40px;
    text-align:center;
    font-size:19px;
    font-weight:normal;
    background-color:#6f7285;
    margin:0 auto;
}
.mps-advantage img
{
    width:525px;
    float:left;
}
.mps-advantage > div ul
{
    display:block;
    width:calc(100% - 550px);
    float:right;
    padding:0;
    margin:20px 0;
    list-style:none;
    font-size:17px;
}
.mps-advantage > div ul li
{
    display:block;
    width:48%;
    margin-right:2%;
    float:right;
    margin-top:20px;
    position:relative;
    padding-right:25px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.mps-advantage > div ul li .fas
{
    color:#ed2226;
    font-size:20px;
    position:absolute;
    top:3px;
    right:0;
}
.mps-middle-images img
{
    display:block;
    width:47%;
    margin-left:6%;
    float:right;
}
.mps-middle-images img:nth-child(2)
{
    margin-left:0%;
}
.mps-bottom-images
{
    background-color:#f0f4f5;
    padding:20px 50px 0 50px;
    margin:50px 0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.mps-bottom-images h3
{
    width:300px;
    height:80px;
    line-height:40px;
    text-align:center;
    font-size:19px;
    font-weight:normal;
    background-color:#6f7285;
    margin:0 auto;
}
.mps-bottom-images ul
{
    padding:0;
    margin:15px 0 0 0;
    list-style:none;
}
.mps-bottom-images ul li
{
    display:block;
    width:22%;
    float:right;
    margin-left:4%;
    margin-bottom:35px;
    border:1px solid #4d5152;
    padding:5px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.mps-bottom-images ul li:nth-child(4n)
{
    margin-left:0%;
}
.mps-bottom-images ul li img
{
    width:100%;
}
.mps-video h3
{
    width:300px;
    height:80px;
    line-height:80px;
    text-align:center;
    font-size:19px;
    font-weight:normal;
    background-color:#6f7285;
    margin:0 auto;
}
.mps-video > div
{
    width:620px;
    height:325px;
    margin:30px auto;
    border:3px solid #4d5152;
    position:relative;
}
.mps-files
{
    background-color:#f0f4f5;
    padding:0 30px;
}
.mps-files
{
    background-color:#f0f4f5;
    padding:0 30px;
}
.mps-files > div
{
    width:140px;
    float:right;
    text-align:center;
    margin-left:calc((100% - 420px)/2);
    font-size:10px;
}
.mps-files > div:last-child
{
    margin-left:0;
}
.mps-files > div a
{
    display:block;

    text-decoration:none;
    color:#000;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.foam-top-des img
{
    width:600px;
    float:left;
    border-right:35px solid #fff;
}
.foam-top-des > div
{
    font-size:15px;
    text-align:justify;
    line-height:30px;
}
.foam-images
{
    padding:35px 50px;
    margin:55px 0;
    background-color:#f2f3f5;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.foam-images > div
{
    width:48%;
    margin-left:4%;
    float:right;
    position:relative;
}
.foam-images > div p
{
    position:absolute;
    font-size:18px;
    top:20px;
    right:20px;
}
.foam-images > div:last-child
{
    margin-left:0%;
}
.foam-images > div img
{
    width:100%;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}
.foam-bottom-images
{
    padding:35px 50px;
    margin:0 0 55px 0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.foam-bottom-images > div
{
    width:48%;
    margin-left:4%;
    float:right;
}
.foam-bottom-images > div:last-child
{
    margin-left:0%;
}
.foam-bottom-images > div img
{
    width:100%;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-box-sizing:border-box;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------*/
.baem-middle-img
{
    width:335px;
    margin:55px auto 0 auto;
}
.baem-middle-img img
{
    width:100%;
}
.beam-bottom-images
{
    display:block;
    height:auto;
    overflow:hidden;
}
.beam-bottom-images li
{
    display:block;
    width:47%;
    margin-left:6%;
    padding:15px;
    margin-bottom:55px;
    background-color:#6f7285;
    float:right;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
     box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.beam-bottom-images li:nth-child(2n)
{
    margin-left:0%;
}
.beam-bottom-images li > div
{
    line-height:30px;
    height:90px;
    overflow:hidden;
    font-size:14px;
    font-family:IranSans;
}
.beam-bottom-images li > img
{
    width:100%;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------*/
.chromit-middle-img
{
    width:600px;
    margin:55px auto 0 auto;
}
.chromit-middle-img img
{
    width:100%;
}
.chromit-advantage
{
    padding:20px 20px 40px 50px;
    background-color:#f0f4f5;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    margin:55px 0;
}
.chromit-advantage h3
{
    font-size:19px;
    font-weight:normal;
    line-height:80px;
    width:350px;
    text-align:center;
    background-color:#6f7285;
}
.chromit-advantage img
{
    width:540px;
    float:left;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
}
.chromit-advantage ul
{
    display:block;
    width:calc(100% - 590px);
    float:right;
    font-size:19px;
    padding:75px 110px 0 0;
     box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.chromit-advantage ul li
{
    display:block;
    margin-bottom:20px;
    line-height:20px;
}
.chromit-advantage ul li .fas
{
    color:#ed2226;
    font-size:20px;
    margin-left:5px;
}
.chromit-bottom-images
{
    display:block;
    height:auto;
    overflow:hidden;
}
.chromit-bottom-images li
{
    display:block;
    width:32%;
    margin-left:2%;
    padding:15px;
    background-color:#6f7285;
    float:right;
    margin-bottom:50px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
     box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.chromit-bottom-images li:nth-child(3n)
{
    margin-left:0;
}
.chromit-bottom-images li > div
{
    line-height:20px;
    height:40px;
    overflow:hidden;
    font-size:16px;
    font-family:IranSans;
    text-align:center;
}
.chromit-bottom-images li > img
{
    width:100%;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------*/
.orders-shopping-card
{
    font-family:IranSans;
}
.empty-shopping-card
{
    padding:10px 0;
    text-align:center;
    font-family:IRANSans;
    color:#ed2226;
    border:1px solid #cdcdcd;
    margin-top:30px;
    font-size:15px;
     box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.orders-shopping-card h3
{
    line-height:50px;
    text-align:center;
    background-color:#6f7285;
    color:#000;
    font-weight:normal;
    font-size:18px;
    margin:45px 0 0 0;
}
.orders-shopping-card ul li
{
    height:auto;
    overflow:hidden;
    margin-top:65px;
}
.orders-shopping-card ul li img
{
    width:35%;
    float:right;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
.orders-shopping-card ul li > div
{
    width:calc(65% - 50px);
    float:left;
    text-align:center;
    position:relative;
}
.orders-shopping-card ul li > div h4
{
    font-family:BTitr;
    font-size:18px;
    margin:10px 0;
}
.orders-shopping-card ul li > div > div:nth-child(2)
{
    width:80%;
    margin:0 auto;
    font-size:16px;
    color:#e31900;
}
.orders-shopping-card ul li > div > div:nth-child(3)
{
    margin:30px 0;
}
.orders-shopping-card ul li > div > div:nth-child(3) > div
{
    width:32%;
    height:30px;
    line-height:30px;
    float:right;
    margin-left:2%;
    margin-bottom:20px;
    font-size:14px;
    text-align:right;
}
.orders-shopping-card ul li > div > div:nth-child(3) > div:last-child
{
    margin-left:0%;
}
.orders-shopping-card ul li > div > div:nth-child(3) > div span
{
    float:right;
}
.shop-textbox
{
    display:inline-block;
    width: calc(100% - 105px);
    height:30px;
    font-family:IranSans;
    text-align:center;
    float:left;
    border:1px solid #cdcdcd;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
     box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    outline:0;
}
.btnCopmputing
{
    display:block;
    width: 125px;
    height:30px;
    font-family:IranSans;
    text-align:center;
    margin:0 auto;
    padding:0;
    color:#fff;
    font-size:18px;
    border:0;
    background:#009f13;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    outline:0;
    cursor:pointer;
}
.orders-shopping-card > div:last-child
{
    width:calc(65% - 50px);
    float:left;
    text-align:center;
    margin-top:20px;
}
.orders-shopping-card > div:last-child a
{
    display:block;
    width: 155px;
    height:55px;
    line-height:55px;
    font-family:IranSans;
    text-align:center;
    margin:20px auto 45px auto;
    color:#fff;
    font-size:18px;
    border:0;
    background:#b60000;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.orders-shopping-card > div:last-child span
{
    margin:0 20px;
}
.btnShopRemove
{
    position:absolute;
    left:0;
    top:0;
    border:0;
    background:#ed2226;
    color:#fff;
    padding:3px 6px;
    font-weight:bold;
    outline:0;
    cursor:pointer;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------*/
.orders-Invoice-content
{
    font-family:IranSans;
}
.orders-Invoice-content h3
{
    line-height:50px;
    text-align:center;
    background-color:#6f7285;
    color:#000;
    font-weight:normal;
    font-size:18px;
    margin:45px 0 0 0;
}
.orders-Invoice-content ul
{
    height:auto;
    overflow:hidden;
    margin-top:30px;
    border-bottom:2px solid #cdcdcd;
}
.orders-Invoice-content ul li
{
    display:block;
    width:900px;
    height:auto;
    overflow:hidden;
    margin:15px auto 0 auto;
}
.orders-Invoice-content ul li h4
{
    display:inline-block;
    width:calc(100% - 430px);
    font-size:14px;
    font-weight:normal;
    margin:0;
    float:right;
}
.orders-Invoice-content ul li span
{
    display:inline-block;
    width:150px;
    font-size:13px;
    float:right;
}
.orders-Invoice-content ul li p
{
    display:inline-block;
    width:250px;
    font-size:13px;
    margin:0;
    float:right;
}
.orders-Invoice-content ul li > div:last-child
{
    width:25px;
    height:35px;
    float:left;
}
.btnInvoiceRemove
{
    display:inline-block;
    border:0;
    background-color:#fff;
    color:#ed2226;
    font-size:20px !important;
    padding:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.calculate-content
{
    width:900px;
    margin:0px auto;
}
.calculate-content-info
{
    padding:20px 0px;
    font-weight:bold;
    font-size:14px;
}
.calculate-content-info span
{
    width:70%;
    display:inline-block;
    float:right;
}
.calculate-content-info p
{
    width:30%;
    display:inline-block;
    float:left;
}
.discountCodeTextbox
{
    display:inline-block;
    width: 100px;
    height:32px;
    margin:0 10px;
    font-family:IranSans;
    text-align:center;
    border:1px solid #000;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    outline:0;
}
.operateDiscountCode
{
    display:inline-block;
    width: 100px;
    height:37px;
    font-family:IranSans;
    text-align:center;
    margin:0 auto;
    padding:0;
    color:#fff;
    font-size:13px;
    border:0;
    background:#009f13;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    outline:0;
    cursor:pointer;
}
.prices-content span
{
    display:inline-block;
    width:calc(100% - 280px);
    font-size:14px;
    font-weight:bold;
    margin-bottom:5px;
    float:right;
}
.prices-content p
{
    display:inline-block;
    font-size:14px;
    font-weight:bold;
    width:280px;
    margin-bottom:5px;
}
.prices-content span:last-of-type
{
    font-size:16px;
    color:#ed2226;
}
.prices-content p:last-of-type
{
    font-size:16px;
    color:#ed2226;
}
.address-box
{
    padding:10px 0;
} 
.address-box span
{
    font-size:14px;
}
.address-box > div
{
    width:900px;
    margin:0 auto;
}
.addressTextbox
{
    display:block;
    width: 100%;
    height:60px;
    margin:10px 0;
    font-family:IranSans;
    padding:5px;
    border:1px solid #000;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    outline:0;
     box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.btnPayment
{
    display:block;
    width: 155px;
    height:55px;
    font-family:IranSans;
    text-align:center;
    margin:0 auto;
    padding:0;
    color:#fff;
    font-size:18px;
    border:0;
    background:#b70100;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    outline:0;
    cursor:pointer;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------*/
.list-price-content
{
    height:auto;
    overflow:hidden;
    font-family:IranSans;
}
.list-price-content h4
{
    line-height:50px;
    text-align:center;
    background-color:#6f7285;
    color:#000;
    font-weight:normal;
    font-size:18px;
    margin:45px 0 0 0;
}
.list-price-content > div
{
    width:920px;
    text-align:center;
    margin:100px auto 0 auto;
}
.list-price-content > div h5
{
    line-height:40px;
    text-align:center;
    background-color:#e1dede;
    font-weight:normal;
    font-size:18px;
    margin:0;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    z-index:200;
    position:relative;
     border: 1px solid #fff;
     border-bottom:0;
}
.listPriceGridView
{
    border:0;
    font-family:IranSans;
    width:100%;
    border: 1px solid #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    margin-top:-10px;
    z-index:100;
    position:relative;
}
.listPriceGridView th
{
    font-size:15px;
    text-align:center;
    border:0;
    height:55px;
    background-color:#6f7285;
}
.listPriceGridView td
{
    font-size:14px;
    text-align:center;
    border:0;
    height:42px;
}
.listPriceGridView tr:nth-of-type(2n-1)
{
    background:#6f7285;
}
.listPriceGridView tr:nth-of-type(2n)
{
    background:#fce89c;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------*/

.orders-details-prices-content
{
    width:300px;
    height:auto;
    overflow:hidden;
    float:left;
    font-family:IranSans;
    padding-top:20px;
    font-size:14px;
}
.orders-details-prices-content span
{
    display:block;
    width:150px;
    height:30px;
    float:right;
}
.orders-details-prices-content p
{
    display:block;
    width:150px;
    height:30px;
    margin:0;
}
.orders-details-prices-content p:last-child
{
    font-weight:bold;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width:1340px) 
{
    .top-bar> div
    {
        width:95%;
    }
    .copy-right-bar > div
    {
       width:95%;
    }
    .header
    {
        width:95%;
    }
    .top-home-products
    {
        width:95%;
    }
    .home-about-us
    {
        width:95%;
    }
    .home-bottom-products
    {
        width:95%;
    }
    .home-video
    {
       width:95%;
    }
    .home-projects
    {
        width:95%;
    }
    .extent-projects > div
    {
        width:95%;
    }
    .cerificate > div
    {
       width:95%;
    }
    .download-files
    {
        width:95%;
    }
    .all-form
    {
        width:95%;
    }
    .represntation
    {
        width:95%;
    }
    .title-bar
    {
        width:95%;
    }
    .member-login 
    {
        width:95%;
    }
}
@media only screen and (max-width:1280px)
{
    .footer-form > div
    {
        width:95%;
        float:none;
        margin:0 auto;
    }
    .footer-form > div > div:nth-child(2)
    {
        padding-right:0px;
    }
    .header
    {
        height:150px;
    }
    .logo
    {
        margin:0 auto;
        float:none;
    }
    .mainnav 
    {
        float:none;
        margin:20px auto 0 auto;
    }
}
@media only screen and (max-width:1080px) 
{
    .top-home-products > div
    {
        height:240px;
    }
    .btnBUyOnline
    {
        margin:30px auto 0 auto;
    }
    .home-bottom-products > div:nth-of-type(2) > div h4
    {
        font-size:13px;
    }
    .home-bottom-products > div:nth-of-type(2) > div > div
    {
        font-size:10px;
    }
    .chromit-advantage img
    {
        width:450px;
    }
    .chromit-advantage ul
    {
        width:calc(100% - 470px);
        padding:20px 20px 0 0;
    }
}
@media only screen and (max-width:980px) 
{
    .orders-shopping-card ul li > div
    {
        width:calc(65% - 10px);
    }
    .list-price-content > div
    {
        width:100%;
    }
    .orders-Invoice-content ul li
    {
        width:100%;
    }
    .calculate-content
    {
        width:100%;
    }
    .address-box span
    {
        font-size:10px;
    }
    .address-box > div
    {
        width:100%;
    }
}
@media only screen and (max-width:920px)
{
    .home-video > div
    {
        height:220px;
    }

    .mps-top-des img
    {
        display:block;
        width:70%;
        margin:0 auto 10px auto;
        float:none;
    }
    .mps-top-des > div
    {
        width:100%;
        font-size:13px;
        line-height:25px;
    }
    .mps-technical
    {
        margin:20px 0;
    }
    .mps-technical img
    {
        display:block;
        width:70%;
        float:none;
        margin:0 auto;
    }
    .mps-technical > div
    {
        width:100%;
        float:none;
        padding:10px;
    }
    .mps-technical > div h3
    {
        margin:0 auto;
    }
    .mps-technical > div ul
    {
        font-size:13px;
    }
    .mps-bottom-des img
    {
        display:block;
        width:70%;
        margin:0 auto 10px auto;
        float:none;
    }
    .mps-bottom-des > div
    {
        width:100%;
        font-size:13px;
        line-height:25px;
        padding:0;
    }
    .mps-advantage
    {
        margin:20px 0;
    }
    .mps-advantage img
    {
        display:block;
        width:70%;
        margin:0 auto;
        float:none;
    }
    .mps-advantage > div ul
    {
        width:100%;
        float:none;
        font-size:13px;
    }
    .mps-advantage > div ul li
    {
        margin-top:10px;
    }
    .foam-top-des img
    {
        display:block;
        width:70%;
        float:none;
        border-right:0px;
        margin:0 auto 10px auto;
    }
    .foam-top-des > div
    {
        width:100%;
        font-size:13px;
    }
    .chromit-advantage
    {
        padding:10px 0 0 0;
        margin:20px 0;
    }
    .chromit-advantage img
    {
        width:70%;
        display:block;
        margin:0 auto 10px auto;
        float:none;
    }
    .chromit-advantage ul
    {
        width:100%;
        padding:20px 10px;
        font-size:13px;
    }
    .chromit-advantage ul li
    {
        width:50%;
        float:right;
        margin-top:10px;
    }
    .chromit-advantage h3
    {
        margin:0 auto;
    }
}
@media only screen and (max-width:900px) 
{
    .main-posts-images
    {
        width:500px;
        float:none;
        margin:10px auto;
        border:0;
    }
        .posts-description
    {
        width:100% !important;
    }
    .orders-shopping-card ul li img
    {
        display:block;
        width:200px;
        float:none;
        margin:0 auto;
    }
    .orders-shopping-card ul li > div
    {
        width:100%;
        float:none;
    }
    .orders-shopping-card > div:last-child
    {
        width:100%;
        float:none;
    }
}
@media only screen and (max-width:860px)
{
    .top-home-products > div
    {
        width:100%;
        height:400px;
        float:none;
        margin-left:0;
        margin-bottom:15px;
    }
    .top-home-products > div:nth-of-type(2)
    {
        margin-bottom:0;
    }
    .home-bottom-products > div:nth-of-type(2)
    {
        width:calc(100% - 290px);
        height:auto;
        overflow:hidden;
        float:left;
    }
    .extent-projects > div > div
    {
        width:100%;
        float:none;
        padding:15px 0;
    }
    .extent-projects img
    {
        display:block;
        width:300px;
        float:none;
        margin:10px auto;
    }
    .extent-projects h3
    {
        margin:0;
        font-size:25px;
    }
    .extent-projects > div > div > div
    {
        height:auto;
        margin-top:20px;
    }
    .download-files img
    {
        display:none;
    }
    .download-files > div
    {
        width:100%;
        float:none;
    }
    .download-files > div > div
    {
        padding:15px 0px;
    }
    .download-files > div h4:after
    {
        margin-right:0px;
    }
    .download-files ul li
    {
        padding-right:0px;
    }
    .chromit-bottom-images li
    {
        width:100%;
        margin-left:0;
        padding:10px;
        float:none;
        margin-bottom:15px;
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
    }
}
@media only screen and (max-width:768px) 
{
    .mainnav
    {
        display:none;
    }
    .responsive-menu
    {
        display:block !important;
    }
    .main-footer
    {
        height:auto;
        overflow:hidden;
    }
    .main-footer > div
    {
        width:100%;
        height:auto;
        overflow:hidden;
        float:none;
        padding-bottom:15px;
    }
    .social
    {
        padding:15px 0;
    }
    .footer-contact-info > div:nth-of-type(2)
    {
        padding-top:15px;
    }
    .home-about-us img
    {
        display:none;
    }
    .home-about-us > div
    {
        width:100%;
        height:auto;
        float:none;
        padding:0;
    }
    .home-about-us > div > a
    {
        float:none;
        margin:0 auto;
    }
    .home-about-us > div > div
    {
        height:auto;
    }
    .home-bottom-products > div:first-of-type
    {
        margin:0 auto;
        float:none;
    }
    .home-bottom-products > div:nth-of-type(2)
    {
        width:100%;
        float:none;
    }
    .home-bottom-products > div:nth-of-type(2) > div
    {
        margin-bottom:15px;
    }
    .home-bottom-products > div:first-of-type > h3
    {
       margin:0 auto;
    }
    .home-bottom-products > div:first-of-type > h4
    {
       margin:0 auto;
    }
    .home-bottom-products > div:first-of-type > a
    {
        margin:15px auto;
    }
    .home-video > div
    {
        width:100%;
        float:none;
        margin-bottom:15px;
        height:370px;
    }
    .foam-images
    {
        padding:10px;
        margin:20px 0;
    }
    .foam-images > div
    {
        width:49%;
        margin-left:2%;
    }
    .foam-images > div img
    {
        border-radius:5px;
        -moz-border-radius:5px;
         -webkit-border-radius:5px;
    }
    .foam-bottom-images
    {
        padding:10px;
        margin:20px 0;
    }
    .foam-bottom-images > div
    {
        width:49%;
        margin-left:2%;
    }
    .foam-bottom-images > div img
    {
        border-radius:5px;
        -moz-border-radius:5px;
         -webkit-border-radius:5px;
    }
    .orders-Invoice-content ul li h4
    {
        width:calc(100% - 230px);
    }
    .orders-Invoice-content ul li span
    {
        width:50px;
        text-align:center;
    }
    .orders-Invoice-content ul li p
    {
        width:150px;
        text-align:center;
    }
    .calculate-content-info span
    {
        width:100%;
        float:none;
    }
    .calculate-content-info p
    {
        width:100%;
        text-align:left;
        float:none;
    }
    .header
    {
        height:70px;
    }
}
@media only screen and (max-width:640px) 
{
    .top-home-products > div
    {
        height:310px;
    }
    .home-video > div
    {
        height:320px;
    }
    .home-projects ul li
    {
        width:100%;
        float:none;
        margin-left:0;
    }
    .home-projects ul li > div:nth-of-type(2)
    {
        height:auto;
        overflow:hidden;
    }
    .mps-video > div
    {
        width:95%;
    }
    .beam-bottom-images li
    {
        width:100%;
        margin-left:0;
        padding:10px;
        margin-bottom:15px;
        float:none;
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
    }
    .beam-bottom-images li > div
    {
        line-height:20px;
        height:60px;
        font-size:11px;
    }
    .chromit-middle-img
    {
        width:95%;
        margin:20px auto 0 auto;
    }
    .orders-shopping-card ul li > div h4
    {
        font-size:15px;
    }
    .orders-shopping-card ul li > div > div:nth-child(2)
    {
        width:100%;
        font-size:12px;
    }
    .orders-shopping-card ul li > div > div:nth-child(3) > div
    {
        font-size:10px;
    }
    .shop-textbox
    {
        width: calc(100% - 76px);
        font-size:10px;
    }
}
@media only screen and (max-width:540px)
{
    .main-posts-images
    {
        width:100%;
    }
    .mps-files > div
    {
        width:100%;
        float:none;
        text-align:center;
        margin:5px 0;
    }
}
@media only screen and (max-width:480px) 
{
    .shop-count
    {
        margin-right:10px;
    }
    .header-phone
    {
        display:none;
    }
    .top-home-products > div
    {
        height:230px;
    }
    .top-home-products > div h3
    {
        font-size:18px;
    }
    .btnBUyOnline
    {
        width:120px;
        height:30px;
        margin:20px auto 0 auto;
        font-size:15px;
        line-height:30px;
    }
    .home-bottom-products > div:nth-of-type(2) > div
    {
        width:100%;
        float:none;
        margin-left:0;
        height:auto;
        overflow:hidden;
    }
    .home-bottom-products > div:nth-of-type(2) > div:nth-of-type(3)
    {
        margin-bottom:15px;
    }
    .download-files ul li
    {
        width:49.5%;
        margin-left:1%;
    }
    .download-files ul li:nth-of-type(3n)
    {
        margin-left:1%;
    }
    .download-files ul li:nth-of-type(2n)
    {
        margin-left:0;
    }
    .mps-top-des img
    {
        width:100%;
    }
    .mps-top-des > div
    {
        line-height:20px;
        font-size:10px;
    }
    .mps-technical img
    {
        width:100%;
    }
    .mps-technical > div ul
    {
        font-size:10px;
    }
    .mps-technical > div ul li
    {
        margin-top:10px;
    }
    .mps-technical
    {
        padding-bottom:10px;
    }
    .mps-bottom-des img
    {
        width:100%;
    }
    .mps-bottom-des > div
    {
       line-height:20px;
        font-size:10px;
    }
    .mps-advantage img
    {
        width:100%;
    }
    .mps-advantage > div ul
    {
        font-size:10px;
    }
    .mps-advantage > div ul li
    {
        margin-top:10px;
        text-align:justify;
        padding-right:15px;
    }
    .mps-bottom-images
    {
        padding:20px 0 0 0;
    }
    .mps-advantage > div ul li .fas
    {
        font-size:10px;
    }
    .mps-bottom-images ul li
    {
        width:48%;
        margin-bottom:15px;
    }
    .mps-bottom-images ul li:nth-child(2n)
    {
        margin-left:0%;
    }
    .mps-video > div
    {
        height:250px;
    }
    .foam-top-des img
    {
        width:100%;
    }
    .foam-top-des > div
    {
        font-size:10px;
        line-height:20px;
    }
    .chromit-advantage img
    {
        width:100%;
    }
    .chromit-bottom-images li > div
    {
        font-size:13px;
    }
    .orders-shopping-card ul li > div > div:nth-child(3) > div
    {
        width:100%;
        float:none;
        margin-left:0%;
        margin-bottom:10px;
    }
    .orders-shopping-card > div:last-child a
    {
        width: 120px;
        height:35px;
        line-height:35px;
        font-size:15px;
    }
    .listPriceGridView td
    {
        font-size:11px;
    }
    .orders-Invoice-content ul li h4 
    {
        font-size:10px;
        width:calc(100% - 130px);
    }
    .orders-Invoice-content ul li span
    {
        font-size:10Px;
        width:30px;
    }
    .orders-Invoice-content ul li p
    {
       font-size:10Px;
       width:70px;
    }
    .operateDiscountCode
    {
        width: 100px;
        height:35px;
        font-size:15px;
    }
    .prices-content span
    {
        display:inline-block;
        width:150px;
    }
    .prices-content p
    {
        width:calc(100% - 150px);
    }
}
@media only screen and (max-width:400px) 
{
    .footer-form h4
    {
        font-size:25px;
    }
    .footer-contact-info > div:nth-of-type(2) p
    {
        width:95%;
        text-align:justify;
        margin-bottom:10px;
    }
    .footer-form-textbox
    {
        font-size:10px;
        height:30px;
        line-height:30px;
    }
    .footer-form-des-textbox
    {
        display:block;
        width:100%;
        height:100px;
        font-size:10px;
        line-height:20px;
    }
    .home-video > div
    {
        height:200px;
    }
    .header
    {
        height:70px;
    }
    .logo
    {
        width:300px;
        height:100px;
        padding-bottom:0;
    }
    .logo a:first-of-type img
    {
        width:25%;
    }
    .logo a:last-of-type img
    {
        width:74%;
    }
    .logo h1
    {
        width:220px;
    }
    .logo h1 a
    {
        font-size:11px;
    }
}
@media only screen and (max-width:360px) 
{
    .top-home-products > div
    {
        height:160px;
    }
    .extent-projects h3
    {
        font-size:20px;
    }
    .mps-video > div
    {
        height:200px;
    }
    .baem-middle-img
    {
        width:95%;
        margin:20px auto 0 auto;
    }
    .chromit-advantage ul li
    {
        width:100%;
        float:none;
    }
    .chromit-advantage h3
    {
        font-size:15px;
        width:280px;
    }
}
@media only screen and (max-width:320px) 
{
    .home-video > div
    {
        height:170px;
    }
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------*/