@charset "UTF-8";
/*
Theme Name: Actident Site
Theme URI: https://poursadat.ir
Author: Majid Poursadat
Author URI: https://wordpress.org/
Description: designed 2020
Requires at least: WordPress 5
Version: 1.1
Text Domain: twentynineteen
Tags: toothpaste, actident
*/
@font-face{
font-family:shabnambold;
src: url("fonts/Shabnam-Bold-WOL.eot"); /* IE9 Compat Modes*/
src: url("fonts/Shabnam-Bold-WOL.eot?#iefix") format("embedded-opentype"), /* IE6-IE8*/
url("fonts/Shabnam-Bold-WOL.woff") format("woff"), /* Pretty Modern Browsers*/
url("fonts/Shabnam-Bold-WOL.ttf")  format("truetype"), /* Safari, Android, iOS*/
url("fonts/webfont.svg#svgFontName") format("svg"); /* Legacy iOS*/
}
@font-face{
font-family:shabnamlight;
src: url("fonts/Shabnam-Light-FD0.eot"); /* IE9 Compat Modes*/
src: url("fonts/Shabnam-Light-FD0.eot?#iefix") format("embedded-opentype"), /* IE6-IE8*/
url("fonts/Shabnam-Light-FD0.woff") format("woff"), /* Pretty Modern Browsers*/
url("fonts/Shabnam-Light-FD0.ttf")  format("truetype"), /* Safari, Android, iOS*/
url("fonts/Shabnam-Light-FD0.svg#svgFontName") format("svg"); /* Legacy iOS*/
}
*,h1,h2,h3,h4,h5,h6,p,section,article,header,footer,a,figure,figcaption{font-family:shabnamlight;font-weight: 100;}
body{
  direction: rtl;
  text-align: right;
}
img[usemap], map area{
  outline: none;
}
.postsearch h2{
  font-size:16px;
  text-align: center;
}
.postsearch{
  text-align: center;
  margin-top:30px;
  margin-bottom: 30px;
}
.postsearch img{
  max-width:200px;
}
.searchtitle{
  font-size:16px !important;
  font-weight: bold !important;
  color:#555;
}

a:hover{color:#ccc;text-decoration: none;transition: 0.5s;}
.footer-site{
  background-color: red;
  background-image: url("images/footer.png");
  color:white;
}
.brush{
  position: absolute;
  top:50px;
  left:100px;
}
#btnregister{
  background-color:white;
  color:rgb(220,30,55);
  display:inline;
  cursor: pointer;
}
button:focus{
  border:none !important;
  outline: none !important;
}
.font{
  font-family:shabnamlight !important;
}
.footer-site a{
  color:white;
}
.footer-top{
  border-bottom:2px solid white;
}
.bordermiddle{
  padding:15px 0px;
}
.bordermiddle{
  display: flex;
  flex-direction: row;
}
.bordermiddle:after{
  content: "";
  flex: 1 1;
  border-bottom: 2px solid #fff;
  margin: auto;
}
.parentmenu:hover .childmenu{
  display:block;
}
.childmenu li{
  list-style-type: none;
}
.bordermiddle:after {
  margin-right: 10px
}
.bordermiddle::before {
  margin-left: 10px
}
.aparat{
  margin-top:-5px;
  width:45px;
  display:inline-block;
}
.footer-bottom{
  font-size:18px;
}
.footer-bottom a{
  font-size:14px;
}
.footer-logo-img{
  width:100%;
}
.footer-email{
  font-size:18px;
}
.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
.fa-search,.fa-search:hover{
  color:rgb(220,30,55);
}
.navbar-toggler,.navbar-toggler-icon,.navbar-toggler:focus{
  color:rgb(220,30,55) !important;
  border:none;
  border-color:rgb(220,30,55) !important;
}
.dropdown-item.active, .dropdown-item:active{
  background-color: transparent !important;
}
.dropdown-item a:hover{
  background-color: transparent !important;
}
.navbar{
  z-index: 2000000;
  background-color: transparent;
}
.navbar,.dropdown-item,.dropdown-item{
  direction:rtl;
  text-align: right;
}
.navbar-collapse{
 box-shadow: 0 15px 20px #e0e0e0;
    border-radius: 15px;

}
.dropdown-item:focus,.dropdown-item:focus{
  background-color:transparent;
}
nav{
  text-align: right;
  direction: rtl;
}
.clinic{
  background-color:rgb(0,189,182);
  color:white;
  padding:0px 5px;
  border-radius:3px;
  margin-top:-5px;
  display: inline-block;
}
.clinic img{
  width:20px;
}
.clinic:hover{
  color:white;
}
.toothpastehome{
  transition:0.5s;
}
.toothpastehome:hover{
  box-shadow: 0px 0px 20px #e7e8e9!important;
}
#modalbtn,#modalbtn i,#modalbtn a,#modalbtn .fa{
  background:#fff !important;
  cursor:pointer;
  border:none;
  -webkit-background:#fff !important;;
  -moz-background:#fff !important;;
  -ms-background:#fff !important;;
  -o-background:#fff !important;;
}

