/*!
Theme Name: darkoob
Theme URI: http://sitedar.com/
Author: shahab
Author URI: http://sitedar.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: darkoob
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

darkoob is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/fontawesome-webfont.eot") format("embedded-opentype"),
	url("fonts/fontawesome-webfont.woff") format("woff"), 
	url("fonts/fontawesome-webfont.ttf") format("truetype"), 
	url("fonts/fontawesome-webfont.svg") format("svg");
}

@font-face {
  font-family: "bootstrap-icons";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/bootstrap-icons.eot") format("embedded-opentype"),
  url("fonts/bootstrap-icons.woff") format("woff"),
  url("fonts/bootstrap-icons.woff2") format("woff2"), 
}

 @font-face {
    font-family: 'IRANSansWeb(FaNum)';
    src: url('fonts/IRANSansWeb(FaNum).eot');
    src: url('fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
         url('fonts/IRANSansWeb(FaNum).ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

  @font-face {
    font-family: 'IranNastaliq';
    src: url('fonts/IranNastaliq.eot');
    src: url('fonts/IranNastaliq.eot?#iefix') format('embedded-opentype'),
         url('fonts/IranNastaliq.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

  @font-face {
    font-family: 'yekan-webfont';
    src: url('fonts/yekan-webfont.eot');
    src: url('fonts/yekan-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/yekan-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html {line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {margin: 0; padding: 0; font-size: 15px; line-height: 2; font-family: 'IRANSansWeb(FaNum)';}
main {display: block;}
*{padding: 0; margin: 0;}
input:focus, a:focus, a:active, textarea:focus, img:focus {outline:none;}

.plpr{padding-left: 40px; padding-right: 40px;}

img {max-width:100%;}
ul{padding: 0; margin: 0;}
a{text-decoration: none !important; color: #444;}
a:hover{color:#F9B707;}
p{line-height: 2;}  

.h1, h1 {
    font-size: 30px;
}

.bg-header{
    background-color: #f37149;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.home .bg-header{border-bottom: 0px;}

.bg-header .box-header{
  padding-left: 96px;
  padding-right: 96px;
}

.lan{text-align: left; padding-top: 30px;}
.lan a{padding-right: 5px;}

.logo{position: relative; z-index: 9;}
.logo img{
  height: 111px !important;
  width: auto;
  position: absolute;
  border-radius: 0 0 10px 10px;
  border-right: 2px solid #a5bce1;
  border-left: 2px solid #a5bce1;
  border-bottom: 2px solid #a5bce1;
}

.main-menu{margin-top: 30px; margin-bottom: 30px;}
.main-menu ul{padding:0; text-align: left; margin: 0;}
.main-menu li {
  list-style: none;
  display: inline-block;
  padding-left: 9px;
  padding-right: 9px;
  position: relative;
}
.main-menu li a{
  display: inline-block;
	position: relative;
  font-size: 16px;
  color:#fff;
  padding: 0 5px;
}
.main-menu li.current-menu-item a{
  background-color: #ffdc5f;
  border-radius: 10px;
}
.main-menu li a:hover{
  color: #fff;
  z-index: 10;
  background: transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-menu li a:before {
  position: absolute;
  content: "";
  height: 50%;
  background-color: #bc4d2c;
  right: 0;
  width: 0%;
  top: 0;
  border-radius: 10px 10px 0 0;
  z-index: -1;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  display: block !important;
  margin: 0 !important;
}
.main-menu li a:hover:before{
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  background-color: #ffdc5f;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.main-menu li a:after {
  position: absolute;
  content: "";
  height: 50%;
  background-color: #bc4d2c;
  right: 0;
  width: 0%;
  bottom: 0;
  border-radius: 0 0 10px 10px;
  z-index: -1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: block !important;
  margin: 0;
}
.main-menu li a:hover:after{
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  background-color: #ffdc5f;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.main-menu .sub-menu li a:before {display:none !important;}
.main-menu .sub-menu li a:after {display:none !important;}
.main-menu .sub-menu li a:hover:before {display:none !important;}
.main-menu .sub-menu li a:hover:after {display:none !important;}
.main-menu .sub-menu li a{padding-bottom: 10px !important;}
.main-menu .sub-menu li a{padding: 6px 5px;}
.main-menu .sub-menu li.current-menu-item a {background-color: transparent !important;}


.main-menu ul ul {
  width: 208px;
  text-align: right;
  position: absolute;
  visibility: hidden;
  display: block;
  opacity: 0;
  line-height: 14px;
  margin: 0;
  list-style: none;
  right: 0;
  border-radius: 15px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  background-clip: padding-box;
  transition: all 0.5s ease;
  z-index: 99;
  transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2);
  transform: rotateX(-90deg);
  transform-origin: 0 0;
  padding: 7px 0;
}
.main-menu li:hover > ul {
  display: block;
  float: left;
  width: 208px;
  margin-right: 0px;
  background: #014C91;
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  top: 100%;
  transform: rotateX(0);
  box-shadow: 0 3px 25px 0px rgba(43, 52, 59, 0.1), 0 0 0 rgba(43, 52, 59, 0.1) inset;
}












.sliders .seriousslider .seriousslider-caption {
  background: #0000004a;
  padding: 36px 50px 25px;
  border-radius: 15px;
  left: 56%;
  right: 10%;
}
.sliders .seriousslider-light .seriousslider-caption-title{text-align: right; font-size: 30px;}
.sliders .slide-tell-one p, .sliders .slide-tell-two p{font-size: 30px; color: #fff;}
.sliders .slide-tell-one p:after, .sliders .slide-tell-two p:after{
  font-family: "FontAwesome";
  content: "\f095";
  vertical-align: middle;
  font-size: 27px;
  color: #fff;
  padding: 7px 0 0px 3px;
  background-color: #F9B707;
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 50%;
  padding-right: 5px;
  line-height: 1;
  text-align: center;
  margin-right: 5px;
}


.under-bg {
  background: url(../../uploads/under-bg.png) center;
  background-size: cover;
  position: relative;
  margin-top: -75px;
  margin-bottom: 0px;
  height: 100px;
  z-index: 1;
}

.content1 {
    margin-top: 50px;
    text-align: center;
}
.content1 .section-title{
  position:relative;
  display:inline-block;
  padding:0 90px;
  margin-bottom: 50px;
  font-size: 28px;
}
.content1 .section-title::before,
.content1 .section-title::after{
  content:'';
  position:absolute;
  top:50%;
  width:65px;
  height:3px;
  background:#2E66A6;
  transform:translateY(-50%);
  border-radius:10px;
}
.content1 .section-title::before{
  right:0;
}
.content1 .section-title::after{
  left:0;
}
.content1 .section-title span::before,
.content1 .section-title span::after{
  content:'';
  position:absolute;
  top:50%;
  width:12px;
  height:12px;
  background:#F5824A;
  border-radius:50%;
  transform:translateY(-50%);
}
.content1 .section-title span::before{
  right:72px;
}
.content1 .section-title span::after{
  left:72px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  padding: 13px;
  border-radius: 16px;
  background: #fff;
  /* box-shadow: 0px 0px 3px #efeded; */
  box-shadow: 0px 0px 3px #ebe6e6;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
  display: block;
  border-radius: 16px;
  background: #f06742;
  color: #fff;
}
.woocommerce ul.products li.product a img {
  border-radius: 15px 15px 0 0;
  margin: 0;
  height: 220px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {padding: 14px 5px;}
.content1 .woocommerce-loop-product__title:before{
  font-family: "bootstrap-icons";
  content: "\F135";
  vertical-align: middle;
  font-size: 22px;
  color: #F06742;
  padding: 0px 0 0px 5px;
  background-color: #fff;
  width: 21px;
  height: 21px;
  display: inline-block;
  border-radius: 50%;
  line-height: 1;
  text-align: center;
  margin-left: 5px;
  padding-left: 20px;
}

.bg-footer{
  background-color: #014C91;
  padding-top: 100px;
  margin-top: 50px;
  clear: both;
}
.foot-box1{
  color: #fff;
}
.foot-box1 .section-title {
  position: relative;
  display: inline-block;
  padding: 0 90px;
  margin-bottom: 50px;
  font-size: 28px;
}
.foot-box1 .section-title::before {
  content: '';
  position: absolute;
  top: 50%;
  width: 65px;
  height: 3px;
  background: #2E66A6;
  transform: translateY(-50%);
  border-radius: 10px;
}
.foot-box1 .section-title::before {
  right: 0;
}
.foot-box1 .section-title span::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 12px;
  height: 12px;
  background: #F5824A;
  border-radius: 50%;
  transform: translateY(-50%);
}
.foot-box1 .section-title span::after {
  right: 72px;
}
.foot-box2{
  position:relative;
  display:inline-block;
  z-index:2;
}
.foot-box2 img{
  border-radius: 15px;
  border:2px solid #729dc4;
  display:block;
  width:100%;
  border-radius:18px;
  border:2px solid rgba(255,255,255,.45);
}
.foot-box2::after{
  content: '';
  position: absolute;
  top: 14px;
  left: 25px;
  width: 94%;
  height: 99%;
  background: #F7C531;
  border:2px solid #F7C531;
  border-radius: 15px;
  z-index: -1;
}
.foot-box3, .foot-box4, .foot-box5, .foot-box6{
  border-radius: 15px;
  background: #fff;
  padding: 39px;
  margin-top: 60px;
  margin-bottom: 60px;
}
.foot-box3 h2, .foot-box4 h2, .foot-box5 h2, .foot-box6 h2{
  text-align: center;
  color: #333;
  position: relative;
  font-size: 20px;
  padding-top: 50px;
}
.foot-box3 h2:before, .foot-box4 h2:before, .foot-box5 h2:before, .foot-box6 h2:before{
  font-family: "bootstrap-icons";
  color: #095398;
  font-size: 40px;
  position: absolute;
  top: -3px;
  left: 50%;
  transform: translateX(-50%);
}
.foot-box3 h2:before{
  content:  "\F271";
}
.foot-box4 h2:before{
  content: "\F414";
}
.foot-box5 h2:before{
  content: " \F3E5";
}
.foot-box6 h2:before{
  content: "\F52F";
}
.foot-box3 p, .foot-box4 p, .foot-box5 p, .foot-box6 p{
  text-align: center;
  color: #777;
}

