@font-face {
font-family: 'IRANSans(FaNum)';
src:url('/fonts/IRANSans(FaNum).eot?#') format('eot'),    
url('/fonts/IRANSans(FaNum).woff') format('woff'),
url('/fonts/IRANSans(FaNum).ttf') format('truetype'); 
font-weight:normal;font-style:normal;font-display: swap;
}
body{
margin:0 auto;
background:#fff;
overflow-x:hidden;
scroll-behavior: smooth; top:200px
}
.comment_area_easy_comment:target{
color:#009cff;
font-size: 20px;
}
.public_menu{
font-family:  "IRANSans(FaNum)";
-webkit-transition:background-color 1s ,border-radius 1s,font-family 1s;
-o-transition-property:background-color,border-radius,font-family;
-o-transition-duration:1s,1s,1s;
-moz-transition-property:background-color,border-radius,font-family;
-moz-transition-duration:1s,1s,1s;
transition-property:background-color,border-radius,font-family;
transition-duration:1s,1s,1s;font-size: 1em; display:inline; padding:0;border-radius: 5px;-webkit-border-radius:5px; 
}
.public_menu:hover{
-webkit-border-radius:5px;
border-radius: 5px;
font-size: 1em;font-family:  "IRANSans(FaNum)"; padding:0
}
blockquote{
  font-size: 1.4em;
  width:80%;
  margin:50px auto;
  font-family:Open Sans;
  color: #555555;
  padding:1em 10px 1em 10px;
  border-left:8px solid #78C0A8 ;
  line-height:1.6;
  position: relative;
  background:#EDEDED;
}
.strike {
        display: block;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;  
    }

    .strike > span {
        position: relative;
        display: inline-block;
    }
	
    .strike > span:before,
    .strike > span:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 9999px;
        height: 1px;
        background: #ccc;
    }

    .strike > span:before {
        right: 100%;
        margin-right: 15px;
    }

    .strike > span:after {
        left: 100%;
        margin-left: 15px;
    }
