/*
light: #f2f2f2
Black: #232323;
White: #fff
Red: red

*/


@import url(IranSharp.css);

@font-face
{
font-family: MirFont;
src: url('../Fonts/GOTHIC.TTF');
font-weight: normal;
font-style: normal;
}

.eng {font-family: Arial;font-size:14px;direction:ltr;}
.per {font-family: IranSharp;font-weight: 300;font-size:14px;direction:rtl;}

a {text-decoration:none;}
.per a {color:#232323;}
.per a:hover {color:Red;}
.eng a {color:#fff;}
.eng a:hover {color:Red;}


.clear {clear:both;}

.active {color:Red !important;}
.page-open:hover {cursor:pointer;}

section.per {direction:rtl;}
section.per > * {direction:rtl;}
section.eng {direction:ltr;}
section.eng > * {direction:ltr;}

.detail-wrapper {margin-bottom:100px;}

.back-wrapper {text-align:left;}
.back-wrapper .back-btn {cursor:pointer;}
.back-wrapper .back-btn:hover {color:red;}

.navigator {text-align:center;background-color:#f2f2f2;padding:15px;margin:15px 0;}
.navigator .button-nav {cursor:pointer;margin:0 20px}
.navigator .button-nav:hover {color:red;}
.navigator img {vertical-align:middle;}