.bg-footer2{
  border-top: 4px solid #f68145;
  padding-top: 50px;
}
.foot-box7, .foot-box8, .foot-box9{

}
.foot-box7 h2, .foot-box8 h2, .foot-box9 h2{
  margin: 0px 0px 30px 0px;
  color: #fff;
  font-size: 20px;
  letter-spacing: 0;
  font-weight: 600;
  position: relative;
  padding-bottom: 10px;
}
.foot-box7 h2:before, .foot-box8 h2:before, .foot-box9 h2:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -8px;
  width: 61px;
  height: 2px;
  background-color: #f68145;
}
.foot-box7 h2:after, .foot-box8 h2:after, .foot-box9 h2:after {
  content: "";
  width: 16px;
  border-left: 4px dashed #035096;
  border-right: 4px dashed #035096;
  height: 2px;
  background-color: transparent;
  position: absolute;
  bottom: -8px;
  right: 40px;
  -webkit-animation: footerLine 7s linear infinite;
  animation: footerLine 7s linear infinite;
}
@keyframes footerLine {
  0% {
      right: 40px;
  }
  50% {
      right: 0;
  }
  100% {
      right: 40px;
  }
}
.foot-box7 p, .foot-box8 p, .foot-box9 p{
  color: #fff;
}
.foot-box8 li {
  list-style: none;
}
.foot-box8 li a{
   color: #fff;
}
.foot-box8 li a:hover {
  color: #f68145;
}
.foot-box8 li a:before {
  content: "\F12C";
  font-family: "bootstrap-icons";
  font-size: 17px;
  color: #fff;
  vertical-align: middle;
  padding-left: 3px;
  transition: .6s;
}
.foot-box8 li a:hover:before {
  color: #f68145;
  padding-left: 7px;
  transition: .6s;
}
.foot-box9 p:before, .foot-box9 p:after{
  color: #fff;
  font-family: "FontAwesome";
  padding-left: 5px;
}
.foot-box9 p:nth-child(1):before{
  content: "\f041";
  font-size: 20px;
}
.foot-box9 p:nth-child(2):after{
  content: "\f095";
  font-size: 17px;
}
.foot-box9 p:nth-child(3):after{
  content: "\f095";
  font-size: 17px;
}
.foot-box9 p:nth-child(4):after{
  content: "\f0e0";
  font-size: 15px;
}
.copyright{
  color: #c7c7c7;
  padding-top: 80px;
  font-size: 14px;
}


