.header
{
    width:100%;
    min-height: 10px;
    height:auto;
    transition: 1s;
    position: fixed;
    top: -5px;
    z-index: 999;
    background-color:#de07de;
}
.top-bar
{
    width:1280px;
    height:90px;
    margin:0px auto;
    position:relative;
}
.top-bar > div:last-child
{
    width:calc(100% - 400px);
    height:100px;
    float:left;
}
.top-bar img
{
    margin-top:0px;
    position:absolute;
    top:10px;
    left:0px;
}
.top-bar-logo
{
    width:220px;
    height:100px;
    float:right;
    padding:15px 0px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.top-bar-logo h1
{
    width:100%;
    height:35px;
    line-height:18px;
    text-align:center;
    margin:0px;
    font-weight:normal;
}
.top-bar-logo h1 a
{
    text-decoration:none;
    font-family:IranSans;
    font-size:24px;
    color:#ffffff;
    transition:1s;
    outline:0px;
}
.top-bar-logo h2
{
    width:100%;
    height:20px;
    line-height:18px;
    text-align:center;
    margin:0px;
    font-weight:normal;
}
.top-bar-logo h2 a
{
    text-decoration:none;
    font-family:IranSans;
    font-size:14px;
    color:#ffffff;
    transition:1s;
    outline:0px;
}
.top-bar-right
{
    width:calc(100% - 275px);
    min-height:20px;
    height:auto;
    float:left;
}
.fffff
{
    width:100%;
    min-height:20px;
    height:auto;
    float:right;
}

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

.main-footer
{
    width:100%;
    height:500px;
    background:url("../Images/back-footer.png") no-repeat center top 0px;
    background-size:cover;
    margin:0px auto 0px auto;
}
.footer
{
    width:1280px;
    height:500px;
    margin:0px auto;
    position:relative;
}
.footer-right
{
    width:370px;
    height:320px;
    float:right;
}
.footer-right h4
{
    width:244px;
    height:35px;
    line-height:35px;
    text-align:center;
    margin:0px;
    font-weight:normal;
    margin-top:60px;
}
.footer-right h4 a
{
    text-decoration:none;
    font-family:IranSans;
    font-size:24px;
    color:#ffffff;
    transition:1s;
}
.footer-right h5
{
    width:244px;
    height:20px;
    line-height:18px;
    text-align:center;
    margin:0px;
    font-weight:normal;
}
.footer-right h5 a
{
    text-decoration:none;
    font-family:IranSans;
    font-size:14px;
    color:#ffffff;
    transition:1s;
}
.footer-right > div > div
{
    width:244px;
    height:40px;
    float:right;
    margin:20px 0px 0px 0px;
}
.footer-right > div > div > a
{
    display:block;
    width:40px;
    height:40px;
    float:right;
    margin-left:11px;
    background-color:#000000;
    color:#de07de;
    border-radius:5px;
    font-size:25px;
    padding-top:6px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.footer-right > div > div a:last-child
{
     margin-left:0px;
}
.footer-right p
{
    width:100%;
    min-height:20px;
    line-height:20px;
    margin:0px auto 10px auto;
    font-size:12px;
    font-family:IranSansFa;
    color:#ffffff;
}
.mailto
{
    text-decoration:none;
    font-size:12px;
    color:#ffffff;
}
.footer-left
{
    width:calc(100% - 370px);
    min-height:10px;
    height:auto;
    float:right;
}
.footer-left  ul
{
    display:block;
    width:135px;
    min-height:10px;
    height:auto;
    padding:0px;
    list-style:none;
    margin:140px 0px 0px 0px;
    font-size:12px;
    font-family:IranSans;
    float:right;
}
.footer-left  ul li
{
    display:block;
    height:27px;
    line-height:27px;
    background:url("../Images/back-footer-menu.png") no-repeat right;
    padding-right:15px;
     -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    transition:0.5s;
}
.footer-left  ul li:hover
{
    transition:0.5s;
    background:url("../Images/back-footer-menu2.png") no-repeat top 8px right 10px;
    padding-right:25px;
}
.footer-left  ul li a
{
    text-decoration:none;
    color:#ffffff;
}
.footer-left  ul li:hover a
{
    color:#c601d7;
    transition:0.5s;
}
.footer-center
{
    width:42%;
    height:500px;
    position:absolute;
    top:0px;
    left:0px;
}
.footer-center img
{
    width:100%;
    height:auto;
}
.footer span
{
    width:530px;
    height:20px;
    text-align:center;
    font-size:11px;
    font-family:IranSans;
    color:#c50108;
    position:absolute;
    bottom:25px;
    left:0px;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.about-us
{
    width:1280px;
    min-height:50px;
    overflow:hidden;
    margin:70px auto 0px auto;
}
.about-us > div
{
    width:50%;
    min-height:50px;
    height:auto;
    float:right;
}
.about-us > div:first-child
{
    padding:10px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    position:relative;
}
.about-us > div:first-child a
{
    display:block;
    width:135px;
    height:45px;
    line-height:45px;
    position:absolute;
    right:20px;
    top:90%;
    border-radius:50px;
    text-align:center;
    text-decoration:none;
    color:#ffffff;
    font-size:14px;
    font-family:IranSans;
    background-color:#c601d7;
    border:1px solid #c601d7;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-transform: uppercase;
     box-shadow: inset 0 0 0 0 #ffffff;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}
.about-us > div:first-child a:hover
{
    background-color:#ffffff;
    box-shadow: inset 135px 0 0 0 #ffffff;
    color: #c601d7;
}
.about-us > div img
{
    width:95%;
    height:auto;
}
.about-us > div:last-child
{
    padding:10px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.about-us > div:last-child a
{
    display:block;
    width:100%;
    height:40px;
    line-height:40px;
    text-align:right;
    text-decoration:none;
    color:#000000;
    font-size:24px;
    font-family:'B Titr';
}
.about-us > div:last-child div
{
    width:100%;
    height:330px;
    overflow:hidden;
    margin:25px auto 0px auto;
    line-height:40px;
    font-size:16px;
    font-family:IranSansFa;
    text-align:justify;
}

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

.main-boxes
{
    width:100%;
    min-height:10px;
    height:auto;
    margin:15px auto 0px auto;
    padding:55px 0px 30px 0px;
    background-color:#e5e5e5;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.boxes
{
    width:1280px;
    min-height:10px;
    overflow:hidden;
    margin:0px auto;
    padding:20px 30px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.boxes > a
{
    display:block;
    text-decoration:none;
    width:22%;
    min-height:10px;
    height:auto;
    float:right;
    margin-left:4%;
    padding:25px 0px;
    background-color:#ffffff;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-top-left-radius:30px;
    border-bottom-right-radius:30px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
   -webkit-box-shadow: 0px 0px 3px 1px rgba(138,138,138,1);
    -moz-box-shadow: 0px 0px 3px 1px rgba(138,138,138,1);
    box-shadow: 0px 0px 3px 1px rgba(138,138,138,1);
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.boxes > a::after 
{
    content: "";
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-top-left-radius:30px;
    border-bottom-right-radius:30px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.boxes > a:hover
{
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.boxes > a:hover::after 
{
    opacity: 1;
}
.boxes > a:nth-child(4)
{
     margin-left:0%;
}
.boxes > a img
{
    display:block;
    width:45%;
    height:auto;
    margin:0px auto;
}
.boxes > a h4
{
    color:#000000;
    width:100%;
    height:20px;
    line-height:20px;
    margin:15px auto 0px auto;
    text-align:center;
    font-weight:normal;
    font-size:16px;
    font-family:IranSans;
}
.under-box
{
    width:100%;
    min-height:10px;
    overflow:hidden;
}
.under-box img
{
    width:100%;
    height:auto;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.title
{
    width:1280px;
    height:60px;
    margin:0px auto;
}
.title h4
{
    width:100%;
    height:60px;
    line-height:60px;
    font-family:'B Titr';
    font-size:24px;
    font-weight:normal;
    margin:0px auto;
}
.title h4 a
{
    text-decoration:none;
    color:#000000;
}

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

.activities-performed
{
    width:1280px;
    min-height:10px;
    overflow:hidden;
    margin:0px auto;
    padding:10px 10px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.activities-performed > div
{
    width:31%;
    min-height:200px;
    height:auto;
    margin:0px 0px 2% 3.5%;
    float:right;
    background-color:#ffffff;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-top-left-radius:50px;
    border-bottom-right-radius:50px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
   -webkit-box-shadow: 0px 0px 10px 1px rgba(138,138,138,1);
    -moz-box-shadow: 0px 0px 10px 1px rgba(138,138,138,1);
    box-shadow: 0px 0px 10px 1px rgba(138,138,138,1);
}
.activities-performed > div:nth-child(3n)
{
    margin-left:0px;
}
.activities-performed > div div:first-child
{
    width:100%;
    max-height:105px;
    overflow:hidden;
    position:relative;
    padding-bottom:5px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.img-2
{
    width:31.1%;
    height:auto;
    float:right;
    border-top-right-radius:15px;
    z-index:200;
    position:relative;
}
.img-1
{
    width:31%;
    height:auto;
    border-top-right-radius:15px;
    position:absolute;
    top:0px;
    right:0px;
    z-index:100;
}
.activities-performed > div h4
{
    width:70%;
    height:45px;
    margin:15px auto 5px auto;
    font-size:14px;
    font-family:IranSans;
}
.activities-performed > div h4 a
{
   text-decoration:none;
   color:#000000;
}
.activities-performed-text
{
    width:70%;
    height:100px;
    line-height:20px;
    overflow:hidden;
    margin:0px auto 10px auto;
    font-size:13px;
    font-family:IranSans;
    font-weight:normal;
    text-align:justify;
}
.activities-performed-more
{
    width:100px;
    height:20px;
    margin:0px 0px 30px 15%;
    float:left;
}
.button 
{
    display:block;
    text-decoration:none;
    width:100px;
    float:left;
    color:#c601d7;
    font-size:14px;
    font-family:IranSans;
    text-align:right;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
    position:relative;
    border:0px !important;
}
.button span 
{
    cursor: pointer;
    display: inline-block;
    width:100px;
    position: relative;
    transition: 0.5s;
}
.button span:after 
{
    content: '\2190';
    float:left;
    transition: 0.5s;
    font-size:20px;
}
.button:hover span 
{
    width:130px;
    padding-right:25px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.button:hover span:after 
{
    opacity: 0;
}


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

.main-news
{
    width:100%;
    height:730px;
    margin:50px auto 0px auto;
    background:url("../Images/back-news.png") no-repeat center center;
    background-size:100% 100%;
}
.news
{
    width:1280px;
    min-height:100px;
    overflow:hidden;
    margin:0px auto;
    padding-bottom:50px;
}
.news h4
{
    width:100%;
    height:70px;
    line-height:70px;
    font-family:'B Titr';
    font-size:24px;
    font-weight:normal;
    margin:0px auto;
}
.news h4 a
{
    text-decoration:none;
    color:#000000;
}
.news > div
{
    width:100%;
    height:425px;
    float:right;
    margin-left:8%;
}
.news > div:last-child
{
     margin-left:0%;
}
.news > div img
{
    width:100%;
    height:auto;
}
.news-time
{
    width:100%;
    height:27px;
    margin:5px auto;
    background:url("../Images/news-time.png") no-repeat right;
}
.news-time p
{
    width:calc(100% - 28px);
    height:27px;
    line-height:27px;
    font-family:IranSansFa;
    font-size:12px;
    color:#e936f8;
    float:left;
    text-align:right;
    margin:0px;
}
.news-text
{
    width:96%;
    height:60px;
    overflow:hidden;
    line-height:20px;
    font-family:IranSansFa;
    font-size:13px;
    color:#000000;
    text-align:justify;
    margin:15px auto 10px auto;
}
.news-more
{
    width:100%;
    height:40px;
    margin:0px auto;
}
.news-more a
{
    display:block;
    width:110px;
    height:37px;
    line-height:37px;
    text-align:center;
    text-decoration:none;
    margin:0px auto;
    color:#3a3a3a;
    border:2px solid #c402d5;
    border-radius:50px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-family:IranSansFa;
    font-size:14px;
    background-color:none;
    text-transform: uppercase;
     box-shadow: inset 0 0 0 0 #c601d7;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}
.news-more a:hover
{
    box-shadow: inset 110px 0 0 0 #c601d7;
    color: #fff;
}
figure.snip0016 
{
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 10px auto;
  width:100%;
  height:auto;
  width: 100%;
  background:#f6eef7;
  text-align: right;
}
figure.snip0016 * 
{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0016 img 
{
  max-width: 100%;
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.5s;
}
figure.snip0016 figcaption 
{
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 30px 3em;
  width: 100%;
  height: 100%;
}
figure.snip0016 figcaption::before 
{
  position: absolute;
  top: 30px;
  left: 30px;
  bottom: 30px;
  right: 100%;
  
  content: '';
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.8s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}
figure.snip0016 h4,
figure.snip0016 p 
{
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
figure.snip0016 h4 
{
  word-spacing: -0.15em;
  font-weight: 200;
  text-transform: uppercase;
  -webkit-transform: translate3d(30%, 0%, 0);
  transform: translate3d(30%, 0%, 0);
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.3s;
  text-align:justify;
  line-height:30px;
  min-height:40px;
  height:auto;
  border-right: 4px solid #000000;
}
figure.snip0016 p 
{
  font-weight: 200;
  -webkit-transform: translate3d(0%, 30%, 0);
  transform: translate3d(0%, 30%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.snip0016 h4 a 
{
  left: 0;
  right: 10px;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #000000;
  font-family:IranSansFa;
  font-size:15px;
}
figure.snip0016:hover img 
{
  opacity: 0.3;
}
figure.snip0016:hover figcaption h4 
{
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
figure.snip0016:hover figcaption p 
{
  opacity: 0.9;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0016:hover figcaption::before 
{
  background: rgba(255, 255, 255, 0);
  right: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

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

.class-schedule
{
    display:block;
    width:1280px;
    margin:0px auto;
    padding:0px;
    list-style:none;
}
.class-schedule h4
{
    width:100%;
    min-height:40px;
    margin:0px auto 20px 0px;
    font-size:18px;
    font-family:IranSansFa;
    background-color:#edd5f1;
    color:rgba(0,0,0,0.75);
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    padding:5px 10px 0px 0px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.class-images
{
    width:100%;
    min-height:100px;
    height:auto;
}
.class-images  img
{
    display:block;
    width:50%;
    height:auto;
    margin:0px auto 20px auto;
    border:1px solid #cdcdcd;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.learns
{
    width:1280px;
    height:auto;
    margin:0px auto;
}
.learns ul
{
    width:100%;
    height:auto;
    padding:0px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	list-style:none;
}
.learns ul li
{
    width:100%;
    height:auto;
    overflow:hidden;
}
.learns ul li
{
    width:100%;
    height:auto;
    overflow:hidden;
}
.learn-details
{
    width:1280px;
    height:auto;
    overflow:hidden;
    margin:0px auto;
}
.learn-details > div
{
    width:100%;
    height:auto;
    text-align:justify;
    margin:0px auto 20px auto;
    font-family:IranSansFa;
    font-size:13px;
    line-height:25px;
    float:right;
}
.learn-details h5
{
    margin:0px;
    width:100%;
    height:auto;
    border-bottom:1px solid #cdcdcd;
    padding:10px 25px 10px 10px;
    font-size:20px;
    font-weight:normal;
    background:url("../Images/arrow.png") no-repeat right;
     -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.learn-image ul
{
    display:block;
    list-style:none;
    padding:0px;
}
.learn-image ul li
{
    display:block;
    width:18.4%;
    max-height:177px;
    overflow:hidden;
    margin-left:2%;
    margin-bottom:20px;
    float:right;
}
.learn-image ul li:nth-child(5n)
{
    margin-left:0px;
}
.learn-image ul li img
{
    width:100%;
     max-height:177px;
}
.learn-image ul li section
{
    display:block;
    width:100%;
    height:50px;
    background-color:#c601d7;
}
.learn-image ul li audio
{
    display:block;
    width:100%;
}
.learn-text ul
{
    display:block;
    list-style:none;
    padding:0px;
}
.learn-text ul li
{
    display:block;
    width:49%;
    min-height:30px;
    height:auto;
    margin-left:2%;
    margin-bottom:2%;
    float:right;
    padding:5px 10px;
    border:1px solid #cdcdcd;
    border-radius:5px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.learn-text ul li:nth-child(2n)
{
    margin-left:0px;
}
.learn-text ul li p
{
    width:calc(100% - 100px);
    min-height:50px;
    height:auto;
    line-height:20px;
    float:right;
    border-left:1px solid #cdcdcd;
    padding-left:10px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.learn-text ul li a
{
    display:block;
    width:90px;
    height:25px;
    margin:12px 2px;
    border-radius:10px;
    float:left;
    padding-right:35px;
    color:#ffffff;
    text-decoration:none;
    background:#c601d7 url("../Images/download.png") no-repeat top 7px right 10px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.learn-text ul li a:hover
{
    background:#ffffff url("../Images/download2.png") no-repeat top 7px right 10px;
    color:#c601d7;
    border:1px solid #c601d7;
    transition:0.8s;
}
.learn-audio ul
{
    display:block;
    list-style:none;
    padding:0px;
}
.learn-audio ul li
{
    display:block;
    width:49%;
    margin-left:2%;
    margin-bottom:2%;
    float:right;
}
.learn-audio ul li:nth-child(2n)
{
    margin-left:0px;
}
.learn-audio ul li section
{
    display:block;
    width:100%;
    height:50px;
    background-color:#c601d7;
}
.learn-audio ul li audio
{
    display:block;
    width:100%;
    border:1px solid #c601d7;
    border-radius:10px;
    padding:5px;
     -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    outline:0px;
}
.learn-audio ul li audio source
{
    display:block;
    width:100%;
    background-color:#c601d7;
}