@media only screen and (min-width:1200px){
  .navbar {
    margin-left: 190px !important;
    margin-right: 190px !important;
  }
  .clinic{
    padding:2px 15px;
  }
  .toothpastehome:hover{
    transform: scale(1.05);
    background-color:white;
  }
}
.navbar .navbar-collapse{
  position: absolute !important;
  background-color: rgba(255,255,255,1);
  top: 40px;
  right:0px;
  width:100%;
  z-index: 2000000000;
  text-align: right;
  padding: 0px 0px 20px 0px;
  margin: 0 auto;
  }

  .quizmain{
    min-height:400px;
    vertical-align:middle;
    box-sizing:border-box;
    overflow: hidden;
    position: relative;
    text-align: center;
    color:white;
}
.quizmain h3{
  font-size:16px;
}
.quizmain p{
  font-size: 14px;
}
.organicsec{
  position: relative;
}
#restartq{
  margin-bottom: 50px;
}
.quizmain button,#restartq{
  width: 120px;
  border:none;
  color:#DD0033;
  font-weight:bold;
  font-size: 14px;
  max-width:200px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin:10px;
  background-color: white;
  border-radius:5px;
  transition: 0.5s;;
  z-index: 10000 !important;
}
.quizmain button:hover{
  opacity:0.9;
  cursor: pointer;
}
#restartq{
  position: absolute;
  background-color: transparent;
  bottom:-20px;
  width:200px;
  
  color: #fff;
  left:calc(50% - 100px);
}
.finalchild h4{
  font-size:18px;
}
#restartq:hover{
  cursor: pointer;
}
.quizmain h3{
  width:80%;
  margin: 0px auto 10px auto;
}
.quizmain p{
  width:80%;
  margin: 20px auto;
  line-height: 30px;
}
.quizsec1,.quizsec2,.quizsec3,.quizsec4,.quizsec5,#startq{
    width:100%;
    position: absolute;
    top:100px;
    height: 100%;
}
.finalquiz{
  top:20px;
  width:100%;
  position: absolute;
  height: 100%;
}
.quizsec1,.quizsec2,.quizsec3,.quizsec4,.quizsec5,.finalquiz{
    left:-101%;
    z-index: 100;
}
.dropdown-menu{
  border:none !important;
  background-color: transparent !important;
}
.contactform input[type=text],.contactform input[type=email],.contactform textarea{
  width:100%;
  border:1px solid #dc0030;
  text-align: right;
  direction: rtl;
  padding:5px;
  font-size: 14px;
  color:#333;
  margin: 0px;
  border-radius:5px;

}
.contactform input:focus,.contactform textarea:focus{
  border:1px solid #dc0030;
  outline:none;
}
.contactform input[type=submit]{
  background-color:#dc0030;
  border:none;
  color:white;
  padding:5px 10px;
}
.contactform input[type=submit]:hover{
  cursor: pointer;
}
.btnred{
  display: inline-block;
  color:white;
  background-color: #dc0030;
  padding:5px 15px;
  border-radius:25px;
  font-size:12px;
}
.redcolor{
  color:#dc0030;
}

