/* replace 'Vazir' font with another local font */
@font-face {
  font-family: Vazir;
  src: url('/az/vazir/Vazir.eot');
  src: url('/az/vazir/Vazir.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
       url('/az/vazir/Vazir.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
       url('/az/vazir/Vazir.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/az/vazir/Vazir.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;}
@font-face {
  font-family: Vazir;
  src: url('/az/vazir/Vazir-Bold.eot');
  src: url('/az/vazir/Vazir-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
       url('/az/vazir/Vazir-Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
       url('/az/vazir/Vazir-Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/az/vazir/Vazir-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: bold;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6, p, a, .gallery-container h1 {font-family: 'Vazir' !important;}
.tz-gallery .caption h3, a {direction: rtl !important;}
#az-aval {
	position: relative;
    height: 560px;}
.tz-gallery .lightbox img {padding-top: 25px;}
@media (max-width: 500px) {
    #az-aval { 
    padding-right: 0 !important;
    padding-left: 0 !important;}}	
@media (max-width: 340px) {#az-aval { height: 394px !important;}}
@media (max-width: 360px) and (min-width: 341px) {#az-aval { height: 492px !important;}}
@media (max-width: 375px) and (min-width: 361px) {#az-aval { height: 520px !important;}}
@media (max-width: 400px) and (min-width: 376px) {#az-aval { height: 535px !important;}}
@media (max-width: 425px) and (min-width: 401px) {#az-aval { height: 575px !important;}}
@media (max-width: 460px) and (min-width: 426px) {#az-aval { height: 595px !important;}}
@media (max-width: 500px) and (min-width: 461px) {#az-aval { height: 630px !important;}}
#az-2 {
	max-width: 100%;
    height: auto;
    box-shadow: -2px 2px 4px 0 rgba(0,0,0,.2);}

#az-3 {
	background-image: linear-gradient(266deg,#4e60d3,#913baf 35%,#d52d88 68%,#f26d4f);
    border-radius: 9px 9px 9px 9px;
    width: 182px;
    height: 44px;
    font-size: 14px !important;
    padding-top: 6px;
    padding-right: 45px;
    padding-left: 11px;
	text-decoration: none;}
#az-4 {
	display: block;
    margin-right: -32px;
    float: right;
    margin-top: 4px;
    padding-left: 0px;}
#az-3:hover {background-image: linear-gradient(266deg,#4e60d39e,#913baf9e 35%,#d52d88a1 68%,#f26d4fa1);}
@media (min-width: 501px) {#az-5 {display: none !important;}}
@media (max-width: 500px) {#az-2 {display: none !important;}}
#az-5{ 
    max-width: 100%;
    height: auto;
    box-shadow: -2px 2px 4px 0 rgba(0,0,0,.2);}
	
	
	
	
p#std {
    text-align: center;
    background-color: coral;
    color: white;
    position: fixed;
    left: 12px;
    z-index: 100000000000;
    float: left !important;
    margin-left: 0px;
    text-align: left;
    top: 80px;
    transform: rotate(90deg);
    transform-origin: left;
    padding: 5px 10px;
    border-radius: 5px 5px 0px 0px;}