@charset "UTF-8";
/*
Theme Name: arad 2021
Theme URI: https://aradbranding.com
Author: reza
Author URI: https://aradbranding.com
Description: 
Version: 2.5.0
License URI : http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: AradBranding
*/

@import "assets/css/reset.css";
body,html,input,button,select,textarea{font-weight:400;font-size:15px}
.rtl strong{
    font-family:IRANBold !important;
}
h2, h3, h4, h5, h6, h2 a, h3 a, h4 a, h5 a, h6 a, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font: 20px/36px lato;
}
.rtl h2,.rtl h3,.rtl h4,.rtl h5,.rtl h6,.rtl h2 a,.rtl h3 a,.rtl h4 a,.rtl h5 a,.rtl h6 a,.rtl h2 strong,.rtl h3 strong,.rtl h4 strong,.rtl h5 strong,.rtl h6 strong {
    font: 20px/36px IRANSans;
	letter-spacing:0 !important;
}
strong{
    font-family:Roboto !important;
}
.gform_body div input {
    margin-right: 0;
    margin-left: 0;
    width: 100% !important;
}
input[type=submit]{-webkit-appearance: none;border-radius: 0;}
.bypostauthor,.wp-caption-text ,.sticky,.screen-reader-text,.gallery-caption,.wp-caption{font-size: 90%;}
.alignright,.alignleft,.aligncenter{font-size: 100%;}
#back404{display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
align-items: center;
padding: 100px 0;
height: 700px;
background-image: linear-gradient( 171.8deg, rgba(5,111,146,1) 13.5%, rgba(6,57,84,1) 78.6% );}
#head404{font-size: 50px;
color: cornflowerblue;}
#text404{font-size: 20px;
margin-top: 50px;
color: white;}
.aradheader,#orginalmenu .sub-menu{opacity:0.95}
/*****************************************header**********************************************/
.fa.fa-search {     font-size: 100% !important;     padding: 0 10px; }
menu-call-to-action.btn a {
    color: white !important;
}
.rtl .header-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    height: 100%;
    padding:0 20px;
}
.header-container {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-content: center;
    height: 100%;
    padding:0 20px;
}
.rtl .header-child.header-menu {
    display: flex;
    flex: 0 0 34%;
    flex-direction: row;
    height: 100%;
    align-items: center;
    align-self: center;
}
.header-child.header-menu {
    display: flex;
    flex: 0 0 34%;
    flex-direction: row-reverse;
    height: 100%;
    align-items: center;
    align-self: center;
}
.header-container.orginal.right-menu .header-child.header-menu {
    display: flex;
    flex: 0 0 34%;
    flex-direction: row;
    height: 100%;
    align-items: center;
    align-self: center;
}
.header-child.header-bottun {
    display: flex;
    flex: 0 0 33%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.header-child.header-logo {
    flex: 0 0 33%;
    justify-content: flex-end;
    align-content: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding:10px 3px 10px 0;
    direction: ltr;
	overflow:hidden;
}
.header-child.header-logo > div{
    display:-webkit-inline-flex;
}
.logo-container {
    height: 100%;
}
.logo-container a{
    height: 100%;
    display: flex;
    justify-content: center;
	align-items: center;
}
.logo-container a img {
    max-height: 100%;
    width: auto;
}
#orginalmenu .sub-menu {
    position: absolute;
    top: 100%;
    right: -25px;
    min-width: 140px;
    display: flex;
    flex-direction: column;
    padding: 5px;
    background-color: black;
    visibility: hidden;
    opacity: 0;
    transform: translateY(40px);
	transition:0.5s;
	z-index:99;
	box-shadow: 0 0 10px 0 #e1e1e1;
}
#orginalmenu .sub-menu li {
    margin: 5px 0 !important;
    text-align: center;
}
#orginalmenu ul li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.rtl #orginalmenu ul li {
    float: right;
    position: relative;
	margin: 0 5px;
}
.elementor-page .elementor-icon-box-icon a {
    color: white !important;
}
.single .single-after-content {
    margin-top:20px;
}
#orginalmenu ul li {
    float:left;
    margin: 0 5px;
	position: relative;
}
#orginalmenu ul li a {
    padding: 10px 5px;
}
#orginalmenu {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    align-items: center;
    position: relative;
}
#searchform {
    display: flex;
    flex-direction: column;
    justify-content: center;

}
input[type="checkbox"], input[type="radio"] {
    min-width: auto;
    margin: 0 5px;
}
footer .btn, footer input[type="submit"], footer button ,header .btn, header input[type="submit"], header button  {
    box-shadow: none;
}
.btn, input[type="submit"], button {
    text-align: center;
    margin: 10px 0;
    display: inline-block;
	box-shadow: 0 5px 30px rgba(82,191,96,.21);
}
ul, ol, li {
    list-style-position: inside;
}
.all_widget.widget_blog li:hover {
    transform: translateX(-4px);
}
.all_widget.widget_blog li{
    transition:0.5s;
}
.right-menu #hambergermenu {
    position: fixed;
    top: 0;
    right: -320px;
    width: 320px;
    height: 100vh;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 20px;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s;
}
.archive aside .post-container.widget-container {
    border: none;
}
.archive aside .post-container.widget-container .news-thumb {
    width: 50px;
    height: 50px;
}aside #product_cat + span {
    display: none;
}
#hambergermenu ul {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
#hambergermenu ul li {
    margin: 5px 0;
    display: block;
    width: 100%;
    padding: 0 8px;
}
#hambergermenu ul > .menu-item-has-children > a{
	position:relative;
}
#hambergermenu ul > .menu-item-has-children > a::before {
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    position: absolute;
    left: 10px;
    line-height: 30px;
	transition: 0.5s;
}
#hambergermenu ul > .menu-item-has-children > .aradrotate::before{
	transform: rotateX(180deg);
}
#hambergermenu .menu-item-has-children > ul{
	display:none;
}
#hambergermenu ul li a {
	display:block;
	color:white;
}
header .fa.fa-close {
    color: white;
}
#searchform label, #searchform #searchsubmit {
    display: none !important;
}
input {
    border: none;
    min-height: 30px;
    padding: 5px;
    color: gray;
    margin: 10px auto;
    display: block;
    min-width: 95%;
    max-width: 100%;
}input[type="submit"]{
     min-width: auto;
 }.gform_body input {
      padding-right: 10px !important;
  }