.circleh {
    width: 130px !important;
    height: 130px !important;
    padding: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #999;
    box-shadow: 0px 0px 5px #aaa;
    transition: .5s;
    color: #777;
    display: flex;
    align-items: center;
    justify-content: center;
}
.circleh .elementor-heading-title{
	line-height: 20px !important;
}

.circleh2{
  width:110px !important;
  height:110px !important;
  padding:15px;
  background-color:white;
  border-radius:50%;
  border:1px solid #999;
  box-shadow:0px 0px 5px #aaa;
  transition:0.5s;
  color:#777;
  vertical-align:middle;
}
.circleh2 h6{
font-size:14px !important;
display:inline-block;
}
.circleh:hover,.circleh2:hover{
  background-color:#dc0030;
  transform: scale(1.2);
  cursor: pointer;
}
.circleh:hover h6,.circleh2:hover h6{
  color:#fff !important;
}
.dropdown-item:active{
  background-color:transparent;
}
#moreinfo1,#moreinfo2,#moreinfo3,.btnarticle{
  background-color: transparent;
  border:1px solid #dc0030;
  color:#dc0030;
  transition: 0.5s;
  border-radius:20px;
  padding:5px 30px;
  font-size:14px;
}
#moreinfo1:hover,#moreinfo2:hover,#moreinfo3:hover,.btnarticle:hover{
  background-color: #dc0030;
  color:white;
}
.ultra .elementor-slide-button{
  border-right-width: 0px !important;
  border-top-width: 0px !important;
  border-left-width: 0px !important;
  border-bottom-width: 5px !important;
  border-radius:0px !important;
}
.swiper-pagination-bullet:focus{
  border:none !important;
}
.post-ratings{
  text-align: right;
  float: right;
  width: 70%;
}
#ratecomment .post-ratings{
  float:none;
  display: block;
  width: 100%;
  text-align: center;
}
#dapp{
  display:none;
}
.btnmenucat{
  margin:0 auto;
  margin-bottom:10px;
  padding-top:0px;
  padding-bottom:0px;
  border-top-left-radius: 15px;
  border-top-right-radius:15px;
}
.btnmenucat span{
  display:inline-block;
  text-align: center;
  font-size:14px;
  color: #666;
  transition:0.5s;
  border-bottom:2px solid transparent;
}

.btnmenucat span:hover{
  border-bottom-color:#DD0033;
  cursor: pointer;
}
#collapsibleNavbar{
  background-color:rgba(255,255,255,1);
}
#menuline,#menuapp{
  padding:0px 15px 15px 15px;

}
#menuline li,#menuapp li{
  list-style-type: none;
  margin-bottom:10px;
}
#menuline a,#menuapp a{
  color: #DD0033;
}
.articleblog h2,.articleblog a{
  font-size:14px;
  font-weight: bold;
  color:#555;
  text-align: center;
  line-height: 25px;
  margin-top:10px;
  margin-bottom:10px;
}

