﻿
body {
    
     font-family: "IRANSans"; 
     font-weight:normal;
     background-color:#FDECE1;
   }

 .maindivPages  {
       
        background-color:#FDECE1;
        width:100%;
        display: table;
        height:100%;
        border:0;
      
    }
.subfieldsetPageView {

      margin:auto;
      margin-top:110px;
      margin-right:50px;
      border:0;
     /*background-color:#b6ff00;*/
     padding-top:50px;
     min-height:800px;
   
}
    .subfieldsetPageView legend {
                 
               text-align:right;
                
    }
.titlePage {
   
                 font-family: "IRANSans"; 
                 font-weight:bold;
                 color:#000000;
                 /*color:#CE2127;*/
                 font-size:1.5em;
                 text-decoration:none;

}
.rightcolumn {
    width:79%;
    height:100%;
    display: table-cell;
    padding:16px;
    background-color:#FDECE1;
}
.leftcolumn {
    width:21%;
    display: table-cell;
    background-color:#A5A5A5;
    height:100%;
     min-width:330px;
    /*position:relative;*/
    text-align:center;
    padding-top:0;
}
.topleftcolumn {
    position:absolute;
    top:20px;
    left:1vw;
    height:100px;
    width:330px;
    /*background-color:#ff6a00;*/
}
.bottomleftcolumn {
    position:absolute;
    bottom:20px;
    left:1vw;
    height:200px;
    width:300px;
    margin:auto;
    
    background-color:#000;
    text-align:center;
   
    margin:auto;
}



 .boxmain {
            height: 500px;
            width: 900px;
            /*background-color:#b6ff00;*/
            margin: auto;
            direction:ltr;
        }

     .boxmain  ul {
            list-style: none outside none;
            padding-left: 0;
            margin: 0;
            /*background-color:#00ff21;*/
            width:900px;
        }

        .content-slider li {
            /*background-color: #ed3020;*/
            text-align: center;
            color: #FFF;
            height:500px;
        }

        .content-slider h3 {
            margin: 0;
            padding: 10px 0;
        }
.boxmessage {

    margin:auto;
    height:230px;
    width:400px;
    /*background-color:#ff0000;*/
    padding-top:20px;
}

@media (min-width: 1px) and (max-width:750px){
    
    .hide-mobile {
        display:none;
        
    }
    
    .rightcolumn {
        width:100%;  

    }
    .subfieldsetPageView {
        margin-right:10px;
        margin-left:10px;
        margin-top:20px;
        /*margin-top:90px;*/
         border:0;
     /*background-color:#b6ff00;*/
        padding-left:5px;
        padding-right:5px;
        text-align:justify;
        font-size:0.8em;
        padding-top:5px;
        min-height:600px;
    }
    .titlePage {
        font-size:1.1em;
        margin-left:5px;
        margin-right:5px;
    }
 
}
@media (min-width: 450px) and (max-width:900px) {
    .boxmain {
       
        display:none;
    }
 
}
@media (min-width: 1px) and (max-width:449px) {

    .boxmessage {
        display:none;
    }

}
@media (min-width: 901px) and (max-width:2000px) {

    .boxmessage {
        display:none;
    }

}
.allboxmobile {
   
    width:100%;
    position:relative;
    background-color:#CE2127;
   /*direction:rtl;*/     
}
.boxfilmMobile {
    margin:auto;
    width:300px;
    height:200px;
    background-color:#000;
    text-align:center;
}

@media (min-width:751px) {

    .hide-descktop {
        display: none;
    }
}
@media (min-width:1100px) {

    
    .boxfilmMobile {
        /*display:none;*/
        position: absolute;
        bottom: 20px;
        left: 1vw;
    }
}



/*#photo-gallery {
  width: 100%;
}*/
#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
  height: 300px;
  background: #ccc;
  text-align: center;
  line-height: 300px;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}