/****** inner-page *****/
.inner-page {
    padding: 15px;
    margin-bottom: 40px;
    margin-top: 30px;
}
.inner-page h1 {
  border-right: 5px solid #0072BC;
  padding: 10px;
  margin-bottom: 50px;
  box-shadow: -1px 1px 2px #ccc;
}
.inner-page ul{
  padding-right: 20px;
}


/****************** contact us *****************/
.post-16 input, #post-270 input{height: 46px; border: none; background-color: #F8F8F8; padding: 0 10px 0px 0px; width: 98%;}
.post-16 input.wpcf7-captchar, #post-270 input.wpcf7-captchar{width: auto;}
.post-16 .captcha-118 input,  #post-270 .captcha-118 input{padding: 5px;}
.post-16 textarea, #post-270 textarea{border: none; background-color: #F8F8F8; padding: 5px; width: 98%; height: 150px;}
.post-16 label, #post-270 label{width: 100%; font-weight: normal; font-size: 12px;}
.post-16 input[type="submit"], #post-270 input[type="submit"]{width: 10%; background: #F68145; color: #fff; border-radius: 3px; padding: 3px;}
.post-16 input[type="submit"]:hover, #post-270 input[type="submit"]:hover{background: #014C91; color:#fff;}

.post-16 span.your-name:before, #post-270 span.your-name:before{content:"\f007"; font-family: "FontAwesome"; font-size: 15px; color: #c7c7c7; position: absolute; padding-right: 15px; padding-top: 7px;}
.post-16 span.text-434:before, #post-270 span.text-434:before{content:"\f10b"; font-family: "FontAwesome"; font-size: 22px; color: #c7c7c7; position: absolute; padding-right: 15px; padding-top: 1px;}
.post-16 span.your-email:before, #post-270 span.your-email:before{content:"\f0e0"; font-family: "FontAwesome"; font-size: 14px; color: #c7c7c7; position: absolute; padding-right: 15px; padding-top: 7px;}
.post-16 span.your-message:before, #post-270 span.your-message:before{content:"\f044"; font-family: "FontAwesome"; font-size: 17px; color: #c7c7c7; position: absolute; padding-right: 15px; padding-top: 7px;}

