@font-face {font-family: 'IRANSans';src: url('../../fonts/IRANSans-Light-web.woff');font-weight: normal;font-style: normal;font-display: fallback;}a{transparent:all .2s ease-in-out;-webkit-transparent:all .2s ease-in-out;-moz-transparent:all .2s ease-in-out;-o-transparent:all .2s ease-in-out;}
body{font-family:IRANSans !important; background-color:#ffffff; color:#000000;}
a{text-decoration:none;}
.logo-container{float: left; position: absolute; z-index: 1000; margin-left:30px;}
.featured-container{margin-top:60px;}
.row h2{font-size: 15pt !important; font-weight: bold !important; margin-top: 15px !important;}
.title h2{color:#0000ff;}
.title-firstpage a p{color:#000000;}
.maxwidth{ max-width:1100px;margin:0 auto;}
.txtp{font-size:14px; line-height:30px; padding:10px 30px; color:#000000; text-align:justify;}
.txtp a{color:#dddddd;}
.txtp a:hover{color:#ffffff;}
.h2{font-family:IRANSans !important;}
ul{list-style:none;}
.cuuc{font-family:IRANSans; color:#eeeeee; margin-top: 0px;}
.phead{border-radius:4px 4px 0 0; padding: 10px 15px; background-color:#676767;font-size: 20px;}
.prodlist{list-style:none; padding:0px; margin:0px;}
.prodlist li{width:100%; font-size:15px; padding:8px 10px; font-weight:normal; background: -webkit-linear-gradient(#898989,#676767,#454545);
background: -o-linear-gradient(#898989,#676767,#454545);
background: -moz-linear-gradient(#898989,#676767,#454545);
background: linear-gradient(#898989,#676767,#454545)}
.cd-main-content {  height: 100% !important;  position: relative !important;  z-index: 1 !important;}
.width100{width:100%;}
.cd-fixed-bg {position: relative !important;min-height: 100% !important;background-size: cover !important;background-repeat: no-repeat !important;background-position: center center !important;z-index: 1 !important; padding:180px 0;}
.cd-fixed-bg h1, .cd-fixed-bg h2 {position: absolute !important;left: 50% !important;top: 50% !important;bottom: auto !important;right: auto !important;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 90%;max-width: 1170px;text-align: center;font-size: 30px;font-size: 1.875rem;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);color: white;}
@media (min-width: 1200px){ .containermenu { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important;}}
@media only screen and (min-width: 768px) {.cd-fixed-bg h1, .cd-fixed-bg h2 {font-size: 36px !important;} .col-logo{float:right;}}
.cd-scrolling-bg.cd-color-1 {background-color: #000000 !important;color: #a6989a;}
#footer{background-color: #000000;}
@media only screen and (min-width: 1170px) {.cd-fixed-bg {background-attachment: fixed !important;}.cd-fixed-bg h1, .cd-fixed-bg h2 {font-size: 48px !important;font-weight: 300 !important;} }
.cd-scrolling-bg {position: relative !important;min-height: 100% !important;padding: 40px 0 0 !important;line-height: 1.6 !important;box-shadow: 0 0 50px rgba(0, 0, 0, 0.5) !important;z-index: 2 !important;}
@media only screen and (min-width: 768px) {.cd-scrolling-bg {padding: 40px 0 0 !important;font-size: 20px !important;font-size: 1.25rem !important;line-height: 2 !important;font-weight: 300 !important;}}.row-centered {text-align:center;}
.col-centered {display:inline-block;float:none;  text-align:left; margin-bottom:20px;}
.col-fixed {width:350px;}
.item {display:table;}
.content {	display:table-cell;vertical-align:middle;	text-align:center;}
.ftitle{color: #ffffff;font-size: 12pt;text-align: center;padding: 5px 10px 10px 10px;background-color: #4a68a9;width:338px;margin:0 auto;}
div.img-wrapper >a .caption-content {position: absolute;font-weight: 500;font-size: 12pt;color: #fff;padding: 0;top: 45%;
width: 338px;text-align: center;-webkit-transition: 350ms;-o-transition: 350ms;transition: 350ms;transform: translateY(0%);
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);opacity: 0;z-index: 2;}
div.img-wrapper:hover {  background: rgba(255,255,255,0.5);}
div.img-wrapper:hover >a:after {  opacity: 0.85;}
div.img-wrapper a::after {display: block;position: absolute;content: "";bottom: 0;box-shadow: 0;width: 338px;height: 100%;
text-align: center;color: #fff;opacity: 0;-webkit-transition: 300ms;-o-transition: 300ms;transition: 300ms;background: #4a68a9 !important;}
div.img-wrapper:hover >a div.caption-content {  opacity: 1;  transform: translateY(-50%);}
.slick-slider{direction:ltr;position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}.slick-list:focus{outline: none;}.slick-list.dragging{cursor: pointer;cursor: hand;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.slick-track{position: relative;top: 0;left: 0;display: block;}.slick-track:before,.slick-track:after{display: table;content: '';}.slick-track:after{clear: both;}.slick-loading .slick-track{visibility: hidden;}.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}[dir='rtl'] .slick-slide{float: right;}.slick-slide img{display: block;}.slick-slide.slick-loading img{display: none;}.slick-slide.dragging img{pointer-events: none;}.slick-initialized .slick-slide{display: block;}.slick-loading .slick-slide{visibility: hidden;}.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}.slick-arrow.slick-hidden {display: none;}
@media (max-width: 800px){ .floatright {float:right; width: 100% !important;}}
.toggle,    [id^=drop] {
display: none;
}
.toggle2,    [id^=drop] {
display: none;
}
.nav {
width:100%;
position:fixed;
margin:0;
padding: 0;
height:60px;
z-index:1000;
top:0;
}
nav:after {
content:"";
display:table;
clear:both;
}
nav ul {
background-color:#FFFFFF;
width:100%;
float: right;
padding:0;
margin:0;
list-style: none;
top:-100px;
transition:all .5s ease-in-out;
border-bottom: 1px solid #dddddd;    }
nav ul li {
margin: 0px;
display:inline-block;
float: right;
direction: ltr;
position:relative;
right:30px;
transition:all 2s ease-in-out;
}
nav ul li a {
display:block;
padding:19px 20px;
color:#000000;
font-size:12pt;
text-decoration:none !important;
}
nav a:hover {
color:#eeeeee;
font-weight:bold;
background-color:#000000;
}
nav ul li:hover > ul  {
display:inherit;
}
@media all and (max-width :1000px) {
.logo-container{float: left; position: absolute; z-index: 1000; margin-left:3px;}
nav {
background-color:#ffffff;
margin: 0;   height:62px }
.toggle + a,    .menu {    display: none;    }
.toggle {
width: 7px;
height: 7px;
position:relative;
top:15px;
right:12px;
display: block;
background-color: #001652;
padding:14px 20px;
color:#FFF;
font-size:10pt;
text-decoration:none;
float:right;
order:none;
text-align:right;
direction:rtl;
border-radius: 3px;
}
.toggle:hover {    background-color: #000000;    }
.toggle2 + a,    .menu {    display: none;    }
.toggle2 {
width: 100%;
position: relative;
top: 4px;
/* right: 12px; */
display: block;
background-color: #fff;
color: #000;
font-size: 12pt;
text-decoration: none;
float: right;
order: none;
text-align: right;
direction: rtl;
padding: 20px;
}
.toggle2 em{
position: relative;
top: 0px;
right: 3px;}
.toggle2:hover {    background-color: #000000;   color:#FFF; }
[id^=drop]:checked + ul {    display: block;    }
nav ul li {display: block; width: 100%; text-align:right; direction:rtl; position:relative; right:0;}
nav ul {
background-color:#FFFFFF;
position:absolute; right:0; top:60px;
width:100%;
float: right;
padding:0;
margin:0;
list-style: none;
transition:all .5s ease-in-out;
}
}
label .fa {
position:relative;
bottom:8px;
left:7px;
font-size:18px;
}
@media all and (max-width : 330px) {nav ul li {    display:block; width: 100%;} }
.cd-scrolling-bg.cd-color-1 {
background-color: #000000;
color: #a6989a;
}
.background { background-image: url(https://www.vacuumgostar.com/vacuumgostar.com/ImageFiles/header-bg.jpg); background-repeat:no-repeat;
background-size: cover;
background-position: center center;
height:100px;
}
.nav-menu{color:#000; positon:relativ;}
.background-title {margin-top: 60px;}
.menu-dropdown {
display: none;
position: absolute;
top: 60px;
z-index: 2000;
width:170px;
right:0px;
border-bottom: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
}
.menu-dropdown li{
width:168px;
float: right;
display: list-item;
position: relative;
direction: rtl;
text-align: right;
right:0;
}
@media all and (max-width : 1000px){
.menu ul li:hover > ul{display:inherit;}
.menu-dropdown{width:100%;}
.menu-dropdown li:hover > ul,    nav ul li:hover > ul {    display: none;    }
.menu-dropdown li {    display: block;    width: 100%;    }
.menu-dropdown {
float: none;
position: static;
color: #ffffff;
}
nav ul li ul li .toggle, nav ul ul a {
background-color: #efefef;
padding-right: 40px;
}
}
.post img{width:100%;}

.background-title h2 a{color:#fff;}
.col-post {
width: 300px;
float: none;
display: inline-block;
margin: 15px 0;
}
.description {
margin: 10px 0;
position: relative;  
}
.description p{ font-size:14px; line-height: 28px; padding:5px;margin: 0;}
.container p a{color:#337ab7;}
.vacu{    text-align: center;}
.vacuh {

position: relative;
height: 350px;
}
.icon {
position: relative;
border-radius: 50%;
border: 1px solid #000;
width: 177px;
margin: auto;
height: 177px;
padding: 0;
top: 15px;
}
.icon .pic_effect1 {
  border: 0 solid rgba(251, 89, 89, 0.7);
  border-radius: 60px;
  height: 10px !important;
  left: 0 !important;
  margin: 0 auto;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 43px !important;
  transition: all 0.3s ease-in-out 0s;
  width: 10px !important;
}

.icon:hover .pic_effect1 {
    border: 44px solid rgba(255, 75, 75, 0.2);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    opacity: 1;
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    visibility: visible;
}
.icon .icon1 {
    background: rgba(255, 75, 75, 0.8) no-repeat url(../../images/link.png) center center;
    background-size: 10px auto;
    border-radius: 50%;
    display: block;
    height: 19px !important;
    left: 50%;
    margin-left: -9px;
    margin-top: -9px;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: all 100ms ease 0s;
    width: 19px !important;
}
.box-right{margin:5px; background-color:#cdcdcd;}
.icon img{  border-radius: 50%;}
.title {
font-size: 18px;
padding: 10px
}
.title-firstpage {
font-size: 16px;
padding: 10px;
height:160px;
}

.title p, .title-firstpage p{text-align: center;margin: 8px; font-weight:bold;}
.title-text{color: #000000;
    font-size: 12px;
    font-weight: normal !important;
    line-height: 28px;}
           
.background-title h2{color: #fff;font-size: 18px;padding: 15px;margin:0;font-family: IRANSans !important;}
.background-title h3{color: #fff;font-size: 20px;padding: 5px 15px;margin:0;font-family: IRANSans !important;}
/*-------------------*/
.col-post {
    width: 250px;
    float: none;
    display: inline-block;
    margin: 15px 0;
    height: 400px;
    border: 1px solid #ccc;
    font-weight: normal;
    font-size: 13px;
    background-color: #efefef;
}

.post-box {
    text-align: center;
}
.posthover .box-caption {
    width: 207px;
    height: 170px;
    text-align: center;
    position: absolute;
    color: #fff;
    opacity: 0;
    background: #ef7d00;
    bottom: 0;
    top: 5px;
    right: 21px;
    transition: all .5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}
.post-caption {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.caption-content-post {
    border: 1px solid #ffffff;
    border-radius: 50px;
    position: absolute;
    top: -55px;
    right: 50px;
    width: 100px;
    height: 100px;
    opacity: 1;
    z-index: 7;
    font-size: 80px;
    line-height: 112px;
    color: #ffffff;
}
.col-post:hover .box-caption {
    opacity: 0.75;
}
.posthover img{widht:207px; height:170px; margin-top:5px;}
.box-title{float:right; padding:10px; text-align:right;}
/*------------------------------------------*/
                            .row-centered {text-align:center;}
.col-centered {    display:inline-block;    float:none;    /* reset the text-align */    text-align:left;    /* inline-block space fix */    margin-right:-4px;}
.col-fixed {width:257px;}
.item {display:table; margin:0 auto;}
.content {display:table-cell;	vertical-align:middle;	text-align:center;}
div.img-wrapper >a .caption-content {border:1px solid #ffffff; border-radius:50px; position: absolute;  top: 50%;  left: 31%;    width: 100px; height:100px; opacity: 0;    z-index: 2;font-size: 100px;    line-height: 115px;    color: #ffffff; padding-right:0px;}
div.img-wrapper:hover {  background: rgba(255,255,255,0.5);}
div.img-wrapper:hover >a:after {  opacity: 0.85;}
div.img-wrapper a::after {display: block; position: absolute; content: ""; bottom: 0; box-shadow: 0; width: 227px; height: 100%;font-size:100px;  text-align: center; color: #fff;    opacity: 0;    -webkit-transition: 300ms;    -o-transition: 300ms;    transition: 300ms;background: #ef7d00 !important; left:15px;}
div.img-wrapper:hover >a div.caption-content {  opacity: 1;  transform: translateY(-50%);}

    .telerik-reTable-4
    {
    border-collapse: collapse;
    border: solid 0px;
    font-family: IRANSans;
    width:450px;
    text-align:center;
    margin-left:50px;
    }
    .telerik-reTable-4 tr.telerik-reTableHeaderRow-4
    {
    border-width: 1.0pt 1.0pt 3.0pt 1.0pt;
    margin-top: 0in;
    margin-right: 0in;
    margin-bottom: 10.0pt;
    margin-left: 0in;
    line-height: 115%;
    font-size: 11.0pt;
    font-family: "Calibri" , "sans-serif";
    width: 119.7pt;
    background: #4F81BD;
    padding: 0in 5.4pt 0in 5.4pt;
    color: #FFFFFF;
    }
    .telerik-reTable-4 td.telerik-reTableHeaderFirstCol-4
    {
    padding: 5pt 5.4pt 5pt 5.4pt;
    }
    .telerik-reTable-4 td.telerik-reTableHeaderLastCol-4
    {
    padding: 5pt 5.4pt 5pt 5.4pt;
    }
    .telerik-reTable-4 td.telerik-reTableHeaderOddCol-4
    {
    padding: 5pt 5.4pt 5pt 5.4pt;
    }
    .telerik-reTable-4 td.telerik-reTableHeaderEvenCol-4
    {
    padding: 5pt 5.4pt 5pt 5.4pt;
    }
    .telerik-reTable-4 tr.telerik-reTableOddRow-4
    {
    border-width: 1pt;
    color: #666666;
    font-size: 10pt;
    vertical-align: top;
    border-bottom-style: solid;
    border-bottom-color: #4F81BD;
    }
    .telerik-reTable-4 tr.telerik-reTableEvenRow-4
    {
    color: #666666;
    font-size: 10pt;
    vertical-align: top;
    }
    .telerik-reTable-4 td.telerik-reTableFirstCol-4
    {
    border-width: 1pt;
    border-color: #4F81BD;
    padding: 5pt 5.4pt 5pt 5.4pt;
    border-bottom-style: solid;
    border-left-style: solid;
    }
    .telerik-reTable-4 td.telerik-reTableLastCol-4
    {
    border-width: 1pt;
    border-color: #4F81BD;
    border-bottom-style: solid;
    border-right-style: solid;
    padding: 5pt 5.4pt 5pt 5.4pt;
    }
    .telerik-reTable-4 td.telerik-reTableOddCol-4
    {
    border-width: 1pt;
    border-color: #4F81BD;
    padding: 5pt 5.4pt 5pt 5.4pt;
    border-bottom-style: solid;
    }
    .telerik-reTable-4 td.telerik-reTableEvenCol-4
    {
    border-width: 1pt;
    border-color: #4F81BD;
    padding: 5pt 5.4pt 5pt 5.4pt;
    border-bottom-style: solid;
    }
    .telerik-reTable-4 tr.telerik-reTableFooterRow-4
    {
    color: #355C8C;
    background-color: #FFFFFF;
    font-size: 10pt;
    vertical-align: top;
    padding: 5pt 5.4pt 5pt 5.4pt;
    }
    .telerik-reTable-4 td.telerik-reTableFooterFirstCol-4
    {
    border-width: 1pt;
    border-color: #4F81BD;
    border-bottom-style: solid;
    border-left-style: solid;
    padding: 5pt 5.4pt 5pt 5.4pt;
    }
    .telerik-reTable-4 td.telerik-reTableFooterLastCol-4
    {
    border-width: 1pt;
    border-color: #4F81BD;
    border-bottom-style: solid;
    border-right-style: solid;
    padding: 5pt 5.4pt 5pt 5.4pt;
    }
    .telerik-reTable-4 td.telerik-reTableFooterOddCol-4
    {
    border-width: 1pt;
    border-color: #4F81BD;
    border-bottom-style: solid;
    padding: 5pt 5.4pt 5pt 5.4pt;
    }
    .telerik-reTable-4 td.telerik-reTableFooterEvenCol-4
    {
    border-width: 1pt;
    border-color: #4F81BD;
    border-bottom-style: solid;
    padding: 5pt 5.4pt 5pt 5.4pt;
    }
    .footer-top {background-color: #727272;
    padding: 10px;}
    footer{
    width: 100%;
    background: #3a3a3a;
    direction:rtl;
    }
    .widget-title{
    color: #dec790 !important;
    border-bottom: 1px solid;
    font: 600 20px IRANSans !important;
    text-align: right;
    width: 40%;
	margin-top:15px;
    }
    .box-footer {
    width: 100%;
    height: 100%;
    text-align:right;
    }
    .box-footer .textbox p {
    font: 800 18px IRANSans !important;
    color: #b4b4b4;
    line-height: 32px;
    display: inline-block;
    }
    .box-footer .textbox span {
    font: 500 16px IRANSans !important;
    color: #fafafa;
    line-height: 30px !important;
    display: inline-block;
    }
    .footer-link ul li{
    text-align:right;
    list-style: none;
    line-height: 30px;
    }
    .footer-link ul li a{
    color:#fff !important;
    font: 500 16px IRANSans !important;
    }
    .footer-link ul li a:hover{
    color:#edd998 !important;
    }
    .footer-container {background-color: #202648; }
    .color-scheme-dark p{color:#fff; text-align:right; }
    .footer-box{width: 100%; height: auto;}
    .main-footer {position: relative; text-align: center; }
    .footer-logo {position: relative; }
    .footer-logo img {object-position: center; object-fit: contain; width:140px; }
    .footer-txt {padding:10px; }
    .footer-txt h4 {color: #fff; line-height: 30px; padding: 0 30px; font: 600 17px IRANSans !important; }
    .soial {width: 100%; float: left; text-align: center; background-color: #eaeaea; margin-right: -22%; margin-top: 7%; z-index: -1; position: relative; }
    .soialbox {width: 100%; text-align: center; }
    .box {width: 50px; height: 50px;      font-size: 25px;
    padding-top: 10px; border-radius: 35px; display: inline-block; margin: 1%; overflow: hidden; transition: color linear 300ms, background linear 300ms; box-shadow: 0 0 14px rgba(0, 0, 0, .45); background-color: #dec790; }
    svg:not(:root).svg-inline--fa {
    overflow: visible; }
    .svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em; }
    .svg-inline--fa.fa-lg {
    vertical-align: -.225em; }
    .svg-inline--fa.fa-w-14 {
    width: 0.875em; }
    .svg-inline--fa.fa-pull-left {
    margin-right: .3em;
    width: auto; }
    .svg-inline--fa.fa-pull-right {
    margin-left: .3em;
    width: auto; }
    .svg-inline--fa.fa-border {
    height: 1.5em; }
    .svg-inline--fa.fa-li {
    width: 2em; }
    .svg-inline--fa.fa-fw {
    width: 1.25em; }
    .fa-layers svg.svg-inline--fa {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0; }
    .fa-layers {
    display: inline-block;
    height: 1em;
    position: relative;
    text-align: center;
    vertical-align: -.125em;
    width: 1em; }
    .fa-layers svg.svg-inline--fa {
    -webkit-transform-origin: center center;
    transform-origin: center center; }
    .fa-layers-text, .fa-layers-counter {
    display: inline-block;
    position: absolute;
    text-align: center; }
    .fa-layers-text {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center center;
    transform-origin: center center; }
    .fa-layers-counter {
    background-color: #ff253a;
    border-radius: 1em;
    color: #fff;
    height: 1.5em;
    line-height: 1;
    max-width: 5em;
    min-width: 1.5em;
    overflow: hidden;
    padding: .25em;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    -webkit-transform-origin: top right;
    transform-origin: top right; }
#totop{height:9px;opacity:0;position:fixed;right:-60px;width:49px;z-index:999;display:block;top:85%;background-repeat:no-repeat;background-position:center 15px;background-color:#404040;font-size:9px;font-weight:900;color:#fff;text-align:center;line-height:1;border-radius:2px;padding:28px 0 21px 0;}
#totop:before{position:absolute;content:"\e080";top:10px;left:50%;margin-left:-6px;font-size:11px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
.on--totop #totop{right:10px;opacity:0.7;}
#totop:hover{opacity:1;}
.box-style5 {width: 23.7%;margin: .65%;float: right;}
.box-style5 .pic1{width:100%;height:250px;background:no-repeat center center / cover;position:relative;overflow:hidden;}
.box-style5 .pic_effect1 {border: 0 solid rgba(251, 89, 89, 0.7);border-radius: 60px;height: 120px !important;left: 0 !important;margin: 0 auto;opacity: 0;position: absolute;right: 0;top: 60px !important;transition: all 0.3s ease-in-out 0s;width: 120px !important;}
.box-style5:hover .pic_effect1 {border: 60px solid rgba(255, 75, 75, 0.2);box-sizing: border-box;cursor: pointer;display: inline-block;opacity: 1;transform: scale(4);-webkit-transform: scale(4);-moz-transform: scale(4);-ms-transform: scale(4);-o-transform: scale(4);visibility: visible;}
.box-style5 .icon1{background:rgba(255, 75, 75, 0.8) no-repeat url('../../_images/icon/photo.png') center center;background-size:10px auto;border-radius: 50%;display: block;height: 19px !important;left: 50%;margin-left: -9px;margin-top: -9px;position: absolute;text-align: center;top: 50%;transition: all 100ms ease 0s;width: 19px !important;}
@media only screen and (max-width:767px){.container{width: 100%; margin-right:unset !important; margin-left:unset !important;}
.box-style5 {margin: 2px 0.5%;width: 49%;}
.box_style2,.box-style1,.box-style5,.box_style3,.box_style4 {width: 100%;max-width:250px;margin:0 auto 20px;display:inline-block;float:none;}
.box-style1,.box-style5,.box_style3{max-width:300px;}}
.item-video {max-width: 800px;margin: 0 auto;}
.item-video:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(41,42,51,0.8);}
.vinner {max-width: 800px;width: 100%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 1em;text-align: center;z-index: 1;}
.vinner .duration {display: inline-block;font-size: 1.3em;font-weight: 300;color: #fff;border-radius: 3px;padding: .3em .5em;margin-top: 1em;background-color: rgba(111,114,133,0.9);}
.vinner .title {font-size: 1.5em;font-weight: 400;color: #fff;margin-top: 1em;overflow: hidden;height: 2em;line-height: 2em;text-align:center;}
.vinner .play {position: relative;display: inline-block;width: 6em;height: 6em;border-radius: 50%;background: #df0f50;}
.vinner .play svg {top: 50%;bottom: 50%;position: absolute;-webkit-transform: translate(-50%, -50%);transform: translate(50%, -50%);width: 2.5em;height: 2.5em;color:#ffffff;}
.col-post{width:300px !important; height:410px !important; }
.post:hover .box-caption,.post .box-caption{right:36px !important;}
.btn-box{right:90px !important;}

.iconp {
position: relative;
border: 1px solid #000;
width: 230px;
margin: auto;
height: 130px;
padding: 0;
top: 15px;
}
.iconp .pic_effect1 {
  border: 0 solid rgba(251, 89, 89, 0.7);
  height: 10px !important;
  left: 0 !important;
  margin: 0 auto;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 32px !important;
  transition: all 0.3s ease-in-out 0s;
  width: 15px !important;
}

.iconp:hover .pic_effect1 {
    border-top:44px solid rgba(255,75,75,.2);border-bottom:21px solid rgba(255,75,75,.2);border-right:58px solid rgba(255,75,75,.2);border-left:58px solid rgba(255,75,75,.2);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    opacity: 1;
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    visibility: visible;
}
.iconp .icon1 {
    background: rgba(255, 75, 75, 0.8) no-repeat url(../../images/link.png) center center;
    background-size: 10px auto;
    display: block;
    height: 19px !important;
    left: 50%;
    margin-left: -9px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: all 100ms ease 0s;
    width: 19px !important;
}

table.tblp{width:100%; font-size:14px; margin:10px auto;}
table.tblp td,table.tblp th {
    padding: 6px;
    border: 1px solid #bbbbbb;
	border-collapse:collapse;
	text-align:center;
}
table.tblp th{background-color:#f49000;}
.tblp tr:nth-child(even){background-color:#eeeeee;}
.tblp td:first-child { font-weight:bold;}
.tblp td:last-child { direction:ltr;}
.imgp {
    background-color: #cccccc;
    padding: 25px;
    width: 100%;
    margin: 0 auto;
}
.imgp img{width:100%;}
.newsdetailclass{max-width:1100px; margin:0 auto; direction:rtl; text-align:right; font-family:IRANSans;}
.newscls{max-width:1100px; margin:0 auto;font-family:Conv_Byekan, IRANSans;}
.newscls div a{text-decoration:none;}
.newsticker{max-width:1100px; margin:0 auto;}
.newsticker span{display:inline-block;}
.pagingdiv{max-width:1100px; margin:0 auto; text-align:center;}
.newsd{border:1px solid #cccccc;text-align:right; direction:rtl; padding:2px 5px 5px 5px; background-color:#fff;}
.newsdodd{border:1px solid #cccccc;text-align:right; direction:rtl; padding:2px 5px 5px 5px; background-color:#ddd;}
.newsd a span, .newsdodd a span{font-weight:bold; font-size:12px; font-family:IRANSans; text-align:right; direction:rtl;}
.newsdate{font-size:9px; text-align:right; margin-right:10px; direction:rtl; color:#000000;}
.newsabstract{font-size:12px; text-align:right; margin-left:5px; direction:rtl;}
.newsend{border:1px solid #cccccc;text-align:center; direction:rtl; padding:2px 5px 5px 5px; background-color:#ccc;}
.newsend span{font-size:12px; text-align:right; direction:rtl;}
@import url(fontiran.css); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */
h1, h2, h3, h4, h5, h6,input, textarea {
	font-family: IRANSans !important;
}
h1 {
	font-weight: bold;
}
.wrapper {
	max-width: 900px;
	margin: 0 auto;
}
.ltr {
	direction: ltr;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-small {
	font-size: 0.8em;
}
.text-xsmall {
	font-size: 0.6em;
}
.text-large {
	font-size: 1.2em;
}
.text-xlarge {
	font-size: 1.4em;
}
.text-underline {
	text-decoration:underline;
}
.text-ultralight {
	font-weight: 200;
}
.text-light {
	font-weight: 300;
}
.text-regular {
	font-weight: normal;
}
.text-medium {
	font-weight: 500;
}
.text-bold {
	font-weight: bold;
}
.text-black {
	font-weight: 900;
}
blockquote {
	font-weight: 500;
	padding: 10px;
	border: 1px dashed #666666;
}

.mainbox {
	width: 100%;
	background-color: #EFEFEF;
	display: table;
	margin-bottom: 30px;
	border-right: 8px solid #FFFF33;
}

.mainboxnegativ {
	width: 100%;
	background-color: #000000;
	display: table;
	margin-bottom: 30px;
	border-right: 8px solid #FFFF33;
	color: #F9F9F9;
}

.mainbox2 {
	font-size: 1em;
	width: 90%;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.mainbox3 {
	width: 100%;
	background-color: #b8b8b8;
	display: table;
	margin-bottom: 30px;
	border-right: 8px solid #bd70ff;
}

.mainbox2negativ {
	font-size: 1em;
	color: #F9F9F9;
	background-color: #000000;
	padding-right: 20px;
}

.farsiparagraph {
	font-size: 1em;
	width: 47%;
	float:right;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;

}
.englishparagraph {
	font-size: 1em;
	width: 47%;
	float: left;
	direction:ltr;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;


}
.rightbox {
	width: 60%;
	padding-right: 20px;
	padding-left: 5px;
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
	min-width: 0px;
	background-color: #F7F7F7;

}

.titelbox {
	width: 60%;
	padding-right: 25px;
	padding-left: 0px;
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
	min-width: 0px;
	background-color: #F2F2F2;
	color: #4B4B4B;
}


.lefttbox {
	
	padding-right: 20px;
	padding-left: 4px;
	float: right;
	margin-bottom: 10px;
	min-width: 0px;
}

.alphabet {
	width: 35%;
	float: left;
	font-size: 21em;
	text-align: center;
	font-weight: 500;
	color: #999999;
}

.alphabet2 {
	width: 35%;
	float: left;
	direction: ltr;
	font-size: 1.6em;
	text-align: left;
	font-weight: 500;
	color: #333333;
	margin-top: 100px;
}
.footer {
	font-weight: 300;
	font-size: 0.7em;
	text-align: center;
	direction: ltr;
	margin-bottom: 0px;
	padding-bottom: 0px;
}