@font-face {
 font-family:'BYekan';
 src:url(../Font/IRANSansXV.woff) format("woff-variations"),
 url(../Font/IRANSansXV.woff) format("woff");
 font-weight:100 900;
 font-display:fallback;
}
#main {
  margin-top:0;
  display:block
}
div,
p,
ol,
li,
ul,
span,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin:0;
  padding:0;
  direction:rtl;
  font-family:byekan;
  list-style:none
}
header h1,
header h1 span {
  font-family:byekan;
  font-size:26px;
  color:#616161
}
.containervideo {
  width:550px;
  height:400px;
  justify-content:center;
  align-items:center;
  margin-right:60px;
  margin-bottom:20px
}
.containeraudio {
  width:150px;
  height:60px;
  align-items:center;
  margin-bottom:20px
}
.breadcumb-inner h2 {
  font-size:36px
}
.breadcumb-area:before {
  position:absolute;
  right:0;
  top:0;
  left:0;
  bottom:0;
  content:"";
  background:#ff0703
}
.page_title h2 .breadcumb-inner h2 {
  color:#fff;
  font-size:30px;
  position:relative
}
.breadcumb-inner ul,
.breadcumb-inner ul span a,
.breadcumb-inner li,
.breadcumb-inner li a {
  color:#fff
}
.breadcumb-inner ul {
  font-weight:400;
  position:relative
}
.breadcumb-inner li {
  display:inline-block;
  margin:0 2px;
  color:#000;
  font-weight:400;
  padding-top:10px
}
.breadcumb-inner li:nth-last-child(-n+1) {
  /*color:#ff6200;*/
  color:#ce1340;
  font-weight:400
}
.breadcumb-inner li a {
  font-weight:400;
  color:#000
}
.breadcumb-inner li a:hover {
  /*color:#ce1340*/
  color:red;
}
.containervideo #video {
  width:600px;
  height:400px;
  border-radius:20px
}
.containervideo .controls {
  position:absolute;
  bottom:40px;
  width:100%;
  display:flex;
  justify-content:space-around;
  opacity:.2;
  transition:opacity .4s
}
.containervideo:hover .controls {
  opacity:1
}
.containervideo .controls button {
  background:transparent;
  color:#fff;
  font-weight:bolder;
  text-shadow:2px 1px 2px #000;
  border:0;
  cursor:pointer
}
#overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#000000;
  z-index:1000;
  display:none
}
.popup-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid #ccc;
  padding-bottom:10px;
  margin-bottom:20px
}
.popup-header h3 {
  margin:0
}
.popup-header button {
  background:0;
  border:0;
  font-size:24px;
  cursor:pointer
}
#contactForm label {
  display:block;
  margin-bottom:10px;
  font-size:16px
}
#contactForm input {
  width:100%;
  padding:10px;
  margin-bottom:20px;
  border:1px solid #ccc;
  border-radius:5px;
  font-size:16px
}
#contactForm button {
  padding:10px 20px;
  background-color:#4caf50;
  color:#fff;
  border:0;
  border-radius:5px;
  cursor:pointer;
  font-size:16px
}
#contactForm button:hover {
  background-color:#45a049
}
.containervideo .controls .timeline {
  flex:1;
  display:flex;
  align-items:center;
  border:0;
  border-right:3px solid #ccc;
  border-left:3px solid #ccc
}
.containervideo .controls .timeline .bar {
  background:#010141;
  height:4px;
  flex:1
}
.containervideo .controls .timeline .bar .inner {
  background:#ccc;
  width:0;
  height:100%
}
.storyBoxBlog header h1 {
  /*background-image:linear-gradient(to left,#ce1340 0,#ce1340 50%,#ff0603 100%);*/
   background-image:linear-gradient(30deg,#26c8ef,#4268f8);
  border:none !important;
  border-radius:50px !important;
  box-shadow:0 1px 8px #6898f880;
  margin:0 11px 19px !important;
  display:block;
  color:#fff !important;
  line-height:40px !important;
  text-align:center !important
}
.storyBoxBlog header h1:hover {
  border-radius:5px
}
header h2 {
  font-family:byekan;
  font-size:28px;
  color:#616161
}
header .h2 {
  font-family:byekan;
  font-size:14px;
  color:#000;
  background-color:#fff;
  padding:14px;
  line-height:29px;
  border-radius:2px;
  box-shadow:1px 1px 9px #cac3c3;
  border-bottom:2px solid#d0c3c5;
  text-align:justify;
  font-weight:700
}
header .head {
  font-family:byekan;
  font-size:22px;
  color:#616161
}
strong,
b {
  color:#000
}
.row h2,
.content h2 {
  font-family:byekan;
  font-size:28px;
  color:#616161
}
.sitemap h2 {
  font-size:20px
}
.row h3 {
  font-family:byekan;
  font-size:25px;
  color:#616161
}
.row h4,
.modal h4 {
  font-family:byekan;
  font-size:17px;
  color:#616161
}
.headerright {
  margin-right:-50px
}
.header-end {
  border-bottom:0 solid #269bcd
}
.headerrightjoin {
  margin-right:30px
}
h4 {
  font-size:18px
}
.field-validation-error {
  background-color:#ef4b4c;
  color:#fff;
  padding:5px 11px;
  margin-bottom:22px;
  margin-top:0;
  display:block;
  white-space:nowrap
}
.validation-summary-errors span {
  font-family:byekan;
  line-height:22px;
  font-size:14px;
  color:#616161
}
.validation-summary-errors {
  background-color:#ffeaea;
  border-color:#f9b6b7;
  padding:15px;
  color:#585858;
  border:1px solid transparent;
  margin-bottom:22px;
  position:relative;
  border-radius:5px;
  text-shadow:0 1px 0 #fff;
  margin-top:10px
}
.validation-summary-errors li {
  color:#ef4b4c;
  font-family:byekan;
  opacity:.8;
  line-height:22px;
  font-size:14px;
  display:block
}
label {
  display:block;
  cursor:pointer
}
img {
  border:0;
  max-width:100%;
  height:auto
}
a {
  text-decoration:none;
  color:#414546
}
.media h2 a:hover,
.pull-right a:hover,
.media-body header a:hover,
.subColumns a:hover,
.footer a:hover,
.popularpost a:hover,
.MoreNews a:hover,
.article a:hover,
.twelve a:hover,
#delete-photo:hover,
.profile-info a:hover,
.floatRight a:hover,
.floatLeft a:hover {
  text-decoration:underline
}
body,
table {
  margin:0;
  padding:0;
  display:block;
  height:100%;
  font-size:13px;
  line-height:22px;
  color:#616161;
  overflow-y:scroll
}
.bussiness {
  background-color:#fff;
  background-size:cover;
  box-shadow:0 7px 15px #6898f880;
  border-radius:5px
}
.bussiness-right a {
  color:orange !important;
  font-size:16px
}
.bussiness-right {
  font-family:byekan;
  line-height:22px;
  color:#000;
  padding:20px;
  text-align:justify !important
}
div.fixed {
  width:976px;
  margin:0 auto;
  margin-top:10px
}
.separator {
  clear:both;
  line-height:0;
  height:0;
  font-size:0;
  display:block
}
hr {
  margin:20px auto;
  border:0;
  color:#ddd;
  background-color:#ddd;
  height:1px
}
div.topBar {
  background-color:#4f4f4f;
  color:#aaa;
  height:46px;
  padding-top:4px;
  font-size:12px;
  position:absolute;
  width:100%;
  top:0;
  z-index:999;
  box-shadow:1px 1px 1px #8e8e8e
}
.directionleft {
  direction:ltr
}
div.topBar a {
  color:#fff
}
div.topBar .contact {
  float:right;
  color:#fff;
  margin-right:15px
}
div.topBar,
div.topBar uled {
  float:left;
  color:#fff
}
div.topBar ul li {
  display:inline-block;
  margin-right:5px;
  white-space:nowrap
}
div.menuContainer {
  /*background-color:#fff;*/
  background-color:#26c8ef;
  margin-top:45px;
  border-top:8px solid #424242;
  border-bottom:2px solid #424242
}
.content {
  padding:50px 0
}
div.menuContainer>.fixed {
  padding:0 10px;
  height:61px
}
div.rightBar {
  width:610px;
  float:right
}
.leftBar {
  width:300px;
  float:left;
  margin-left:19px
}
.socialnetwork {
  margin-right:10px;
  position:absolute;
  width:52px;
  top:363px;
  border:1px solid #CCC;
  padding:10px;
  border-radius:5px
}
.goog-bubble-content .gc-reset {
  text-align:right
}
div.topHeader {
  background-color:#fff;
  min-height:400px;
  padding-bottom:20px
}
.MoreNews,
.storyBox h1 {
  margin:15px 0 20px;
  font-family:BYekan;
  line-height:100%;
  font-size:22px;
  text-align:justify;
  color:#01aac7
}
.alert {
  padding:15px;
  color:#585858;
  border:1px solid transparent;
  margin-bottom:22px;
  margin-top:10px;
  position:relative
}
.alert-success {
  background-color:#f8ffe8;
  border-color:#c4dc8f
}
.storyBoxBlog {
  margin-top:10px;
  width:690px;
  margin-right:-50px;
  background-color:#fff
}
div.subColumns h2 {
  font-family:BYekan;
  line-height:100%;
  font-size:18px;
  text-align:justify;
  color:#01aac7
}
div.fixban-news h3,
div.fixban-weblog h3,
div.leftBar h3,
.related h3,
div.fixban-weblog h3,
div.fixban-news h3,
.contact h3,
.box-header h3,
.modal h3 {
  font-family:BYekan;
  line-height:100%;
  font-size:19px;
  text-align:justify;
  color:#000;
  margin-bottom:15px;
  font-weight:300
}
div.fixban-news>h3,
.MoreNews .homeHeader,
div.fixban-weblog>h3 {
  /*background-image:linear-gradient(to left,#ce1340 0,#ce1340 50%,#ff0603 100%);
  background-color:#3d5cf7;*/
  background-image:linear-gradient(to left,#15B4DA 0,#15B4DA 50%,#00CDFE 100%);
  background-color:#3d5cf7;
  border:none !important;
  border-radius:50px !important;
  /*box-shadow:0 7px 15px #FA8302;*/
  /*box-shadow:0 2px 6px #FA8302;*/
  box-shadow:0 7px 15px rgba(104,152,248,.5);
  margin:20px auto !important;
  display:block;
  color:#fff !important;
  line-height:40px !important;
  text-align:center !important;
  width:50%
}
div.fixban-news>h3:hover,
.bussiness:hover,
div.leftBar h3.blue-bkg:hover,
.MoreNews .homeHeader:hover,
.rcn:hover {
  /*box-shadow:0 2px 6px #FA8302;*/
  box-shadow:0 7px 15px #FA8302;
  transition:all .7s ease
}
.rightBar .fixban-news .subColumns .rcn h3 a {
  color:#4a4646;
  font-weight:300 !important;
  padding:9px 5px;
  margin:7px 0;
  line-height:30px
}
div.fixban-weblog strong {
  font-family:BYekan;
  line-height:100%;
  font-size:16px;
  color:#444
}
div.fixban-weblog .author a {
  color:#01aac7;
  line-height:100%;
  font-size:13px
}
.list-simple {
  list-style-type:none;
  margin:0;
  padding:0
}
.community-ctas .item {
  margin-bottom:11px;
  padding:0;
  font-size:14px
}
.socialnetwork .item {
  margin-bottom:10px
}
.community-ctas .item div {
  display:inline-block;
  border:1px solid #ddd;
  border-right:0;
  background-color:#f3f3f3;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  padding:0 18px 0 11px;
  vertical-align:top;
  margin-right:-4px
}
div.subColumns p,
div.blogPost h4 {
  font-family:BYekan;
  font-size:13px;
  text-align:justify;
  color:#666;
  padding-left:25px;
  direction:rtl
}
.seoContent p {
  font-family:BYekan;
  font-size:16px;
  text-align:justify;
  color:#666;
  direction:rtl;
  padding-top:10px
}
div.newsLetter span,
.popularpost li,
.popularpost li h3 {
  display:block;
  text-decoration:none;
  color:#000;
  line-height:24px;
  font-family:BYekan;
  font-size:14px;
  text-align:justify;
  direction:rtl
}
input[type='button'],
input[type='reset'],
input[type='submit'] {
  cursor:pointer;
  -webkit-appearance:button;
  font-size:14px;
  display:inline-block;
  padding:13px 20px;
  color:#fff;
  font-family:byekan;
  font-weight:400;
  line-height:1;
  border-radius:3px;
  -webkit-transition:all .15s;
  -o-transition:all .15s;
  transition:all .15s;
  text-align:center;
  margin:5px;
  border:0;
  box-shadow:1px 1px 2px #0003;
  -moz-box-shadow:0 1px 2px #0003;
  -webkit-box-shadow:1px 1px 7px #0003;
  -ms-box-shadow:0 1px 2px #0003;
  -o-box-shadow:0 1px 2px #0003;
  /*background-color:#27ae61;
  background-image:linear-gradient(to left,#ce1340 0,#ce1340 50%,#ff0603 100%)*/
  background-color:#27ae61;
 background-image:linear-gradient(315deg,#378b29 0,#4caf50 74%)
}
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover {
  /*background-image:linear-gradient(to left,#ce1340 0,#ce1340 50%,#ff0603 100%)*/
   background:#4caf50
}
input[type='username'],
input[type='email'],
input[type='password'] {
  background:#fff;
  border:1px solid #b2b2b2;
  height:34px;
  padding:3px 0;
  vertical-align:middle;
  line-height:22px;
  box-shadow:inset 0 1px 2px #ddd;
  position:relative;
  width:100%;
  direction:ltr
}
input[type='profile'] {
  background:#fff;
  border:1px solid #b2b2b2;
  height:24px;
  padding:0 6px;
  vertical-align:middle;
  line-height:22px;
  box-shadow:inset 0 1px 2px #ddd;
  position:relative;
  width:220px;
  direction:ltr;
  margin:-1px 0 12px
}
input[type='text'] {
  background:#fff;
  border:1px solid #e0e0e0;
  height:34px;
  padding:3px 8px;
  vertical-align:middle;
  line-height:22px;
  position:relative;
  width:91%;
  direction:rtl;
  font-family:byekan;
  border-radius:4px;
  margin:10px 0
}
input[type='text']:focus {
  border:1px solid #e0e0e0
}
input[type='comment'] {
  background:#fff;
  border:1px solid #b2b2b2;
  height:34px;
  padding:3px 0;
  vertical-align:middle;
  line-height:22px;
  box-shadow:inset 0 1px 2px #ddd;
  position:relative;
  width:300px;
  direction:ltr
}
.ui-dialog .ui-state-error {
  padding:.3em
}
.validateTips {
  border:1px solid transparent;
  padding:.3em
}
.cta {
  padding:23px 36px;
  position:relative;
  display:inline-block;
  border:2px solid transparent;
  cursor:pointer;
  font-size:14px;
  line-height:1.1;
  text-decoration:none;
  text-align:center;
  letter-spacing:1px;
  border-radius:5px;
  -webkit-border-radius:5px
}
.container.login {
  width:380px
}
.container {
  margin-left:auto;
  margin-right:auto
}
.container:after,
.container:before {
  display:table;
  content:""
}
.container:after {
  clear:both
}
.background-blue {
  background-color:#4dbdeb;
  height:100%
}
.ctasmall {
  padding:5px;
  position:relative;
  display:inline-block;
  border:2px solid transparent;
  cursor:pointer;
  font-size:14px;
  line-height:1.1;
  text-decoration:none;
  text-align:center;
  letter-spacing:1px;
  border-radius:5px;
  -webkit-border-radius:5px
}
.button-yellow {
  background-color:#facf62;
  border-color:#ca9306;
  color:#876204;
  background-image:none;
  text-shadow:none
}
div.fixban-features {
  padding-bottom:25px;
  margin-top:25px;
  border-bottom:1px solid #f0f0f0
}
div.fixban-news {
  padding-bottom:25px;
  margin-top:10px
}
div.fixban-weblog {
  margin-top:10px
}
[class*="icon"] {
  display:inline-block;
  overflow:hidden;
  text-indent:-1000px
}
.rankChecker,
.popularpost,
.follow,
.getConnected,
.feature1,
.feature2,
.feature3,
.feature4,
.feature5,
.feature6 {
  border:1px solid #cccccc;
  border-radius:5px 5px 5px 5px;
  margin-bottom:20px;
  padding:15px;
  width:288px;
  box-shadow:1px 1px 7px #000000;
  -moz-box-shadow:1px 1px 7px #0000001a;
  -webkit-box-shadow:1px 1px 7px #0000001a;
  -ms-box-shadow:1px 1px 7px #0000001a;
  -o-box-shadow:1px 1px 7px #0000001a;
  background-color:#d9e4f5;
  background-color:#fff;
  transition:all .7s;
}
.storyBoxBlog,
.comment.new {
  border:1px solid #cccccc;
  border-radius:5px 5px 5px 5px;
  margin-bottom:20px;
  padding:15px;
  box-shadow:1px 1px 7px #000000;
  -moz-box-shadow:1px 1px 7px #0000001a;
  -webkit-box-shadow:1px 1px 7px #0000001a;
  -ms-box-shadow:1px 1px 7px #0000001a;
  -o-box-shadow:1px 1px 7px #0000001a;
  background-color:#d9e4f5;
  background-color:#fff;
  transition:all .7s
}
.rankChecker:hover,
.popularpost:hover,
.follow:hover,
.getConnected:hover {
  background-color:#eaecef;
  box-shadow:4px 0 23px #0000001a;
  -moz-box-shadow:1px 1px 7px #0000001a;
  -webkit-box-shadow:4px 0 23px #0000001a;
  -ms-box-shadow:1px 1px 7px #0000001a;
  -o-box-shadow:1px 1px 7px #0000001a;
  transition:all .7s
}
.getConnected {
  text-align:center
}
.toppad3 .rankChecker,
.toppad3 .popularpost,
.toppad3 .follow,
.toppad3 .getConnected {
  margin-right:45px
}
.toppad65 .rankChecker,
.toppad65 .popularpost,
.toppad65 .follow,
.toppad65 .getConnected {
  margin-right:45px
}
div.media-body {
  overflow:hidden;
  zoom:1
}
.media-rank {
  float:left;
  margin-top:-25px;
  margin-left:15px
}
div.thumbs-group {
  margin-right:20px
}
.icon {
  display:inline-block;
  overflow:hidden;
  text-indent:-1000px
}
.value {
  margin-left:4px;
  font-size:14px
}
.icon-thumbs-down,
.icon-thumbs-up,
.comment-list .replies .comment:before,
.icon-speech,
.icon-social-rss,
.icon-social-twitter,
.icon-social-instagram,
.icon-social-telegram,
.icon-social-facebook,
.icon-social-googleplus,
.icon-social-linkedin,
.icon-social-pinterest {
  background:url(../Images/icon.png) no-repeat
}
.icon-thumbs-up {
  width:16px;
  height:15px;
  background-position:-39px -46px
}
.icon-thumbs-up:active,
.thumbs-group .active>.icon-thumbs-up,
.icon-thumbs-up.thumbs-up-active {
  background-position:-23px -46px
}
.icon-thumbs-down:active,
.thumbs-group .active>.icon-thumbs-down {
  background-position:-70px -46px
}
.icon-logo-grey {
 background:url(../Images/logofixban.png) no-repeat;
 height:58px;
 width:173px
}
.icon-social-rss {
  background-position:-48px -190px;
  height:24px;
  width:24px
}
.icon-social-twitter {
  background-position:-41px -133px;
  height:24px;
  width:24px
}
.icon-social-telegram {
  background-position:-0 -214px;
  height:24px;
  width:24px
}
.icon-social-instagram {
  background-position:-25px -214px;
  height:24px;
  width:24px
}
.icon-social-facebook {
  background-position:-17px -166px;
  height:24px;
  width:24px
}
.icon-social-googleplus {
  background-position:-41px -166px;
  height:24px;
  width:24px
}
.icon-social-pinterest {
  background-position:-24px -190px;
  height:24px;
  width:24px
}
.icon-social-linkedin {
  background-position:-65px -166px;
  height:24px;
  width:24px
}
.text-social {
  vertical-align:top;
  margin-right:5px
}
.comment-count i {
  margin-left:5px
}
.icon-thumbs-down {
  width:16px;
  height:15px;
  background-position:-68px -61px
}
.item-thumbs-up {
  border-left:1px solid #4e4e4e;
  padding-left:5px;
  color:#4e4e4e
}
.item-thumbs-down {
  border-right:0;
  padding-right:5px;
  color:#4e4e4e
}
a.homeHeader {
  color:#bf4b0b;
  font-family:BYekan;
  line-height:100%;
  text-align:center
}
.center {
  text-align:center
}
div.socialLinks ul {
  width:100%;
  overflow:hidden
}
div.floatRight {
  float:right;
  border-left:1px solid #ccc;
  margin-top:0;
  width:300px
}
div.floatRight ul li a {
  font-family:BYekan;
  font-size:14px
}
div.floatRight ul li {
  padding:4px 0;
  height:27px;
  display:table
}
div.floatLeft {
  float:left;
  width:300px;
  margin-right:5px
}
div.floatLeft ul li a {
  font-family:BYekan;
  font-size:13px
}
div.floatLeft ul {
  width:300px;
  float:right;
  margin-top:5px
}
div.floatRight ul {
  width:300px;
  float:right;
  margin-right:0;
  margin-top:5px
}
div.floatLeft ul li {
  padding:5px 0
}
div.rankChecker ul li {
  display:block;
  text-decoration:none;
  color:#666;
  background:url(../Images/list.png) right no-repeat;
  line-height:24px;
  font-family:BYekan;
  font-size:14px;
  text-align:justify;
  direction:rtl;
  border-bottom:1px solid #ededed85;
  padding:6px 32px 6px 0 !important
}
div.rightBar .floatRight ul li a,
div.rightBar .floatLeft ul li a {
  background:url(../Images/list.png) right no-repeat;
  padding:2px 32px 2px 2px !important;
  width:90%;
  word-break:break-word;
  text-align:right;
  clear:both;
  display:block;
  background-position:right top;
  color:#504e4e
}
.storyBoxBlog .articleBody ul li,
.storyBoxBlog .article ul li {
  background:url(../Images/list.png) right no-repeat;
  list-style:none;
  padding:2px 0 3px;
  padding-right:25px;
  background-size:20px
}
.storyBoxBlog .related ul li {
  background:url(../Images/list.png) right no-repeat;
  list-style:none;
  padding:0;
  padding-right:25px;
  padding-left:10px;
  background-size:20px
}
div.subColumns {
  margin-top:30PX;
  width:100%;
  overflow:hidden;
  clear:both
}
.c33l {
  width:34%;
  float:left
}
.rcn {
  float:right;
  margin:15px 0;
  background-color:#fff;
  display:block;
  border-radius:6px;
  width:98%;
  min-height:85px;
  display:block;
  box-shadow:0 10px 30px #1c4c9c26;
  padding-left:5px;
  background:#fff;
  transition-duration:.2s;
  border:1px solid #efefef;
  max-width:98%
}
div.rcn .news-image {
  float:right;
  margin:0 0 10px 10px
}
div.rcn p {
  text-align:justify;
  color:#747474;
  font-size:13px;
  margin-top:5px;
  line-height:20px
}
span.dateline {
  float:right;
  text-align:justify;
  color:#747474;
  font-size:13px;
  margin-top:5px;
  line-height:20px;
  white-space:nowrap
}
.article {
  text-align:justify;
  font-size:16px;
  color:#181522;
  line-height:2
}
.articleBody a,
.article p a {
  color:#d00000;
  font-weight:700;
  border-bottom:1px dashed #0000006e
}
.article h2 {
  font-size:24px;
  line-height:2;
  color:#000;
  margin:10px 0 5px
}
.articleBody h2,
.articleBody .h2 {
  font-family:byekan;
  font-size:22px;
  color:#000
}
.articleBody h3 {
  font-family:byekan;
  font-size:20px;
  color:#000
}
.article h3 {
  font-size:20px;
  line-height:2;
  color:#000;
  margin:10px 0 5px
}
.article ol li {
  margin-bottom:20px
}
.mediacontent {
  font-family:BYekan;
  line-height:100%;
  font-size:16px;
  text-align:justify;
  color:#01aac7;
  margin:10px 0
}
.article h4,
.twelve h4 {
  font-size:18px;
  line-height:2;
  color:#000;
  margin:10px 0 5px
}
.faq {
  font-size:18px;
  line-height:20px;
  color:#000;
  margin:10px 0 5px
}
.faq-p {
  color:#d00000;
  font-weight:700;
  background:url(../Images/list.png) right no-repeat;
  padding:2px 0 3px;
  padding-right:25px;
  background-size:20px;
  margin-right:25px
}
.faq-second-p {
  margin-right:25px
}
.related h4 {
  font-size:14px;
  font-weight:400;
  margin-bottom:10px;
  text-indent:10px
}
.article p,
.comment-body p {
  margin-bottom:20px
}
.article ul,
.twelve ul {
  margin:0 5px 10px 0;
  padding-right:15px;
  line-height:1.5em;
  display:block
}
.article ul li,
.twelve ul li {
  margin:0 -15px 10px 0;
  padding:0 2px;
  list-style-type:square;
  display:list-item
}
div.rcn hr {
  color:#FFF;
  background-color:#FFF;
  height:12px;
  border:0;
  border-top:1px #CCC solid
}
.c33r {
  width:33%;
  float:right
}
div.mainHeaderPicture {
  clear:both;
  height:320px
}
div.mainHeaderRibbon {
  clear:both;
  background:#d9d9d9 0 0 scroll;
  border-top:1px solid #9e9e9e;
  border-bottom:1px solid #9e9e9e
}
.nav {
  list-style:none;
  padding:0;
  margin:0
}
.nav-sub>.item:last-child {
  border-left:1px solid #9e9e9e
}
.nav-sub .item {
  font-size:12px;
  border-right:1px solid #9e9e9e;
  border-left:1px solid #eaeaea;
  padding:5px 39px
}
.nav .item {
  list-style:none;
  float:right
}
.nav-sub a {
  background:#d9d9d9 0 0 scroll;
  color:#4e4e4e;
  display:block;
  margin:-5px -39px;
  padding:5px 39px;
  text-transform:uppercase;
  font-weight:700;
  text-align:center;
  height:25px;
  font-family:byekan;
  font-size:16px
}
.nav-sub a:hover {
  background-color:#f3f3f3;
  text-decoration:none
}
.nav-sub .active a {
  background-color:#e8e8e8;
  box-shadow:0 2px #2680a9 !important
}
div.logo-wrapper {
  text-align:center;
  margin:0 10px;
  max-width:100%;
  line-height:0;
  /*padding-top:20px*/
   padding-top:10px;
}
div.clear {
  clear:both
}
div.menuContainer .logo img {
  /*margin-top:-15px;*/
    margin-top:12px;
  float:right;
  margin-right:15px
}
.comments-container {
  width:685px
}
.comment-list,
.comment {
  position:relative
}
.comment-list .replies.replies-nested {
  margin-right:80px
}
.comment-list,
.comment-list .replies {
  list-style-type:none;
  padding-right:0;
  margin:0
}
.comment-list .replies .comment.new:before {
  background-position:0 -93px;
  height:14px;
  width:15px;
  content:' ';
  display:block;
  position:absolute;
  top:-14px;
  right:50px
}
.comment {
  background:#fff;
  border:1px solid #dfdfdf;
  border-radius:5px 5px 5px 5px;
  padding:20px;
  margin-right:-50px;
  margin-top:20px
}
.comment-body {
  overflow:hidden;
  zoom:1;
  word-wrap:break-word;
  padding-right:10px
}
.comment-body .lastp {
  margin:0 0 22px
}
.button {
  font-size:14px;
  display:inline-block;
  padding:13px 20px;
  color:#fff;
  font-family:byekan;
  font-weight:400;
  line-height:1;
  border-radius:3px;
  -webkit-transition:all .15s;
  -o-transition:all .15s;
  transition:all .15s;
  text-align:center;
  margin:5px;
  border:0;
  box-shadow:1px 1px 2px #0003;
  -moz-box-shadow:0 1px 2px #0003;
  -webkit-box-shadow:1px 1px 7px #0003;
  -ms-box-shadow:0 1px 2px #0003;
  -o-box-shadow:0 1px 2px #0003;
  background-color:#27ae61
}
.button:hover {
  background:#4caf50
}
.button:active {
  -webkit-box-shadow:inset 0 3px 5px #0000004d;
  -moz-box-shadow:inset 0 3px 5px #0000004d;
  box-shadow:inset 0 3px 5px #0000004d
}
.button-green {
  background-color:#cfde5a;
  border-color:#8e9c1f;
  color:#5f6815;
  text-shadow:none
}
.button-blue {
  color:#0d5370;
  background-color:#4dbdeb;
  border-color:#137da8;
  text-shadow:none;
  background-image:none
}
.button-blue:hover,
.button-blue:active {
  background-color:#19a6e0;
  border-color:#0d5370
}
.bottom {
  margin-top:0
}
.comment header {
  margin-bottom:11px
}
.pull-right {
  float:left
}
.leftpull {
  float:left
}
.media .pull-right {
  margin-top:20px
}
.comment-list ui li {
  padding:3px 0
}
.comment>.avatar {
  float:right;
  margin-right:5px
}
.avatar-large .avatar-inner {
  height:80px
}
.break-word {
  word-wrap:break-word
}
.avatar-large {
  width:80px
}
.avatar-medium {
  width:40px
}
.avatar-medium .avatar-inner {
  height:40px
}
.avatar-inner {
  background-color:#fff;
  text-align:center;
  vertical-align:middle;
  position:relative;
  overflow:hidden
}
.topBar .avatar {
  width:23px;
  height:23px;
  position:relative;
  vertical-align:middle
}
.circle-simple {
  display:inline-block;
  -webkit-border-radius:500px;
  border-radius:500px;
  overflow:hidden;
  line-height:0
}
div.footer {
  /*background-color:#004060;*/
  background-color:#4f4f4f;
  height:200px;
  padding-top:30px;
  padding-bottom:20px
}
#dp_swf_engine {
  display:none
}
.right {
  text-align:right
}
.left {
  text-align:left
}
.nav-simple .item {
  padding:0 10px;
  border-left:1px solid #4e4e4e
}
.nav-simple .item:last-child {
  border-left:0;
  padding-right:10px
}
nav {
  font-size:13px;
  line-height:20px
}
.slate {
  color:#4e4e4e
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius:4px
}
.ui-widget-content .ui-state-error {
  border:1px solid #cd0a0a;
  background-color:#fef1ec;
  color:#cd0a0a
}
.popup {
  padding:20px;
  border-radius:3px;
  text-shadow:0 1px 0 #fff;
  box-shadow:0 0 0 10px #00000080;
  outline:0;
  min-width:160px
}
.profilemin {
  min-height:650px
}
.background-gradient-lightgrey,
.popup {
  background:#f3f3f3;
  background-size:100%;
  background-image:linear-gradient(#fff,#ddd)
}
.modal {
  position:relative;
  left:50%;
  z-index:100000;
  width:560px;
  margin:-150px 0 0 -280px
}
.fade.in {
  opacity:1
}
.modal.fade {
  transition:opacity .3s linear,top .3s ease-out
}
.modal.fade.in {
  top:50%
}
.modal-backdrop {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1000;
  background-color:#4e4e4e
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity:.7
}
div.footer .footer-firstblock {
  border-right:0 none;
  padding-right:0;
  float:right;
  width:173px;
  border-left:1px solid #2d2d2d;
  min-height:170px;
  line-height:24px
}
div.footer .footer-secondblock {
  float:right;
  width:173px;
  border-left:1px solid #2d2d2d;
  border-right:1px solid #424242;
  padding-right:30px;
  min-height:170px;
  min-height:170px;
  line-height:24px
}
div.footer .footer-lastblock {
  border-right:0 none;
  padding-right:30px;
  float:right;
  width:173px;
  border-right:1px solid #424242;
  min-height:170px;
  line-height:20px
}
.footer h4 {
  font-family:BYekan;
  color:#cbcbcb;
  font-size:18px;
  font-weight:700;
  margin-bottom:16px;
  margin-top:0
}
.bodyfont {
  font-family:byekan;
  line-height:22px;
  font-size:14px;
  color:#000
}
.grey {
  color:#8a8a8a
}
.vital-stats {
  font-size:16px
}
.vital-stats dt {
  display:block;
  float:right;
  width:180px;
  margin-right:10px;
  line-height:20px
}
.field-label {
  font-family:byekan;
  line-height:22px;
  font-size:14px;
  color:#000
}
.footer a {
  color:#eee;
  font-size:14px
}
.copyRight {
  color:#7f7f7f;
  font-size:12px;
  padding-top:10px;
  /*background-color:#004060;*/
  background-color:#4f4f4f;
  height:60px
}
div.copyRight a {
  display:block;
  float:left;
  margin-top:15px
}
div.copyRight p {
  line-height:100%;
  font-size:12px;
  color:#767676;
  text-align:center;
  margin-top:10px
}
div.footer h5 {
  font-family:BYekan;
  line-height:100%;
  font-size:15px;
  color:#d2d2d2;
  border-bottom:1px solid #444;
  height:25px;
  padding-top:25px
}
.row {
  margin-right:-20px
}
.row:before,
.row:after {
  display:table;
  content:""
}
.basemargin {
  margin-right:0
}
.span6 {
  width:460px;
  float:right
}
.span5 {
  width:380px;
  float:right
}
.span7 {
  width:736px
}
.span9 {
  width:580px
}
.span8 {
  width:580px
}
.span10 {
  width:780px
}
.span4 {
  width:300px;
  display:inline-table
}
.span4p {
  width:300px
}
.center-block {
  margin-left:auto;
  margin-right:auto
}
.input-prepend :first-child,
.input-append :first-child {
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  float:left;
  border-right:0
}
.span11 {
  width:860px;
  float:right
}
.span12 {
  width:970px;
  float:right
}
.top3 {
  margin-top:33px
}
.top4 {
  margin-top:44px;
  float:left
}
.top5 {
  margin-top:55px
}
.top5n {
  margin-top:-55px
}
.top6 {
  margin-top:60px;
  float:left
}
.bottom1 {
  margin-bottom:11px
}
.bottom3 {
  margin-bottom:33px
}
.bottom3n {
  margin-bottom:-33px
}
.intro {
  text-align:justify
}
.left-block {
  float:left;
  margin-top:55px;
  display:block
}
.offset1 {
  margin-right:50px
}
.offset2 {
  margin-right:25px
}
.box {
  -webkit-border-radius:5px;
  border-radius:5px
}
.box-header {
  margin:0;
  padding:11px 20px;
  background-color:#f3f3f3;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  border:1px solid #dfdfdf;
  border-bottom:0
}
.box,
.box-square {
  border:1px solid #dfdfdf;
  padding:20px;
  margin-bottom:22px;
  background-color:#fff
}
.box-content {
  background:#fff;
  border:1px solid #dfdfdf;
  padding:20px;
  margin-bottom:22px
}
.profile-info {
  width:200px
}
.profile-link {
  font-size:12px;
  line-height:18px
}
.profile-info dt {
  display:block;
  margin:0 0 22px;
  font-weight:700;
  font-size:17px
}
.profile-info dd {
  display:block;
  margin:-15px 0 22px
}
dt,
dd {
  line-height:20px
}
.background-silver {
  background-color:#f3f3f3
}
.table {
  width:100%;
  background-color:#fff;
  border-spacing:0
}
.dataTable {
  clear:both
}
.table-bordered {
  border:1px solid #ddd
}
.table-bordered tr:first-child th,
.table-bordered tr:first-child td {
  border-top:0
}
.table-bordered thead th {
  border-bottom:1px solid #ddd
}
.table-bordered th,
.table-bordered td {
  border-right:1px solid #ddd
}
.table td,
table th {
  padding:8px;
  text-align:right;
  vertical-align:top
}
.button-group {
  float:right
}
.table-bordered th,
.table-bordered td {
  border-right:1px solid #ddd;
  border-top:1px solid #ddd
}
.button-group .button:first-child {
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
  border-left-width:1px;
  border-right-width:0
}
.button-group .button:last-child {
  border-top-right-radius:3px;
  border-bottom-right-radius:3px
}
.button-group .button {
  border-radius:0;
  float:left
}
.button-small {
  padding:7px 12px;
  font-size:11px
}
.top2 {
  margin-top:22px
}
.top20 {
  margin-top:20px
}
.top2n {
  margin-top:-22px
}
.toppad3 {
  padding-top:33px
}
.toppad65 {
  padding-top:65px
}
.bottompad1 {
  padding-bottom:11px
}
.commentwidth {
  width:300px
}
.bottompadtop {
  padding-bottom:18px
}
.editor-field label {
  display:inline-block
}
.inline {
  display:inline-block;
  vertical-align:top
}
.inlinetable {
  display:inline-table;
  vertical-align:top
}
.editor-label {
  margin-bottom:5px;
  margin-top:20px;
  font-family:byekan;
  line-height:22px;
  font-size:14px;
  color:#616161;
  line-height:100%;
  white-space:nowrap
}
.top1n {
  margin-top:-11px
}
.top1p {
  margin-top:15px
}
.login [type="checkbox"] {
  margin-top:20px;
  margin-right:0
}
.span2 {
  width:140px
}
.row.twelve .span3 {
  width:280px;
  display:inline-table
}
.block {
  display:block
}
.login-button {
  margin-right:0
}
.login .box {
  background:0;
  border:1px solid #2680a9
}
.darkblue {
  color:#2680a9
}
.niceblue {
  /*color:#ce1340;*/
 color:#01aac7;
 font-size:30px
}
.bottom0 {
  margin-bottom:0;
  font-size:20px
}
.white {
  color:#fff
}
.top1 {
  margin-top:10px
}
.topn6 {
  margin-top:-66px
}
.topn4 {
  margin-top:-44px
}
.media,
.media-body {
  overflow:hidden;
  zoom:1
}
.media:first-child {
  margin-top:0
}
.media .pull-rightblog {
  margin-left:20px
}
.pull-rightblog {
  float:right;
  margin-left:8px
}
.media-body h1 {
  font-family:BYekan;
  line-height:100%;
  font-size:20px;
  text-align:justify;
  color:#2f2f2f
}
.top0 {
  margin-top:0
}
.right0 {
  margin-right:-50px
}
.right2 {
  margin-right:20px
}
.right6 {
  margin-right:66px
}
.right1 {
  margin-right:10px
}
.right10n {
  margin-right:-100px
}
.left7n {
  margin-left:-77px;
  float:left
}
.small {
  font-size:11px;
  color:#747474
}
.media-body .brif {
  text-align:justify;
  color:#747474;
  font-size:13px;
  margin-top:5px;
  line-height:20px
}
.media .read {
  font-size:13px;
  line-height:20px;
  white-space:nowrap
}
.icon-speech {
  background-position:0 -166px;
  height:14px;
  width:17px
}
.bottom2 {
  margin-bottom:22px
}
.comments-container ul li {
  padding:3px 0
}
@media all and (min-width:768px) {
  #popup {
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:400px;
    height:300px;
    background-color:#fff;
    padding:20px;
    border-radius:10px;
    box-shadow:0 0 15px #000000;
    z-index:1001;
    display:none
  }
  .contentpop {
    text-align:justify;
    font-size:16px;
    color:#181522;
    line-height:2
  }
  .containeraudio {
    margin-right:180px
  }
  .submenu-toggle {
    display:none
  }
  .hide-big {
    display:none !important
  }
  #wrapper_menu {
    width:900px;
    display:block;
    position:absolute;
    z-index:9999;
    margin-right:150px;
    margin-top:10px
  }
  .menu {
    list-style:none;
    width:900px;
    padding:0 20px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px
  }
  .menu li {
    float:right;
    text-align:center;
    position:relative;
    margin-right:20px;
    margin-top:6px;
    border:0
  }
  .menu li.fullwidth {
    position:static !important
  }
  .menu li:hover {
    background:#eee;
    border:1px solid #444;
    border-bottom:0;
    margin-right:19px;
    background:-moz-linear-gradient(top,#f4f4f4,#EEE);
    background:-webkit-gradient(linear,0 0,0 100%,from(#f4f4f4),to(#EEE));
    background:-o-linear-gradient(top,#f4f4f4,#EEE);
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -khtml-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0
  }
  .menu li.nodrop:hover {
    background:#eee;
    border:1px solid #444;
    padding:4px 10px 4px 9px;
    background:-moz-linear-gradient(top,#f4f4f4,#EEE);
    background:-webkit-gradient(linear,0 0,0 100%,from(#f4f4f4),to(#EEE));
    background:-o-linear-gradient(top,#f4f4f4,#EEE);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px
  }
  .menu li.nodrop:hover a {
    padding:0
  }
  .menu li a {
    color:#000;
    outline:0;
    padding:5px 10px 3px;
    text-decoration:none;
    display:block
  }
  .menu li:hover a {
    color:#161616;
    text-shadow:none;
    position:relative;
    z-index:11;
    border-bottom:1px solid #EEE;
    padding:4px 9px
  }
  .menu li:hover div a {
    display:inline
  }
  .menu li .drop {
    padding-right:27px;
    background:url(../Images/drop.png) no-repeat right 13px
  }
  .menu li:hover .drop {
    padding-right:27px;
    background:url(../Images/drop.png) no-repeat right 12px
  }
  .menu .right {
    float:right;
    right:0;
    margin-right:0
  }
  .menu li.right:hover {
    margin-right:-1px
  }
  .menu .dropdown_1column,
  .menu .dropdown_2columns,
  .menu .dropdown_3columns,
  .menu .dropdown_4columns,
  .menu .dropdown_5columns,
  .menu .dropdown_fullwidth {
    margin:4px auto;
    left:-999em;
    position:absolute;
    background:#eee;
    border:1px solid #444;
    padding:10px;
    text-align:right;
    -moz-border-radius:0 5px 5px;
    -webkit-border-radius:0 5px 5px 5px;
    -khtml-border-radius:0 5px 5px 5px;
    border-radius:0 5px 5px 5px;
    background:-moz-linear-gradient(top,#EEE,#BBB);
    background:-webkit-gradient(linear,0 0,0 100%,from(#EEE),to(#BBB));
    background:-o-linear-gradient(top,#EEE,#BBB)
  }
  .menu .dropdown_1column {
    width:145px
  }
  .menu .dropdown_2columns {
    width:300px
  }
  .menu .dropdown_3columns {
    width:455px
  }
  .menu .dropdown_4columns {
    width:610px
  }
  .menu .dropdown_5columns {
    width:765px
  }
  .menu .dropdown_fullwidth {
    width:920px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px
  }
  .menu li .first_fullwidth {
    -moz-border-radius:0 5px 5px;
    -webkit-border-radius:0 5px 5px 5px;
    border-radius:0 5px 5px 5px
  }
  .menu li:hover .dropdown_1column,
  .menu li:hover .dropdown_2columns,
  .menu li:hover .dropdown_3columns,
  .menu li:hover .dropdown_4columns,
  .menu li:hover .dropdown_5columns {
    left:-1px;
    top:25px
  }
  .menu li:hover .dropdown_fullwidth {
    left:21px;
    top:33px;
    display:block
  }
  .menu li .align_right {
    -moz-border-radius:5px 0 5px 5px;
    -webkit-border-radius:5px 0 5px 5px;
    border-radius:5px 0 5px 5px
  }
  .menu li:hover .align_right {
    left:auto;
    right:-1px;
    top:25px
  }
  .menu li.right:hover .dropdown_fullwidth {
    right:18px;
    top:33px
  }
  .menu .col_1,
  .menu .col_2,
  .menu .col_3,
  .menu .col_4,
  .menu .col_5,
  .menu .col_6 {
    display:inline;
    float:right;
    position:relative;
    margin-left:10px
  }
  .menu .col_1 {
    width:145px
  }
  .menu .col_2 {
    width:300px
  }
  .menu .col_3 {
    width:455px
  }
  .menu .col_4 {
    width:610px
  }
  .menu .col_5 {
    width:765px
  }
  .menu .col_6 {
    width:920px
  }
  .menu .firstcolumn {
    margin-left:0;
    clear:left
  }
  .menu p,
  .menu ul,
  .menu li,
  .menu h2,
  .menu h3 {
    font-size:17px;
    font-family:BYekan;
    line-height:21px;
    text-align:right
  }
  .menu p {
    font-size:12px;
    line-height:18px;
    margin:0;
    margin-bottom:10px;
    text-shadow:1px 1px 1px #FFF
  }
  .menu .strong {
    font-weight:700
  }
  .menu .italic {
    font-style:italic
  }
  .menu h2,
  .menu h3 {
    margin-top:5px
  }
  .menu h2 {
    font-weight:400;
    font-size:21px;
    margin-bottom:18px;
    padding-bottom:11px
  }
  .menu h3 {
    line-height:100%;
    font-size:14px;
    margin-bottom:10px;
    padding-bottom:5px
  }
  .menu li:hover div a {
    text-decoration:none;
    text-shadow:none;
    border:0;
    padding:0
  }
  .menu .pusher {
    margin-top:18px
  }
  .menu li .black_box,
  .menu li .dark_grey_box {
    color:#eee;
    text-shadow:1px 1px 1px #000;
    padding:4px 6px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px
  }
  .menu li .black_box {
    background-color:#333;
    -webkit-box-shadow:inset 0 0 3px #000;
    -moz-box-shadow:inset 0 0 3px #000;
    box-shadow:inset 0 0 3px #000
  }
  .menu li .dark_grey_box {
    background-color:#555;
    -webkit-box-shadow:inset 0 0 3px #111;
    -moz-box-shadow:inset 0 0 3px #111;
    box-shadow:inset 0 0 3px #111
  }
  .menu li ul {
    list-style:none;
    padding:0;
    margin:0 0 12px
  }
  .menu li ul li {
    font-size:12px;
    line-height:24px;
    position:relative;
    text-shadow:1px 1px 1px #fff;
    padding:0;
    margin:0;
    float:right;
    text-align:right;
    width:145px
  }
  .menu li ul li a {
    padding:0
  }
  .menu li ul li:hover {
    background:0;
    border:0;
    padding:0;
    margin:0
  }
  .menu li .greybox li {
    background:#f4f4f4;
    border:1px solid #bbb;
    margin:0 0 4px;
    padding:4px 6px;
    width:131px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px
  }
  .menu li .greybox li:hover {
    background:#fff;
    border:1px solid #aaa;
    padding:4px 6px;
    margin:0 0 4px
  }
  .menu li .plus li {
    background:url(../Images/plus.png) left 6px no-repeat;
    margin:0 0 4px;
    padding:0 0 0 21px;
    width:109px
  }
  .menu li .plus li:hover {
    background:url(../Images/plus.png) left 6px no-repeat;
    padding:0 0 0 21px;
    margin:0 0 4px
  }
  .menu .levels,
  .menu .levels ul {
    padding:0;
    margin:0;
    list-style:none
  }
  .menu li:hover .levels a {
    display:block
  }
  .menu .levels a {
    display:block;
    width:10em
  }
  .menu .levels a.parent,
  .menu .levels a.parent:hover {
    background:url(../Images/drop2.png) right center no-repeat
  }
  .menu .levels li {
    float:left;
    width:150px
  }
  .menu .levels li ul {
    position:absolute;
    border:1px solid #666;
    background:#EEE;
    top:-23px;
    margin:15px 0 0 4px;
    padding:6px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    background:-moz-linear-gradient(top,#EEE,#BBB);
    background:-webkit-gradient(linear,0 0,0 100%,from(#EEE),to(#BBB));
    background:-o-linear-gradient(top,#EEE,#BBB);
    left:-999em
  }
  .menu .levels li ul ul {
    top:-23px
  }
  .menu .levels li:hover ul ul,
  .menu .levels li:hover ul ul ul {
    left:-999em
  }
  .menu .levels li:hover ul,
  .menu .levels li li:hover ul,
  .menu .levels li li li:hover ul {
    left:142px
  }
  .menu form {
    margin:0 0 12px;
    padding:0
  }
  .menu fieldset {
    margin:0;
    border:0
  }
  .menu form p {
    margin:10px 0;
    overflow:hidden;
    width:270px
  }
  .menu label {
    float:right;
    display:block;
    text-align:right;
    width:50px
  }
  .menu_orange {
    border-top:1px solid transparent
  }
  .menu_orange li:hover div a {
    color:#4f4f4f
  }
  .menu_orange li:hover div a:hover {
    color:#4f4f4f
  }
  .menu_orange li ul li a:hover {
    color:#4f4f4f
  }
}
@media all and (max-width:768px) {
  #popup {
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:300px;
    height:150px;
    background-color:#fff;
    padding:20px;
    border-radius:10px;
    box-shadow:0 0 15px #0000004d;
    z-index:1001;
    display:none
  }
  #contactForm input {
    margin-bottom:0 !important
  }
  .contentpop {
    text-align:justify;
    font-size:11px;
    color:#181522;
    line-height:2
  }
  div.footer .footer-secondblock {
    float:left !important;
    padding-right:0 !important
  }
  .containeraudio {
    margin-right:180px !important
  }
  .rightBar .fixban-news .subColumns .rcn h3 a {
    font-size:15px
  }
  div.fixban-news h3,
  div.fixban-weblog h3,
  div.leftBar h3,
  .related h3,
  div.fixban-weblog h3,
  div.fixban-news h3,
  .contact h3,
  .box-header h3,
  .modal h3 {
    font-size:15px
  }
  .mypage-alo-ph-img-circle {
    top:43px !important;
    left:43px !important;
    width:15px !important;
    height:15px !important
  }
  .mypage-alo-ph-circle-fill {
    width:45px !important;
    height:45px !important
  }
  .containervideo {
    width:300px;
    height:200px;
    justify-content:center;
    align-items:center;
    margin-right:35px;
    margin-bottom:10px
  }
  .center {
    max-width:98%;
    text-align:center;
    margin:0 auto
  }
  .fixban-mrg-top {
    margin-top:0
  }
  div.fixban-news>h3,
  .MoreNews .homeHeader,
  div.fixban-weblog>h3 {
    width:85%;
    margin:0 auto
  }
  header .head b {
    color:#616161 !important
  }
  div.rcn p,
  div.rcn a {
    padding-right:5px
  }
  .article p,
  .comment-body p {
    padding-right:7px;
    padding-left:8px
  }
  .faq-p {
    padding:0 20px 10px 0 !important
  }
  .articleBody p img {
    max-width:98%;
    margin:0 auto
  }
  div.fixban-features {
    border:0;
    max-width:98%;
    margin-right:5px;
    margin-left:5px
  }
  .bussiness {
    text-align:justify;
    border-radius:7px;
    max-width:94%;
    margin:0 auto;
    display:inline-block;
    margin-right:16px;
    margin-top:16px
  }
  .media-rank {
    margin-top:-66px
  }
  .storyBoxBlog header h1 {
    /*background-image:linear-gradient(to left,#ce1340 0,#ce1340 50%,#ff0603 100%);*/
    background-image:linear-gradient(30deg,#26c8ef,#4268f8);
    border-radius:5px !important;
    margin:30px 11px 19px 88px !important;
    line-height:28px !important;
    max-width:93%;
    width:92%
  }
  .articleBody h2,
  .bottom1 {
    padding-right:7px
  }
  .media-body header p .bottom1 {
    display:grid
  }
  .leftBar {
    margin:0 auto;
    width:98%
  }
  img {
    height:auto !important
  }
  div.rightBar img {
    display:block;
    max-width:100%
  }
  div.fixed {
    margin:0;
    padding:0;
    max-width:100%
  }
  .container {
    margin:0;
    padding:0
  }
  .comments-container {
    max-width:98%;
    margin-right:5px
  }
  .comment {
    margin-right:0
  }
  .box {
    padding:0;
    margin-right:0
  }
  .right0 {
    margin-right:5px
  }
  .rightrow {
    margin-right:0
  }
  .span6 {
    width:calc(80%);
    margin-right:5px
  }
  .span5 {
    width:calc(80%);
    margin-right:5px
  }
  .span9 {
    width:calc(95%)
  }
  .span4 {
    float:right;
    margin-top:20px;
    width:calc(95%)
  }
  .right6 {
    margin-right:0
  }
  .sitemap .row {
    margin-right:0
  }
  .c33l {
    float:right;
    width:100%
  }
  .c33r {
    float:right;
    width:100%
  }
  .feature1,
  .feature2,
  .feature3,
  .feature4,
  .feature5,
  .feature6 {
    margin-top:20px;
    margin-right:35px
  }
  .niceblue {
    font-size:20px
  }
  header .head {
    font-size:20px
  }
  .media-body h1 {
    font-size:18px
  }
  header h1 {
    font-size:20px
  }
  .container.login {
    float:right;
    margin-right:20px
  }
  .control-group .input-block,
  .employ .input-block {
    width:calc(66.6666666667% - 6.6666666667px) !important
  }
  .storyBoxBlog {
    padding:0;
    margin-right:5px;
    max-width:97%
  }
  .base-box.mom_callout {
    max-width:88%
  }
  .fixban-cta-btn {
    font-size:13px
  }
  .firstblock {
    padding-right:20px
  }
  .secondblock {
    padding-right:0
  }
  .socialnetwork li {
    margin:0;
    padding:0;
    width:45px;
    height:45px;
    position:relative;
    float:left
  }
  .socialnetwork {
    position:static;
    margin-top:20px;
    width:200px;
    height:55px
  }
  .right10n {
    margin-right:15px;
    float:right
  }
  .right11n {
    margin-right:15px;
    float:right;
    margin-bottom:15px
  }
  .firstleftbar .leftBar {
    margin-right:10px
  }
  .rcn {
    width:calc(145%)
  }
  div.rcn hr {
    border-top:0
  }
  #home-h3 {
    font-size:14px !important
  }
  .rcn h3 {
    font-size:14px
  }
  div.subColumns {
    overflow:inherit
  }
  .hide-small {
    display:none !important
  }
  .secondblock {
    display:block !important
  }
  .base-box {
    margin-right:0 !important;
    margin-left:0
  }
  .hide-medium {
    width:50%
  }
  .leftBar {
    float:right;
    margin:0
  }
  div.rightBar {
    width:95%;
    margin:0 auto;
    float:none
  }
  .headerright {
    margin-right:0
  }
  span.dateline {
    white-space:normal;
    text-align:right
  }
  .rankChecker,
  .popularpost,
  .follow,
  .getConnected {
    width:calc(83.666667% - 6.6666666667px);
    margin-right:15px
  }
  .toppad3 .rankChecker,
  .toppad3 .popularpost,
  .toppad3 .follow,
  .toppad3 .getConnected {
    margin-right:15px
  }
  .toppad65 .rankChecker,
  .toppad65 .popularpost,
  .toppad65 .follow,
  .toppad65 .getConnected {
    margin-right:15px
  }
  input[type='text'],
  input[type='comment'],
  input[type='username'],
  input[type='email'],
  input[type='password'] {
    width:calc(66.6666666667% - 6.6666666667px)
  }
}
@media(max-width:380px) {
  .containeraudio {
    margin-right:0 !important
  }
  .bussiness {
    text-align:justify
  }
}
@media all and (max-width:480px) {
  .containeraudio {
    margin-right:30px !important
  }
  .bussiness {
    display:inline-block;
    text-align:justify;
    margin-right:10px
  }
}
@media print {
  * {
    background:transparent !important;
    box-shadow:none !important;
    color:#000 !important;
    filter:none !important;
    text-shadow:none !important
  }
  @page {
    margin:.5cm
  }
  h2,
  h3 {
    orphans:3;
    page-break-after:avoid;
    widows:3
  }
  p {
    orphans:3;
    widows:3
  }
  pre,
  blockquote {
    border:1px solid gray;
    page-break-inside:avoid
  }
  abbr[title]:after {
    content:" (" attr(title) ")"
  }
  a,
  a:visited {
    text-decoration:underline
  }
  img {
    max-width:100% !important;
    page-break-inside:avoid
  }
  thead {
    display:table-header-group
  }
  tr {
    page-break-inside:avoid
  }
  #header,
  #footer {
    display:none
  }
  .two-column-layout .column-side {
    display:none
  }
  .two-column-layout .column-body {
    clear:both;
    float:left;
    margin-left:0;
    margin-right:0;
    width:100%
  }
}
@media all and (max-width:768px) {
  #menuToggle {
    display:block;
    position:relative;
    top:24px;
    left:40px;
    z-index:1;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    float:left
  }
  .base-box.mom_callout {
    padding:44px 20px;
    width:137%
  }
  #menuToggle input {
    display:block;
    width:40px;
    height:32px;
    position:absolute;
    top:-7px;
    left:-5px;
    cursor:pointer;
    opacity:0;
    z-index:2;
    -webkit-touch-callout:none
  }
  #menuToggle span {
    display:block;
    width:33px;
    height:4px;
    margin-bottom:5px;
    position:relative;
    /*background:#ce1340;*/
    background:#4e4e4e;
    border-radius:3px;
    z-index:1;
    -webkit-transform-origin:4px 0;
    transform-origin:4px 0;
    transition:background .5s cubic-bezier(0.77,0.2,0.05,1.0),opacity .55s ease,-webkit-transform .5s cubic-bezier(0.77,0.2,0.05,1.0);
    transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0),background .5s cubic-bezier(0.77,0.2,0.05,1.0),opacity .55s ease;
    transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0),background .5s cubic-bezier(0.77,0.2,0.05,1.0),opacity .55s ease,-webkit-transform .5s cubic-bezier(0.77,0.2,0.05,1.0)
  }
  #menuToggle span:first-child {
    -webkit-transform-origin:0 0;
    transform-origin:0 0
  }
  #menuToggle span:nth-last-child(2) {
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%
  }
  #menuToggle input:checked ~ span {
    opacity:1;
    -webkit-transform:rotate(45deg) translate(-2px,-1px);
    transform:rotate(45deg) translate(-2px,-1px);
    background:#232323
  }
  #menuToggle input:checked ~ span:nth-last-child(3) {
    opacity:0;
    -webkit-transform:rotate(0) scale(0.2,0.2);
    transform:rotate(0) scale(0.2,0.2)
  }
  #menuToggle input:checked ~ span:nth-last-child(2) {
    -webkit-transform:rotate(-45deg) translate(0,-1px);
    transform:rotate(-45deg) translate(0,-1px)
  }
  #fixbanmobilemenu {
    position:absolute;
    width:220px;
    margin:-100px 0 0 -50px;
    padding:50px;
    padding-top:125px;
    background:#ededed;
    /*background-color:#ce1340;*/
      /*background-color:#FA8302;*/
    background-color:#26C8EF;
    list-style-type:none;
    -webkit-font-smoothing:antialiased;
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    -webkit-transform:translate(-100%,0);
    transform:translate(-20%,0);
    transition:-webkit-transform .5s cubic-bezier(0.77,0.2,0.05,1.0);
    transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0);
    transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0),-webkit-transform .5s cubic-bezier(0.77,0.2,0.05,1.0)
  }
  #fixbanmobilemenu li {
    padding:10px 0;
    font-size:14px;
    font-family:BYekan
  }
  #fixbanmobilemenu li a {
    /*color:#fff;*/
    color:#000;
    /*border:1px solid #ce1340;*/
     border:1px solid #4e4e4e;
    padding:3px 10px;
    border-radius:9px;
    border-bottom:0;
    transition:all .3s ease-in-out
  }
  .services_sub_menu {
    padding-right:9px;
    border-right:2px solid #d8d8d8;
    margin:15px 0 0;
    display:none
  }
  .services_sub_menu.active {
    display:block
  }
  .submenu-toggle {
    background:0;
    border:0;
    color:#fff;
    font-size:20px;
    cursor:pointer;
    padding:10px;
    float:right;
    margin-top:-10px;
    margin-right:-28px
  }
  .submenu-toggle.active {
    float:right;
    margin-top:-10px;
    display:block
  }
  #menuToggle input:checked ~ div>ul {
    -webkit-transform:none;
    transform:translate(70%,0)
  }
}
.mypage-alo-phone {
  position:fixed;
  z-index:200000 !important;
  bottom:0;
  left:0;
  visibility:visible;
  width:110px;
  height:110px;
  cursor:pointer;
  background-color:transparent
}
.mypage-alo-ph-img-circle {
  position:absolute;
  top:43px;
  left:43px;
  width:30px;
  height:30px;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  -webkit-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  -o-transform-origin:50% 50%;
  transform-origin:50% 50%;
  opacity:.7;
  border:2px solid transparent;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  background:#1e1e1e url(../Images/call-icon.png) no-repeat center center;
  background-color:#26C8EF;
  background-image:url(../Images/call-icon.png);
  background-size:70%
}
.mypage-alo-ph-circle-fill {
  position:absolute;
  top:28px;
  left:28px;
  width:60px;
  height:60px;
  -webkit-transition:all .2s ease-in-out;
  -webkit-transition:all .5s;
  -moz-transition:all .2s ease-in-out;
  -moz-transition:all .5s;
  -ms-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  -o-transition:all .5s;
  transition:all .2s ease-in-out;
  transition:all .5s;
  opacity:.75 !important;
  border:2px solid transparent;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  background-color:#00aff280
}
.animatedd {
  animation-duration:1s;
  animation-fill-mode:both
}
.animatedd.infinite {
  animation-iteration-count:infinite
}
@keyframes pulse {
  0% {
    transform:scaleX(1)
  }
  50% {
    transform:scale3d(1.05,1.05,1.05)
  }
  to {
    transform:scaleX(1)
  }
}
.pulse {
  animation-name:pulse
}
@keyframes tada {
  0% {
    transform:scaleX(1)
  }
  10%,
  20% {
    transform:scale3d(.9,.9,.9) rotate(-3deg)
  }
  30%,
  50%,
  70%,
  90% {
    transform:scale3d(1.1,1.1,1.1) rotate(3deg)
  }
  40%,
  60%,
  80% {
    transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
  }
  to {
    transform:scaleX(1)
  }
}
.tada {
  animation-name:tada
}
.pulse {
  -webkit-animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1);
  -moz-animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1);
  -ms-animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1);
  animation:pulse 120.25s infinite cubic-bezier(.66,0,0,1);
  box-shadow:0 0 0 0 #e84c3db3
}
@-webkit-keyframes pulse {
  to {
    box-shadow:0 0 0 45px #e84c3d00
  }
}
@-moz-keyframes pulse {
  to {
    box-shadow:0 0 0 45px #e84c3d00
  }
}
@-ms-keyframes pulse {
  to {
    box-shadow:0 0 0 45px #e84c3d00
  }
}
@keyframes pulse {
  to {
    box-shadow:0 0 0 45px #e84c3d00
  }
}
.fixban-cta-box {
  font-size:17px;
  line-height:27px;
  -moz-border-radius:7px;
  border-radius:7px;
  background-image: url('../Images/CTA.png');
  color:#fff;
  background-size:cover;
  -webkit-border-radius:7px;
  border-radius:7px
}
.fixban-cta-btn {
  -webkit-border-radius:7px;
  border-radius:7px;
  border-bottom:1px solid #00000080;
  background:#f44336;
  padding:5px 12px;
  transition:all 1s ease-in-out
}
.fixban-cta-btn:hover {
  background-color:#8e93b3
}
.bt_icon {
  float:right;
  margin-left:8px;
  margin-right:0;
  font-size:18px;
  vertical-align:middle;
  position:relative;
  top:0;
  opacity:.9
}
.callout_button {
  margin-top:18px;
  text-align:left
}
.base-box.mom_callout {
  padding:44px 20px
}
.base-box {
  border:1px solid #f0f1f2 !important;
  margin-bottom:21px;
  padding:20px;
  position:relative;
  box-shadow:0 2px 2px #edeef0 !important;
  overflow:hidden !important;
  border-radius:4px !important;
  margin-right:-50px;
  margin-left:-72px
}
.callout_content,
.fixban-cta-btn {
  font-family:byekan;
  color:#000
}
.rating {
  unicode-bidi:bidi-override;
  direction:rtl;
  text-align:center
}
.rating>span {
  display:inline-block;
  position:relative;
  width:1.1em
}
.rating>span:hover,
.rating>span:hover ~ span {
  color:transparent
}
.rating>span:hover:before,
.rating>span:hover ~ span:before {
  content:"\2605";
  position:absolute;
  left:0;
  color:#ffd700
}
.star-rating {
  text-align:right;
  direction:ltr
}
.rating_star {
  position:relative
}
.starContainer {
  position:relative;
  display:inline-block
}
.starContainer img {
  right:4px;
  z-index:0
}
.starContainer input {
  opacity:0;
  z-index:1
}
div.leftBar h3.blue-bkg {
  /*background-image:linear-gradient(to left,#ce1340 0,#ce1340 50%,#ff0603 100%);
  background-color:#3d5cf7;*/
   /*background-image:linear-gradient(30deg,#FD9F39,#FF8500);
 background-color:#E47905;*/
  background-image:linear-gradient(to left,#15B4DA 0,#15B4DA 50%,#00CDFE 100%);
  background-color:#3d5cf7;
  border:none !important;
  border-radius:50px !important;
  /*box-shadow:0 7px 15px #6898f880;*/
  box-shadow:0 7px 15px rgba(104,152,248,.5);
  margin:20px auto !important;
  display:block;
  color:#fff !important;
  line-height:40px !important;
  text-align:center !important
  
 

}
.toppad3 .rankChecker a,
.toppad3 .popularpost a,
.toppad3 .follow a,
.toppad3 .getConnected a {
  color:#000;
  font-weight:400 !important
}
.toppad65 .rankChecker a,
.toppad65 .popularpost a,
.toppad65 .follow a,
.toppad65 .getConnected a {
  color:#000;
  font-weight:400 !important
}
.menu-desc {
  width:100%;
  margin-bottom:20px;
  padding-bottom:20px;
  transition:transform .6s ease,top .6s ease;
  z-index:9999999
}
.menu-desc.fixed {
  position:fixed;
  top:0
}
.slider {
  margin-top:0
}
.scroll-bar {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:5px;
  background-color:#4caf50;
  transform:translateY(-100%);
  transition:transform .3s ease;
  background-color:red
}
.scroll-bar.show {
  transform:translateY(0)
}
ul.js-toc-list li {
  display:inline-block;
  height:3px;
  width:60px;
  background:#ccc
}
ul.js-toc-list li:last-of-type {
  width:10px !important
}
.toc a {
  display:block;
  padding-top:3px;
  transition:background ease .2s,color ease .2s;
  margin-top:-12px;
  color:#ccc
}
.toc li.is-active {
  background:red
}
.toc a.is-active {
  color:red;
  text-decoration:none
}
.article-meta {
  color:#7f8c8d;
  font-size:.9em;
  margin-bottom:30px
}
section {
  margin-bottom:30px
}
blockquote {
  background-color:#e8f4fc;
  border-right:4px solid #3498db;
  padding:15px;
  margin:20px 0;
  border-radius:0 5px 5px 0
}
.warning {
  background-color:#fdecea;
  border-right:4px solid #e74c3c;
  padding:15px;
  margin:20px 0;
  border-radius:0 5px 5px 0
}
.success {
  background-color:#e8f8f5;
  border-right:4px solid #1abc9c;
  padding:15px;
  margin:20px 0;
  border-radius:0 5px 5px 0
}
code {
  background-color:#f0f0f0;
  padding:2px 5px;
  border-radius:3px;
  font-family:monospace
}
pre {
  background-color:#f0f0f0;
  padding:15px;
  border-radius:5px;
  direction:ltr;
  overflow-x:auto
}
iframe {
  max-width:100%;
  height:auto;
  aspect-ratio:16/9;
  height:400px;
  border-radius:var(--bs-border-radius) !important
}
.project_nav ul li {
  border-radius:30px;
  cursor:pointer;
  display:inline-block;
  font-size:13px;
  font-weight:500;
  margin:0 5px 10px;
  padding:6px 27px;
  position:relative;
  border:1px solid #f3eaea;
  text-transform:uppercase
}
.project_nav ul li.current_menu_item,
.project_nav ul li:hover {
  color:#fff;
  border-color:#ff0603;
  background-color:transparent;
  background-image:linear-gradient(-90deg,#ff0603 0,#fd7d28 100%)
}
.page-project-single {
  padding:100px 0
}
.project-featured-image {
  margin-bottom:30px
}
.project-featured-image figure {
  display:block
}
.project-featured-image img {
  border-radius:16px;
  aspect-ratio:1/ .6;
  object-fit:cover
}
.project-values-content .project-section-title h3 {
  font-size:20px;
  text-transform:capitalize;
  margin-bottom:20px
}
.project-detail,
.project-values-content,
.project-about-image {
  margin-bottom:30px
}
.project-values-content ul {
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap:20px
}
.project-values-content ul li {
  position:relative;
  width:100%;
  text-transform:capitalize;
  padding-right:30px
}
.project-values-content ul li:before {
  font-family:IcoFont;
  content:'\eed7';
  position:absolute;
  height:16px;
  width:16px;
  right:0
}
.project-single-content p {
  font-weight:300
}
.project-about-image .project-about-img-2 figure,
.project-about-image .project-about-img-1 figure {
  display:block
}
.project-about-image .project-about-img-1 img,
.project-about-image .project-about-img-2 img {
  aspect-ratio:1 / .8;
  object-fit:cover;
  border-radius:16px
}
.project-result-content p {
  margin:0
}
.project-sidebar {
  position:sticky;
  top:20px
}
.project-info-box,
.project-cta-box {
  background:#fff;
  border-radius:8px;
  padding:30px;
  margin-bottom:30px;
  box-shadow:0 0 30px #00000012
}
.project-info-box-title {
  margin-bottom:30px
}
.project-info-box-title h3 {
  font-size:20px;
  text-transform:capitalize
}
.project-info-item {
  display:flex;
  border-bottom:1px solid #e5e5e5;
  margin-bottom:20px;
  padding-bottom:20px
}
.project-info-item:last-child {
  margin-bottom:0;
  padding-bottom:0;
  border:0
}
.project-info-item .icon-box {
  margin-left:15px
}
.project-info-content {
  width:calc(100% - 65px);
  margin-top:15px
}
.project-info-content h3 {
  font-size:16px;
  font-weight:400;
  color:#1a2d4a;
  text-transform:capitalize;
  margin-bottom:3px
}
.project-info-content p {
  font-size:18px;
  font-weight:400;
  color:#1a2d4a;
  margin:0
}
.project-cta-box .icon-box i,
.project-info-item .icon-box i {
  font-size:48px;
  color:#ff0603
}
/*ADD*/
@font-face {
  font-family:IcoFont;
  font-weight:400;
  src:url(../Font/icofont.woff2) format("woff2"),
  url(../Font/icofont.woff) format("woff")
}
[class*=" icofont-"],
[class^=icofont-] {
  font-family:IcoFont !important;
  speak:none;
  font-weight:400;
  font-variant:normal;
  text-transform:none;
  white-space:nowrap;
  word-wrap:normal;
  direction:rtl;
  line-height:1;
  -webkit-font-feature-settings:liga;
  -webkit-font-smoothing:antialiased
}
.icofont-ui-fire-wall:before {
  content:""
}
.icofont-ui-flash-light:before {
  content:""
}
.icofont-ui-flight:before {
  content:""
}
.icofont-ui-folder:before {
  content:""
}
.icofont-ui-game:before {
  content:""
}
.icofont-ui-handicapped:before {
  content:""
}
.icofont-ui-home:before {
  content:""
}
.icofont-ui-image:before {
  content:""
}
.icofont-ui-laoding:before {
  content:""
}
.icofont-ui-lock:before {
  content:""
}
.icofont-ui-love-add:before {
  content:""
}
.icofont-ui-love-broken:before {
  content:""
}
.icofont-ui-love-remove:before {
  content:""
}
.icofont-ui-love:before {
  content:""
}
.icofont-ui-map:before {
  content:""
}
.icofont-ui-message:before {
  content:""
}
.icofont-ui-messaging:before {
  content:""
}
.icofont-ui-movie:before {
  content:""
}
.icofont-ui-music-player:before {
  content:""
}
.icofont-ui-music:before {
  content:""
}
.icofont-ui-mute:before {
  content:""
}
.icofont-ui-network:before {
  content:""
}
.icofont-ui-next:before {
  content:""
}
.icofont-ui-note:before {
  content:""
}
.icofont-ui-office:before {
  content:""
}
.icofont-ui-password:before {
  content:""
}
.icofont-ui-pause:before {
  content:""
}
.icofont-ui-play-stop:before {
  content:""
}
.icofont-ui-play:before {
  content:""
}
.icofont-ui-pointer:before {
  content:""
}
.icofont-ui-power:before {
  content:""
}
.icofont-ui-press:before {
  content:""
}
.icofont-ui-previous:before {
  content:""
}
.icofont-ui-rate-add:before {
  content:""
}
.icofont-ui-rate-blank:before {
  content:""
}
.icofont-ui-rate-remove:before {
  content:""
}
.icofont-ui-rating:before {
  content:""
}
.icofont-ui-record:before {
  content:""
}
.icofont-ui-remove:before {
  content:""
}
.icofont-ui-reply:before {
  content:""
}
.icofont-ui-rotation:before {
  content:""
}
.icofont-ui-rss:before {
  content:""
}
.pro {
  margin-top:3px !important
}
.toc {
  display:flex;
  justify-content:center;
  z-index:12;
  width:100%;
  margin-top:-10px
}
.toc>ul {
  padding:0;
  list-style:none
}
.row1 {
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  display:flex;
  flex-wrap:wrap;
  margin-top:calc(-1*var(--bs-gutter-y));
  margin-left:calc(-.5*var(--bs-gutter-x));
  margin-right:calc(-.5*var(--bs-gutter-x))
}
.row1>* {
  flex-shrink:0;
  width:100%;
  max-width:100%;
  padding-left:calc(var(--bs-gutter-x)*.5);
  padding-right:calc(var(--bs-gutter-x)*.5);
  margin-top:var(--bs-gutter-y)
}
.col {
  flex:1 0 0
}
.row1-cols-auto>* {
  flex:0 0 auto;
  width:auto
}
.row1-cols-1>* {
  flex:0 0 auto;
  width:100%
}
.row1-cols-2>* {
  flex:0 0 auto;
  width:50%
}
.row1-cols-3>* {
  flex:0 0 auto;
  width:33.33333333%
}
.row1-cols-4>* {
  flex:0 0 auto;
  width:25%
}
.row1-cols-5>* {
  flex:0 0 auto;
  width:20%
}
.row1-cols-6>* {
  flex:0 0 auto;
  width:16.66666667%
}
.col-auto {
  flex:0 0 auto;
  width:auto
}
.col-1 {
  flex:0 0 auto;
  width:8.33333333%
}
.col-2 {
  flex:0 0 auto;
  width:16.66666667%
}
.col-3 {
  flex:0 0 auto;
  width:25%
}
.col-4 {
  flex:0 0 auto;
  width:33.33333333%
}
.col-5 {
  flex:0 0 auto;
  width:41.66666667%
}
.col-6 {
  flex:0 0 auto;
  width:50%
}
.col-7 {
  flex:0 0 auto;
  width:58.33333333%
}
.col-8 {
  flex:0 0 auto;
  width:66.66666667%
}
.col-9 {
  flex:0 0 auto;
  width:75%
}
.col-10 {
  flex:0 0 auto;
  width:83.33333333%
}
.col-11 {
  flex:0 0 auto;
  width:91.66666667%
}
.col-12 {
  flex:0 0 auto;
  width:100%
}
.offset-1 {
  margin-right:8.33333333%
}
.offset-2 {
  margin-right:16.66666667%
}
.offset-3 {
  margin-right:25%
}
.offset-4 {
  margin-right:33.33333333%
}
.offset-5 {
  margin-right:41.66666667%
}
.offset-6 {
  margin-right:50%
}
.offset-7 {
  margin-right:58.33333333%
}
.offset-8 {
  margin-right:66.66666667%
}
.offset-9 {
  margin-right:75%
}
.offset-10 {
  margin-right:83.33333333%
}
.offset-11 {
  margin-right:91.66666667%
}
.g-0,
.gx-0 {
  --bs-gutter-x:0
}
.g-0,
.gy-0 {
  --bs-gutter-y:0
}
.g-1,
.gx-1 {
  --bs-gutter-x:.25rem
}
.g-1,
.gy-1 {
  --bs-gutter-y:.25rem
}
.g-2,
.gx-2 {
  --bs-gutter-x:.5rem
}
.g-2,
.gy-2 {
  --bs-gutter-y:.5rem
}
.g-3,
.gx-3 {
  --bs-gutter-x:1rem
}
.g-3,
.gy-3 {
  --bs-gutter-y:1rem
}
.g-4,
.gx-4 {
  --bs-gutter-x:1.5rem
}
.g-4,
.gy-4 {
  --bs-gutter-y:1.5rem
}
.g-5,
.gx-5 {
  --bs-gutter-x:3rem
}
.g-5,
.gy-5 {
  --bs-gutter-y:3rem
}
@media only screen and (max-width:1199px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin:0
  }
  .hero_content h1 {
    font-size:48px
  }
  .hero_content h2 {
    font-size:36px
  }
  .hero_thumb .moving-box.box-3 {
    left:0
  }
  .udot_feature_content_3d h3 {
    font-size:20px
  }
  .udot_counter_area {
    padding:120px 30px 100px 0
  }
  .udot_counter_icon i {
    display:block;
    text-align:center;
    float:inherit;
    margin:0 auto 40px
  }
  .udot_counter_single {
    text-align:center
  }
  .udot_counter_number_inn h4 {
    padding-top:10px
  }
  .udot-project-title {
    margin-bottom:10px
  }
  span.cdowns {
    width:165px
  }
}
@media only screen and (max-width:991px) {
  .hero_area {
    height:100%;
    background-position:center
  }
  .hero_content {
    padding:80px 0 50px
  }
  .udot_counter_number_inn h4 {
    margin-bottom:40px
  }
  span.cdowns {
    width:175px
  }
  .cdowns::before,
  .cdowns::after {
    display:none
  }
  .breadcumb-area {
    padding:100px 0
  }
}
@media(max-width:767px) {
  .mobile_menu_area {
    padding:10px 0
  }
  .mobile_menu_logo.text-center {
    padding:15px 0
  }
  .hero_content h1 {
    font-size:36px
  }
  .hero_content h2 {
    font-size:32px
  }
  .udot_section_title_inner h2 {
    font-size:28px
  }
  .udot_section_title_inner h3,
  .udot_section_title_inner h4 {
    font-size:18px
  }
  .udot_counter_area {
    padding:100px 0 90px
  }
  .udot-project-section {
    padding:100px 0
  }
  .udot_subs_area {
    padding:100px 20px
  }
  .breadcumb-area {
    padding:75px 0
  }
  .udot-single-icon a {
    margin:0 0 0 4px
  }
  .footer-top-inner p {
    width:100%
  }
  .footer-menu ul {
    margin:10px 0 0;
    text-align:center !important
  }
  .footer-menu ul li a {
    font-size:14px
  }
  .copy-right-text p {
    text-align:center
  }
  .footer-bottom:before {
    width:100%
  }
  .footer-middle {
    padding:80px 20px 90px
  }
  .copy-right-text p {
    font-size:11px
  }
  .copy-right-text p {
    font-size:14px
  }
}
@media(max-width:991px) {
  .mobile-menu {
    display:block !important
  }
  .mobile_menu_area {
    display:block !important
  }
  .udot-main-menu {
    display:none !important
  }
  .d_md_none {
    display:none !important
  }
  .em-feature {
    margin-bottom:20px
  }
  .single_counter {
    margin-bottom:20px
  }
}
.container1,
.container1-fluid,
.container1-lg,
.container1-md,
.container1-sm,
.container1-xl,
.container1-xxl {
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  width:100%;
  padding-left:calc(var(--bs-gutter-x)*.5);
  padding-right:calc(var(--bs-gutter-x)*.5);
  margin-left:auto;
  margin-right:auto
}
.icofont-thin-left:before {
  content:"\eac9"
}
.icofont-thin-right:before {
  content:"\eaca"
}
.icofont-thin-up:before {
  content:"\eacb"
}
icofont-thin-left:before {
  content:"\eac9"
}
.icofont-thin-right:before {
  content:"\eaca"
}
.icofont-thin-up:before {
  content:"\eacb"
}
.icofont-telephone {
  display:block;
  background:url(../Images/phone.png) right no-repeat;
  line-height:42px;
  direction:rtl;
  padding:30px 52px 30px 0 !important;
  margin-right:35px
}
.icofont-whatsapp {
  display:block;
  background:url(../Images/whatsapp.png) right no-repeat;
  line-height:42px;
  direction:rtl;
  padding:30px 52px 30px 0 !important;
  margin-right:35px
}
.icofont-support {
  display:block;
  background:url(../Images/information.png) right no-repeat;
  line-height:42px;
  direction:rtl;
  padding:30px 52px 30px 0 !important;
  margin-right:35px
}
.icofont-email {
  display:block;
  background:url(../Images/mail.png) right no-repeat;
  line-height:42px;
  direction:rtl;
  padding:30px 52px 30px 0 !important;
  margin-right:35px
}
.icofont-location {
  display:block;
  background:url(../Images/location.png) right no-repeat;
  line-height:42px;
  direction:rtl;
  padding:30px 52px 30px 0 !important;
  margin-right:35px
}
@media(min-width:576px) {
  .container1,
  .container1-sm {
    max-width:540px
  }
}
@media(min-width:768px) {
  .container1,
  .container1-md,
  .container1-sm {
    max-width:720px
  }
}
@media(min-width:992px) {
  .container1,
  .container1-lg,
  .container1-md,
  .container1-sm {
    max-width:960px
  }
}
@media(min-width:1200px) {
  .container1,
  .container1-lg,
  .container1-md,
  .container1-sm,
  .container1-xl {
    max-width:1140px
  }
}
@media(min-width:1400px) {
  .container1,
  .container1-lg,
  .container1-md,
  .container1-sm,
  .container1-xl,
  .container1-xxl {
    max-width:1320px
  }
}
.captchaLabel {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    background-color: #f0f0f0;
    color: #333;
    padding: 10px 20px;
    border: 1px dashed #999;
    border-radius: 8px;
    margin-bottom: 10px;
    direction: ltr; /* اعداد انگلیسی در Captcha */
}
.multi-textarea {
    width: 90%;
    padding: 10px;
    margin: 10px auto;
    display: block;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-family: inherit;
    font-size: 14px;
    resize: vertical;
    min-height: 100px;
    line-height: 1.6;
}

/* استایل برای صفحه‌بندی */
.pagination-prev, .pagination-next {
    padding: 5px 10px;
    background: #f5f5f5;
    border-radius: 3px;
    margin: 0 5px;
}

.pagination-prev:hover, .pagination-next:hover {
    background: #e0e0e0;
}

/* استایل برای صفحات فعلی */
.pagination em {
    font-style: normal;
    font-weight: bold;
    padding: 5px 10px;
    background: #2196F3;
    color: white;
    border-radius: 3px;
}
/*========================== for mobile contact*/
 @media all and (min-width: 480px) {
    .deskContent {display:block;}
    .phoneContent {display:none;}
}

@media all and (max-width: 479px) {
    .deskContent {display:none;}
    .phoneContent {display:block;}
}
.ViewCount {
    color:red;
    background: url(../Images/view.png) right no-repeat;
    padding-right: 25px;
    background-size: 20px;
}

.random-expertise {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.random-expertise li {
    background: #f5f5f5;
    padding: 5px 10px;
    border-radius: 4px;
}

.expertise-footer-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.expertise-item {
    padding: 8px 12px;
    border-radius: 6px;
    min-width: 200px;
    text-align: center;
}

.expertise-item a {
    color: #000;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

.expertise-item img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}