.post-16 ::-webkit-input-placeholder, #post-270 ::-webkit-input-placeholder{text-align: right;}
.post-16 :-ms-input-placeholder, #post-270 :-ms-input-placeholder{text-align: right;}
.post-16 ::placeholder, #post-270 ::placeholder {text-align: right;}



/********************** cat-post *******************/
.cat-post{margin-top: 50px;}
.joomirpost{margin-bottom: 30px;}
.cat-post h2{font-size: 16px; padding-bottom: 20px; padding-top: 15px;}
.cat-post .joomirpost .post-thumbnail img{height: 240px;}



/************************* single post *************/
.inner-post{margin-top: 50px;}
.blog-content-right section {margin-bottom: 30px; border-top: 4px solid #014C91; box-shadow: 0 5px 19px 0 #ccc; padding: 30px;}
.blog-content-right section ul{padding-right: 20px;}
.blog-content-right h2 {margin-top: 0; font-size: 20px; position: relative; padding-bottom: 10px;}
.blog-content-right .cat-item-1{display: none;}
.inner-post .content-left .post-thumbnail img{height: auto;}
.inner-post .content-left .entry-header h1{font-size: 22px; padding-top:20px; padding-bottom: 20px;}
.inner-post .content-left .entry-content ul {padding-right: 20px;}


/* pagination */
.pagination .page-numbers {
	position: relative;
    overflow: hidden;
    background: #f1f1f1;
    color: #151735;
    font-size: 20px;
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: 10px;
}
.pagination .page-numbers.current {
    background: #ff6600;
    color: #ffffff;
}
.pagination .next.page-numbers,
.pagination .prev.page-numbers {
    font-size: 0;
}
.pagination .next.page-numbers:before {
    font-family: "bootstrap-icons";
    content: "\F138";
    font-size: 21px;
    color: #333;
}
.pagination .prev.page-numbers:before {
    font-family: "bootstrap-icons";
    content: "\F12F";
    font-size: 21px;
    color: #333;
}


/*********** woocommerce **********/
.woocommerce .woocommerce-breadcrumb{border-bottom: 1px solid #37264447 !important; border-right: 0 !important; border-left: 0 !important; border-top: 0 !important; margin-top: 20px; border: 1px solid #f3f3f3; padding: 10px; margin-bottom: 40px;}
.woocommerce-ordering{display: none;}
.woocommerce-loop-product__title{text-align: center;}
.woocommerce.single div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger + .flex-viewport {
    border: 2px dashed #ccc;
    border-radius: 4px;
}
.woocommerce.single div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger + .flex-viewport .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    border: none;
}
.related.products h2:first-child {
  font-size: 26px;
  border-right: 5px solid #014C91;
  padding: 10px;
  margin-bottom: 20px;
  clear: both;
  background: #4592da;
  color: #fff;
}
.woocommerce-Tabs-panel--description ul{padding-right: 20px;}






/*totop*/
.back-top{position:fixed; bottom:60px; right:14px; z-index: 99;}
.back-top a{display: block; width: 50px; text-align: center; text-decoration: none; text-transform: uppercase; height: 50px; font-size: 24px; border-radius:50%; background: #F68145;}
.back-top a:before{margin-right: -2px; display: inline-block; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; vertical-align: top; line-height: 49px; font-family: FontAwesome; font-size: 28px; color: #fff; content: "\f106";}
.back-top a:hover{background:#FEC906;}
.back-top a:hover:before{ color: #fff;}
.back-top span{display:none;}


/*responsive*/
/*100%*/
@media (max-width:1400px) {
    .main-menu li a {font-size: 11px;}
    .main-menu li {padding-left: 2px; padding-right: 2px;}
    .foot-box2::after { height: 91%;}
    .foot-box1 .section-title {font-size: 20px;}
	.foot-box3 h2, .foot-box4 h2, .foot-box5 h2, .foot-box6 h2 {font-size: 15px;}
    .foot-box3 p, .foot-box4 p, .foot-box5 p, .foot-box6 p {font-size: 12px;}
}
@media (max-width:767px) {
  .bg-header .box-header {
    padding-left: 0;
    padding-right: 0;
  }
  .logo{
    text-align: left;
  }
  .logo img {
    height: 50px !important;
    width: auto;
    position: inherit;
    text-align: center;
  }
  .lan {
    padding-top: 12px;
  }
 .lan img {
    width: 28px;
    display: inline-block;
  }
 .main-menu{display: none;}
 .sliders .seriousslider .seriousslider-caption {background: transparent;}
 .sliders .seriousslider-light .seriousslider-caption-title {display: none;}
 .sliders .seriousslider-light .seriousslider-caption-text {display: none;}
 .content1 {margin-top: 0;}
 .woocommerce ul.products li.product a img {height: auto;}
 .bg-footer {padding-top: 60px;}
 .foot-box3, .foot-box4, .foot-box5, .foot-box6 {margin-top: 39px; margin-bottom: 0px;}
 .foot-box7, .foot-box8, .foot-box9 {margin-top: 30px;}
 .foot-box6{margin-bottom: 30px;}
 .foot-box2::after {top: 9px; left: 12px;}
 .foot-box1 .section-title {padding: 0;}
 .foot-box1 .section-title::before{display: none;}
 .foot-box1 .section-title span::after{display: none;}
 .inner-page img, .inner-post img{height:auto;}
 .post-16 input[type="submit"], #post-270 input[type="submit"] {width: 27%;}
}
@media (max-width:375px) {
 
}
@media (max-width:344px) {
 
}