.articleblog img{
  box-shadow: 0px 0px 5px #ccc;
  border-radius:5px;
  width:300px;
  height:150px;
  object-fit: cover;
}
#dline,#dapp{
  padding:0px 5px 5px 5px;
  margin:0px 10px 10px 10px;
}
#dline i,#dapp i{
  color:#DD0033;
}
#dline a,#dapp a{
  font-size:14px;
  color:#6c757d;
  font-weight:bold;
}
.childmenu li{
  border-radius:25px;
}
.childmenu li{
  padding:0px;
}
.parentmenu{
  position: relative;
  border-radius:25px;
  z-index: 1;
}
.parentmenu:hover{
  display: block;
}
#dline a:hover,#dapp a:hover{
  color:#DD0033;
}
.bgred{
  border-bottom:2px solid #333 !important;
}
.headerhome{
  font-size:16px;
  font-weight:bold;
  display: inline !important;
  color:#DD0033;
}
.modalco{
  background-color:rgb(255,255,255,0.9);
  padding:25px;
  border-radius:15px;
}
.modalco .close{
  color:#DD0033;
  font-size:20px;
  border:1px solid #DD0033;
  padding:5px;
  background-color:white;
  width:30px;
  height:30px;
  border-radius:50%;
  text-align: center;
  line-height: 20px;
}
.modalco h2{
  font-size:18px;
  text-align: center;
  font-weight:bold !important;
}
.marginmn{
  margin-top:-30px !important;
}
@media only screen and (min-width:1200px) {
  .parentmenu {
    position: relative;
    border-radius: 25px;
    z-index: 1;
    width: 60%;
  }
  .childmenu {
    position: absolute;
    left: -85%;
    width: 100%;
    top: 0px;
    display: none;
    padding: 0px;
    z-index: 1000;
  }
}
@media only screen and (min-width:770px){
  #dline ul,#dapp ul{
    padding:0px !important;
  }
  .btnmenucat .fa-home{
    font-size:18px;
  }
  .btnmenucat span{
    padding:15px 20px;
    font-szie:16px;
    font-weight:bold;
  }
  #btnreg{
    margin-right:-50px;
  }
  .footer-logo{
    margin-top:-35px !important;
  }
  .footer-bottom{
    padding-left:150px;
    padding-right:150px;
  }

  .clinic{
    font-size:14px;
  }
}
@media only screen and (max-width:770px){
  .btnmenucat span{
    padding:10px;
  }
  .btnmenucat span{
    font-size:10px;
  }
  #dline a,#dapp a {
    font-size: 10px;
  }
  .btnmenucat{
    text-align: center;
  }
  .circleh2 h6{
    font-size:14px !important;
  }
  .clinic{
    font-size:8px;
  }
  #restartq{
    bottom:20px;
  }
  .q1{
    height:100px;
    font-size:6px;
  }
}

  
  /* comment */
.gallery {
    box-sizing: border-box;
    background: #fff;
    padding:25px 8px;
    clear: both;
    border-radius:30px;
    background-image: url("images/comment-l.png"),url("images/comment-r.png");
    background-repeat: no-repeat;
    background-position: top left, top right;
  }
  .gallery-cell {
    width: 66%;
    height: 200px;
    margin-right: 15px;
    padding:10px;
    background: #fff;
    border:1px solid #ddd;
    border-radius:5px;
  }
  .gallery-cell strong{
    display: block;
    width: 30%;
    height: 100%;
    text-align: center;
    font-weight: bold;
    color:#888;
    padding:15px 5px;
    border-left:1px solid #ccc;
    float: right;
    line-height: 30px;
    font-size: 14px;
  }
  .gallery-cell q{
    width:70%;
    float:left;
    padding:15px 10px;
    font-size: 14px;
    color:#888;
    line-height: 30px;
  }
  /* cell number */
  .gallery-cell:before {
    display: block;
    text-align: center;
    line-height: 200px;
    font-size: 80px;
    color: black;
  }
  .flickity-button{
    color:#ccc;
  }
  
  #content {
    overflow: hidden;
    max-width: 100%;
    margin: 0px auto;
    padding: 250px 40px;
    font-size: 24px;
    line-height: 34px;
    color: #fff;
    background-color:#F4F8E7;
    position: relative;
  }
  #content h2{
    color:#777;
    position: absolute;
    width:100%;
    top:40%;
left:0px;
    font-size: 24px;
    text-align: center;
  }
  p {
    margin-bottom: 40px;
  }
  #content p:last-child {
    margin-bottom: 0;
  }
 .img1 {
    width:100%;
    border-radius: 50%;
    display: block;
    position: absolute;
    right:0px;
  }
  .img2 {
    width:70%;
    display: block;
    position: absolute;
    right: 0px;
    margin-bottom: 150px;
  }
  .img3 {

    width:70%;
    border: 20px solid #9a5cb4;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0px;
  }
  .img4 {
    width:70%;
    display: block;
    position: absolute;
    right:0px;
    margin-bottom: 150px;
  }
  .img5 {
    width:70%;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0px;
  }
  .img6 {
    width:70%;
    display: block;
    position: absolute;
    right: 0px;
    margin-bottom: 150px;
  }