/*
Theme Name: Porto Child
Theme URI: https://abzarwp.comwordpress/porto
Author: AbzarWP.Com
Author URI: https://abzarwp.com
Description: Porto Responsive Wordpress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: porto-child

*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 900;
  src: url('https://harfeakharpub.com/wp-content/themes/porto/fonts/eot/IRANSansWeb(FaNum)_Black.eot');
  src: url('https://harfeakharpub.com/wp-content/themes/porto/fonts/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: bold;
  src: url('https://harfeakharpub.com/wp-content/themes/porto/fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
  src: url('https://harfeakharpub.com/wp-content/themes/porto/fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 500;
  src: url('https://harfeakharpub.com/wp-content/themes/porto/fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
  src: url('https://harfeakharpub.com/wp-content/themes/porto/fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 300;
  src: url('https://harfeakharpub.com/wp-content/themes/porto/fonts/eot/IRANSansWeb(FaNum)_Light.eot');
  src: url('https://harfeakharpub.com/wp-content/themes/porto/fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 200;
  src: url('https://harfeakharpub.com/wp-content/themes/porto/fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
  src: url('https://harfeakharpub.com/wp-content/themes/porto/fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: normal;
  src: url('https://harfeakharpub.com/wp-content/themes/porto/fonts/eot/IRANSansWeb(FaNum).eot');
  src: url('https://harfeakharpub.com/wp-content/themes/porto/fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/woff/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
     url('https://harfeakharpub.com/wp-content/themes/porto/fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}


@font-face{
	font-family:yekan;
	font-style:normal;
	font-weight:700;
	src:url(https://harfeakharpub.com/wp-content/themes/porto/fonts/iranyekanwebbold.eot);
	src:url(https://harfeakharpub.com/wp-content/themes/porto/fonts/iranyekanwebbold.eot) format("embedded-opentype"),
	url(fonts/iranyekanwebbold.woff) format("woff2"),
	url(fonts/iranyekanwebbold.woff) format("woff"),
	url(fonts/iranyekanwebbold.ttf) format("truetype")
}

@font-face{
	font-family:yekan;
	font-style:normal;
	font-weight:300;
	src:url(fonts/iranyekanweblight.eot);
	src:url(fonts/iranyekanweblight.eot) format("embedded-opentype"),
	url(https://harfeakharpub.com/wp-content/themes/porto/fonts/iranyekanweblight.woff) format("woff2"),
	url(https://harfeakharpub.com/wp-content/themes/porto/fonts/iranyekanweblight.woff) format("woff"),
	url(https://harfeakharpub.com/wp-content/themes/porto/fonts/iranyekanweblight.ttf) format("truetype")
}

@font-face{
	font-family:yekan;
	font-style:normal;
	font-weight:400;
	src:url(https://harfeakharpub.com/wp-content/themes/porto/fonts/iranyekanwebregular.eot);
	src:url(https://harfeakharpub.com/wp-content/themes/porto/fonts/iranyekanwebregular.eot) format("embedded-opentype"),
	url(https://harfeakharpub.com/wp-content/themes/porto/fonts/iranyekanwebregular.woff) format("woff2"),
	url(https://harfeakharpub.com/wp-content/themes/porto/fonts/iranyekanwebregular.woff) format("woff"),
	url(https://harfeakharpub.com/wp-content/themes/porto/fonts/iranyekanwebregular.ttf) format("truetype")
}




body ,#main-menu .mega-menu > li.menu-item > a{
  font-family: IRANSans, roboto, Arial, serif !important;
  direction: rtl;
  text-align: justify;
  line-height: 1.5;
  color: unset;
  background: none;
}

h1, h2, h3, h4, h5, h6, input, textarea {
  font-family: IRANSans, roboto, Arial, serif !important;
}

.text-green {
  color: #57C5A0;
}

.magenta-text {
  color: #701DBB;
}

.magenta-bg {
  background: #701DBB;
  color: #fff;
}

.gray-bg {
  background: #F0F0F0;
}

.dir-ltr {
  direction: ltr;
}

.bg-city {
  background: url("https://harfeakharpub.com/wp-content/themes/porto/image/city.jpg");
}
.bg-city #carouselControls {
  overflow: hidden;
}
.bg-city img {
  width: 100%;
}
.bg-city a {
  color: #000;
}
.bg-city .col-md-9 {
  padding: 0;
}
.bg-city .col-md-9 img {
  width: 100%;
}
.bg-city .col-md-9 > img {
  bottom: -50px;
  z-index: -1;
}
.bg-city > .container > .row > div:first-of-type .h2 {
  color: #701DBB;
  border-top: 10px solid #57C5A0;
  text-align: center;
  background: #fff9;
  padding: 10px 0;
  font-weight: bold;
}
.bg-city > .container > .row > div:first-of-type .h6 {
  background: #fffc;
  border-right: 8px solid #57C5A0;
  padding: 10px 5px;
  transition: border 500ms, color 500ms;
  color: #000;
}

.bg-city > .container > .row > div:first-of-type .h6:hover {
  border-right: 8px solid #701DBB;
  color: #701DBB;
  font-weight: bold;
}

#carouselControls {
  border-top: 10px solid #57C5A0;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #57C5A0;
}

.carousel-control-next {
  justify-content: end;
  right: -20px;
}

.carousel-control-prev {
  justify-content: flex-end;
  left: -20px;
}

.seta {
  margin-top: 50px;
}
.seta .col-8 {
  height: min-content;
}
.seta img {
  display: block;
  margin: 0 auto;
  filter: grayscale(1);
  transition: filter 1s;
  height: 95px;
}
.seta .col-md-3 {
  border: 3px solid #F0F0F0;
  padding: 0;
  border-radius: 20px;
  transition: transform 1s, color 1s, background 1s;
}
.seta .col-md-3 div:nth-child(2) {
  background: #F0F0F0;
  font-size: 20px !important;
  font-weight: 500;
  text-align: center;
  padding: 10px 10px;
  transition: color 1s;
  line-height: 40px;
}
.seta .col-md-3 div:last-of-type {
  padding: 20px;
  background: #616161;
  transition: background 1s;
}
.seta .col-md-3 div:last-of-type a {
  padding: 12px 60px;
  color: #616161;
  background: #fff;
  border-radius: 5px;
  transition: color 1s;
  font-family: yekan !important;
  background: #119f13 !important;
  color: #fff !important;
}

.seta .col-md-3:hover {
  transform: scale(1.2);
}
.seta .col-md-3:hover img {
  display: block;
  margin: 0 auto;
  filter: none;
}
.seta .col-md-3:hover div:nth-child(2) {
  color: #EB4F4E;
}
.seta .col-md-3:hover div:last-of-type {
  background: #EB4F4E;
}
.seta .col-md-3:hover div:last-of-type a {
  color: #EB4F4E;
}

.s-3 {
  background-color: #E1E1EF;
}
.s-3 a {
  color: unset;
}
.s-3 .color-green {
  color: #57C5A0;
  background: #E1E1EF;
  position: relative;
  top: -20px;
}
.s-3 > .container > .row:first-of-type {
  border: 2px solid #57C5A0;
  border-radius: 20px;
  color: #626262;
}
.s-3 > .container > .row:first-of-type img {
  border: 4px solid white;
}
.s-3 > .container > .row:first-of-type .col-md-3 {
  transition: transform 1s;
}
.s-3 > .container > .row:first-of-type .col-md-3:hover {
  transform: scale(1.2);
}
.s-3 > .container > .row:first-of-type .col-md-3:hover div {
  background: #2C3E50 !important;
  color: #fff;
}
.s-3 > .container > .row:first-of-type .col-md-3:hover img {
  border: 4px solid #2C3E50;
}
.s-3 > .container > div {
  border: 2px solid #3F5DA4;
  border-radius: 20px;
  padding-bottom: 40px;
}
.s-3 > .container > div > .row:first-of-type .h2 {
  position: relative;
  top: -25px;
  background-color: #E1E1EF;
  color: #3F5DA4;
}
.s-3 > .container > div > .row:first-of-type > .col-md-6 > div {
  background: #fff;
  position: relative;
}
.s-3 > .container > div > .row:first-of-type > .col-md-6 > div > span:last-of-type {
  display: block;
  background: #32A07B;
  color: #000;
  font-weight: bold;
  margin: 5px auto;
  text-align: center;
  width: 100%;
  font-family: yekan;
  color: #fff !important;
  font-weight: 300 !important;
  font-size: 18px !important;
}
.s-3 > .container > div > .row:first-of-type > .col-md-6 > div :not(:first-child) {
  padding: 10px;
}
.s-3 > .container > div > .row:first-of-type > .col-md-6 > div :not(:first-child) span {
  color: red;
  display: inline-block;
  position: absolute;
  left: 10px;
}
.s-3 > .container > div > .row:first-of-type > .col-md-6 > div div:first-of-type {
  background: #701DBB;
  color: #fff;
  width: max-content;
  text-align: left;
  padding: 3px 10px;
  margin-right: 0px;
  font-size: 1.3rem;
  margin-bottom: 20px;
  width: 100%;
  text-align: center !important;
  font-family: yekan !important;
  padding: 10px 0px;
}
.s-3 > .container > div > .row:last-of-type > div:last-of-type {
  display: block;
  background: #57c5a0;
  color: #000;
  font-weight: bold;
  margin: 20px 20px 3px;
  text-align: justify;
  width: max-content;
  padding: 10px;
  width: 100% !important;
  text-align: center;
  font-family: yekan !important;
  color: #fff !important;
  font-weight: 300 !important;
  font-size: 20px;
}
.s-3 > .container > div > .row:last-of-type > div:first-of-type {
  background: #701dbb;
  color: #fff;
  width: max-content;
  padding: 3px 10px;
  font-size: 1.3rem;
  margin: 0 auto 20px;
  width: 100% !important;
  text-align: center !important;
  font-family: yekan !important;
  font-weight: 300 !important;
  padding: 18px 0px;
}
.s-3 > .container > div > .row:last-of-type .col-md-6 span {
  color: red;
  display: inline-block;
  position: absolute;
  left: 10px;
}

.s-4 {
  background: #2C3E50;
}
.s-4 img:not([src*=tel]) {
  width: 100%;
  height: auto;
}
.s-4 .carousel-indicators {
  bottom: -30px;
}
.s-4 > div:first-of-type {
  color: white;
}

.ornge {
  color: #F7C105;
}

.yellow {
  color: yellow;
}

.bg-red {
  background: red;
  width: fit-content;
}

.bg-gray {
  background: #EFEFEF;
}
.bg-gray .carousel img:not([src*=buy]) {
  width: 80%;
  height: auto;
}
.bg-gray div {
  overflow: hidden;
}
.bg-gray .product-row .col-3, .bg-gray .product-row .col-6 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.bg-gray .prudct-des {
  padding-top: 10px;
}
.bg-gray .prudct-des img {
  vertical-align: top;
  display: inline-block;
  margin-left: 5px;
}
.bg-gray .prudct-des .prudct-text span:first-of-type {
  color: #701DBB;
  font-weight: bold;
}
.bg-gray .prudct-des .prudct-text span:last-of-type {
  font-weight: bold;
}
.bg-gray > .container > .row:nth-of-type(2) .col-6 div {
  border: 1px solid #0008;
  text-align: center;
  width: fit-content;
  padding: 5px 10px;
  color: #0008;
  margin: 0 auto;
}
.bg-gray > .container > .row:nth-of-type(2) .col-6 div:hover {
  background: #57C5A0;
  font-weight: bold;
  border: 1px solid #57C5A0;
}

#particles-js {
  position: relative;
}
#particles-js > .container {
  position: relative;
  z-index: 10;
}

.particles-js-canvas-el {
  position: absolute;
  top: 0;
  z-index: 0;
}

.nazarat div {
  overflow: hidden;
}
.nazarat .col-md-3 > div {
  background: #EFEFEF;
  box-shadow: 0 4px 20px 0px #00000059;
}

.video {
  background: #F56262;
}
.video h2 {
  background: #FF8C8C;
  color: #fff;
  padding: 1rem;
}
.video [type=radio] {
  display: none;
}
.video #slider {
  height: 20vw;
  position: relative;
  perspective: 1000px;
  transform-style: preserve-3d;
}
.video #slider img {
  width: 100%;
  height: auto;
}
.video #slider a {
  width: 100%;
  color: #fff;
  background: #0005;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 2rem;
}
@media (max-width: 700px) {
  .video #slider {
    height: 150px;
    position: relative;
    perspective: 1000px;
    transform-style: preserve-3d;
  }
}
.video #slider label {
  margin: auto;
  width: 80%;
  border-radius: 4px;
  position: absolute;
  left: 0;
  right: 0;
  cursor: pointer;
  transition: transform 0.4s ease;
}
.video #s1:checked ~ #slide4, .video #s2:checked ~ #slide5,
.video #s3:checked ~ #slide1, .video #s4:checked ~ #slide2,
.video #s5:checked ~ #slide3 {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  transform: translate3d(-30%, 0, -200px);
}
.video #s1:checked ~ #slide5, .video #s2:checked ~ #slide1,
.video #s3:checked ~ #slide2, .video #s4:checked ~ #slide3,
.video #s5:checked ~ #slide4 {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  transform: translate3d(-15%, 0, -100px);
}
.video #s1:checked ~ #slide1, .video #s2:checked ~ #slide2,
.video #s3:checked ~ #slide3, .video #s4:checked ~ #slide4,
.video #s5:checked ~ #slide5 {
  box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3), 0 11px 7px 0 rgba(0, 0, 0, 0.19);
  transform: translate3d(0, 0, 0);
}
.video #s1:checked ~ #slide2, .video #s2:checked ~ #slide3,
.video #s3:checked ~ #slide4, .video #s4:checked ~ #slide5,
.video #s5:checked ~ #slide1 {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  transform: translate3d(15%, 0, -100px);
}
.video #s1:checked ~ #slide3, .video #s2:checked ~ #slide4,
.video #s3:checked ~ #slide5, .video #s4:checked ~ #slide1,
.video #s5:checked ~ #slide2 {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  transform: translate3d(30%, 0, -200px);
}

.gool {
  border: 2px solid #0005;
  border-radius: 20px 20px 0 0;
}
.gool img {
  height: 70px;
  width: auto;
}

footer {
  background: #2C3E50;
}
footer a {
  color: unset;
}
footer .row.d-block {
  padding: 10px;
  border: 2px solid #fff5;
  border-radius: 10px;
}
footer .bg-green {
  background: #1DD2AF;
}
footer textarea, footer input {
  margin-top: 10px;
  width: 100%;
}
footer input[type=submit] {
  background: #1DD2AF;
  border: none;
  color: white;
  padding: 5px;
}
footer .container > div:last-of-type {
  margin-top: 2em;
  text-align: center;
  color: #9DAFC0;
}
footer .lastone {
  font-size: 0.9rem;
}
footer .lastone a {
  color: unset;
}
footer .lastone div {
  align-items: center;
  display: flex;
  text-align: center;
  border-left: 1px solid white;
}
footer .lastone div a {
  text-align: center;
}
footer .lastone div:last-of-type {
  border: none;
}

.mahsol img:not([src*=buy]) {
  width: 100%;
}

.t-o {
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
}

.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 50vw;
  height: 50vw;
  animation: spin 2s linear infinite;
  position: absolute;
  z-index: 20;
  left: calc(50vw/3);
  top: calc(50vw/4);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loaderhelp {
  width: 100%;
  height: 100%;
  background: #fffb;
  position: absolute;
  z-index: 10;
}

.d-r-block {
  display: none;
}

.gform_wrapper li {
  list-style: none;
}
.gform_wrapper .gform_fields, .gform_wrapper label {
  margin: 0;
  padding: 0;
}
.gform_wrapper label {
  margin-top: 10px;
}

li.nav-item.dropdown:hover div.dropdown-menu {
  display: block;
}

#harfeakhermenu > li.menu-item.active > a, #harfeakhermenu > li.menu-item:hover > a {
  background: none;
  color: rgba(0, 0, 0, 0.7);
}
#harfeakhermenu .menu-item {
  transition: transform 1s, border-bottom 100ms;
  border-bottom: 3px solid #701DBB;
  padding: 0 10px;
  font-size: 1rem;
}
#harfeakhermenu .menu-item a {
  color: rgba(0, 0, 0, 0.5);
}
#harfeakhermenu .menu-item img {
  filter: grayscale(1);
  display: block;
  margin: 0 auto;
}
#harfeakhermenu .narrow ul.sub-menu {
  background: #f8f9fa;
}
#harfeakhermenu .narrow li.menu-item:hover > a {
  background: #f8f9fa;
}
#harfeakhermenu > .menu-item:hover {
  transform: scale(1.2);
  border-bottom: 5px solid #701DBB;
}
#harfeakhermenu > .menu-item:hover img {
  filter: none;
}

.tamas form {
  text-align: right !important;
}
.tamas form label {
  display: none !important;
}
.tamas form input {
  width: 100% !important;
}

.prudct-des > a {
  display: block;
}
#cp_popup_id_28670 *{
    font-family: IRANSans;
}
.cp_style_28670 .cp-popup-content{
        width: 500px !important;
}
.cp-module-inline .cp-popup-content, .cp-module-inline .cp-popup-content.cp-middle{
    left: 0;
}
/*# sourceMappingURL=style.css.map */