/* CSS Reset */
html, body { margin: 0; padding: 0; border: 0; line-height: 1; height: 100%;}
article, aside, details, figcaption, figure,
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0;}
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0;}
a, a:hover, a:focus { text-decoration: none; }
a:focus { outline: none; }
b, strong { font-weight: bold; }
p { margin: 0 }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0 }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal;}
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand { display: none; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* And... */
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow-x: hidden;
    -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
/* Skype Formatting Killer */
span.skype_pnh_container { display: none !important; }
span.skype_pnh_print_container { display: inline !important; }
/* Custom Universal Class */
.left-right { direction: ltr; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.nopadding { padding: 0px; }
.padding-b40 { padding-bottom: 40px; }
.padding-b20 { padding-bottom: 20px; }
.padding-b10 { padding-bottom: 10px; }
.padding-t5 { padding-top: 5px; }
.margin-b15 { margin-bottom: 15px !important; }
.margin-b10 { margin-bottom: 10px !important; }
.margin-b5 { margin-bottom: 5px !important; }
.margin-t15 { margin-top: 15px !important; }
.scroll-hidden { overflow-y: hidden}

/* Custom Fonts */
@font-face {
    font-family: 'IranSans';
    src: url('../fonts/IRANSans-web.eot');
    src: local('☺'),  url('../fonts/IRANSans-web.eot?#iefix') format('embedded-opentype'),  url('../fonts/IRANSans-web.woff') format('woff'),  url('../fonts/IRANSans-web.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IranSans';
    src: url('../fonts/IRANSans-Bold-web.eot');
    src: local('☺'),  url('../fonts/IRANSans-Bold-web.eot?#iefix') format('embedded-opentype'),  url('../fonts/IRANSans-Bold-web.woff') format('woff'),  url('../fonts/IRANSans-Bold-web.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
html {
    direction: rtl;
}
body {
    font-family: 'IranSans', Tahoma, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #555555;
}
@media (min-width: 992px) {
    body { font-size: 13px; }
}
.small {
    font-size: 11px;
}
@media (min-width: 992px) {
    .small { font-size: 12px; }
}
.smaller {
    font-size: 10px;
}
@media (min-width: 992px) {
    .smaller { font-size: 11px; }
}
.smallest {
    font-size: 10px;
}
.body-wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

/**************************************
Common Elements
***************************************/
h1, h2, h3 {
    font-family: 'IranSans', Tahoma, sans-serif;
    font-weight: bold;
    font-style: normal;
}
h1 { font-size: 19px; }
h2 { font-size: 16px; }
h3 { font-size: 13px; }
@media (min-width: 768px) {
    h1 { font-size: 21px; }
    h1.bigger { font-size: 24px; }
    h2 { font-size: 18px; }
    h3 { font-size: 15px; }
}
@media (min-width: 992px) {
    h1 { font-size: 24px; }
    h1.bigger { font-size: 28px; }
    h2 { font-size: 20px; }
    h3 { font-size: 17px; }
}

a { color: #888888; }
a:hover { color: #ED1C24; }

.nopadding { padding: 0px; }
.padding-b20 { padding-bottom: 40px; }
.padding-b10 { padding-bottom: 20px; }
.padding-b5 { padding-bottom: 10px; }
.padding-t5 { padding-top: 5px; }
.margin-b15 { margin-bottom: 15px !important; }
.margin-b10 { margin-bottom: 10px !important; }
.margin-b5 { margin-bottom: 5px !important; }
.margin-t15 { margin-top: 15px !important; }
.text-center { text-align: center; }

hr {
    display: block;
    height: 0px;
    border: 0;
    border-bottom: 1px #dddddd solid;
    margin: 15px 0;
    padding: 0;
}

/**************************************
 Header Container
 **************************************/
header {
    width: 100%;
    z-index: 100;
    background: #FFFFFF;
    box-shadow: 0px 4px 15px rgba(0,0,0,0.15);
}
.navmenu {
    display: inline-block;
}
header,
.navmenu,
.header-gap-holder {
    height: 60px;
}

@media (min-width: 768px) {
    header,
    .header-gap-holder,
    .navmenu {
        height: 79px;
    }
}
.navmenu ul {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}
.navmenu li {
     display: inline-block;
     margin: 18px 2px;
     float: right;
 }
.navmenu li:last-child {
    margin-left: 0;
}
.navmenu li:first-child {
    margin-right: 0;
}
.navmenu li > a {
    text-decoration: none;
    color: #333;
    font-size: 12px;
    line-height: 36px;
    height: 36px;
    width: 66px;
    display: block;
}
@media (min-width: 992px) {
    .navmenu li {
        margin: 18px 9px;
    }
    .navmenu li > a {
        font-size: 13px;
        line-height: 36px;
        height: 36px;
        width: 80px;
    }
}
/* Hover Effect */
.navmenu li {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #FFFFFF;
    -webkit-transition-property: color;
            transition-property: color;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
}
.navmenu li:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ed1c24;
    -webkit-transform: scale(0);
    border-radius: 3px;
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.navmenu li:hover > a,
.navmenu li:focus > a,
.navmenu li:active > a {
    color: #FFFFFF;
}
.navmenu li:hover:before, .navmenu li:focus:before, .navmenu li:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

li.logo-container > a {
    margin: 0 9px;
}
li.logo-container > a {
    width: 80px;
}
li.logo-container,
li.logo-container:before{
    background: none;
    margin: 0;
    border: none;
}
@media (min-width: 768px) {
    li.logo-container > a {
        width: 105px;
    }
}

/* Mobile Navigation */
nav,
.navbar-bar {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
nav {
    position: fixed;
    left: 0; right: 0; top: 0; bottom: 0;
    z-index: 150;
    background-color: rgba(237,28,36,0.96);
    width: 100%;
    height: 100vh;
    text-align: center;
    display: table;
}
.nav-hide { display: none; }
nav ul {
    display: table-cell;
    vertical-align: middle;
    margin: 0px;
    padding: 0;
}
nav ul li {
    list-style: none;
    font-size: 13px;
    margin: 7px auto;
}
nav ul li a {
    display: inline-block;

    width: 70%;
    padding: 12px 0;
    color: #FFFFFF;
    background: rgba(0,0,0,0.1);
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
nav ul li a:hover {
    color: #333333;
    background: #FFFFFF;
    border-radius: 3px;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
}
.navbar-container {
    position: fixed;
    top:0;
    left:0;
    z-index: 200;
}
.navbar-bar {
    position: absolute;
    left: 11px;
    background-color: #ed1c24;
    border-radius: 4px;
    padding: 2px 6px ;
    width: 36px;
    height: 33px;
    margin-top: 11px;
    z-index: 200;
    cursor: pointer;
    opacity: 0.25;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
.navbar-bar:hover,
.navbar-bar.navbar-on {
    opacity: 1;
}
.navbar-bar.navbar-on {
    background: transparent;
}
.bar1,
.bar2,
.bar3 {
    width: 100%;
    height: 3px;
    border-radius: 4px;
    margin-top: 5px;
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
}
.navbar-on .bar1,
.navbar-on .bar2,
.navbar-on .bar3 { background-color: #ffffff; }
.navbar-on .bar1,
.navbar-on .bar3 {
    transform-origin: 4% 50%;
}
.navbar-on .bar1 {
    transform: rotate(45deg);
}
.navbar-on .bar3 {
    transform: rotate(-45deg);
}
.navbar-on .bar2 { background-color: transparent; }

/* Back to Top */
#back-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    background-color: #ed1c24;
    opacity: 0.40;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    padding: 2px 6px;
    display: block;
    text-decoration: none;
    display: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#back-to-top:hover {
    opacity: 1;
}
#back-to-top .arrow {
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: 7px;
    left: 0;
    right: 0;
    margin: auto;
    border-left: 2px solid #FFFFFF;
    border-top: 2px solid #FFFFFF;
    cursor: pointer;
    -webkit-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
}

/**************************************
Hero Image Box
***************************************/
.hero-box {
    background-color: #CCCCCC;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    margin-top: -60px;
}
.hero-text {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #505050;
    width: 90%;
    line-height: 1.7;
    font-size: 13px;
}
.hero-text h1 {
    /*font-size: 17px;*/
}
.hero-text .main-button {
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    max-width: 190px;
    width: 100%;
    background-color: #ed1c24;
    border-color: transparent;
    color: #FFFFFF;
}
.hero-text .main-button:last-child {
    margin-top: 8px;
}
.hero-text .main-button:hover {
    background-color: #FFFFFF;
    border-color: #ed1c24;
    color: #ed1c24;
}
@media (min-width: 768px) {
    .hero-box {
        margin-top: -79px;
    }
    .hero-text {
        max-width: 40%;
        font-size: 14px;
    }
    .hero-text h1 {
        margin: 0 0 15px 0;
    }
    .hero-text .main-button {
        display: inline-block;
        margin-top: 20px;
        max-width: 230px;
        width: 48%;
    }
    .hero-text .main-button:last-child {
        margin-top: 20px;
    }
}
@media (min-width: 1200px) {
    .hero-text {
        max-width: 33%;
        font-size: 15px;
    }
}

/* Scroll Indicator */
.hero-box .scroll-ind {
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: 2%;
    left: 0;
    right: 0;
    margin: auto;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    cursor: pointer;
    -webkit-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
    -webkit-animation: bounce 1.2s infinite ease;
            animation: bounce 1.2s infinite ease;
}
@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: translate(0, 0) rotateZ(45deg);
        transform: translate(0, 0) rotateZ(45deg);
    }
    50% {
        -webkit-transform: translate(0, -15px) rotateZ(45deg);
        transform: translate(0, -15px) rotateZ(45deg);
    }
}
@keyframes bounce {
    0%, 100% {
        -webkit-transform: translate(0, 0) rotateZ(45deg);
                transform: translate(0, 0) rotateZ(45deg);
    }
    50% {
        -webkit-transform: translate(0, -15px) rotateZ(45deg);
                transform: translate(0, -15px) rotateZ(45deg);
    }
}

/**************************************
Footer
***************************************/
footer {
    width: 100%;
    clear: both;
    margin-bottom: 0px;
    display: block;
    text-align: center;
    position: relative;
}
.reg-bar {
    background: #202020;
    border-top: #ed1c24 6px solid;
    border-bottom: #444 1px solid;
    line-height: 0;
}
.reg-address {
    display: inline-block;
    margin: 0;
    padding: 0;
    padding: 30px 0;
    line-height: 0;
}
.reg-address section {
    float: none;
    text-align: center;
    color: #dddddd;
    font-size: 12px;
    line-height: 20px;
}
.reg-address section i {
    font-style: normal;
    letter-spacing: 0.7px;
    font-size: 14px;
}
.reg-address section h3 {
    font-size: 14px;
    margin: 0;
}
.reg-address section:last-child {
    margin-top: 5px;
}
.reg-address section:first-child {
    margin-bottom: 5px;
}
@media (min-width: 640px) {
    .reg-address section {
        font-size: 13px;
        line-height: 22px;
    }
    .reg-address section i {
        font-size: 15px;
    }
    .reg-address section h3 {
        font-size: 15px;
    }
}
@media (min-width: 992px) {
    .reg-address section {
        display: table;
        float: right;
        text-align: right;
        margin-left: 25px;
        padding-left: 25px;
        height: 69px;
        font-size: 13px;
        line-height: 0;
    }
    .reg-address section p {
        line-height: 22px;
    }
    .reg-address section span {
        display: table-cell;
        vertical-align: middle;
    }
    .reg-address section h3 {
        font-size: 15px;
        line-height: 22px;
    }
    .reg-address section:last-child {
        border-left: none;
        margin-top: 0;
        margin-left: 0;
        padding-left: 0;
    }
    .reg-address section:first-child {
        border-left: none;
        margin-bottom: 0;
        margin-left: 0;
        padding-left: 15px;
    }
}
@media (min-width: 1200px) {
    .reg-address section {
        margin-left: 40px;
        padding-left: 40px;
    }
    .reg-address section:first-child {
        padding-left: 20px;
    }
}

/* Map Bar */
.map-bar {
    background: #333333;
    width: 100%;
}
.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
    display:none;
}
.gmnoprint div {
    background:none !important;
}
#map {
    height: 100%;
}
.map-container {
    height: 300px;
    width: 100%;
}
@media (min-width: 768px) {
    .map-container {
        height: 400px;
    }
}

/* Footer Credit */
.footer-credit {
    width: 100%;
    clear: both;
    padding: 15px 0;
    border-top: #444 1px solid;
    background: #202020;
    color: #999;
    font-size: 11px;
    line-height: 1.8;
}
.footer-credit-en {
    direction: ltr;
    font-size: 12px;
}

/**************************************
 Sprite Icons
 **************************************/
.sprite-social {
    background: transparent url('../images/sprites.png') no-repeat;
    height: 40px;
    width: 40px;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 4px;
    vertical-align: middle;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition:    opacity 0.3s;
    -o-transition:      opacity 0.3s;
}
.sprite-social:hover { opacity: 0.7; }
.icon-facebook { background-position: -48px 0px; }
.icon-twitter { background-position: -48px -40px; }
.icon-google { background-position: -48px -80px; }
.icon-instagram { background-position: -48px -120px; }
.icon-linkedin { background-position: -48px -160px; }
.icon-pintrest { background-position: -48px -200px; }
.icon-telegram { background-position: -48px -240px; }
.icon-behance { background-position: -48px -280px; }
.icon-email { background-position: -48px -320px; }

/**************************************
 Button
 **************************************/
.main-button {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    border: 1px solid #888;
    background-color: transparent;
    color: #555;
    font-size: 13px;
    padding: 7px 12px 8px 12px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.main-button:hover {
    background-color: #ed1c24;
    border-color: transparent;
    color: #FFFFFF;
}
.main-button:active {
    position: relative;
    top: 1px;
}

/**************************************
 Portfolio Sneak
***************************************/
.portfolio-sneak-bar {
    width: 100%;
    padding: 15px 0;
    background-color: #ED1C24;
    border-top: 1px #444 solid;
    text-align: center;
}
.portfolio-sneak-bar h3 {
    font-size: 17px;
    font-weight: bold;
    color: #EEEEEE;
    line-height: 1.5;
    margin: 0px;
}
@media (min-width: 768px) {
    .portfolio-sneak-bar h3 {
        font-size: 20px;
    }
}
@media (min-width: 992px) {
    .portfolio-sneak-bar h3 {
        font-size: 22px;
    }
}
.portfolio-sneak {
    width: 100%;
    line-height: 0;
    background-color: #ffffff;
}
.portfolio-sneak a {
    display: inline-block;
    position: relative;
    width: 50%;
    overflow: hidden;
    border-bottom: none !important;
}
@media (min-width: 768px) {
    .portfolio-sneak a {
        width: 33.33333333%;
    }
}
@media (min-width: 992px) {
    .portfolio-sneak a {
        width: 25%;
    }
}
.portfolio-sneak img {
    width: 100%;
}
.portfolio-sneak a:hover .portfolio-preiew-overlay {
    opacity: 1;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.portfolio-preiew-overlay {
    position: absolute;
    z-index: 2;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.80);
    opacity: 0;
    -webkit-transition: all 0.3s;
            transition: all 0.3s;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
.portfolio-preiew-overlay span {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}
.portfolio-preiew-overlay p {
    position: absolute;
    width: 90%;
    padding: 5px;
    border-radius: 3px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    color: #ffffff;
}
@media (min-width: 768px) {
    .portfolio-preiew-overlay span p {
        font-size: 12px;
    }
}
@media (min-width: 992px) {
    .portfolio-preiew-overlay span p {
        font-size: 13px;
    }
}

/**************************************
 Customer Show Band
 **************************************/
.customer-show-band {
    line-height: 0;
    padding: 45px 0;
    border-top: 6px #d5d5d5 solid;
    background-color: #f2f2f2;
    text-align: center;
}
.customer-show-band h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 0;
    color: #555;
    margin-top: 0px;
    margin-bottom: 24px;
}
.customer-show-band p {
    color: #666;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 5px;
}
@media (min-width: 768px) {
    .customer-show-band {
        padding: 45px 0 30px 0 ;
    }
    .customer-show-band h3 {
        font-size: 21px;
    }
    .customer-show-band p {
        font-size: 13px;
    }
}
@media (min-width: 992px) {
    .customer-show-band {
        padding: 55px 0 40px 0 ;
    }
    .customer-show-band h3 {
        font-size: 23px;
    }
    .customer-show-band p {
        font-size: 14px;
    }
}
.customer-show-band img {
    opacity: 0.8;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.customer-show-band a:hover img {
    opacity: 1;
}
.customer-show-band img {
    width: 100%;
    max-width: 120px;
}

/**************************************
 Page
 **************************************/
.page-main-div {
    line-height: 1.8;
    padding-top: 25px;
    padding-bottom: 30px;
}
.page-main-div h1 {
    color: #ED1C24;
}
.page-main-div a {
    text-decoration: none;
    color: #888;
    border-bottom: 1px #CCCCCC dotted;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.page-main-div a:hover {
    color: #ED1C24;
    border-bottom: none;
}
.page-main-div p,
.page-main-div ul,
.page-main-div ol {
    margin: 15px auto;
}
.page-main-div ul,
.page-main-div ol {
    padding-right: 20px;
    line-height: 2;
    list-style: none;
}
.page-main-div ul li {
    position: relative;
    padding-right: 15px;
}
.page-main-div ul li:before {
    content: "";
    display: block;
    background-color: #ED1C24;
    position: absolute;
    right: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
}
.page-main-div img {
    max-width: 100%;
}
.page-main-div table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}
.page-main-div td,
.page-main-div th {
    padding: 4px 6px;
    vertical-align: top;
    border: #EEEEEE 1px solid;
}
.page-main-div th {
    background-color: #FFFFFF;
    border-bottom: 3px #ED1C24 solid;
    color: #ED1C24;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
.page-main-div tr:nth-child(even) {
    background-color: #f6f6f6;
}
table.center-cell td {
    vertical-align: middle;
    text-align: center;
}
table.vcenter-cell td {
    vertical-align: middle;
}

/**************************************
 Content Detail Information
 **************************************/
.detail-wrap {
    margin-top: -15px;
}
.detail-wrap span {
    display: inline-block;
    border-left: 1px #DDDDDD solid;
    padding-left: 10px;
    margin-left: 10px;
    color: #888888;
}
.detail-wrap span:last-child {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}
.detail-wrap a {
    border-bottom: none;
}
.detail-img {
    display: block;
    margin: 20px auto;
    line-height: 0;
    padding: 4px;
    border-radius: 3px;
    border: 1px #dddddd solid;
}

/**************************************
 Page Form Elements
***************************************/
.page-main-div label {
    display: block;
    padding: 5px 0;
}
.page-main-div label > span {
    font-size: 20px;
}
.page-main-div input,
.page-main-div select,
.page-main-div textarea {
    width: 100% !important;
    padding: 5px 8px !important;
    border-radius: 3px;
    outline: none;
    background-color: #ffffff;
    border: 1px #dddddd solid;
    color:  #888888;
    line-height: normal;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
.page-main-div input:focus,
.page-main-div select:focus,
.page-main-div textarea:focus,
.page-main-div input:active,
.page-main-div select:active,
.page-main-div textarea:active {
    border: 1px #c5c5c5 solid;
    background-color: #f9f9f9;
}
.page-main-div textarea {
    height: 150px !important;
}
.page-main-div input[type=submit] {
    outline: none;
    cursor: pointer;
    margin-top: 15px;
    border: 1px solid;
    width: 100%;
    background-color: #ed1c24;
    border-color: transparent;
    color: #FFFFFF;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
.page-main-div input[type=submit]:hover {
    background-color: #EEEEEE;
    border-color: #CCCCCC;
    color: #ed1c24;
}
.g-recaptcha div {
    text-align: center !important;
    margin: 0px auto !important;
    float: none !important;
}
.error-message,
.success-message {
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
}
.error-message {
    background-color: #DDDDDD;
    color: #666 !important;
}
.success-message {
    background-color: #f9f9f9;
    color: #ED1C24 !important;
}

/**************************************
 Override WP Styles
 **************************************/
img.alignnone {
    float: none !important;
    margin: 3px;
    max-width: 100%;
    width: auto !important;
    height: auto !important;
}
img.aligncenter,
img.alignleft,
img.alignright {
    float: none !important;
    margin: 15px auto;
    display: block;
    max-width: 100%;
    width: auto !important;
    height: auto !important;
}
@media (min-width: 768px) {
    img.alignleft {
        float: left !important;
        margin: 10px 15px !important;
        margin-left: 0px !important;
    }
    img.alignright {
        float: right !important;
        margin: 10px 15px !important;
        margin-right: 0px !important;
    }
}
.wp-caption {
    background-color: #f0f0f0;
    padding: 0 !important;
    border-radius: 3px;
    width: auto !important;
    max-width: 100%;
    display: table !important;
    line-height: 0 !important;
}
.wp-caption.aligncenter,
.wp-caption.alignnone,
.wp-caption.alignright,
.wp-caption.alignleft {
    margin: 15px auto !important;
}
@media (min-width: 768px) {
    .wp-caption.alignnone {
        display: inline-block !important;
        margin: 2px !important;
    }
    .wp-caption.alignright {
        float: right !important;
        margin: 10px 15px !important;
        margin-right: 0px !important;
    }
    .wp-caption.alignleft {
        float: left !important;
        margin: 10px 15px !important;
        margin-left: 0px !important;
    }
}
.wp-caption img {
    padding: 0px !important;
    margin: 0px !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    border-radius: 3px 3px 0 0 ;
}
.wp-caption p {
    font-size: 11px;
    line-height: 1.8;
    text-align: center;
    padding-top: 0px;
    padding: 0 !important;
    margin: 10px 5px;
    color: #666666;
}

/**************************************
Photo Gallery
***************************************/
.gallery-photo {
    text-align: center;
}
.gallery-photo a {
    border: none;
}
.gallery-photo section {
    padding: 2px;
    line-height: 0;
    overflow: hidden;
}
.gallery-photo img {
    width: 100%;
    line-height: 0;
    border: 1px #eeeeee solid;
}
.gallery-photo .thumb {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.gallery-photo-preiew-overlay {
    position: absolute;
    z-index: 2;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 400px;
    opacity: 0;
    -webkit-transition: all 0.3s;
            transition: all 0.3s;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
}
.gallery-photo .thumb:hover .gallery-photo-preiew-overlay {
    opacity: 1;
    width: 100%;
    height: 100%;
    border-radius: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.gallery-photo-preiew-overlay span {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}
.gallery-photo-preiew-overlay span img {
    position: absolute;
    background: url('../images/sprites.png') 0px -48px no-repeat;
    height: 24px;
    width: 24px;
    overflow: hidden;
    border: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.fancybox-bg {
    background: rgba(0,0,0,0.90);
}
.fancybox-is-open .fancybox-bg {
    opacity: 1;
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
    direction: rtl;
}
.fancybox-infobar__body {
    font-family: 'IranSans', Tahoma, sans-serif;
}
.fancybox-caption-wrap {
    text-align: center;
    padding: 15px;
    background: #ED1C24;
}
.fancybox-caption {
    padding: 0;
    border-top: none;
    font-size: 13px;
    font-family: 'IranSans', Tahoma, sans-serif;
    color: #EEEEEE;
    line-height: 20px;
}

/**************************************
 Attached Files
***************************************/
a.files-related {
    display: block;
    position: relative;
    border-bottom: none;
    background-color: #f5f5f5;
    color: #ED1C24;
    border-radius: 3px;
    padding: 8px 43px 8px 10px;
    -webkit-transition: all 0.3s;
            transition: all 0.3s;
}
a.files-related:hover {
    background-color: #ED1C24;
    color: #ffffff;
}
a.files-related img {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 10px;
}

/**************************************
 Related Articles
***************************************/
.articles-related {
    text-align: right;
    margin-bottom: 5px;
}
.articles-related a {
    display: block !important;
    border-radius: 3px;
    padding: 10px 15px;
    background-color: #f6f6f6;
    background-color: #f9f9f9;
    border: 1px #EEEEEE solid;
    width: 100%;
    height: 100%;
    color: #777;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.articles-related a:hover {
    background-color: #FFFFFF;
    border: 1px #e5e5e5 solid;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

/**************************************
 Categories
***************************************/
.article-cats li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
}
.article-cats {
    background-color: #f5f5f5;
    border-radius: 3px;
    width: 100%;
    margin: 0;
    padding: 6px;
    line-height: 0;
}
.article-cats a {
    display: inline-block;
    overflow: hidden;
    line-height: 1;
    text-align: center;
    background-color: #FFFFFF;
    border-bottom: none;
    border: 1px #DDDDDD solid !important;
    border-radius: 3px;
    margin: 2px 2px;
    padding: 8px 2px;
    width: calc(100% / 2 - 4px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media (min-width: 480px) {
    .article-cats a {
        width: calc(100% / 4 - 4px);
    }
}
@media (min-width: 768px) {
    .article-cats a {
        width: calc(100% / 5 - 4px);
    }
}
@media (min-width: 992px) {
    .article-cats a {
        width: calc(100% / 6 - 4px);
    }
}
.article-cats a:hover {
    color: #ED1C24;
    border-bottom: none;
    border: 1px #BBBBBB solid;
}
.article-cats .current-cat a {
    background-color: #ED1C24;
    color: #FFFFFF;
    border: 1px #ED1C24 solid;
}

/**************************************
Post Pagination
***************************************/
.page-numbers,
.page-numbers:hover,
.page-numbers:focus {
    border: none !important;
}
.page-numbers {
    display: inline-block;
    text-align: center;
    font-size: 11px;
    line-height: 11px;
    padding: 10px 12px;
    margin: 3px 1px;
    border-radius: 3px;
    outline: none;
    border: 1px #DDDDDD solid !important;
    background-color: #FFFFFF;
    color: #888888 !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media (min-width: 768px) {
    .page-numbers {
        font-size: 12px;
        line-height: 12px;
    }
}
.page-numbers:hover,
.page-numbers:focus {
    border: 1px #CCCCCC solid !important;
    background: #EEEEEE !important;
    color: #ED1C24 !important;
}
.current.page-numbers  {
    border: 1px #ED1C24 solid !important;
    background-color: #ED1C24 !important;
    color: #FFFFFF !important;
    cursor: pointer;
}

/**************************************
 Article Archives
 **************************************/
.article-arch-item {
    position: relative;
    overflow: hidden;
    height: auto;
    text-align: right;
    border: 1px #e5e5e5 solid;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 15px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.articles-arch a {
    height: 100%;
    width: 100%;
}
.article-arch-item img {
    width: 100%;
    border-radius: 3px 3px 0 0;
    border: 12px #FFFFFF solid;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.article-arch-item h4 {
    line-height: 1.5;
    margin: 0px 12px 5px 12px;
    color: #666666;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.article-arch-item p {
    margin: 0 12px 12px 12px;
    line-height: 1.7;
    color: #999999;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.article-arch-item span {
    margin: 0 12px;
}
.articles-arch a:hover h4 {
    color: #ED1C24;
}
.articles-arch a:hover p {
    color: #666666;
}
.articles-arch a:hover img {
    opacity: 0.8;
}
.articles-arch a:hover .article-arch-item {
    border: 1px #dddddd solid;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
@media (min-width: 480px) {
    .article-arch-item {
        height: 420px;
    }
    .article-arch-item:after {
        content: "";
        display: block;
        position: absolute;
        height: 12px;
        width: 100%;
        background-color: #FFFFFF;
        z-index: 2;
        bottom: 0;
    }
}