/* persian */
/*@font-face {
    font-family:'Iranian-Sans';
    font-style: normal;
    src: url(arminpolymer/templat/font/Iranian-Sans.TTF) format('truetype');
}*/
/*@font-face {
    font-family: 'Iranian-Sans','IRAN-sans';
    src:  url('./font/Iranian-Sans.eot') format('eot'), 
        url('./font/Iranian-Sans.woff') format('woff'),
        url('./font/Iranian-Sans.TTF') format('truetype');
        font-style:normal;
    font-weight:normal;
}
@font-face {
    font-family: 'Iranian-Sans','IRAN-sans';
    src:  url('./font/Iranian-Sans.eot') format('eot'), 
        url('./font/Iranian-Sans.woff') format('woff'),
        url('./font/Iranian-Sans.TTF') format('truetype');
     font-family: 'BYekan';
    src: 
        url('.../Manager/fonts/BYekan.eot') format('eot'), 
        url('.../Manager/fonts/BYekan.woff') format('woff'),
        url('.../Manager/fonts/BYekan.ttf') format('ttf');  
        font-style:normal;
    font-weight:normal;
}*/
/*

Zerotheme.com | Free Html5 Responsive Templates
Author URI: https://www.zerotheme.com/
*/
#hierarchyListDiv {
    float: right;
    margin: 0 35px 35px 35px;
    margin-bottom: 35px;
    width: 240px;
    border: solid #FBCF0C thin;
    min-height: 400px;
    margin-bottom: 15px !important;
}
.hierarchyDivs {
    float: right;
    display: inline-table;
    max-width: 30%;
    min-width: 300px;
    margin: 30px 30px;
}