/** منوی سایت **/
.menu {
display: block;
float:left;
box-sizing: border-box;
background: none;
height: 87.75px;
width: 87.75px;
padding: 20px;
border-radius: 6px;
overflow: hidden;
position: relative;
transition: 1.3s cubic-bezier(1.53, 0, 0.15, 1.3); 
}
.menu.expanded {
width: 100%; direction:rtl ; margin-left:10px
}
.menu span {
padding: 9px;
white-space: nowrap;
visibility: visible;
opacity: 1;
transition: .3s;
transform: rotateY(0deg); color:#000
}
.menu span:nth-of-type(1) {
transition-delay: .4s;
}
.menu span:nth-of-type(2) {
transition-delay: .5s;
}
.menu span:nth-of-type(3) {
transition-delay: .6s;
}
.menu span:nth-of-type(4) {
transition-delay: .7s;
}
.menu span.hidden {
width: 0;
visibility: hidden;
opacity: 0;
transform: rotateY(90deg);
}
.menu span.hidden:nth-of-type(1) {
transition-delay: .3s;
}
.menu span.hidden:nth-of-type(2) {
transition-delay: .2s;
}
.menu span.hidden:nth-of-type(3) {
transition-delay: .1s;
}
.menu span.hidden:nth-of-type(4) {
transition-delay: 0s;
}
.menu span a {
color: #ccc;
text-decoration: none;
font-size: 12px;
font-family: "IRANSans(FaNum)";
transition: .3s;
}
@media (min-width: 800px) {
.menu span a {font-size: 15px;}
}
@media (min-width: 1024px) {
.menu span a {font-size: 15px;}
}
@media (min-width: 1280px) {
.menu span a {font-size: 17px;}
}
@media (min-width: 1500px) {
.menu span a {font-size: 19px;}
}
@media (min-width: 1900px) {
.menu span a {font-size: 19px;}
}
.menu span a:hover {
color: #FFC;
}
.container {
position: absolute;
top: 22.5px;
right: calc(100% - 73.125px);
height: 42.75px;
width: 58.5px;
transition: 1s; 
}
.container.close {
right: 0; 
}
.toggle {
position: relative;
height: 59.75px;
width: 40.5px;
cursor: pointer;
}
.toggle:after, .toggle:before {
content: ' ';
background: #fff;
width: 40px;
height: 5px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
transition: 1.3s cubic-bezier(0.53, 0, 0.15, 1.3); border-radius:10px 
}
.toggle:before {
top: -50%;
}
.toggle:after {
top: -5%;
}
.toggle.close:before {
transform: rotate(-225deg);
top: 0; background:#FFF
}
.toggle.close:after {
transform: rotate(225deg);
top: 0;background:#FFF
}
.toggle hr{ border:1px solid #FFF; border-radius:10px;
 background-color:#FFF; width:38px;height: 3px;}
.toggle.close hr{ display:none}

 /** دکمه های منو **/
.button {
/** Font Style **/
 font-family: "IRANSans(FaNum)", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size:15px;
text-decoration:none;
text-shadow:rgba(0, 0, 0, 0.30) 0 -1.25px 0;
/** Button Style **/ 
border:1px  ridge #333;
background: #194e4e;
color:#fff;
height:25px;
padding:6px 12px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#dd8f01));
background-image: -webkit-linear-gradient(top, #ccc, #dd8f01);
background-image: -moz-linear-gradient(top, #ccc, #dd8f01); 
background-image: -ms-linear-gradient(top, #ccc, #dd8f01); 
background-image: -o-linear-gradient(top, #ccc, #dd8f01);
background-image: linear-gradient(top, #ccc, #dd8f01);
}
.button a{padding:5px 10px}
.button:hover {background: #eee; cursor:pointer; color: #333}
.logpc{ height:87px; width:auto;
border:0;
transition:800ms ease all;
margin-top:-10px; margin-bottom:-34px}
.logpc:hover{ }
.profile{ height:37px; width:auto;
border:1px solid #fff;
transition:800ms ease all;
}
.profile:hover{ background-color: #75ab76; }
.log {
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#058b61));
background-image: -webkit-linear-gradient(top, #ccc, #058b61);
background-image: -moz-linear-gradient(top, #ccc, #058b61); 
background-image: -ms-linear-gradient(top, #ccc, #058b61); 
background-image: -o-linear-gradient(top, #ccc, #058b61);
background-image: linear-gradient(top, #ccc, #058b61);
}
.logout {
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ce3b01));
background-image: -webkit-linear-gradient(top, #ccc, #ce3b01);
background-image: -moz-linear-gradient(top, #ccc, #ce3b01); 
background-image: -ms-linear-gradient(top, #ccc, #ce3b01); 
background-image: -o-linear-gradient(top, #ccc, #ce3b01);
background-image: linear-gradient(top, #ccc, #ce3b01); 
}
#ajax_content td
{
	font-size:15px; padding:5px 0 5px 0; border-left:1px solid #ccc !important;color: #222
}
#ajax_content th
{
	background-color: #399!important; color:#FFF !important;box-shadow: 1px 1px 5px 1px !important ;
}
 /** دکمه های مدیریت هنرجویان **/
.managebutton {
/** Font Style **/
 font-family: "IRANSans(FaNum)", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size:14px;
color:#222;
text-decoration:none;
text-shadow:rgba(0, 0, 0, 0.30) 0 -1.25px 0;
/** Button Style **/ 
margin:0 0.3%;
border:1px  ridge #333;
background: #194e4e;
height:37px;
padding:6px 12px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(orange));
background-image: -webkit-linear-gradient(top, #ccc, orange);
background-image: -moz-linear-gradient(top, #ccc, orange); 
background-image: -ms-linear-gradient(top, #ccc, orange); 
background-image: -o-linear-gradient(top, #ccc, orange);
background-image: linear-gradient(top, #ccc, orange);
}
.managebutton:hover {background: #eee; cursor:pointer; color: #333}
.managetable{width:92%; margin-left:auto; margin-right:auto;background-color:#eaeaea;
border: 4px solid rgb(194, 194, 236);border-radius: 20px; margin-bottom:20px}
.managetable td{padding: 10px; text-align:center}
.managetable td input{ 
padding: 5px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.managebuttontable {
/** Font Style **/
font-family: "IRANSans(FaNum)", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size:14px;
color:#fff;
text-decoration:none;
text-shadow:rgba(0, 0, 0, 0.30) 0 -1.25px 0;
line-height: 23px;
/** Button Style **/ 
margin:0 0.3%;
border:1px  ridge #333;
background: #194e4e;
display: inline-block;
padding:6px 9%;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(gray));
background-image: -webkit-linear-gradient(top, #ccc, gray);
background-image: -moz-linear-gradient(top, #ccc, gray); 
background-image: -ms-linear-gradient(top, #ccc, gray); 
background-image: -o-linear-gradient(top, #ccc, gray);
background-image: linear-gradient(top, #ccc, gray);
}
.managebuttontable:hover {background: #eee; cursor:pointer; color: #333}
.menu ul {
display: table;
width: 100%; 
}

.menu li {
display: table-cell;
}
/** پایان منوی سایت **/
 
/** استایل پاپ آپ **/
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
display: none;
opacity: 0; z-index:10001;
}
.overlay:target {
visibility: visible;
opacity: 1;
display: block;
z-index: 10001;
}
.popup {
margin: 70px auto;
padding: 25px;
background: #54b3cb;
border-radius: 5px;
width: 20%;
position: relative; z-index: 10001;
transition: all 5s ease-in-out;
}
.novisible{display: none}	

.popup .close {
position: absolute;
top: 3px;
right: 5px;
transition: all 200ms;
font-size: 24px !important;
font-family:tahoma;
font-weight: bold;
text-decoration: none;
color: #fff; border:1px solid #fff; border-radius:50%; width:30px; height:30px; text-align:center
}
.popup a {font-size:14px !important; font-family:'IRANSans(FaNum)'; color:#fff;letter-spacing:1px; }
.popup .close:hover {
color: #FFF;
}
.popup .popupcontent {
max-height: 30%;
overflow: auto;
}

@media screen and (max-width: 700px){
.popup{
width: 70%;
}
}
div.popup3container {
text-align: center;
width: 30vh;
background-color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin: 5px; float:right;font-family:'IRANSans(FaNum)';padding:0;font-size:12px;
}
div.popup3container:hover { background-color:#FCC}
.popup3container a { color: #3c8092;letter-spacing:0;font-size:12px;
padding:10px 1px 10px 15px;}
.popup3container p { direction:rtl; font-family:"IRANSans(FaNum)"; font-size:2vh; color:#C60;}
.popup3p { font-size:14px; font-family:'IRANSans(FaNum)'; line-height:25px; color:#fff; direction:rtl}
.popup3p a { color: #FF6;font-size:14px;}
.popup3p a:hover{ color: red}

 /** پایان استایل پاپ آپ **/
 
img {
image-orientation: from-image;
}
.login_link a{
 width:250px; position: relative; margin-left:45%; font-size:22px

}
#name{
font-size:14px;
color: #FC0; font-family: "IRANSans(FaNum)";

}
#dars{

font-size:14px;
color:white; direction:rtl;font-family: "IRANSans(FaNum)"; margin-left:30px 
}
@media (min-width: 1280px) {
#name{
font-size:18px
}
#dars{
font-size:18px
}
}
@media (min-width: 1500px) {
#name {
font-size:21px
}
 #dars{
font-size:21px
}
}
@media (min-width: 1900px) {
#name {
font-size:23px
}
#dars{
font-size:23px
}
}
#person{
margin-top: -9px;
font-size:14px;
color:white;font-family: "IRANSans(FaNum)"; 
}
#person a{ color:#fff}
#person a:hover{ color:#333}

@media (min-width: 1280px) {
#person {
font-size:23px
}
}
@media (min-width: 1500px) {
#person {
font-size:27px
}
}
@media (min-width: 1900px) {
#person {
font-size:30px
}
}
#private_pages { width:100%;color:#ccc; height:25px;display: table;direction:rtl; background-color: #444 ; clear:both; padding-top:8px}
#private_pages li{display: table-cell;}
#private_pages a{

font-size:14px; color: #3FF; letter-spacing:1px;height:25px; margin: 0 5px;text-align: center; display:block; font-family: "IRANSans(FaNum)";
}

#private_pages a:hover{
 background-color: #99ccff; color:#006
}

@media (min-width: 1280px) {
#private_pages a {
font-size:15px;
}
}
@media (min-width: 1900px) {
#private_pages a {
font-size:17px;
}
}
#user-submit{

background-color: #999;
color: #333;
border-radius: 15px;
border: 0px inset #808080;
font-size: 1.1em;
cursor:pointer; 
padding:0 0 5px 0;
width:134px;
margin-right:54px;
border:0; font-family:"IRANSans(FaNum)"  
}
#user-submit:hover {
background-color: #C96; color:#333
}
#header >a:hover{
color:#99CCFF;
}
#header{
position:fixed;
z-index:1001;
background: #6f8e90;
width:100%;
max-height: 90px;
box-shadow: 1px 1px 5px 1px; border-bottom:1px solid #ccc;
background: #50a9d0; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left, #50a9d0 , #1b4d4e); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #50a9d0, #1b4d4e); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #50a9d0, #1b4d4e); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #50a9d0 , #1b4d4e); /* Standard syntax */
}
#header-bg{
 height: 0; border-top: 48px solid #5a94ac; border-left: 48px solid transparent; position:absolute; top:0; right:0
}
#cform textarea{background: #ddd; padding:5px; border-radius:5px} 
.easy_comment_form input#submit{background-color: #C30; color:#fff; padding:5px 10px; font-size:16px; border-radius:5px; margin-right:40%} 
#contentM{
padding-top:75px;
width:100%;
font-family:"IRANSans(FaNum)" ; 
overflow-y:hidden ;overflow-x:hidden ; 
background-color:#FFF;
margin-left:auto; 
margin-right:auto;
min-height:70vh;
} 
#contentM p { line-height:32px;font-size:16px;direction:rtl; text-align:justify; padding:10px 20px 
}
@media (min-width: 1024px) {
#contentM p{font-size: 16px; }
}
@media (min-width: 1280px) {
#contentM p{font-size: 16px; }
}
@media (min-width: 1500px) {
#contentM p{font-size: 16px; }
}
@media (min-width: 1900px) {
#contentM p{font-size: 16px; }
}
.logo{color:#6EC4E4; width:85px;} 
#left_menu:hover{
overflow: hidden;
}
#left-bg{
color:#CCC; font-size:16px; 
text-align:center;
}
#left-bg img{ height:40px;margin:0 auto; margin-top:20px;border:0;padding:0 5px 0 5px;}
@keyframes blink {
0% { color: #FC0; }
100% { color: #666; }
}
@-webkit-keyframes blink {
0% { color: #FC0; }
100% { color: #666; }
}
.blink {
-webkit-animation: blink 1s linear infinite;
-moz-animation: blink 1s linear infinite;
animation: blink 1s linear infinite;
} 
#wrapper{
position:relative; 
}
.admin-panel { text-align:center;width:130px; line-height:30px; margin-top:10px }
.admin-panel a { display:block;font-size:20px; }
.comment_img{ height:100px; width:auto; margin-left:20px; border:2px solid #333}
.comment_img:hover{height:100px;width:auto; border:2px solid #06C}
#comment-img img{ border:1px solid #333; margin-left: 10px }
.resource { display: none; padding:10px; border:0;width:300px; height:auto;
 margin-left:auto; margin-right:auto; background-color:#fff; margin-top:-60px; position:relative;
 z-index:1000;}
.resource a { color: #fff; border:1px solid #333; font-family:"IRANSans(FaNum)"; font-size:18px;
 text-align:center;padding:10px;background-color:#333;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.player{width: 700px; margin-left: auto; margin-right: auto; display: block; text-align:center }
#contentM table{ font-size:19px;}
.circle{border-spacing:30px;border-collapse:separate; margin:20px;}
.circle img{width:100%;height:auto;display:block;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px;}
/* استایل دوره ها برای چهار ردیفه بودن */
/*.circle .rh4{border:1px solid #999;box-shadow:-webkit-box-shadow:5px 5px 5px -2px rgba(0,0,0,0.65);-moz-box-shadow:5px 5px 5px -2px rgba(0,0,0,0.65);box-shadow:5px 5px 5px -2px rgba(0,0,0,0.65);background-color:#eee;border-radius:10px;
margin: 2% 1% 1% 1%;min-height:425px}
@media screen and (max-width:600px) {
.circle .rh4{ margin: 16% 1% 1% 1%;
}

}*/
.students-gallery img{ max-width: 150px;height:150px; border-radius:0; border:3px solid #666}
.students-gallery li{display:inline-block; text-align:center;}
.students-gallery li{ margin:0 4.5vh 3.5vh 4.5vh  }
.students-gallery .caption {color: #a1441f; font-size: 15px !important;}
.circle .rh3{border:1px solid #999;box-shadow:-webkit-box-shadow:5px 5px 5px -2px rgba(0,0,0,0.65);-moz-box-shadow:5px 5px 5px -2px rgba(0,0,0,0.65);box-shadow:5px 5px 5px -2px rgba(0,0,0,0.65);background-color:#eee;border-radius:10px;
margin: 2% 1.9% 1% 1%;min-height:435px; width:30% }
.circle p .tozihdoreh{ border:1px solid #aaa; text-align:center; display:block; padding:5px; width:40%; float:right; margin-top:5px; background-color: #930; color: #FFF}
.circle p .tabtenam{ border:1px solid #aaa; text-align:center; padding:5px; width:40%; float: left; margin-top:5px; background-color: #099; color: #FFF}
@media screen and (min-width:1400px) {
.circle .rh3{min-height:475px;}
}
@media screen and (max-width:800px) {
.students-gallery img{ max-width: 80px;height:80px; border-radius:0; border:3px solid #666}
.students-gallery li{ width:110px !important; margin:0 0.5vh -50px 0.5vh !important  }
.students-gallery li .caption{ font-size: 1.6vh !important  }
.mortabet{width:100%; text-align:center;}
.mortabet .rh4{ margin: 2% 1% 1% 1%; width:140px;border:1px solid #CCC;height:200px;display: inline-block;background-color: #eee;padding: 5px; }
.mortabet .rh4 img{width: 130px; height: 130px;}
.videogallery2 span{ font-size:14px !important} 
.circle .rh3{ margin: 10% 1% 1% 1%;width:100%}
.videogallery{ overflow:hidden; position:relative; right:15px}
.videogallery .rh3{width: 90vw; height: 50vw; margin-top:10px;background:#ffb218; padding:0 0 45px 0; border:1px solid #666; border-radius:5px;color:#113d6e}
.videogallery .rh3 span { bottom:40px; position:relative;}
@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) { 
 .videogallery .rh3 span { bottom:40px; position:relative ;} 
}
.videogallery2{ overflow:hidden; position:relative; right:15px}
.videogallery2 .rh3{width: 90vw; height: 50vw; margin-top:10px;background:#51c39f; padding:0 0 45px 0; border:1px solid #666; border-radius:5px;}
.videogallery2 .rh3 span { bottom:40px; position:relative;}
@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) { 
 .videogallery2 .rh3 span { bottom:40px; position:relative;} 
}
}
@media screen and (max-width:600px) {
 .videogallery2 .rh3 span { bottom:1px; position:relative; } 
}

@media screen and (min-width:900px) {
.videogallery{ overflow:hidden; position:relative; right:10px;}
.videogallery .rh3{ background: #ffb218; padding:0 0 20px 0; border:1px solid #666; border-radius:5px;color:#113d6e}
.videogallery .rh3 span { top:8px; position:relative;} 
.videogallery2 .rh3 span { top:10px; position:relative;}
@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) { 
 .videogallery .rh3 span { bottom:35px; position:relative;}
}
.videogallery2{ overflow:hidden; position:relative; right:10px;}
.videogallery2 span{ font-size:16px !important;  }
.videogallery2 .rh3{ width: 46vw; height: 26vw; background:#51c39f; padding:0 0 55px 0; border:1px solid #666; border-radius:5px;}

@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) { 
 .videogallery2 .rh3 span { bottom:15px; position:relative } 
}
}
.circle td:hover{background-color:#ddd;border:1px solid #06F;}
.circle p{white-space:normal; margin-top:-2px}
.circle h2{padding:10px 0 !important;margin:0 !important;font-size:19px !important ; background:#97c02f!important; border-radius:0 !important;height:30px !important;
text-align:center !important; display: block !important;width:100% !important; }
.circle h2 a{color: #FC0;}
.circle h2 a:hover{color:#9FC;}
.circle .dorehah2{color: #C00 !important;font-family: 'IRANSans(FaNum)' !important;font-weight:normal !important}
.circle h3 {
position: relative;
margin-left: -7px; /* 15px padding + 7px border ribbon shadow*/
margin-right: -7px;
padding: 15px;
background: red;
background: linear-gradient(#f5f5f5, #bbb);
box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
text-shadow: 0 1px 0 #fff; margin-top:0; border:1px solid #999
}
.circle h3:before,
.circle h3:after {
position: absolute;
left: 0;
bottom: -6px;
content:'';
border-top: 6px solid #555;
border-left: 6px solid transparent;
}
.circle h3:before {
border-top: 6px solid #555;
border-right: 6px solid transparent;
border-left: none;
left: auto;
right: 0;
bottom: -6px;
}
.circle span{position:absolute;width:40px;height:40px;border:3px solid #fff;text-align:center;vertical-align:middle;line-height:40px;border-radius:50%;background-color:#777;top:0;margin-top:-10px;right:0;margin-right:-10px; color:#fff}
.porsesh td { box-shadow:-webkit-box-shadow: 5px 5px 5px -2px rgba(0,0,0,0.35);
-moz-box-shadow: 5px 5px 5px -2px rgba(0,0,0,0.35);
box-shadow: 5px 5px 5px -2px rgba(0,0,0,0.35);}
#iealert{height: auto; position:absolute; bottom:0 ;width:100%;background-color:#fff;border:1px solid #000; z-index:10; font-size:20px;padding:20px;
 text-align:center; cursor: help}
 .tooltip {
position: relative;
cursor:pointer; 
}
.tooltip b {color: #900;}
.tooltip .tooltiptext {
visibility: hidden;
width: 175px; 
background-color: #eec7b1 ;
font-family: 'IRANSans(FaNum)'; font-size:12px;
color:#222;
text-align: center;
border-radius: 6px;
padding: 10px;
position: absolute;
z-index: 1;
bottom: 140%;
left: 50%;
margin-left: -90px; direction:rtl;
box-shadow:-webkit-box-shadow: 5px 9px 16px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 9px 16px -2px rgba(0,0,0,0.75);
box-shadow: 5px 9px 16px -2px rgba(0,0,0,0.75);
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 8px;
border-style: solid;
border-color: #eec7b1 transparent transparent  transparent;
}

.tooltip:hover .tooltiptext {
visibility: visible;
}
.agahi {
width:85%;
height: auto; font-size:16px; line-height:18px; text-align:justify
}

.form-1 {
/* Size & position */
width: 175px;
margin: 10px auto 5px;
padding: 10px;
position: relative; /* For the submit button positioning */

/* Styles */

background: #575577; /* Fallback */
	color:#000;
	font-family:'IRANSans(FaNum)';text-align:center

}
@media (max-width: 700px) {
.form-1 {
width: 90%;
}
}
@media (min-width: 1280px) {
.form-1 {
width: 205px;
}
} 
@media (min-width: 1500px) {
.form-1 {
width:225px;
}
}
@media (min-width: 1900px) {
.form-1 {
width:235px;
}
}

.form-1 .field {
position: relative; /* For the icon positioning */
display:block
}
.form-1 .field i {
/* Size and position */
left: 3px;
top: 0px;
position: absolute;
height: 36px;
width: 36px;
/* Line */
/* Styles */
color: #ddd;
text-align: center;
line-height: 22px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
pointer-events: none;
line-height: 39px;
font-size: 19px;
}
.form-1 input[type=text],
.form-1 input[type=password] {
font-family: tahoma;
font-size: 13px;
font-weight: 400;

/* Size and position */
width: 140px;
padding: 10px 5px 10px 30px;

/* Styles */

	
}
::placeholder {
  color:#444; font-size: 12px; letter-spacing: 0;         text-align: right;
        
}
@media (min-width: 1280px) {
.form-1 input[type=text],
.form-1 input[type=password] {
width: 170px;
}
} 
@media (min-width: 1500px) {
.form-1 input[type=text],
.form-1 input[type=password] {
width: 190px;
}
}
@media (min-width: 1900px) {
.form-1 input[type=text],
.form-1 input[type=password] {
width: 200px;
}
}

.form-1 input[type=text] {

}

.form-1 input[type=text]:hover ~ i,
.form-1 input[type=password]:hover ~ i {
color: #52cfeb;
}

.form-1 input[type=text]:focus ~ i,
.form-1 input[type=password]:focus ~ i {
color: #42A2BC;
}

.form-1 input[type=text]:focus,
.form-1 input[type=password]:focus,
.form-1 button[type=submit]:focus {
outline: none;
}

.form-1 .submit {
/* Size and position */
width: 100%;
height: 40px;
top: 5px;
z-index: 2; 
/* Styles */

}

.form-1 .submit:after {
/* Size and position */
content: "";
width: 0;
height: 0;
position: absolute;
top: -2px;
left: 30px;

/* Styles */
background: #ffffff;

/* Other masks trick */
box-shadow: 0 62px white, -32px 31px white;
}

.form-1 button {
/* Size and position */
width: 100%;
height: 100%;

/* Icon styles */
font-size: 16px;
font-family:'IRANSans(FaNum)';
line-height: 25px;
color: white; background: #b02221; border-radius: 5px;border:0;

/* Styles */

cursor: pointer;
}

.form-1 button:hover,
.form-1 button[type=submit]:focus {
background: #fa4903;

}

.form-1 button:active {
background: #42A2BC;
}
.registration{text-decoration: none; padding:5px;text-align:center;margin-top:-25px; }
.registration a{ font-size:12px !important; color:#333; letter-spacing:0  }
@media (min-width: 1280px) {
.registration {
font-size:19px;
}

} 
@media (min-width: 1500px) .registration {
font-size:21px;
}
}
@media (min-width: 1960px) {
.registration {
font-size:22px;
}
}
#ajaxticker1{
width: 90%;
height: auto;
border: 0;
margin-top:60px;
padding: 5px 5px 5px 10px;
color: #fff; font-size:14px; direction:rtl; text-align:justify; font-family: "IRANSans(FaNum)"
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/

}
.someclass{ //class to apply to your scroller(s) if desired
}
#footer{width:100%;padding-top:15px;border-top:1px solid #333;position:relative;bottom:0;background:#282c2f;}
.left1{float:left;margin-right:15px;width:25%;height:180px;padding:10px;color:#fff;overflow:hidden;direction:rtl;text-align:center;font-family:"IRANSans(FaNum)", Tahoma;font-size:13px;letter-spacing:1px;line-height:28px; }
.left2{float:left;margin-right:15px;width:25%;height:180px;padding:10px;border-left:1px solid #555;border-right:1px solid #555;color:#fff;overflow:hidden;font-family:"IRANSans(FaNum)", Tahoma;font-size:12px;letter-spacing:1px;text-align:center;}
.left3{float:left;margin-right:15px;width:11%;height:180px;padding:10px 1px;border-left:1px solid #555;color:#fff;overflow:hidden;font-family:"IRANSans(FaNum)", Tahoma;font-size:14px;letter-spacing:1px;direction:rtl;text-align:right;line-height:22px}
.left3 a{color:#099;}
.left3 a:hover{color:#FC0;}
.right{float:left;width:39%;height:240px;padding:10px;color:#fff;overflow:hidden;direction:rtl;text-align:right;font-family:"IRANSans(FaNum)", Tahoma;margin-top:-20px;font-size:11px;line-height:28px}
.right div a{color:#ccc;font-size:13px;letter-spacing:1px;padding-right:30px;}
.right div a:hover{color:#FC0;}
.right span a{display:none}
.right .simple_blog_title a{color:#ccc;font-size:12px;padding-right:30px;line-height:1px;}
.right h3 a{color: #F90;font-size:14px !important;padding:0 30px 0 0;line-height:1px;font-family:"IRANSans(FaNum)";}
.right .simple_blog_info p
{
	font-size:14px; font-family:"IRANSans(FaNum)";
}
.right p {color:#999;font-size:14px;padding-right:30px; line-height:1px}
 /*مربوط به فیلد سرچ*/
.search{
border: 1px solid #999;
color: #fff;
background: #555;
padding: 2px 10px 5px 10px;
border-radius: 3px; margin-left:5px; font-family:"IRANSans(FaNum)"; font-size:14px; line-height:23px 
}
.search:hover {
background: #f44c0e; cursor:pointer
}
.query{ padding:4px; padding-bottom:9px; width:65%; float:left}
.query:focus {
border: 1px solid #a8c9e4;
box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 3px #e6f2f9;
}
 
 /*مربوط به اخبار*/
.slider{
width:100%;
overflow:hidden;
position: fixed;
margin:0;bottom:0; text-align:center; background-color: #F90; color:#555; height:25px;
	z-index:1200
	
}
.slider a{ color: #633; height:70px; width:100px;font-family: "IRANSans(FaNum)"; font-size:15px}
.slider a:hover{ color: #069}
 #copyright{width:100%;color: #FFC; direction:rtl; clear:both; font-family: "IRANSans(FaNum)"; text-align:center;background-color:#434a4f;padding:3px 0; font-size:11px;}

#header table {
width:90%
}
@media (min-width: 700px) {
#header table {width:90%}
}
@media (min-width: 1280px) {
#header table {width:93%}
}
@media (min-width: 1500px) {
#header table {width:94%}
}
@media (min-width: 1900px) {
#header table {width:95%}
}

#header{ line-height:21px;font-family: "IRANSans(FaNum)"}
#header h1 {
font-size: 17px !important;
}
#header h2 {
text-align: center;
color: #ccc;
font-size: 14px !important;
margin-top:-5px; margin-right:10px; 
}
@media (min-width: 1280px) {
#header h2 {
	margin-right:-153px !important;
	margin-top:1px !important;
}
}
@media (min-width: 1500px) {
#header h2 {
	margin-right:-213px !important;
	margin-top:1px !important;
}
}

/*مشاوره آنلاین */
.moshaver, .moshaver img {
position: fixed;
bottom: 28px;
left: 10px; border:0; width:100px; height:100px;z-index:1;
	}

/*برگشت به بالا */
.back-to-top {
position: fixed;
bottom: 30px;
right: 10px;
display: inline-block;
border: 0;
font-size:9vh;
color: #C30
}
.back-to-top:hover {
cursor: pointer;color: #099
}
@media (max-width: 700px) {
.moshaver, .moshaver img {max-width:70px; max-height:70px;bottom: 30px;}
}
.offercontainer {
display: block;
text-align: center;
vertical-align: middle; direction:rtl; 
}

.neon {
 font-family: 'IRANSans(FaNum)';
color: #FC3;
font-size: 12px;
line-height: 30px;
text-shadow: 0 0 3vw #F40A35;
}

.flux {
font-family: 'IRANSans(FaNum)';
color: #3FF;
font-size: 12px;
line-height: 20px;
text-shadow: 0 0 3vw #2356FF; letter-spacing:1px
}

#flip {
height:50px;
overflow:hidden;
}

#flip > div > div {
color:#3ff;
padding:4px 12px;
height:45px;
margin-bottom:45px;
display:inline-block;
}

#flip div:first-child {
animation: show 5s linear infinite;
}

#flip div div {
color:#3ff;
}
#flip div:first-child div {
color:#3ff;
}
#flip div:last-child div {
color: #FCC;
}

@keyframes show {
0% {margin-top:-270px;}
5% {margin-top:-180px;}
33% {margin-top:-180px;}
38% {margin-top:-90px;}
66% {margin-top:-90px;}
71% {margin-top:0px;}
99.99% {margin-top:0px;}
100% {margin-top:-270px;}
}
<!--مربوط به نظرات هنرجویان-->
/**** slider ****/

#cmslider ul
{
height: 200px;
}

#cmslider
{
margin: auto;
overflow: hidden;
padding: 20px;
margin-top: -5px;
border-radius: 10px;
position: relative;
width: 90%;height: 250px; 
}

#cmslider li
{
float: left;
position: relative;
width: 10.5%;
display: inline-block;
height: 200px;
}

#cmslider ul
{
list-style: none;
position: absolute;
left: 0px;
top: 0px;
width: 900%;
transition: left .3s linear;
-moz-transition: left .3s linear;
-o-transition: left .3s linear;
-webkit-transition: left .3s linear;
margin-left: -25px;
font-family:"IRANSans(FaNum)";
color: #666;
}

/*** Content ***/

.cmslider-container
{
margin: 0 auto;
padding: 0;
width: 90%;
min-height: 180px;
}

.cmslider-container h4
{
color: #448aff;text-align:right;background: none;font-size: 3vh;
}
.cmslider-container h4 i
{
color: #F90; font-size:6vh
}

.cmslider-container  p
{
margin: 10px 15px;
font-weight: semi-bold;
line-height: 150%;
text-align: justify; font-size:16px !important; font-family:'IRANSans(FaNum)'; direction:rtl; text-align:right; color:#111;
}

/*** target hooks ****/

@-webkit-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
9% {left:0px; opacity:1;}
11.5% {opacity:0.6;}
12% {left:-95%; opacity:1;} /*** ماندگاری ناهید ****/
22% {left:-95%; opacity:1; }
23.5% {opacity:0.6;}
24% {left:-190%; opacity:1;} /*** ماندگاری ولگا ****/
34% {left:-190%; opacity:1;}
35.5% {opacity:0.6;}
36% {left:-285%; opacity:1;} /*** ماندگاری پگاه ****/
46% {left:-285%; opacity:1;}
47.5% {opacity:0.6;}
48% {left:-380%; opacity:1;} /*** ماندگاری هانیه ****/
58% {left:-380%; opacity:1;} 
59.5% {opacity:0.6;}
60% {left:-473%; opacity:1;} /*** ماندگاری الهام ****/
70% {left:-473%; opacity:1;}
71.5% {opacity:0.6;}
72% {left:-569%; opacity:1;} /*** ماندگاری سالمه ****/
85% {left:-569%; opacity:1;}
86.5% {opacity:0.6;}
87% {left:-664%; opacity:1;} /*** ماندگاری سارا ****/
99% {left:-664%; opacity:1;}

100% {left:0px; opacity:0;}
}
#cmslider ul
{
-webkit-animation: slide-animation 55s infinite;
}

/* use to paused the content on mouse over */

#cmslider ul:hover
{
-moz-animation-play-state: paused;
-webkit-animation-play-state: paused;
}

/*.cmslider {
	color: #fff; padding-top:20px; margin-top:-30px;
background-color: #e74c3c;
animation: bg-color 10s infinite;
-webkit-animation: bg-color 10s infinite;
}
@-webkit-keyframes bg-color {
0% { background-color: #e74c3c; }
20% { background-color: #f1c40f; }
40% { background-color: #1abc9c; }
60% { background-color: #3498db; }
80% { background-color: #9b59b6; }
100% { background-color: #e74c3c; }
}
@keyframes bg-color {
0% { background-color: #e74c3c; }
20% { background-color: #f1c40f; }
40% { background-color: #1abc9c; }
60% { background-color: #3498db; }
80% { background-color: #9b59b6; }
100% { background-color: #e74c3c; }
}*/
/* مربوط به عکس کامنت */
.commentUserInfo
{
 direction:rtl;
 float:right;
 background-repeat: no-repeat;
text-align: center;
position: relative;
width: 80px;
height: 100px;
overflow: hidden;margin:-30px 5px 0 15px;border-radius:10px;border: 2px #8d8b8b solid;
}
.commentUserInfo img
{

position: absolute;
left: 50%;
top: 50%;
height: 100%;
width: auto;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.commentUserInfo2
{
 color: #23708d;
 font-size: 16px;
 margin-top: -27px;
 position: absolute;text-align:right; direction:rtl;width:43%; right:145px
}
@media (min-width: 1900px) {
.commentUserInfo2{right:180px }
}
.commentUserInfo3
{
 color: #23708d;
 font-size: 16px;
 margin-top: -85px;
 position: absolute;text-align:right; direction:rtl;width:43%; right:225px
}
@media (min-width: 1280px) {
.commentUserInfo3{right:240px }
}
@media (min-width: 1500px) {
.commentUserInfo3{right:255px }
}
@media (min-width: 1900px) {
.commentUserInfo3{right:285px }
} 
.comment{ width:78%; float:right; margin:-55px 150px 20px 0;}
@media (max-width: 700px) {
.comment{width:85% !important; }
}
@media (min-width: 1280px) {
.comment{width:82%; }
}
@media (min-width: 1500px) {
.comment{width:85%; }
}
@media (min-width: 1900px) {
.comment{width:89%; }
}

.speech-bubble{position:relative;background:#dddddd;border-radius:.4em;border-top-right-radius:0;-webkit-box-shadow:2px 2px 4px #888;border:3px solid #999;-moz-box-shadow:2px 2px 4px #888;box-shadow:2px 2px 4px #888;}
.speech-bubble:after{content:'';position:absolute;right:0;top:50px;width:0;height:0;border:52px solid transparent;border-left-color:#999;border-right:0;border-top:0;margin-top:-53px;margin-right:-53px;}
.emptycomments p:empty{display:none}
.correct{padding:0 10px;background:url(../img/correct2.png) no-repeat center;}
.deactive{padding:0 10px;background:url(../img/deactive2.png) no-repeat center;}
div.cheshmandaz{
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
font-family:'IRANSans(FaNum)';background:#cbd9ef; padding:0; margin:10px;
text-align:center;width:25%;float:none; direction:rtl; border:1px solid #bbb
}
.cheshmandaz:hover { background-color:#FCC}
.cheshmandaz p { text-align:center !important ;}
.cheshmandaz p a { color: #333;font-size:16px; }
.cheshmandaz p a:hover{ color: #333;}
@media (max-width: 800px) {
div.cheshmandaz{width:94%;margin:20px 10px;}
.cheshmandaz p a {font-size:16px; }

}
/* مربوط به پراگرس بار موقع اسکرول */
.progress-container {
width: 100%;
height: 2px;
background: #ccc;
}

.progress-bar {
height: 2px;
background: orange;
width: 0%;
}
/* مربوط به پراگرس بار موقع اسکرول */
.newreg{background-color: #ebae06; text-align:center; height:20px;padding:5%; 
position:relative;
cursor:pointer;
transition:800ms ease all;
outline: 1px solid #fff;border:3px solid #b57b0d; line-height:18px}
.newreg a{ color:#333;letter-spacing:0; font-size:18px !important; font-weight:bold}
.newreg a:hover{ color:#333;}
.newreg:hover{ background-color: #05e71c; }
.newreg:before,.newreg:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #fff;
transition:400ms ease all;
}
.newreg:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
}
.newreg:hover:before,.newreg:hover:after{
width:100%;
transition:800ms ease all;
}
/* مربوط به تب داخل صفحات دوره ها */


.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

/*Fun begins*/
.tab_container {
	width: 93%;
	margin: 0 auto 30px auto;
	padding-top: 2px;
	position: relative; background-color:#ddd ;
-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.25); 
box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.25);
}

.tab_container input, .tab_container section {
clear: both;
padding-top: 10px;
display: none;
}
.tab_container label {
font-weight: 700;
font-size: 16px;
display: block;
float: right;
width: 15%;
padding: 1.5em;
color: #757575;
cursor: pointer;
text-decoration: none;
text-align: center;
background: #eee; border-left:1px solid #ccc
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
display: block;
padding: 20px;
background: #fff;
color: #333;
border: 2px solid #ddd; border-top: none;
}
.tab_container .tab-content p,
.tab_container .tab-content h3 {
-webkit-animation: fadeInScale 0.7s ease-in-out;
-moz-animation: fadeInScale 0.7s ease-in-out;
animation: fadeInScale 0.7s ease-in-out;
}
.tab_container .tab-content h3{
text-align: center;
}

.tab_container [id^="tab"]:checked + label {
background: #fff;
box-shadow: inset 0 3px #ffb311; color:#966565
}

.tab_container [id^="tab"]:checked + label .fa {
color: #0CE;
}

.tab_container label .fa {
font-size: 1.3em;
margin: 0 0.4em 0 0;
}

/*Media query*/
@media only screen and (max-width: 600px) {
.tab_container label {

font-size: 13px; font-weight:bold;width: 29%;padding:20px 5px}

.tab_container {
width: 90%;
}
 
}
 h4{ margin-right:20px}
/*Content Animation*/
@keyframes fadeInScale {
0% {
	transform: scale(0.9);
	opacity: 0;
}

100% {
	transform: scale(1);
	opacity: 1;
}
}

.no_wrap {
text-align:center;
color: #0ce;
}
.link {
text-align:center;
}

/* برای جلوگیری از دانلود ویدئو در کروم */
video::-webkit-media-controls-fullscreen-button {
 margin-right: -48px;
 z-index: 10;
 position: relative;
 background: #fafafa;
 background-image: url(/img/1450020879_fullscreen_alt.png);
 background-size: 55%;
 background-position: 50% 50%;
 background-repeat: no-repeat;
}

/* برای شمارشگر پیشنهاد ویژه */
/* COUNTDOWN TIMER CSS */

#timer {
margin: 0 auto;display: table

}
#timer div {
display: table-cell;
/* STYLE NUMBERS*/
font-size: 30px;
font-weight: bold;
color: #fff;
padding: 5px;
border-radius: 5px;
text-align: center; border: 3px solid #fff;
	}
#timer div span {
/* STYLES DAYS, HOURS, MINUTES, SECONDS*/
color: #111111;
font-size: 14px;
margin-left: -4px;
margin-top: -6px;
display: block; width:50px
	}
#timer div:first-child{ background-color:#fa5559;}
#timer div:nth-child(2){ background-color:#26c2b9;}
#timer div:nth-child(3){ background-color:#f6bc58;}
#timer div:nth-child(4){ background-color:#2dcb74;}
@media (max-width : 667px) {
#timer div {

padding: 5px;
font-size: 20px !important;

margin-top: 2px;

}

}

/* END OF COUNTDOWN TIMER CSS */
.profileimg{
background-repeat: no-repeat;
text-align: center;
position: relative;
width: 60px;
height: 75px;
overflow: hidden; border-radius:10px; margin-left:10px
	}
.profileimg img{
	position: absolute;
left: 50%;
top: 50%;
height: 100%;
width: auto;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
	}
/* برای دانلود ویدپو */
.downloadVideo{
display: inline-block;
cursor: pointer;
 padding: 5px; border:1px solid red; color:#fff; margin-top:10px
}
@media (max-width: 800px) {
.player{margin-bottom:50px !important}
}
/* استایل انتخاب درگاه در هنگام ثبت نام */
#regpopup ul li , .portSelectable ul li ,#user-multi-regpopup ul li {
color: #fff;
display: block;
position: relative;
float: left;
width: 100%;
min-height: 66px;
border-bottom: 1px solid #333;
}

#regpopup ul li input[type=radio] ,
#user-multi-regpopup ul li input[type=radio],
.portSelectable ul li input[type=radio] {
position: absolute;
visibility: hidden;
}

#regpopup ul li label , 
#user-multi-regpopup ul li label , 
.portSelectable ul li label {
display: inline-block;
position: relative;
padding: 10px 30px 10px 10px;
margin: 0px auto;
min-height: 30px;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.25s linear;
font-size: 16px;
width: 157px;
direction: rtl;
line-height: 22px;
}
.remembercheck{ display:none; direction:rtl; margin-top:10px; font-size:12px;font-family:'IRANSans(FaNum)';color:#ccc}
#regpopup ul li:hover label ,#user-multi-regpopup ul li:hover label , .portSelectable ul li:hover label {
color: #444;
}

#regpopup ul li .check ,
#user-multi-regpopup ul li .check ,
.portSelectable ul li .check {
display: block;
position: absolute;
border: 5px solid #fff;
border-radius: 100%;
height: 25px;
width: 25px;
top: 28%;
right: 20px;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear;
}

#regpopup ul li:hover .check ,
#user-multi-regpopup ul li:hover .check ,
.portSelectable ul li:hover .check {
border: 5px solid yellow;
}

#regpopup ul li .check::before ,
#user-multi-regpopup ul li .check::before ,
.portSelectable ul li .check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 15px;
width: 15px;
top: 5px;
left: 5px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;
}

#regpopup input[type=radio]:checked ~ .check  ,
#user-multi-regpopup input[type=radio]:checked ~ .check  ,
.portSelectable input[type=radio]:checked ~ .check {
border: 5px solid #FC0;
}

#regpopup input[type=radio]:checked ~ .check::before ,
#user-multi-regpopup input[type=radio]:checked ~ .check::before,
 .portSelectable input[type=radio]:checked ~ .check::before {
background: #74ff66;
}

#regpopup input[type=radio]:checked ~ label , 
#user-multi-regpopup input[type=radio]:checked ~ label , 
.portSelectable input[type=radio]:checked ~ label {
color: #333;
}

/* پایان */

/* استایل گالری های زمینه رنگی */
.gallery-students ul{ background-color: #a1a1a1; padding:30px 0; margin:0;}
.gallery-students ul div{ color: #9d114e}
/* استایل انکر لینک ها */
.anchorstyle{background-color: #fff;color:#5d7a87;text-align: center;
width:100%;height:auto;direction:rtl;font-size:2.4vh; margin-top:0; padding-top:10px}
.anchorstyle figure{background-color: #fff;box-shadow: 2px 2px 6px #333;}
.anchorstyle figure:hover{background-color: #edc7f8;}
.anchorstyle i{ font-size:4vh;}
figure{display:inline-block;width:11.6vh;border-radius:5px; padding:5px}
figcaption{ }
figcaption a{color: #036;}
figcaption a:hover{color: #069 ;}
.anchorstyle figure:first-child i{ color:#ff8400;}
.anchorstyle figure:nth-child(2) i{ color:#f44336; }
.anchorstyle figure:nth-child(3) i{ color:#448aff; }
.anchorstyle figure:nth-child(4) i{ color:#8bc34a; }
.anchorstyle figure:nth-child(5) i{ color:#009688; }
.anchorstyle figure:nth-child(6) i{ color:#e15eae; }
/* پایان استایل انکر لینک ها */
#sec1 {
}
#emkanat {
color:#5d7a87;text-align: center;
height:auto;direction:rtl;font-size:2.1vh
}
#emkanat i{ font-size:4vh;}
#emkanat figure{display:inline-block;width:14.5vh;
background-color: #a8dd61;box-shadow: 2px 2px 6px #333; margin:20px}
#emkanat figcaption{color:#9b0017; }
#emkanat figcaption a{color:#333;}
a.tip:hover {
cursor: help;
	position:relative

}
a.tip span {
display: none;

}
a.tip:hover span {
position: absolute;
text-shadow: none;
font-size:2vh;
border: #c0c0c0 1px dotted;
padding: 5px 10px 5px 10px;
display: block;
z-index: 100;
color:#333;
background:#abeaee;
margin:10px;
left: 50%;
width:23vh;
transform: translate(-50%, -50%);
text-decoration: none; box-shadow: 2px 2px 6px #333; direction:rtl; text-align: justify;
line-height:20px
}
#rahnama{
text-align: center;font-size:2vh;direction:rtl;width:100%;height:auto; padding:5px
}
#rahnama figure{width: auto; margin:10px}
#rahnama img{ border-radius:50%;border:4px solid #999; max-width:120px; max-height:120px}

#sky {
margin: 0px;
padding: 0px;
width: 100%;
height: 190px;
background-image: url(/img/colors.jpg);
background-position: 0px 0px;
background-repeat: repeat-x;
animation: animatedBackground 40s linear infinite;margin-top:-110px
}
@keyframes animatedBackground {
from {
background-position: 0 0;
}
to {
background-position: 100% 0;
}
}
@media (max-width: 800px) {
.anchorstyle figure{margin:15px}
#emkanat figure{margin:5px}
a.tip:hover span {width:19vh; margin-left:0;font-size:1.8vh;}
#sky {margin-top:-180px}
}
/*استایل فرم صفحه خرید ابزارها */
.filenum-108 form{ min-width:60% !important;margin-left:auto !important;margin-right:auto;
padding:1px  !important;margin-bottom:100px;}
.filenum-108 form input, .filenum-108 form textarea, .filenum-108 form label{ margin-right: 7%; max-width:90% !important;
margin-top:-10px !important }
.filenum-108 form button{max-width:85% !important; margin-right:11% !important;
line-height:20px !important; height: 57px !important; }
.filenum-108 form img{ display: none }
@media (max-width: 800px) {
.filenum-108 form{ min-width:85% !important}
.filenum-108 form input, .filenum-108 form textarea{ margin-right: 15%; max-width:80% !important }
.filenum-108 form button{margin-right:15% !important;}
}
/* پایان استایل فرم صفحه خرید ابزارها */
.mobile-title{
    display:none;
} 
.desktop-title{
    display:inline-block;
} 
@media screen and (max-width: 860px) {
.logo a
{
  visibility: hidden;
}
    
.mobile-title{
    display:inline-block;
    line-height: 38px;
} 
 
.desktop-title{
    display:none;
}   
}

.notification-bell span{
    background-color: red;
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    right: 3px;
    border-radius: 50%;
    bottom: 41px;
}
.shaking { 
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
	animation-iteration-count: infinite; 
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.notification-bell .shaking {
margin-top:200px 
}


#pp_scrolling img
{
    width: 60px;
    height:55px;
    transition: all 1s;
}
#pp_scrolling a
{  
    color: #fff !important;
}
#pp_scrolling>div,#pp_scrolling>a>div
{
    width: 25%;
    float: right;
    text-align: center;
    display: inline-block;
}
#pp_scrolling
{
    padding-top: 12px;
    height: 85px !important;
    font-family: "IRANSans(FaNum)";
    color: #fff;
    line-height: 18px;
    padding-bottom: 4px;
    transition: all 1s;
    width:100% !important;
    right: 0px;
    left: 0;
}
#pp_scrolling.small-menu2  
{
  height: 33px !important;
}

.small-menu2>div>div,.small-menu2 a div  div
{
    display:none;
}

.small-menu2 img
{
    width:  33px !important;
    height: 30px !important;
}