label {
    display: block;
    padding: 0 2.5%;
}
.header-container.hamberger .header-child.header-menu {
    flex: 33% 0 ;
}
.header-container.hamberger .header-child.header-bottun {
    flex: 0 33%;
}
.header-container.hamberger .header-child.header-logo {
    flex: 0 33%;
    align-items: last baseline;
}
.header-container.hamberger .header-container div {
    margin:0 1%;
}
.header-container.hamberger.left-menu #hambergermenu,.header-container.orginal.left-menu #hambergermenu {
    position: fixed;
    top: 0;
    left: -320px;
    width: 320px;
    height: 100vh;
    padding:70px 15px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 20px;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s;
}
.rtl .header-container.hamberger.left-menu {
    flex-direction: row-reverse;
}
.header-container.hamberger.left-menu {
    flex-direction: row;
}
.header-container.hamberger.left-menu .header-child.header-logo {
    align-items: baseline;
}
.header-container.hamberger.left-menu .header-child.header-menu {
    justify-content: flex-end;
}
#hambergermenu > ul li ul {
    overflow: hidden;
    padding: 0 10px;
}
.aradsearch form{width:88% !important}
.aradsearch {
    visibility: hidden;
    transition: 0.2s ease;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.98);
    z-index: 9999999999999999;
}
.search-form input {
    width: 100%;
}
.fa-search,.fa-close,.fa-bars{
    cursor: pointer;
    font-size:30px !important;
}
.fa-bars {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.fa-bars span {
    font-size: 25px !important;
}
.fa-bars::before{
    margin:0 10px;
}
.hamberger-container > .fa-close {
    display: none;
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 9999999;
}
.hamberger-container {
    position: relative;
}
.left-menu .hamberger-container > .fa-close {
    top:0px;
    left:10px;
    right: auto;
}
.left-menu .header-child.header-menu {
    justify-content: flex-end;
}
.left-menu .header-child.header-logo {
    justify-content: flex-start;
    direction: rtl;
}
.header-container.hamberger.right-menu .header-child.header-logo{
    direction: rtl;
	align-items: flex-end;
}

.left-menu .header-child.header-logo > div{
    display: inline-flex;
}
.left-menu .header-container {
    flex-direction: row-reverse;
}
#orginalmenu .aradsearch .search-form {
    width: 100%;
}
.rtl .header-container.orginal.left-menu {
    flex-direction: row-reverse;
}
.header-container.orginal.left-menu {
    flex-direction: row;
}
.search-form label span, .search-form input[type="submit"] {
    display: none;
}
.rtl .header-container.hamberger.left-menu .fa-bars {
    flex-direction: row-reverse;
}
.header-container.hamberger.left-menu .aradsearch {
    flex-direction: row-reverse;
}
.aradheader {
    box-shadow: 0 0 8px 0px lightgray;
	background-color: white;
}
.btn, input[type=submit], .elementor-page .elementor-button {
    background-color: #008bff;
}













/*****************************************blog**********************************************/
.main-archive-container.full-width {
    padding: 20px 10px;
}.main-archive-container.full-width > div {
     padding: 0 10px;
 }
.grid-overlay > div ,.masonry-overlay > div {
    position: relative;
}
.masonry-overlay,.masonry{
    display:flex;
    flex-wrap: wrap;
}
.archive-column{
    margin: 0 1% 15px;
}
.grid-overlay .archive-column ,.grid .archive-column{
    float: left;
}
.rtl .grid-overlay .archive-column ,.rtl .grid .archive-column{
    float: right;
}
.grid-overlay .archive-col-1 ,.grid .archive-col-1 {
    width: 98%;
}.grid-overlay .archive-col-2 ,.grid .archive-col-2 {
     width: 48%;
 }.grid-overlay .archive-col-3 ,.grid .archive-col-3 {
      width: 31.33%;
  }.grid-overlay .archive-col-4 ,.grid .archive-col-4 {
       width: 23%;
   }.masonry-overlay .archive-col-1,.masonry .archive-col-1{
        flex: 0 0 98%;
    }.masonry-overlay .archive-col-2,.masonry .archive-col-2{
         flex: 0 0 48%;
     }.masonry-overlay .archive-col-3,.masonry .archive-col-3{
          flex: 0 0 31.33%;
      }.masonry-overlay .archive-col-4,.masonry .archive-col-4{
           flex: 0 0 23%;
       }.article-exerpt {
            display: none;
        }
.article-title a {
    font-size: 75%;
    display: block;
    padding-top: 5px;
	text-align:center;
}
.tagcloud .fa.fa-chevron-down {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    text-align: center;
    color: rgb(0, 0, 0);
    padding: 15px 0;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.81);
}
aside h4 {
    font-size: 90% !important;
    padding: 10px 0px;
        padding-bottom: 10px;
}
.tagcloud {
    position: relative;
    height: 200px;
    overflow: hidden;
}
.article-img img {
    width: 100%;
    max-height: 300px;
    border-radius: 5px;
}.grid-overlay .archive-column ,.masonry-overlay .archive-column {
     height: 300px;
     overflow: hidden;
 }.grid-overlay .article-btn.btn ,.masonry-overlay .article-btn.btn {
      position: absolute;
      bottom: -95px;
      width: 90%;
      left: 5%;
      transition: 0.5s all;
  }.grid-overlay .archive-column:hover .article-btn.btn ,.masonry-overlay .archive-column:hover .article-btn.btn{
       bottom: 5px;
   }.grid-overlay .archive-column .article-title,.masonry-overlay .archive-column .article-title {
        position: absolute;
        top: 120px;
        text-align: center;
        width: 100%;
        padding: 0 5px;
    }.grid-overlay .archive-column:hover img ,.masonry-overlay .archive-column:hover img {
         filter: blur(10px)opacity(0.7);
     }.grid .archive-column {
    min-height: 340px;
    position: relative;
    margin-bottom: 80px;
    box-shadow: 0 0 22px 0px lightgray;
    border-radius: 5px;
	transition:0.3s;
	border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.grid .archive-column:hover {
    transform: translateY(-7px);
    box-shadow: 0 15px 22px 0px lightgray;
}
.article-img {
    max-height: 175px;
    overflow: hidden;
    border-radius: 5px;
}.article-title {
    padding: 0 10px;
    text-align: justify;
}.article-btn.btn {
    margin-bottom: 0 !important;
}.grid .article-btn.btn{
           position: absolute;
           bottom: 0px;
           width: 100%;
       }
.tagcloud a::before {
    content: "#";
    margin: 0 4px;
}
.selectsoptions li {
    font-size: 90%;
}
#aradsc > p {
    font-size: 90%;
}
.archive-pagenavi {
    text-align: center;
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 13px 30px 12px rgba(17, 62, 62, 0.14);
    min-width: 285px;
	max-width:460px;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto;
}.archive-pagenavi div {
    border: solid 1px #eeeeee;
    border-radius: 5px;
    padding: 3px 5px;
}.page-numbers {
     padding: 7px 15px;
	color: black;box-shadow: 3px 0px 3px -2px #eeeeee;flex:auto;
 }.page-numbers:first-child {
    box-shadow: unset;
}.next.page-numbers ,.prev.page-numbers {
      border-radius: 3px;
      border-color: transparent;
  }.page-numbers.current {
    background-color: cornflowerblue;
    color: white;
}
.article-btn.btn {
    display: flex;
    justify-content: center;
}.searchresult {
     margin-bottom: 15px;
     padding: 0 10px;
 }