/* ---------------------------------------------------------------------------- */
/* ------------------------------------Reset----------------------------------- */
/* ---------------------------------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;font-weight: initial;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea { padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
.item-caption {
    display: none;
}
input, textarea, select {margin:0; padding:0px;}
.item-container:hover > .item-caption{
    display: block;
}
.item-caption:hover {
    color: white;
}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
#uperNodeDiv0 {
    direction:rtl;
    background-color: #ECECEC;
}/* ---------------------------------------------------------------------------- */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-moz-selection{background:#000;color:#fff;text-shadow:none}
::selection{background:#000;color:#fff;text-shadow:none}
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */

html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%; height: auto;}
img{max-width:100% ;height:auto;width:auto;/* ie8 */}

a{color: #212121;text-decoration: none;}
a:hover { transition: text-shadow 0.3s ease-in 0s, color 0.3s ease-in 0s;text-shadow: 2px 2px 0px #F9BD28;color: #FFD600;
          color: #3d3d3d;}

h1, h2 	{font-size: 1em;direction: ltr;text-align: center;}
h4	{font-size: 18px;line-height: 40px;direction: rtl}
h5, h6	{font-size: 16px;line-height: 16px;direction: rtl}
h3{font-size: 13px;line-height: 40px;direction: rtl;width: 81%;}

p{margin: 10px 0; direction: rtl;font-size: 0.7em;
}

.t-center{
    text-align: center;
}
.t-left{text-align: left;}
.t-right{text-align: right;}
.f-right{float: right;}
.f-left{float: left; }

.post{}
.post:after, .post:before, article:after, article:before, section:after, section:before{clear: both; 
                                                                                        content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden;
                                  width: 0; height: 0;}

.bg-theme{background: #2D88CF;}
/* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */
html, body {width:100%; padding:0; margin:0;}
body {background: #f4f4f4;color: #3F3F3F;
      /*letter-spacing: 1px;*/
      font-size: 15px;}
body .wrap-body{}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Header--------------------------------- */
/* ---------------------------------------------------------------------------- */
.top , .top.sticky-header h1{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease; 
    background: #FFCD02;color: #333;padding: 7px 0;font-size: 13px;
}
.sticky-header,.top.sticky-header h1{
    webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease; 
}
.top i.fa{
    font-size: 18px;
    /*margin-right: 71px;*/
    line-height: 1.2;
    margin-Top: 35px;
}
.top span{ margin-right: 2px;}


header{background-color: #f7f7f7;border-bottom: 1px dashed #ccc;}
header .wrap-header{}

.logo img{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease; 
    display:block;
    margin: auto;
    padding:-1%;
    max-width:50%;
    /*height: 64px;*/
    position: relative;
   top: -1%;
    width: 100px;
    float:left;
    right: -2%;
}
.logo img:hover{
    width:120px ;
}
@media all and (max-width: 768px){
    .logo{text-align:center;width: 100%;}
    .logo img{display:block;}
}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Container------------------------------ */
/* ---------------------------------------------------------------------------- */
#container {}
#container .wrap-container{}

.sub-page{margin-top: 30px;}


/* ---content-box--- */
.content-box {padding:10px 0;}
.content-box .title{margin-bottom: 70px;color: #fff;text-transform: uppercase}
.content-box .title h2{color: #FFCD02; font-size:40px;line-height: 1.2; text-align: center;}
.content-box .title h2 span{font-size: 48px;color: #fff;line-height: 1.5;}
.content-box .sub-title{background: #e71d3a;display: inline-block;margin-bottom: 2px;padding: 10px;width: 100%;
                        height:47px;text-align: center;}
.content-box .sub-title h2{ direction: rtl;
                         color: #fff;font-size: 1.0em;}
.content-box.box-style-1{background: #F4F4F4;}
.content-box.box-style-2{background: url(../images/Spray-Polyurea-Elastomer-Coating-Pure.jpg)no-repeat ; width: 100%;
                         height:100%;background-size: 100% 100%;}
.content-box.box-style-3{background: url(../images/box-style-3.png) repeat;}

.content-box.box-1{}

.content-box.box-2{}

.content-box.box-3{color: #fff; min-height: 470px;padding-top: 100px;}

.content-box.box-4 {}

/* ---MainContent-Article--- */
#main-content{}
#main-content .wrap-box{padding:30px 0px;position: relative;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Footer--------------------------------- */
/* ---------------------------------------------------------------------------- */
footer{background:#111;color: #666;padding: 1px 0 20px;}

footer h3{color: #fff;font-size: 22px;margin-bottom: 30px;}
footer a{color:#92907C;}
footer a:hover,
.copyright a:hover{color:#fff;}
footer .top-footer{border-bottom: 1px solid #555;padding-bottom: 20px;text-align: center;}
footer .top-footer img{margin-bottom: 10px;}
footer .wrap-footer{color: #92907C;padding: 30px 0 50px;width: 100%}
footer .wrap-footer ul li {margin-bottom: 5px;border-bottom: 1px solid #555;padding: 10px 0 15px;}
footer .logo img{max-width: 170px;margin-top: 30px;}
footer .col-footer-1 {}
footer .col-footer-1 p{font-size: 15px;direction: rtl;
                       color: #fff;}
footer .col-footer-2 {}
footer .col-footer-3 img{padding: 5px; border: 1px solid #555;margin-bottom: 20px;}
footer .col-footer-4 span{
    display: block;
    margin-bottom: 20px;
    float: right;
    max-width:356px;
    width:100%;
    font-size: 16px;
    direction: rtl;
    
      color: #fff;

}
footer .col-footer-4 span i.fa{line-height: 1.2;font-size: 23px;margin-left:1%;margin-right:-2%;}
footer .logo{top: 0px;margin-bottom: 20px;text-align: center;}

.copyright{background: #151515;color: #999;}
.copyright .wrapper{padding: 10px;text-align: center;font-size: 0.8em;}
.copyright ul.quick-link{float: right;}
.copyright ul.quick-link li {display: inline-block;margin-right: 10px;}
.copyright a{color: #434343;}

@media all and (max-width: 768px){
    .copyright{text-align: center;}
    .copyright ul.quick-link{float: none;margin-top: 10px;}
}
/* ---------------------------------------------------------------------------- */
/* -------------------------------------Button--------------------------------- */
/* ---------------------------------------------------------------------------- */

.wrap-box.t-center a {
    color: #FFCD02;
}
a.button{
    cursor: pointer;
    font-size: 13px;
    border:1px solid #ffffff; 
    display: inline-block;
    text-decoration: none;
    background: rgba(119, 10, 30, 0.95);
    margin: 5px 0;
    text-transform: uppercase;
    color: #fff;
    line-height:20px;

}
a.button:hover{opacity: 0.9;}

a.button.bt1 {background: #FFCD02;color: #333;padding: 10px 20px;text-align: center;
              text-shadow: none;font-weight: bold;border: none;margin-top: 20px;}
a.button.bt1:hover {background: #333;color: #FFCD02; }
a.button.bt2 {background: #0000ff;color: #ffffff;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Contact-------------------------------- */
/* ---------------------------------------------------------------------------- */
.contact h2{}
#contact_form {padding: 10px 25px 25px;background: #fff;box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);}

#ff label {cursor:pointer;display:block;font-weight:bold;}

#ff input {display:block;width:100%;border-radius:4px;-webkit-border-radius:4px;
           -moz-border-radius:4px;color:#000;	border:1px solid #AFAFAF;padding:12px;
           margin: 5px 0 10px 0;font-size: 16px;max-height: 45px;}

#ff textarea {display:block;width:100%;height:183px; border-radius:4px;-webkit-border-radius:4px;
              -moz-border-radius:4px;background-color:#fff; color:#000;	border:1px solid #AFAFAF;
              padding:10px;margin: 5px 0 25px 0;}

#ff .sendButton {cursor:pointer;background-color: transparent;width:15%;color:#333;
                 border: 3px solid #333;color: #333;font-size: 20px;padding: 8px 0 10px;}
#ff .sendButton:hover {background: #FFCD02;border: 3px solid #FFCD02; }

.maps{margin: 10px 0 20px;}
/* ---------------------------------------------------------------------------- */
/* ------------------------------------Subcribe-------------------------------- */
/* ---------------------------------------------------------------------------- */
#subcribe {margin: 10px;}

#subcribe input[type="text"] {
    background:#fff;
    color: #867B6E;
    width: 200px;
    padding: 16px;
}

#subcribe input[type="submit"]{
    background: #303030;
    padding: 16px;
    color: #ffffff;
    cursor: pointer;
    width: 110px;
    outline: none;
}

/* ---------------------------------------------------------------------------- */
/* -------------------------------Item-Effect---------------------------------- */
/* ---------------------------------------------------------------------------- */
.item{
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 2px;
    border-bottom: 1px dashed #ccc;
    position: relative;
    left:0px;
}
.item-end{
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    border-bottom: 1px dashed #ccc;
    position: relative;
    left:32px;
    width: 70% ;
    height:50%;
    margin: auto;
}
.item .item_down{
    margin: auto;
    width:10%;
}
.item .item-content{
    padding: 18px;
    color: #000;
    font-size:14px;
    direction: rtl;
    font-weight:normal;
    word-spacing:-2px;
} 
item-content2{}
.item-content .titr{
    position:relative;
    width: 109%;
    height: 50px;
    left: 16px;
    background-color:yellow;
}
.item-content .titr h3{
    width:100%;
    text-align: center;
    line-height:51px;
}
.item .item-content h3{
    direction: rtl;
    width: 100%;
    display: inline-block;
}

.item .item-container {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.item .item-container img {
    display: block;
    width: 100%;
    height: auto;
}
.item .item-container .item-caption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: 10px;
    background: none;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.item .item-caption-inner {
    display: table;
    width: 100%;
    height: 100%;
    margin-top: 35px;
}
.item .item-caption-inner1 {
    display: inline-block;
    /*    width: 100%;
        height: 100%;*/
    vertical-align: middle;
}
.item-container .item-caption span{
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    display: none;
    font-style: italic;
    font-size: 12px;
}
.item-container .item-caption span i.fa{
    width: 45px;
    height: 45px;
    background: #fff;
    margin-right: 10px;
    border-radius: 50%;
    color: #333;
    font-size: 23px;
    padding-top: 12px;
    text-shadow: none;
}
.item .item-container:before{
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.item:hover .item-container:before {
    -webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
    transform:scale(1.15);
}
.item:hover .item-container .item-caption span{
    display: block;
}
/*.item .item-date-box{background: #f8f8f8;border: 1px dashed #ccc;border-bottom: none;text-align: center;
                     display:none;width: 82%;height:94px;    position: static;
                     right:214px;
                     top:-2px;}*/
/*.item .item-date-box h3{font-size: 40px;color: #2b2b2b;line-height: 1.3;}
.item .item-date-box span{color: #888;font-size: 20px;}*/
/* ---------------------------------------------------------------------------- */
/* ---------------------------------Slider------------------------------------- */
/* ---------------------------------------------------------------------------- */
.bg-white{background: #fff;border-bottom: 1px dashed #ccc;padding: 50px;}

.rslides{}

.callbacks_container {
    z-index: 99;
    position: relative;
    float: left;
    width: 100%;
}

.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.callbacks li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.callbacks img {
    display: block;
    position: relative;
    z-index: 1;
    height: auto;
    width: 100%;
    border: 0;
}

.callbacks .caption{
    width: 100%;
    z-index: 5;
    display: block;
    bottom:100px;
    height:80px;
    background: rgba(0,0,0,0.4);
    position:absolute;
    text-shadow: none;
    max-width: none;

}
.callbacks .caption h1{font-size: 40px;
                       margin-bottom: 20px;
                       direction: rtl;
                     
                       text-align: center;
                       color: #fff;
}
.callbacks .caption span{font-size: 24px;}

@media all and (max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), 

only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min-resolution: 192dpi) and (max-width: 1024px), 
only screen and (min-resolution: 2dppx) and (max-width: 1024px){
    .callbacks .caption {padding: 12px 10px 5px;}
    .callbacks .caption h1{font-size: 20px;margin-bottom: 0;line-height: 1.2;}
    .callbacks .caption span{font-size: 12px;line-height: 1.2;}
}
@media(max-width: 468px){
    .callbacks .caption {display:none;}
}
/*.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 52%;
    left: 0;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url("../images/themes.gif") no-repeat left top;
    margin-top: -45px;
}*/
/*
.callbacks_nav:active {
    opacity: 1.0;
}

.callbacks_nav.next {
    left: auto;
    background-position: right top;
    right: 0;
}*/
.button-teal-3d{border:none!important; border-bottom:solid 5px rgba(119, 16, 30, 0.95)!important; padding:0px 22px;}
.button-teal:hover{background-color:rgba(119, 15, 30, 0.95); border:solid 2px #1abc9c;}
.button-teal:active{background-color:rgba(119, 16, 10, 0.95); border:solid 2px #16a085;}

ul-side{

    padding: 0;
    margin: 0;
    height: 100%;
}
.side{
    width:100%;
    height:50%;
    float: right;
    display: inline-block;
    margin-top: 20px;
}
.side h3{
    line-height:42px;
    width: 40%;
    float:right;
    margin-right: 20px;
    font-size: 10pt;

}
.side img{
    float: right;
    margin: 2px 27px;

}
.side2{
    margin-top: 8px;
    float: right;
    width: 50%;
    margin-right: -7%;
    border-radius: 10px;
}

.side2 img{
    overflow: hidden;
    border-radius: 10px;
}
.p-mask{
    opacity: 0;
    /*visibility: hidden;*/
    background: rgba(0, 0, 0, 0.72);
    bottom: 0%;
    position: absolute;
    padding:1em 0 .6em;
    width:84%;
    -webkit-transform: translate3d( 0px, 100%, 0px );
    -moz-transform: translate3d( 0px, 100%, 0px );
    -ms-transform: translate3d( 0px, 100%, 0px );
    -o-transform: translate3d( 0px, 100%, 0px );
    transform: translate3d( 0px, 100%, 0px );
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    text-align: center;
    margin-bottom:62%;
    margin-left: 4%;
}
.comment{
    float:left;
    margin-left:2%;
    width:45%;
    margin-top:-27%;
        text-align: justify;
}
.item-img{
    width:32%;
    height: 20%;
    margin-left: 30%
}
/*@media(max-width:1280px)
{
   .logo img{ margin-right:31%;}
   
}*/

@media (min-width: 495px) and (max-width: 1479px) {
    .wrap-col-down {
        display: inline-block;
        width: 100%;
    }
}

@media screen and (min-width: 480px) {
    top {
        width: 55%;
        display: inline-block;
        float: left;
        margin-left: 28px;
    }
}
/*@media only screen and (min-width: 460px) {
.f-left {
float: left;
    display: inline-block;
    width: 37%;
    text-align: center;
  
    }
}*/


@media (max-width: 610px)  {
    .f-left {
        display: grid;
    }
}