/*
    Created on : Jun 15, 2020, 3:28:00 PM
    Updated on : Jun 15, 2020, 4:13:42 PM
    Author     : Morteza Fard Saffari
*/

@import"fonts.css";
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
html{width:100%;height:100%}
body{line-height:1;background:#fff;font:14px IRANSansWeb,sans-serif; width:100%;height:100%;background:none repeat scroll 0 0 #fff}
.col-form-legend{font-size:14px;padding-top:0;padding-bottom:0}
a{text-decoration:none}
a:focus,a:hover{text-decoration:none;outline:0}
.vertical-center {margin: 0 auto;position: relative;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);}
.header .top-bar{height:110px;background-color:#ffffff;}
.header .top-bar .social-buttons { width: 100%; height: 100%; display: block; list-style: none; }
.header .top-bar .social-buttons li { display: inline-block; padding: 0 5px; height: 100%; }
.header .top-bar .social-buttons li a { color: #484848; font-size: 1.2rem; }
.header .top-bar .social-buttons li a:hover { color: #000; }
.header .top-bar .contact-details {color: #484848;}
.header .top-bar .contact-details .icon {display: inline-block; font-size: 1.7rem; position: relative;top: -5px; padding: 0 15px;}
.header .top-bar .contact-details .details {display: inline-block}
.header .bottom-bar{height:60px;background-color:#031e2b;padding:5px;}
.header .bottom-bar .user-actions{font-size:1rem;}
.header .bottom-bar .user-actions .login{color:#f1eb1a; margin: 0 5px;transition: font-size 1s; line-height: 0;}
.header .bottom-bar .user-actions .login:hover{font-size: 1.3rem; line-height: 0}
.header .bottom-bar .user-actions .register{color:#fff; transition: font-size 1s; line-height: 0}
.header .bottom-bar .user-actions .register:hover{font-size: 1.3rem; line-height: 0}
.header .bottom-bar .user-actions .register i{padding:0 5px;position:relative;top:3px;color:#fff;font-size:1.3rem;line-height:0}
.header .bottom-bar .top-menu ul li { padding: 0.9rem 0.6rem; display: inline-block; color: #fff;}
.header .bottom-bar .top-menu ul li:first-child { padding-left:0; }
.header .bottom-bar #show-menu { top: 0; margin-right: 0;}
html[dir=rtl] .header .bottom-bar .top-menu ul li:first-child { padding-right:0; }
.header .bottom-bar .top-menu ul li:last-child { padding-right:0; }
html[dir=rtl] .header .bottom-bar .top-menu ul li:last-child { padding-left:0; }
.header .bottom-bar .top-menu ul li i { margin-right: 5px; }
html[dir=rtl] .header .bottom-bar .top-menu ul li i {  margin-right: 0; margin-left: 5px; }
.header .bottom-bar .top-menu ul li a { padding: 0; color: #fff; transition: font-size 1s; line-height: 0}
.header .bottom-bar .top-menu ul li a:hover {font-size: 1.1rem; line-height: 0}.header .bottom-bar .top-menu .mobile-view ul li { color: #031e2b;}
.header .bottom-bar .top-menu .mobile-view ul li a { padding: 0; color: #031e2b; transition: font-size 1s; line-height: 0}
.header .bottom-bar .top-menu .mobile-view ul li.active a {background-color:#f30541;color:#fff}
.header .header-slider { min-height: 400px;background-color:#031e2b;}
#features { padding: 3rem 0; min-height: 1000px; }
#features .section-head { padding: 3rem 1rem; }
#features .section-head .head-title { font-size: 2.3rem; font-weight: bold; color: #3b0d70; margin-bottom: 1rem; }
#features .section-head .head-description { font-size: 1rem; color: #545257; }
#features .feature-description { text-align: justify;font-size: 1rem; }
#features .feature-description ul {padding: 1rem 1.8rem;list-style-type: square;}
#features .features-col .feature-box { padding: 2rem; text-align: center; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 0 10px #e7d9d7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 2rem}
#features .features-col .feature-box .icon {padding: 1rem; background-color: #fff0ed; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 2rem; line-height: 0; color: #ffcd39; margin-bottom: 1rem;}
#features .features-col .feature-box .title { font-weight: bold; font-size: 1rem; color: #6027a6; }
#news {background-color: #fbfbfb; }
#news { padding: 5rem 0; overflow: hidden; }
#news .post-author { color: #fff; }
#news .title { width: 100%;}
#news .carousel-item {padding: 1rem;}
#news .blog-item-inner { display: block; height: 500px; background-color: #ffffff; box-shadow: 0 0 10px #e7d9d7;-webkit-border-radius: 0.25rem;-moz-border-radius: 0.25rem;border-radius: 0.25rem;}
#news .details {padding: 1rem; }
#news .post-short-description {color: rgba(255,255,255,0.9);  font-size: 0.85rem; text-align: justify; margin-bottom: 0.5rem }
#news .details .post-thumbnail img { border-radius: 0; }
#news .section-title { width: 100%; font-size: 2.3rem; font-weight: bold; color: #031e2b; text-align: center; margin-bottom: 1rem; }
#news .section-description { width: 100%;font-weight: bold; color: #545257; text-align: center; margin-bottom: 4rem; }
#news .post-thumbnail { width: 100%; }
#news .post-thumbnail img { width: 100%; -webkit-border-radius: 0.25rem 0.25rem 0 0; -moz-border-radius: 0.25rem 0.25rem 0 0; border-radius: 0.25rem 0.25rem 0 0; }
#news .post-title h3 { width: 100%; color: #ffffff; font-size: 1.2rem; font-weight: bold; margin: 0.7rem 0; }
#news .post-date { font-size: 0.8rem; color: #dedede; }
#news .blog-item-inner:hover {background: none #031e2b !important;}
#news .carousel-indicators { bottom: -7%; }
#news .carousel-indicators li { background-color: #031e2b; }
#news .carousel-control-prev { left: -3.5%; }
#news .carousel-control-next { right: -3.5%; }
#news .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); }
#news .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); }
#articles { padding: 5rem 0; overflow: hidden; }
.articles-background { width: 100%; height: 300px; background: url("../images/lines-pattern.png") repeat-x bottom right #031e2b; position: absolute; margin: 0 -15px; z-index: -1; }
#articles .blog-item-inner { background-color: #fff; box-shadow: 0 0 10px #636364; padding: 0.4rem; margin: 1rem 0; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; }
#articles .title { width: 100%; margin: 0 auto;}
#articles .title h2 { width: 100%; font-size: 2.3rem; font-weight: bold; color: #ffffff; margin-bottom: 4rem; }
#articles .post-thumbnail { width: 100%; }
#articles .post-thumbnail img { width: 100%; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; }
#articles .post-category a { width: 100%; color: #f30541; font-size: 1rem; font-weight: 800; margin: 0.25rem 0; display: block;  }
#articles .post-title a h3 { width: 100%; color: #000000; font-size: 1.2rem; font-weight: bold; margin: 0.75rem 0; }
#articles .post-author { font-size: 0.8rem; display: inline-block; width: 48%; }
#articles .post-date { font-size: 0.8rem; color: #545257; display: inline-block; width: 48%; text-align: left }
#articles .carousel-indicators { bottom: -7%; }
#articles .carousel-indicators li { background-color: #031e2b; padding: 0.1rem;}
#articles .carousel-control-prev { left: -3.5%;}
#articles .carousel-control-next { right: -3.5%; }
#articles .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23031e2b' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); }
#articles .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23031e2b' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); }
#interviews { min-height: 400px; background-color: #f1eb1a; padding: 4rem 0 5rem}
#interviews .carousel { overflow: hidden;}
#interviews .title { width: 100%; text-align: center;}
#interviews .title h2 { width: 100%; font-size: 2.3rem; font-weight: bold; color: #031e2b; margin: 0 0 4rem; }
#interviews .blog-item-inner {width: 100%;display: block;text-align: center; position: relative; }
#interviews .blog-item-inner img {width: 100%;height: 100%;}
#interviews .blog-item-inner .overall {width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);z-index: 1; display: block;position: absolute; top: 0;direction: ltr; opacity: 0;}
#interviews .blog-item-inner .overall:hover {transition: opacity 500ms; opacity: 1;}
#interviews .blog-item-inner .overall span {top: 40%; color: #ffffff;font-size: 1rem;font-weight: 800;}
#interviews .carousel-indicators { bottom: -7%; }
#interviews .carousel-indicators li { background-color: #031e2b; }
#interviews .carousel-control-prev { left: -3.5%; }
#interviews .carousel-control-next { right: -3.5%; }
#interviews .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f031e2b' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); }
#interviews .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f031e2b' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); }

#statistics { padding: 5rem 0; }
#statistics .statistics-boxes { margin-top: -9rem; }
#statistics .statistics-boxes .statistic-box .statistic-box-inner { padding: 2rem; background-color: #fff; box-shadow: 0 0 10px #e7d9d7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 2rem }
#statistics .statistics-boxes .statistic-box .statistic-box-inner .icon { padding: 0.8rem; background-color: #fff0ed; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 1.4rem; line-height: 0; color: #3b0d70; margin-bottom: 1rem; }
#statistics .statistics-boxes .statistic-box .statistic-box-inner .count { font-size: 1.3rem; font-weight: bold; color: #fd460d; }
#statistics .statistics-boxes .statistic-box .statistic-box-inner .title { font-size: 1.3rem; font-weight: bold; color: #3b0d70; }
#statistics .statistics-boxes .statistic-box .statistic-box-inner .description { font-size: 1rem; color: #545257; }
#statistics .module-content { margin: 4rem 0; }
#statistics .module-content h2 { font-size: 2.3rem; font-weight: bold; color: #3b0d70; margin-bottom: 1rem; }
#statistics .module-content p { font-size: 1rem; color: #545257; }
#statistics .module-content ul { margin: 1rem 0 }
#statistics .module-content ul li { font-size: 1.3rem; color: #3b0d70; }
#statistics .module-content ul li:before { margin-right: 1rem; content: "\f058"; font-family: "Font Awesome 5 Pro"; color: #f30541; }
#clients .module-content { margin: 2rem 0; }
#clients .module-content h2 { font-size: 2.3rem; font-weight: bold; color: #3b0d70; margin-bottom: 1rem; }
#clients .module-content p { font-size: 1rem; color: #545257; }
#feedback h2 { font-size: 2.3rem; font-weight: bold; color: #3b0d70; margin-bottom: 1rem; text-align: center; margin-top: 3rem; }
#feedback { background-color: #f30541; height: 600px; }
#feedback .quote-icon { width: 100%; text-align: center; font-size: 3.5rem; padding: 3rem 0; color: #fff; }
#feedback .carousel-testimonial { height: 100%; }
#feedback .carousel-testimonial .carousel-item { text-align: center; }
#feedback .carousel-testimonial .carousel-item .comment { font-size: 0.95rem; padding: 20px; color: #fff; text-align: justify; }
#feedback .carousel-testimonial .carousel-item .client { font-size: 1.4rem; padding: 20px; color: #ffffff; }
#feedback .carousel-testimonial .carousel-item .links { font-size: 1.4rem; padding: 20px; }
#feedback .carousel-testimonial .carousel-item .links a { padding: 15px 20px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; font-size: 1.2rem; cursor: pointer; }
#faq .title { font-size: 2.3rem; font-weight: bold; color: #3b0d70; margin-bottom: 1rem; }
#faq .description { font-size: 1rem; color: #545257; }
#faq .faq-question { background-color: #ede7f3; padding: 4rem; }
#faq .faq-question #accordion { padding: 3rem 0 0; }
#faq .faq-question #accordion .card { margin-bottom: 1rem; border-radius: 5px; }
#faq .faq-question #accordion .card .card-header { padding: 0; font-size: 1rem; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 0; color: #3b0d70; cursor: pointer; }
#faq .faq-question #accordion .card .card-header.readmore { background-color: #f30541; }
#faq .faq-question #accordion .card .card-header.readmore:hover { background-color: #dc063c; }
#faq .faq-question #accordion .card .card-header.readmore a { color: #fff; }
#faq .faq-question #accordion .card .card-header h3 { padding: 1rem 1.25rem; }
#faq .faq-question #accordion .card .card-header i { margin-right: 10px; }
#faq .faq-question #accordion .card .card-body { border-top: 1px solid rgba(0,0,0,.125); background-color: #f7f7f7; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}
#faq .form-container { background-color: #031e2b; color: #fff; }
#faq .form-container { background-color: #031e2b; color: #fff; padding: 1rem 0;}
.footer { background-color: #031e2b; color: #fff; overflow: hidden; margin-top: 1rem }
.footer .top-footer .column-1 > div { padding: 0 1rem 0 2rem }
.footer .top-footer .footer-cols { padding: 0 1rem 0 2rem }
.footer .top-footer .contact-information { padding: 1rem 0; font-size: 1rem; }
.footer .top-footer { padding: 3rem 0 1rem 0; }
.footer .top-footer .logo { width: 100%; }
.footer .top-footer .logo img { width: 50%; }
.footer .top-footer .social-buttons { width: 100%; height: 100%; display: block; list-style: none; }
.footer .top-footer .social-buttons li { display: inline-block; padding: 5px; height: 100%; }
.footer .top-footer .social-buttons li a { color: #ccc; font-size: 1.2rem; }
.footer .top-footer .social-buttons li a:hover { color: #fff; }
.footer .bottom-footer {text-align: center }
.footer .bottom-footer .copyright { color: #fff; font-size: 0.9rem; }
.footer .bottom-footer { background-color: #021822; padding: 1rem 0; }
.footer .bottom-footer .design-copyright { font-size: 0.8rem; color: #ccc; }
.footer .bottom-footer .design-copyright a { color: #ccc; }
.footer .bottom-footer .design-copyright a:hover { color: #fff; }
.footer .top-footer h3 { margin-bottom: 2rem; font-size: 1.3rem; font-weight: bold; }
.footer .top-footer .footer-cols ul li { margin: 1rem 0; font-size: 1.1rem; }
.footer .top-footer .footer-cols ul li a { margin: 1rem 0; font-size: 1.1rem; color: #fce3e9; }
.h_iframe-aparat_embed_frame{width: 100%; text-align: center;}
.h_iframe-aparat_embed_frame iframe { width: 80%; min-height: 500px; }

@media (max-width: 433px)
{
    .header .top-bar { height: auto; }
    .header .bottom-bar { height: auto; }
    .header .bottom-bar .user-actions { text-align: left; }
    .header .bottom-bar .user-actions .register {margin: 5px; display: block;}
    .header .language-switcher {text-align: center; }
}
@media (max-width: 575px)
{
    .header .bottom-bar { height: auto; }
    #news .blog-item-inner {height: 400px;}
}
@media (min-width: 434px ) AND (max-width: 767px)
{
    .header .top-bar { height: auto; }
    .header .top-bar .logo { width: 50%; }
    .header .bottom-bar .user-actions { text-align: left; }
    .header .bottom-bar { height: auto; }
    #articles .title {text-align: center }
}
@media (max-width: 767px)
{
    #articles .title {text-align: center }
    #articles .title h2 { font-size: 1.7rem;}
    .footer .top-footer .footer-cols { text-align: center; }
}
@media (max-width: 1158px)
{
    .header .top-bar .contact-details .details {font-size: 0.79rem;}
    .header .bottom-bar { height: auto; }
}
@media (min-width: 768px)
{
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}


/* Other */
.error-popup
{
    background-color: #D6D7D9;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    height: 150px;
    display: none;
    opacity: 0;
    position: fixed;
    top: 40%;
    width: 100%;
    z-index: 99999;
}
.error-popup .massage
{
    font-size: 25px;
    position: absolute;
    right: 100px;
    top: 25%;
}
.error-popup .answer-btn-group
{
    font-size: 25px;
    position: absolute;
    left: 100px;
    bottom: 20%;
    opacity: 1 !important;
}
.error-popup .answer-btn-group .btn
{
    padding: 6px 30px;
    margin-right: 5px;
}
#mask
{
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    display: none;
}
.loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -60px 0 0 -60px;
    background: #fff;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 10px solid #007BFF;
    text-align: center;
    line-height: 80px;
}
.loading:before {
    content: '';
    background-color: #FFF;
    width: 140%;
    height: 140%;
    position: absolute;
    border-radius: 100%;
    top: -20%;
    left: -20%;
    opacity: 0.7;
    border: 1px solid rgba(0, 123, 255, 1);

}
.loading:after {
    content: '';
    background: transparent;
    width: 140%;
    height: 15px;
    position: absolute;
    top: 41%;
    left: -20%;
    opacity: 0.7;
    border-left: 7px solid rgba(0, 123, 255, 1);
    animation: rotate 3s infinite linear;
}

@keyframes rotate {
    0% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}
.loading_progress{ display: none; width: 100%; height: 100%; position:fixed; top: 0; left: 0;  right: 0; z-index: 100000; text-align: center; background: rgba(0,0,0,0.22)}
.load-wrapp { position: relative; top: 45%; text-align: center; width: 100px; height: 100px; margin: 0 auto; z-index: 100001; }
.load-wrapp p {padding: 0 0 20px; color: #FFF; font-weight: bold; }
.line { display: inline-block; width: 15px; height: 15px; border-radius: 15px; background-color: #FFF; box-shadow: 0px -2px 0px inset #a7a7a7; }
.load-3 .line:nth-last-child(1) {animation: loadingC .6s .1s linear infinite;}
.load-3 .line:nth-last-child(2) {animation: loadingC .6s .2s linear infinite;}
.load-3 .line:nth-last-child(3) {animation: loadingC .6s .3s linear infinite;}
@keyframes loadingC {
    0% {
        transform: translate(0,0);
    }
    50% {
        transform: translate(0,15px);
    }
    100% {
        transform: translate(0,0);
    }
}
/*

#ttloadingmask {
    width: 250px;
    height: 250px;
    color: white;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    border: 5px solid transparent;
    border-radius: 50%;
    -webkit-animation: borderScale 1s infinite ease-in-out;
    animation: borderScale 1s infinite ease-in-out;
}

#ttloadingmask #logo {
    font-family: sans-serif;
    font-weight: bold;
    font-size: 2em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    text-align: center;

}
#ttloadingmask #logo img
{
    width: 70%;
}
@-webkit-keyframes borderScale {
    0% {
        border: 5px solid transparent;
    }
    50% {
        border: 25px solid transparent;
    }
    100% {
        border: 5px solid transparent;
    }
}

@keyframes borderScale {
    0% {
        border: 5px solid transparent;
    }
    50% {
        border: 25px solid transparent;
    }
    100% {
        border: 5px solid transparent;
    }
}

*/