footer .nextper, footer .btn, footer input[type="submit"], footer button {
    box-shadow: none;
}

/*****************************************single**********************************************/
.main-single-container > div {
    display: flex;
    flex-direction: column;
    padding:30px;
	margin-top:110px;
}
.single-before-content {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}
.single-content {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
.single-after-content {
    display: flex;
    flex-direction: column;
}
.title-single-content , .post-heading , .image-single-content , .content-single-content , .tag-single-content , .single-widget-content , .author-box , .single-widget-after-content , .single-comment{
    margin-bottom: 35px;
}
/*reza single*/
.single-post {
    background-color: #f7f7f7;
}
.main-single-container {
    max-width: 800px;
    margin: auto;
	background-color: white;
	border-radius: 10px;
}
.single-content img {
    margin:15px auto;
    display: block;
}
.author-box .author-image {
    width: 25%;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.author-images {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
}
.description-author {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 75%;
}
.author-box {
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 15px;
    border: 3px dashed
    #b9b9b9;
    border-radius: 5px;
}
.single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
    margin: 10px 0;
	margin-top:40px;
}
.related-container a {
    display: flex;
    gap: 10px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.related-container {
    padding: 5px;
    margin: 10px;
    border-radius:99px;
    background-color:white;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    flex:0 0 calc(50% - 20px);
}
.related-container > a {
    width: 100%;
}
.related-post, .nextper {
    background: linear-gradient(-90deg, #af67f7 0%, #008bff 100%);
}
.related-container .related-image {
    width: 58px;
    height: 58px;
    float: right;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 5px;
    border: 1px solid #c9c9c9;
}.related-container:hover {
     background-color: white;
     transition: 0.4s;
 }
.related-title {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 75px);
    padding: 3px 10px;
}
.news-content.post-format-post .news-link {
    display: flex;
    align-items: center !important;
    margin-bottom: 15px;
    -ms-align-items: center;
    -webkit-align-items: center;
}
.home h3,.home h2 {
    font-size: 130% !important;
}
.news-thumb img {
    height: 100%!important;
    border-radius: 50% !important;
}
.news-content.post-format-post .news-thumb {
    width: 70px;
    padding: 3px;
    height: 70px;
    box-shadow: 0 0 10px 0 lightblue;
    border-radius: 50%;
    margin: 10px;
    border: solid 2px #3f23dd;
}
.news-headline {
    display: block;
    width: calc(100% - 90px);
    padding-bottom: 10px;
    text-overflow: ellipsis !important;
    white-space: nowrap;
    overflow: hidden !important;
    max-width: 100%;
	font-size:100%;
}
.single-video-widget-after-content .news-content.post-format-video {
    width: 50%;
    float: right;
    padding: 2.5px;
}.single-video-widget-after-content .news-content.post-format-video .news-thumb img {
     width: 100%;
     height:auto;
 }.single-video-widget-after-content .news-content.post-format-video .news-headline {
      display: block;
      text-align: center;
      width: 100%;
      border: none;
  }
.single-widget-before-content .all_widget, .single-widget-content .all_widget, .single-widget-after-content .all_widget, .single-video-widget-before-content .all_widget, .single-video-widget-after-content .all_widget, .single-video-widget-content .all_widget {
    margin-bottom: 15px;
}
.single-widget-before-content .all_widget.widget_single_before_content .textwidget, .single-widget-content .all_widget.widget_single_content .textwidget, .single-widget-after-content .all_widget.widget_single_after_content .textwidget{
    padding: 20px;
    background-color: #ead5ff;
    border: dashed 2px red;
}
.single-video-widget-before-content .all_widget.widget_single_video_before_content .textwidget, .single-video-widget-after-content .all_widget.widget_single_video_after_content .textwidget ,.single-video-widget-content .all_widget.widget_single_video_content .textwidget{
    padding: 20px;
    margin-bottom: 15px;
    background-color: #ead5ff;
    border: dashed 2px red;
}
.related-title strong {
    text-align: unset !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
.footer-upper {
    padding: 20px;
    display: flex;
    flex-direction: row;
    max-width: 800px;
    background-color: white;
    border-radius: 10px;
    margin: 30px auto;
    box-shadow: 0 0 22px 0 lightgray;
}
.all_widget.widget_footer_upper_content {
     flex: 0 0 50%;
     max-width: 50%;
	margin-top: 30px;
 }
iframe.lazyloaded {
    min-height: 430px;
    max-height: 450px;
    margin: 30px auto;
}
.single p,.single h1,.single h2,.single h3,.single h4,.single h5,.single h6,.single span,.single strong,.single ul,.single li,.single label,.single b{text-align: justify;}
.btn a{display: block;}
.related-post h4 {
    text-align: center;
    margin-bottom: 15px;
    flex: 0 0 100%;
	color:white;
}
.related-post{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	border-radius: 5px;
	padding: 8px;
}







.post-heading {
    padding: 10px 15px;
    border-radius: 5px;
    box-shadow: inset 0 0 13px 0px #d7d7d7, 0 20px 15px -20px gray;
}
.post-heading h3 {
    border-bottom: thin solid
    lightgray;
    padding-bottom: 15px;
    padding-top: 15px;
    margin:0;
    font-size: 100%;
}
.post-heading a {
    display: block;
    margin: 8px 0;
    font-size: 90%;
}
/*............................................COMMENTS.................................................*/
#comments {
    display: none;
}
.commentlist, .commentlist li {
    list-style-type: none !important;
}
.rtl .comment-count {
    width: 80px;
    margin: 10px auto;
    height: 80px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    color:white;
    position: relative;
    margin-bottom: 40px;
}
.comment-count{
    width: 80px;
    margin: 10px auto;
    height: 80px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    color:white;
    position: relative;
    margin-bottom: 40px;
}
.comment-count::after {
    content: "";
    width: 400%;
    height: 1px;
    position: absolute;
    right: 106%;
}
.comment-count::before {
    content: "";
    width: 400%;
    height: 1px;
    position: absolute;
    left: 106%;
}
.comment-author.vcard {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.comment-author.vcard img {
    border-radius: 50%;
}
.comment-author.vcard .says {
    display: none;
}
.rtl .comment-author.vcard .fn ,.comment-author.vcard .fn a{
    margin-right: 10px;
    font: 14px/100% IRANBold !important;
    color:black;
}
.comment-author.vcard .fn ,.comment-author.vcard .fn a{
    margin-left: 10px;
    font: 14px/100% Roboto !important;
    color:black;
}
.comment-metadata time {
    display: none;
}
.rtl .comment-metadata a{
    margin-right: 10px;
    font: 14px/100% IRANBold !important;
}
.comment-metadata a{
    margin-left: 10px;
    font: 14px/100% Roboto !important;
}
.comment-body .comment-meta {
    display: flex;
    flex-direction: row;
}
.comment-content p,.comment-content a {
    font-size: 14px !important;
}
.comment-body {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding:20px 0 0;
}
.rtl .comment-content{
    padding-right: 50px;
    padding: 30px 50px 30px;
    border-radius: 10px;
    box-shadow: 0 5px 30px #eee;
}
.comment-content{
    padding-left: 50px;
    padding: 30px 50px 30px;
    border-radius: 10px;
    box-shadow: 0 5px 30px #eee;
}
.comment-count, .comment-count::after, .comment-count::before {
    color: #ffffff !important;
    background: linear-gradient(-45deg,#9bcc43 0,#35ba6b 100%);
}
#reply-title {
    border-radius: 5px;
}
.rtl .children {
    border-left: none;
    margin: 0 !important;
    margin-bottom: 10px !important;
    border-radius: 5px;
}
.children {
    border-right: none;
    margin: 0 !important;
    margin-bottom: 10px !important;
    border-radius: 5px;
}
.rtl .children li {
    padding-right: 25px;
	 padding-left:0;
}
.children li {
    padding-left: 25px;
}
.children .comment-content p{color:white}
.children .comment-content {
    background: linear-gradient(-45deg,#9bcc43 0,#35ba6b 100%);
}
.rtl .reply {
    margin-right: 16px;
    padding-right: 34px;
    border-bottom: thin dashed lightgray;
    padding-bottom: 15px;
	text-align: left;
}
.reply {
    margin-left: 16px;
    padding-left: 34px;
    border-bottom: thin dashed lightgray;
    padding-bottom: 15px;
	text-align:right;
}
.reply a {
    font-size: 80%;
    border: 1px solid #00ae2c;
    padding: 3px 7px;
    border-radius: 3px;
}
#reply-title {
    text-align:center;
    padding:5px;
    color:white;
}
.form-submit #submit {
    width: 100%;
    font-family: IRANBold;
    font-size: 120%;
}
.comment-form-cookies-consent {
    display: none;
}
.comment-form input[type="text"], .comment-form input[type="url"], .comment-form input[type="email"] {
    border: none;
    padding: 5px 10px;
    width: 100%;
    background-color: #f7f7f7;
    border-radius: 3px;
    box-shadow: 0 0 2px -1px black;
	transition: 0.5s;
}
.comment-form input[type="text"]:focus, .comment-form input[type="url"]:focus, .comment-form input[type="email"]:focus {
    box-shadow: 0 0 4px -1px green;
    border: thin solid green;
    background-color: white;
}
.comment-form label {
    padding: 0;
    font-family:IRANBold;
}
.comment-form textarea {
    width: 100%;
	background-color: #f7f7f7;
	margin-top: 15px;
	border: none;
	padding: 10px;
	height: 100px;
	box-shadow: 0 0 2px -1px gray;
	border-radius: 3px;
	transition: 0.5s;
}
.comment-form textarea:focus {
    border: thin solid green;
    box-shadow: 0 0 4px -1px green;
    background-color: white;
}
.comment-notes,.comment-form-comment label {
    display: none;
}
.rw-rating-table.rw-rtl.rw-right.rw-no-labels tr{background:transparent !important;}
.rw-ui-report {
    display: none !important;
}
.single .rw-ui-container .rw-report-link {
    display: none !important;
}
.nextper {
    display: flex;
    background: linear-gradient(-90deg, #af67f7 0%, #008bff 100%);
    padding: 15px 10px;
    border-radius: 5px;
    box-shadow: 0 5px 30px rgba(82,191,96,.21);
    margin: 40px 0;
}
.nextper > div i {
    margin: 0 5px;
    color: white;
    transform: scale(1.6);
	transition:.5s;
}
.rtl .nextper > .prev:hover i {
    transform: scale(1.5) translateX(3px);
}
.rtl .nextper > .nex:hover i {
    transform: scale(1.5) translateX(-3px);
}
.nextper > .prev:hover i {
    transform: scale(1.5) translateX(-3px);
}
.nextper > .nex:hover i {
    transform: scale(1.5) translateX(3px);
}
.single .prev {
    width: 50%;
}
.rtl .nex {
    text-align: left;
}
.single .nex {
    width: 50%;
    text-align: right;
	
}
.error404 main .btn {
    box-shadow: 0 0 32px rgb(28, 28, 28);
}
.nex a,.prev a{color:white !important;margin:0 4px;}
/*****************************************sidebar**********************************************/
.sidebar-container {
    padding: 0px 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 23px 0px rgb(227, 227, 227);
    border-radius: 5px;
}.sidebar-container .widgetinsidebar {
     border-radius: 5px;
     padding: 5px 10px;
 }.widgetinsidebar .all_widget {
      padding: 15px 0;
  }.gallery-columns-3 figure {
    width: 33%;
    float: right;
}
.gform_wrapper .gform_body input, .gform_wrapper .gform_body textarea {
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 5px 0px lightgray;
}
.widgetinsidebar .all_widget:first-child {
    padding-top: 0;
}.widgetinsidebar .all_widget .all_widget_title {
     padding-bottom: 5px;
     margin-bottom: 5px;
     border-bottom: 1px solid #e4e4e4;
 }.widgetinsidebar .all_widget form {
      width: 100%;
  }.widgetinsidebar .all_widget form input {
    width: 100%;
    margin-bottom: 5px;
    min-height: 35px;
    border: 1px solid rgb(87, 87, 87);
    border-radius: 5px;
}.widgetinsidebar table {
         width: 100%;
     }.widgetinsidebar table td {
          text-align: center;
      }.tagcloud a {
    font-size: 14px !important;
    padding: 0px 8px;
    display: inline-block;
    margin-bottom: 6px;
    border-radius: 3px;
    box-shadow: 0 0 4px 0px #d5deff;
}.sidebar-container {
    padding: 0px 10px;
    background-color: white;
    box-shadow: 0 0 10px 0px lightgray;
}.widgetinsidebar a {
            color: #5d5d5d;
        }.widgetinsidebar a:visited {
             color: #5d5d5d;
         }
/*****************************************footer**********************************************/
.footer-container.aradfooter {
    padding: 0 20px;
    clear: both;
	background-color:black
}
.footer-container.aradfooter * {
    color: black;
}
.footer-container.aradfooter .row {
    padding: 20px 30px 30px;
    display: flex;
	flex-wrap:wrap;
}
.footer-col-1 {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex: 0 0 98%;
    margin: 0 1%;
    padding: 10px 20px;
}
.footer-col-2 {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex: 0 0 48%;
    margin: 0 1%;
    padding: 10px 20px;
}
.footer-col-3 {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex: 0 0 31.33%;
    max-width: 31.33%;
    margin: 0 1%;
    padding: 10px 20px;
}
.footer-col-4 {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex: 0 0 23%;
    max-width: 23%;
    margin: 0 1%;
    padding: 10px 20px;
}.Signature {
    flex: 0 0 100%;
    max-width: 100%;
}
.Signature p {
    padding: 10px;
    text-align: center;
    font-size: 13px;
}
.all_widget_title.widget_footer_title {
    text-align: justify;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid;
}
.all_widget.widget_footer_content .textwidget {
    text-align: justify;
}
.all_widget.widget_footer_content {
    margin-bottom: 15px;
}
.all_widget.widget_footer_content .btn {
    display: inline-block;
}#scroll-to-top {
     position: fixed;
     bottom: 10px;
     z-index: 9999;
     padding: 10px 15px;
     background: rgba(255, 255, 255, 0.4);
     right: 10px;
     color:black !important;
 }#scroll-to-top{
      font-size: 20px;
      font-weight: bolder;
  }
.widget_footer_upper_content {
    padding: 0 20px;
}
.post-container.widget-container {
    border-top: 2px solid;
    padding-top: 20px;
    margin-top: -18px;
}
.widget_footer_upper_content h4 , .widget_footer_upper_content h5{
    display: inline-block;
    background-color:white;
    padding: 0 10px;
}
.news-content.post-format-video p,.news-content.post-format-voice p {
    border: none;
}
#reply-title small {
    display: none;
}
.gform_wrapper input{border:thin solid lightgray;}
.gform_wrapper input[type="submit"]{border:none;}
.related-image img {
    width: 100%;
    height: 100%;
}
blockquote {
    padding: 0 20px;
}
.demo::after {
    content: "";
    width: 2px;
    height: 25px;
    display: inline-block;
    border-right: 2px solid #0CC3CC;
    margin-right: 5px;
	top: 5px;
	position: relative;
	animation: flush 1s steps(1) infinite;
}
.demo {
    margin: 30px auto;
    display: block;
    max-width: 100%;
    padding: 80px 20px 20px;
    background: #fafafa;
    border-radius: 6px;
    position: relative;
    font-weight: 900;
    color: black;
    box-shadow:0 0 20px 0px #e8e8e8;
	box-sizing: content-box;
	background: url(assets/image/Untitled-1.png);
background-repeat: no-repeat;
background-position: center top;
}
.demo::before {
    content: "❞";
    position: absolute;
    top: 60px;
    right: calc(50% - 16px);
    font-size: 60px;
    color: gray;
}
.hwgold::before {
    content: url(assets/image/kadr.png);
    position: absolute;
    top: -8px;
    right: 5px;
}
.hwgold {
    border: 2px solid #fd7;
    padding: 35px 20px 20px;
    border-radius: 10px;
    position: relative;
	margin: 25px 0;
}
 @keyframes flush {
	50% {
    border-color: transparent;
}
}
.ginput_container_radio li, .gfield_checkbox li {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.rezaqu-orange {
    margin: 20px 20px 100px;
    padding: 20px;
    position: relative;
    width: 300px;
}
.highlight.highlight-orange::after {
    background: none repeat scroll 0 0 rgba(235, 150, 108, 0.8);
    border-radius: 50% 50% 50% 50%;
    color: rgba(255, 255, 255, 0.5);
    content: "❞";
    font-family: 'icons';
    font-size: 70px;
    height: 130px;
    left: 50%;
    line-height: 130px;
    margin-left: -65px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    top: 0;
    width: 130px;
}
.highlight.highlight-orange::before {
    border-right: 5px solid rgba(235, 150, 108, 0.1);
    border-radius: 50% 50% 50% 50%;
    content: "";
    height: 400px;
    right: -50px;
    position: absolute;
    top: 0;
    width: 500px;
    z-index: -1;
}
.highlight.highlight-orange {
    margin: 0;
    padding: 0;
    padding-top: 0px;
    position: relative;
    padding-top: 150px;
}
.rezaqu-orange p,.rezaqu-orange span,.rezaqu-orange strong {
    box-shadow: 0 -6px 0 rgba(235, 150, 108, 0.2);
    color: rgba(213, 112, 62, 0.8);
    display: inline;
}
.rezaqu-red {
    position: relative;
    max-width: 90%;
    margin:30px auto 80px;
}
.highlight-red::after {
    content: "";
    position: absolute;
    border: 2px solid #e74848;
    border-bottom-color: rgb(231, 72, 72);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: rgb(231, 72, 72);
    border-left-style: solid;
    border-left-width: 2px;
    border-radius: 0 50px 0 0;
    width: 60px;
    height: 60px;
    top:100%;
    left: 50px;
    border-bottom: none;
    border-left: none;
    z-index: 3;
}
.highlight-red::before {
    content: "";
    position: absolute;
    width: 80px;
    border: 6px solid #fff;
    bottom: -3px;
    left: 50px;
    z-index: 2;
}
.highlight-red {
    position: relative;
    color: #e74848;
    font-size: 2.8rem;
    font-weight: normal;
    line-height: 1;
    margin:20px auto 80px auto;
    border: 2px solid #fff;
    border: solid 2px;
    border-radius: 20px;
    padding: 25px;
}
.highlight-red.\#c600c7::after {
    border-color: #c600c7;
}
.highlight-red.blue::after {
    border-color: blue;
}
.highlight-red.green::after {
    border-color: green;
}
.highlight-red.gold::after {
    border-color: gold;
}
.highlight-red p {
    color: #000;
}
.highlight-dash {
    background: linear-gradient(90deg, #1CB5E0 0%, #000851 100%);
    padding: 2em;
    border-radius: 15px;
    color: white;
	margin:25px auto;
}
.highlight-paper::after, .highlight-paper::before {
    position: absolute;
    content: "";
    bottom: 12px;
    left: 15px;
    top: 45%;
    width: 45%;
    background: #E6E6E6;
    z-index: -1;
    -webkit-box-shadow: 0 20px 15px #E1E1E1;
    -moz-box-shadow: 0 20px 15px #E1E1E1;
    box-shadow: 0 20px 15px #E1E1E1;
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    transform: rotate(-6deg);
}
.highlight-paper::after {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    transform: rotate(6deg);
    right: 15px;
    left: auto;
}
.highlight-paper {
    width: 94%;
    background-color: white;
    margin: 45px 15px;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
    position: relative;
    padding:20px;
}
.highlight-paper p {
    color: black;
}
.single-widget-content,.content-single-content{margin:0;}
.single table {
    margin: 50px auto;
}
.single table tbody tr:nth-child(2n) {
    background-color: #ffe8e8;
}
.single table tbody tr:nth-child(2n+1) {
    background-color: #f7f7f7;
}
.single table tbody tr:first-child {
    background-color: #1d5645;
}
.single table tbody tr:first-child td p, .single table tbody tr:first-child td strong {
    color: white !important;
}
.single table tbody tr td p, .single table tbody tr td p strong, .single table tbody tr td strong {
    text-align: center !important;
	font-size: 90%;
}
.author-image figure {
    display: flex;
    max-width: 150px;
    max-height: 150px;
    overflow: hidden;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
	margin-bottom: 15px;
}
body > main, .main-single-container {
    box-shadow: 0 5px 30px rgba(28,76,156,.15);
}
.box.success{box-shadow: 0 1px 4px rgb(53 19 234 / 30%), 0 0 20px rgba(64, 255, 24, 0.1) inset}
.box.shadow{box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset}
.box.info{box-shadow: 0 1px 4px rgba(27, 8, 255, 0.3), 0 0 20px rgba(24, 71, 255, 0.1) inset}
.box.warning{box-shadow: 0 1px 4px rgba(19, 234, 113, 0.3), 0 0 20px rgba(64, 255, 24, 0.1) inset}
.selects {
    position: relative;
    font-family: Roboto-Regular ,FontAwesome !important;
}
.rtl .selects {
    position: relative;
    font-family: IRANSans ,FontAwesome !important;
}
.selects::after {
    position: absolute;
    content: "\f0d7";
    right: 0;
	left: auto
}
.rtl .selects::after {
    position: absolute;
    content: "\f0d7";
    left: 0;
	right: auto
}


.gform_wrapper .gform_body input[type="checkbox"], .gform_wrapper .gform_body input[type="radio"] {
    box-shadow: unset;margin: 0 !important;
}
.gfield_checkbox,.gfield_radio {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	width:96% !important;
}
.hamberger-container.orgi {
    display: none;
}
.dataTables_scrollHead div,.dataTables_scrollBody div,.dataTables_scrollfoot div {
  width: 100% !important;
}
.dataTables_scrollHead div table, .dataTables_scrollBody table, .dataTables_scrollfoot div table {
  width: 100% !important;
}
.dataTables_filter input {
    border: 1px solid #ccc;
    border-radius: 5px;
}
.share-box div:first-child {
    display: none;
}
/**************media query 770***************/
@media only screen and (max-width: 770px) {
    /*****************************************header**********************************************/
	.hamberger-container,.hamberger-container.orgi {
    display: block;
}nav#orginalmenu {
    display: none;
}#scroll-to-top {
    bottom: 65px;
    left: 10px;
	right:auto
}
    .header-container.orginal.right-menu .header-child.header-logo,.header-container.orginal.left-menu .header-child.header-logo {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .header-container.orginal.right-menu .header-child.header-menu{
        flex-direction: row;
    }
    .header-container.orginal.right-menu .header-child.header-bottun,.header-container.orginal.left-menu .header-child.header-bottun {
        flex: 0 0 55%;
        max-width: 55%;
    }
    .header-container.orginal.right-menu .header-child.header-menu,.header-container.orginal.left-menu .header-child.header-menu {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .menutext{
        display: none;
    }
    .header-container.hamberger .header-child.header-menu {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .header-container.hamberger .header-child.header-bottun {
        flex: 0 0 55%;
        max-width: 55%;
    }
    .header-container.hamberger .header-child.header-logo {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .author-box {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .widget_footer_upper_content {
        padding: 0;
    }
    /*****************************************blog**********************************************/
    .grid-overlay .archive-col-2 ,.grid .archive-col-2 {
        width: 48%;
    }.grid-overlay .archive-col-3 ,.grid .archive-col-3 {
         width: 48%;
     }.grid-overlay .archive-col-4 ,.grid .archive-col-4 {
          width: 48%;
      }.masonry-overlay .archive-col-2,.masonry .archive-col-2{
           flex: 0 0 48%;
           max-width: 48%;
       }.masonry-overlay .archive-col-3,.masonry .archive-col-3{
            flex: 0 0 48%;
            max-width: 48%;
        }.masonry-overlay .archive-col-4,.masonry .archive-col-4{
             flex: 0 0 48%;
             max-width: 48%;
         }.article-img img {
              max-height: unset;
          }.sidebar-container {
               display: none;
           }.main-archive-container.full-width > div {
                padding: 0 50px;
                width: 100% !important;
            }

    /*****************************************single**********************************************/
    .footer-upper {
        flex-wrap: wrap;
    }.all_widget.widget_footer_upper_content {
         flex: 0 0 100%;
         margin-bottom:20px;
         max-width: 100%;
     }.related-container {
          flex: 0 0 calc(100% - 10px);
        max-width: calc(100% - 10px);
      }

    /*****************************************sidebar**********************************************/

    /*****************************************footer**********************************************/
    .footer-container.aradfooter .row {
        padding: 20px 0px 30px;
        flex-wrap: wrap;
    }
    .footer-col-2 {
        flex: 0 0 48%;
        max-width: 48%;
    }
    .footer-col-3 {
        flex: 0 0 48%;
        max-width: 48%;
    }
    .footer-col-4 {
        flex: 0 0 48%;
        max-width: 48%;
    }
	.archiv-pagenavi .next,.archiv-pagenavi .prev {
    flex: 0 0 40%;
}
}

/***********media query 580************/
@media only screen and (max-width: 580px) {
    /*****************************************header**********************************************/
	.dataTables_wrapper .dataTables_scroll table {
    width: 650px !important;
	}
	.dataTables_filter, .dataTables_filter label {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
}.dataTables_scroll {
    border: solid 1px #ccc;
    box-shadow: 0 0 5px -2px gray;
}
    .description-author {
        width: 100%;
    }
    /*****************************************blog**********************************************/
    .grid-overlay .archive-col-2 ,.grid .archive-col-2 {
        width: 98%;
    }.grid-overlay .archive-col-3 ,.grid .archive-col-3 {
         width: 98%;
     }.grid-overlay .archive-col-4 ,.grid .archive-col-4 {
          width: 98%;
      }.masonry-overlay .archive-col-2,.masonry .archive-col-2{
           flex: 0 0 98%;
           max-width: 98%;
       }.masonry-overlay .archive-col-3,.masonry .archive-col-3{
            flex: 0 0 98%;
            max-width: 98%;
        }.masonry-overlay .archive-col-4,.masonry .archive-col-4{
             flex: 0 0 98%;
             max-width: 98%;
         }.sidebar-container {
              display: none;
          }.main-archive-container.full-width > div {
               padding: 0 20px;
               width: 100% !important;
           }
		   .author-box .author-image{width:70%;}
	
element {
    top: 2976px;
}
.blog div, .single div, .blog span, .single span {
    font: 16px/36px IRANSans;
        font-weight: normal;
    letter-spacing: ;
    font-weight: 400;
    font-style: ;
    color: rgb(0, 0, 0);
}
.single .share-box {
    position: relative !important;
    right: auto;
    top: 0 !important;
    left: 0;
    background-color: rgb(255, 255, 255);
    padding: 10px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px !important;
	height: 100px;
	flex-direction: row;
	flex-wrap:nowrap;
	
}
	.single .share-box div {
    	max-width: 20%;
		flex: 0 0 20%;
		display: flex;
		justify-content: center;
    }
	.share-box div:first-child {
		display: flex;
	}
	.share-box div:nth-child(2) {
		display: none;
	}
    /*****************************************single**********************************************/

    /*****************************************sidebar**********************************************/

    /*****************************************footer**********************************************/
    .footer-container.aradfooter .row {
        padding: 20px 0px 30px;
        flex-wrap: wrap;
    }
    .footer-col-2 {
        flex: 0 0 98%;
        max-width: 98%;
    }
    .footer-col-3 {
        flex: 0 0 98%;
        max-width: 98%;
    }
    .footer-col-4 {
        flex: 0 0 98%;
        max-width: 98%;
    }.btn, input[type="submit"], a.btn,.btn a {
         width: 100%;text-align: center;
     }
}





.sidebar-container .selectsoptions {
    z-index: 999;
}

.image-single-content{
    display: none;
}
ul,ol,li{list-style-type:disc}
.rtl strong, .rtl strong span {
    font-family: IRANBold !important;
}

.ginput_container_radio li, .gfield_checkbox li {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.aradfooter label{color:white;}
/* کد تماس شناور */
.footer-call {
    zoom:1.2;
}
.alo-ph-img-circle .fa.fa-phone {
    transform: scale(0.6)rotate(80deg);
}
.footer-call .phone-icon:after {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYuNiAxMC44YzEuNCAyLjggMy44IDUuMSA2LjYgNi42bDIuMi0yLjJjLjMtLjMuNy0uNCAxLS4yIDEuMS40IDIuMy42IDMuNi42LjUgMCAxIC40IDEgMVYyMGMwIC41LS41IDEtMSAxLTkuNCAwLTE3LTcuNi0xNy0xNyAwLS42LjQtMSAxLTFoMy41Yy41IDAgMSAuNCAxIDEgMCAxLjIuMiAyLjUuNiAzLjYuMS40IDAgLjctLjIgMWwtMi4zIDIuMnoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=) no-repeat 50% 50%; 
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.footer-call .alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 130px;
    position: fixed;
    left: 0px;
    bottom: 0px;
    -webkit-transition: visibility .5s ease 0s;
    transition: visibility .5s ease 0s;
    visibility: hidden;
    width: 150px;
    z-index: 2000;
}

.footer-call .alo-phone.alo-show {
    visibility: visible;
}

.footer-call .fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

.footer-call .alo-phone.alo-static {
    opacity: .6;
}

.footer-call .alo-phone.alo-hover,.footer-call .alo-phone:hover {
    opacity: 1;
}
.footer-call .alo-ph-text
.footer-call .alo-phone.alo-hover .alo-ph-text,.footer-call .alo-phone:hover 

.alo-ph-text {
    background-color: #43ba43;
}
.footer-call .alo-phone.alo-green.alo-hover .alo-ph-img-circle, .footer-call 

.alo-phone.alo-green:hover .alo-ph-img-circle {
    background-color:#43ba43 !important;
}
.footer-call .alo-ph-circle {
    -webkit-animation:1.2s ease-in-out 0s normal none infinite running alo-circle-anim;
    animation:1.2s ease-in-out 0s normal none infinite running alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30,30,30,0.4);
    border-radius: 100%;
    height: 100px;
    left: 35px;
    opacity: .1;
    position: absolute;
    top: -10px;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    width: 100px;
}

.footer-call .alo-phone.alo-active .alo-ph-circle {
    -webkit-animation: 1.1s ease-in-out 0s normal none infinite running alo-

circle-anim !important;
    animation: 1.1s ease-in-out 0s normal none infinite running alo-circle-

anim !important;
}

.footer-call .alo-phone.alo-static .alo-ph-circle {
    -webkit-animation: 2.2s ease-in-out 0s normal none infinite running alo-

circle-anim !important;
    animation: 2.2s ease-in-out 0s normal none infinite running alo-circle-

anim !important;
}

.footer-call .alo-phone.alo-hover .alo-ph-circle,.footer-call .alo-

phone:hover .alo-ph-circle {
    border-color: #7a7a7a;
    opacity: .5;
}

.footer-call .alo-phone.alo-green.alo-hover .alo-ph-circle,.footer-call 

.alo-phone.alo-green:hover .alo-ph-circle {
    border-color: #141414;
    opacity: .5;
}

.footer-call .alo-phone.alo-green .alo-ph-circle {
    border-color: #7a7a7a;
    opacity: .5;
}

.footer-call .alo-phone.alo-gray.alo-hover .alo-ph-circle,.footer-call .alo-

phone.alo-gray:hover .alo-ph-circle {
    border-color: #ccc;
    opacity: .5;
}

.footer-call .alo-phone.alo-gray .alo-ph-circle {
    border-color: #141414;
    opacity: .5;
}

.footer-call .alo-ph-circle-fill {
    -webkit-animation: 2.3s ease-in-out 0s normal none infinite running alo-

circle-fill-anim;
    animation: 2.3s ease-in-out 0s normal none infinite running alo-circle-

fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 70px;
    left: 50px;
    opacity: .1;
    position: absolute;
    top: 4px;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    width: 70px;
}

.footer-call .alo-phone.alo-active .alo-ph-circle-fill {
    -webkit-animation: 1.7s ease-in-out 0s normal none infinite running alo-

circle-fill-anim !important;
    animation: 1.7s ease-in-out 0s normal none infinite running alo-circle-

fill-anim !important;
}

.footer-call .alo-phone.alo-static .alo-ph-circle-fill {
    -webkit-animation: 2.3s ease-in-out 0s normal none infinite running alo-

circle-fill-anim !important;
    animation: 2.3s ease-in-out 0s normal none infinite running alo-circle-

fill-anim !important;
    opacity: 0 !important;
}

.footer-call .alo-phone.alo-hover .alo-ph-circle-fill,.footer-call .alo-

phone:hover .alo-ph-circle-fill {
    background-color: rgba(122,122,122,0.2);
    opacity: .75 !important;
}

.footer-call .alo-phone.alo-green.alo-hover .alo-ph-circle-fill,.footer-call 

.alo-phone.alo-green:hover .alo-ph-circle-fill {
    background-color: rgba(67, 186, 67,0.5);
    opacity: .75 !important;
}

.footer-call .alo-phone.alo-green .alo-ph-circle-fill {
    background-color: rgba(122,122,122,0.2);
    opacity: .75 !important;
}

.footer-call .alo-phone.alo-gray.alo-hover .alo-ph-circle-fill,.footer-call 

.alo-phone.alo-gray:hover .alo-ph-circle-fill {
    background-color: rgba(20,20,20,0.5);
    opacity: .75 !important;
}

.footer-call .alo-phone.alo-gray .alo-ph-circle-fill {
    background-color: rgba(0,0,8,0.5);
    opacity: .75 !important;
}

.footer-call .alo-ph-img-circle {
    -webkit-animation: 1s ease-in-out 0s normal none infinite running alo-circle-img-anim;
    animation: 1s ease-in-out 0s normal none infinite running alo-circle-img-anim;
    border: 2px solid transparent;
    color: #fff;
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    height: 40px;
    left: 65px;
    position: absolute;
    top: 20px;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    width: 40px;
}

.footer-call .alo-ph-text {
    background-color: #43ba43;
    color: #fff;
    border-radius: 4px;
    bottom: 15px;
    display: block;
    margin-right: -50px;
    position: absolute;
    left: 20%;
    text-align: center;
    text-transform: uppercase;
    width: 112px;
    font-size: 15px;
    padding: 2px 10px;
}

.footer-call .alo-phone.alo-active .alo-ph-img-circle {
    -webkit-animation: 1s ease-in-out 0s normal none infinite running alo-

circle-img-anim !important;
    animation: 1s ease-in-out 0s normal none infinite running alo-circle-

img-anim !important;
}

.footer-call .alo-phone.alo-static .alo-ph-img-circle {
    -webkit-animation: 0s ease-in-out 0s normal none infinite running alo-

circle-img-anim !important;
    animation: 0s ease-in-out 0s normal none infinite running alo-circle-

img-anim !important;
}

.footer-call .alo-phone.alo-hover .alo-ph-img-circle,.footer-call .alo-

phone:hover .alo-ph-img-circle {
    background-color: #7a7a7a;
}

.footer-call .alo-phone.alo-green.alo-hover .alo-ph-img-circle,.footer-call 

.alo-phone.alo-green:hover .alo-ph-img-circle {
    background-color: #141414;
}

.footer-call .alo-phone.alo-green .alo-ph-img-circle {
    background-color: #43ba43;
}

.footer-call .alo-phone.alo-gray.alo-hover .alo-ph-img-circle,.footer-call 

.alo-phone.alo-gray:hover .alo-ph-img-circle {
    background-color: #ccc;
}

.footer-call .alo-phone.alo-gray .alo-ph-img-circle {
    background-color: #141414;
}

@-webkit-keyframes alo-circle-anim {
    0% {
        opacity: .1;
        -webkit-transform: rotate(0deg) scale(.5) skew(1deg);
        transform: rotate(0deg) scale(.5) skew(1deg);
    }

    30% {
        opacity: .5;
        -webkit-transform: rotate(0deg) scale(.7) skew(1deg);
        transform: rotate(0deg) scale(.7) skew(1deg);
    }

    100% {
        opacity: .6;
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@keyframes alo-circle-anim {
    0% {
        opacity: .1;
        -webkit-transform: rotate(0deg) scale(.5) skew(1deg);
        transform: rotate(0deg) scale(.5) skew(1deg);
    }

30% {
        opacity: .5;
        -webkit-transform: rotate(0deg) scale(.7) skew(1deg);
        transform: rotate(0deg) scale(.7) skew(1deg);
    }

    100% {
        opacity: .6;
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@-webkit-keyframes alo-circle-fill-anim {
    0% {
        opacity: .2;
        -webkit-transform: rotate(0deg) scale(.7) skew(1deg);
        transform: rotate(0deg) scale(.7) skew(1deg);
    }

    50% {
        opacity: .2;
    }

    100% {
        opacity: .2;
        -webkit-transform: rotate(0deg) scale(.7) skew(1deg);
        transform: rotate(0deg) scale(.7) skew(1deg);
    }
}

@keyframes alo-circle-fill-anim {
    0% {
        opacity: .2;
        -webkit-transform: rotate(0deg) scale(.7) skew(1deg);
        transform: rotate(0deg) scale(.7) skew(1deg);
    }

    50% {
        opacity: .2;
    }

    100% {
        opacity: .2;
        -webkit-transform: rotate(0deg) scale(.7) skew(1deg);
        transform: rotate(0deg) scale(.7) skew(1deg);
    }
}

@-webkit-keyframes alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@keyframes alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes alo-circle-anim {
    0% {
        opacity: .1;
        -webkit-transform: rotate(0deg) scale(.5) skew(1deg);
        transform: rotate(0deg) scale(.5) skew(1deg);
    }

    30% {
        opacity: .5;
        -webkit-transform: rotate(0deg) scale(.7) skew(1deg);
        transform: rotate(0deg) scale(.7) skew(1deg);
    }

    100% {
        opacity: .1;
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@keyframes alo-circle-anim {
    0% {
        opacity: .1;
        -webkit-transform: rotate(0deg) scale(.5) skew(1deg);
        transform: rotate(0deg) scale(.5) skew(1deg);
    }

    30% {
        opacity: .5;
        -webkit-transform: rotate(0deg) scale(.7) skew(1deg);
        transform: rotate(0deg) scale(.7) skew(1deg);
    }

    100% {
        opacity: .1;
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@keyframes alo-circle-fill-anim {
    0% {
        opacity: .2;
        -webkit-transform: rotate(0deg) scale(.7) skew(1deg);
        transform: rotate(0deg) scale(.7) skew(1deg);
    }

    50% {
        opacity: .2;
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    100% {
        opacity: .2;
        -webkit-transform: rotate(0deg) scale(.7) skew(1deg);
        transform: rotate(0deg) scale(.7) skew(1deg);
    }
}

@keyframes alo-circle-fill-anim {
    0% {
        opacity: .2;
        -webkit-transform: rotate(0deg) scale(.7) skew(1deg);
        transform: rotate(0deg) scale(.7) skew(1deg);
    }

    50% {
        opacity: .2;
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    100% {
        opacity: .2;
        -webkit-transform: rotate(0deg) scale(.7) skew(1deg);
        transform: rotate(0deg) scale(.7) skew(1deg);
    }
}

@keyframes alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@keyframes alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}
.share-box {
  position: absolute;
  right: 103%;
  top: 0;
  margin: 0 !important;transition: 0.3s;
}
.main-single-container {
  position: relative;
}
.share-box div a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: inset -4px -4px 8px rgba(255, 255, 255, 0.5), inset 8px 8px 16px rgba(149, 146, 146, 0.06), 0 0 10px 0 rgba(128, 128, 128, 0.51);
    margin-bottom: 6px;
    background: rgb(255, 255, 255) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 650px) {
    div.footer-call {
        display: none;
    }
	.share-box {
    position: absolute;
    right: auto;
    top: 0;
    margin: 0 !important;
    left: 0;
    background-color: white;
    padding: 10px !important;
}
}
/* پایان کد تماس شناور */