/* Root elements & helpers */

@charset "UTF-8";

*{
  transition-duration:0.55s;
} 

*:hover{
  transition-duration:0.55s;
}

body {
  vertical-align: baseline;
  direction: rtl;
  background-color: transparent;
  font-size: 1.5em;
  font-family: "B Nazanin" , "BNazanin" , 'Verdana', serif;
  font-weight: 500;
  line-height: 1.45;
  color: #312d2d;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

figure {
  margin-bottom: 23px;
}

.clearfix:before,
.clearfix:after {
  display:table;
  content:" "
}

.clearfix:after{
  clear:both
}

.to-left, .alignleft {
  float: left;
}

.to-right, .alignright {
  float: right;
}

.full-size {
  display: block;
  width: 100%;
}

body .no-padding  {
  margin: 0;
}

body .no-padding [class*="col-"] {
  padding: 0;
}

.clean-list, .inline-list,
.clean-list ul, .inline-list ul {
  _margin: 0;
  margin-top: 0;
  padding: 0;
  list-style: none;
}

.inline-list:before,
.inline-list:after {
  display:table;
  content:" "
}

.inline-list:after{
  clear:both
}

.inline-list > li {
  float: left;
}

body .center-me, .aligncenter{
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.holder-it {
  position: relative;
}

.clean-list {
  margin-bottom: 23px;
}

.uppercase {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.soft-corners {
  border-radius: 5px;
}

.hard-corners {
  border-radius: 50%/10%;
}

.round-corners {
  border-radius: 100px;
}

.border-dashed {
  border-style: dashed;
}

.border-double {
  border-style: double;
}

.font-small {
  font-size: 0.667em;
}

.font-2x { font-size: 2em; }
.font-3x { font-size: 3em; }
.font-4x { font-size: 4em; }
.font-5x { font-size: 5em; }
.font-6x { font-size: 6em; }
.font-7x { font-size: 7em; }

.size-20 {
  width: 20%;
}

/* Wordpress core class */

.alignnone {
  float: none;
}

.aligncenter {    
}

.alignright {
  margin-left: 15px;
}

.alignleft {
   margin-right: 15px;  
}

a img.alignright {
}

a img.alignnone {
}

a img.alignleft {
}

a img.aligncenter {
}

.wp-caption {
}

.wp-caption.alignnone {

}

.wp-caption.alignleft {
}

.wp-caption.alignright {
}

.wp-caption img {
}

.wp-caption p.wp-caption-text {
  text-align: center;
  padding: 11px 0;
}

.tagcloud:before,
.tagcloud:after {
  display:table;
  content:" "
}

.tagcloud:after{
  clear:both
}

.tagcloud {
  list-style: none;
  padding: 0;
  margin: 0 0 23px;
}

.tagcloud > a {
  background: #5f6232;
  padding: 5.5px 23px;
  color: #ffffff;
}

.tagcloud > a:hover {
  background: none;
  text-decoration: none;
  color: #5f6232;
  box-shadow: inset 0 0 0 1px #5f6232;
}

/* Colors
   ========================================================================== */

/* Backgrounds color */

body .dark-less {
  background: rgba(0,0,0,0.1);
}

body .darken {
  background: rgba(0,0,0,0.6);
}

body .black,
body .hover-black:hover,
body .before-black:before { 
  background: #000000;
}

body .light-black,
body .hover-light-black:hover {
  background: #333333;
}

body .white,
body .hover-white:hover {
  background: #ffffff;
}

body .dark-white,
body .hover-dark-white:hover {
  background: #eeeeee;
}

body .grey,
body .hover-grey:hover {
  background: #f3f3f3;
}

body .blue,
body .hover-blue:hover {
  background: #99D9F2;
}

body .light-blue,
body .hover-light-blue:hover {
  background: #d6f0f9;
}

body .dark-blue,
body .hover-dark-blue:hover,
body .before-dark-blue:before {
  background: #5890A5;
}

body .red,
body .hover-red:hover {
  background: #f487af;
}

body .dark-red,
body .hover-dark-red:hover {
  background: #f23d7f;
}

body .green,
body .hover-green:hover{
  background: #91954c;
}

body .dark-green,
body .hover-dark-green:hover {
  background: #5f6232;
}

body .yellow,
body .hover-yellow:hover {
  background: #fce374;
}

body .dark-yellow,
body .hover-dark-yellow:hover {
  background: #c9b55d;
}

body .brown,
body .hover-brown:hover {
  background: #a26e6c;
}

body .dark-brown,
body .hover-dark-brown:hover {
  background: #563A39;
}

body .violet,
body .hover-violet:hover {
  background: #8E56BC;
}

body .dark-violet,
body .hover-dark-violet:hover {
  background: #2E1C3C;
}

body .social-twitter,
body .hover-twitter:hover {
  background: #55acee;
}

body .social-facebook,
body .hover-facebook:hover {
  background: #3b5998;
}

body .social-dribbble,
body .hover-dribbble:hover {
  background: #ea4c89;
}

body .social-pinterest,
body .hover-pinterest:hover {
  background: #e85061;
}

body .social-flickr,
body .hover-flickr:hover {
  background: #0063dc;
}

/* Text color */

body .text-black,
body .hover-text-black:hover,
body .before-black:before {
  color: #000000;
}

body .text-white,
body .hover-text-white:hover,
body .before-white:before {
  color: #ffffff;
}

body .text-grey,
body .hover-text-grey:hover,
body .before-grey:before {
  color: #dadada;
}

body .text-dark,
body .hover-text-dark:hover,
body .before-dark:before {
  color: #656565;
}

body .text-blue,
body .hover-text-blue:hover,
body .before-blue:before {
  color: #99D9F2;
}

body .text-dark-blue,
body .hover-text-dark-blue:hover,
body .before-dark-blue:before {
  color: #5890A5;
}

body .text-red,
body .hover-text-red:hover,
body .before-red:before {
  color: #f487af;
}

body .text-dark-red,
body .hover-text-dark-red:hover,
body .before-dark-red:before {
  color: #f23d7f;
}

body .text-green,
body .hover-text-green:hover,
body .before-green:before {
  color: #91954c;
}

body .text-dark-green,
body .hover-text-dark-green:hover,
body .before-dark-green:before {
  color: #5f6232;
}

body .text-yellow,
body .hover-text-yellow:hover,
body .before-yellow:before {
  color: #fce374;
}

body .text-dark-yellow,
body .hover-text-dark-yellow:hover,
body .before-dark-yellow:before {
  color: #c9b55d;
}

body .text-brown,
body .hover-text-brown:hover,
body .before-brown:before {
  color: #a26e6c;
}

body .text-dark-brown,
body .hover-text-dark-brown:hover,
body .before-dark-brown:before {
  color: #563a39;
}

body .text-violet,
body .hover-text-violet:hover,
body .before-violet:before {
  color: #8e56bc;
}

body .text-dark-violet,
body .hover-text-dark-violet:hover,
body .before-dark-violet:before {
  color: #2e1c3c;
}

/* Typography
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
  margin: 1.414em 0 0.5em;
  font-family: "B Nazanin" , "BNazanin" , 'Oxygen', sans-serif;
  line-height: 1.2;
  color: #6a6a6a;
  text-rendering: optimizeLegibility;
  font-weight: 500;
}

h1 {
  margin-top: 0;
  font-size: 5.063em;
}

h2 {font-size: 3.375em;}

h3 {font-size: 2.25em;}

h4 {font-size: 1.5em;}

h5 {font-size: 1em;}

h6 {font-size: 1em; color: #a9a9a9;}

p {
  margin: 0 0 1.3em;
}

.title-article {
  margin-top: 0;
}

/* Simple quote */

blockquote {
  margin: 0 0 23px;
  padding: 23px 23px 23px 46px;
  border-left: 3px solid;
  position: relative;
}

blockquote figure {
  padding: 3px;
  background: #ffffff;
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}


blockquote p:last-child {
  margin-bottom: 0;
}

cite {
  display: block;
  padding: 11px 0;
}

cite:before {
  content: '\2014';
  margin-right: 8px;
  color: inherit;
}

/* Fancy quote */

.fancy-quote {
  position: relative;
  overflow: hidden;
  background: #fafafa;
  color: #9a9a9a;
  padding: 21px 44px 21px 88px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}

.fancy-quote > i {
  position: absolute;
  bottom: -20px;
  left: 12px;
  font-size: 55px;
  color: rgba(0,0,0,0.1);
  -webkit-transition: all 0.4s ease;
  -moz-transition:    all 0.4s ease;
  -o-transition:      all 0.4s ease;
  -ms-transition:     all 0.4s ease;
  transition:         all 0.4s ease;
}

.fancy-quote:hover i {
  -webkit-transform:  translate(0 , -10px);
  -moz-transform:     translate(0 , -10px);
  -o-transform:       translate(0 , -10px);
  -ms-transform:      translate(0 , -10px);
  transform:          translate(0 , -10px);  
}

.fancy-quote > p {
  margin: 0;
}

.fancy-quote cite i {
  margin-right: 11px;
  color: #cacaca;
}

.fancy-quote cite:before {
  content: '';
}

dl,
ol,
ul {
  margin-bottom: 23px;
}

dt {
  font-weight: 700;
}

dt,
dd {
  padding-bottom: 11px;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
  padding-top: 11px;
  padding-bottom: 11px;
}

b,
strong { 
  font-weight: 700;
  line-height: 21px;
}

abbr[title] {}

acronym {}

i,
cite,
em,
var,
address,
dfn {
  font-style: italic;
}

s,
strike,
del {
  text-decoration: line-through;
}

u {
  text-decoration: underline;
}

ins {
  background: #78A9D5;
  text-decoration: none;
  color: #FFF;
  padding: 0 3px;
}

address {
  margin-bottom: 23px;
}

tt,
code,
kbd,
samp {
  font-family: "B Nazanin" , "BNazanin" , monospace, serif;
  font-size: 14px;
  line-height: 19px;
}

code {
  background: #eeeeee;
  padding: 0 4px;
  color: #dd1144;
  box-shadow: 0 0 0 1px #dadada;
}

pre {
  padding: 11px;
  background: #eeeeee;
  box-shadow: 0 0 0 1px #dadada;
  display: block;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  margin: 0 0 23px;
  font-size: 14px;
  line-height: 23px;
}

.test {
  position: absolute;
  bottom: -280px;
  width: 1000px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.test  img {
  max-width: 100%;
}

/* Miscellaneous */

/* Fancy heading */

.fancy-heading {
  overflow: hidden;
  margin-bottom: 1.5em;
}

.fancy-heading > span {
  padding: 0;
  position: relative;
}

.fancy-heading > span:before,
.fancy-heading > span:after {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 3px solid rgba(0,0,0,0.05);
  border-bottom: 3px solid rgba(0,0,0,0.05);
  line-height: 4px;
  margin: auto;
  -webkit-transition: width 0.5s ease-out;
  -moz-transition:    width 0.5s ease-out;
  -o-transition:      width 0.5s ease-out;
  -ms-transition:     width 0.5s ease-out;
  transition:         width 0.5s ease-out;
}

.fancy-heading span:before {
  left: -130px;
  text-align: right;
  letter-spacing: -10px;
}

.fancy-heading span:after {
  right: -130px;
  text-align: left;
  letter-spacing: -10px;
}

/* Horizontal roulers */

hr {
  color: #eeeeee;
  margin: 46px 0;
  border-top: 1px solid;
}

.medium-line {
  border-top-width: 6.5px;
}

.gross-line {
  border-top-width: 12px;
}

/* Iconic lists */

.iconic-list {
  margin-bottom: 23px;
}

.iconic-list li {
  line-height: 23px;
  padding: 11px 0;
  border-bottom: 1px;
}

.iconic-list li:before {
  padding-right: 12px;
}

.iconic-list ul {
 padding: 11px 0 11px 23px;
}

/* Form
   ========================================================================== */

form {
  margin-bottom: 23px;
}

form p {
  overflow: hidden;
}

label {
  padding: 0 11px;
  margin: 11px 0;
  display: block;
}

input,
textarea {
  line-height: 23px;
  height: 45px;
  padding: 10px 23px;
  border: 1px solid rgba(0,0,0,0.1);
  width: 100%;
}

textarea {
  min-height: 176px;
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  width: auto;
  height: auto;
}

input:focus:not([type="range"]),
textarea:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
  box-shadow:         inset 0 0 0 1px rgba(0,0,0,0.2);
}

input[type=checkbox]:focus {
  box-shadow: none;
}

input[type="range"] {
  padding-left: 0;
  padding-right: 0;
}

form [class*="button-"] {
  margin: 0;
}

.soft-input input,
.soft-input textarea,
.soft-input button {
  border-radius: 5px;
}

.iconic-input {
  position: relative;
}

form p > i + input,
form p > i + textarea,
.iconic-input input,
.iconic-input textarea {
  padding-left: 44px;
}

form p > i,
.iconic-input i {
  position: absolute;
  text-align: center;
}

form p > i {
  width: 1em;
  height: 1em;
  top: 15px;
  bottom: 15px;
  left: 26px;
  margin: auto;
  padding: 5.5px;
  box-sizing: content-box;
}

.iconic-input i {
  width: auto;
  height: auto;
  padding: 0;
  left: auto;
  top: 12px;
  bottom: 12px;
  line-height: 44px;
  min-width: 44px;
  border: 1px solid rgba(0,0,0,0.1);
}

form p > i.to-right {
  right: 21px;
  left: auto;
}

.iconic-input i.to-right {
  right: 15px;
  left: auto;
}

form p > i.to-right + input,
form p > i.to-right + textarea,
.iconic-input i.to-right + input,
.iconic-input i.to-right + textarea {
  padding-left: 23px;
  padding-right: 55px;
}

/* Fancy checkbox */

.check-fancy {
  display: inline-block;
  vertical-align: middle;
}

.check-fancy + span {
  display: inline-block;
  line-height: 33px;
  vertical-align: middle;
  padding: 0 5px;

} 

.check-fancy > input[type=checkbox] {
  display: none;
}

.check-fancy {
  width: 66px;
  height: 33px;
  padding: 0;
  margin: 6px 0;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.4);
  box-shadow:         inset 0 0 3px rgba(0,0,0,0.4);
  -webkit-user-select:  none;
  -moz-user-select:     none;
  -ms-user-select:      none;
  -o-user-select:       none;
  user-select:          none;
}

.check-fancy > span {
  display: block;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1), inset 0 0 3px rgba(0,0,0,0.3);
  box-shadow:         0 0 2px 2px rgba(0,0,0,0.1), inset 0 0 3px rgba(0,0,0,0.3);
  -webkit-transition: all 0.3s ease;
  -moz-transition:    all 0.3s ease;
  -o-transition:      all 0.3s ease;
  -ms-transition:     all 0.3s ease;
  transition:         all 0.3s ease;
}

.check-fancy > b {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 33px;
  height: 33px;
  display: block;
  line-height: 33px;
  text-align: center;
  font-size: 0.75em;
}

.check-fancy > span + b {
  right: 0;
}

.check-fancy > input[type=checkbox]:checked + span {
  left: 50%;
}

/* Fancy radio buttons */

.radio-fancy > input[type=radio] {
  display: none;
}

.radio-fancy {
  cursor: pointer;
}

.radio-fancy > span {
  width: 22px;
  height: 22px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 11px;
  -webkit-box-shadow: inset 0 0 3px 1px rgba(0,0,0,0.3);
  box-shadow:         inset 0 0 3px 1px rgba(0,0,0,0.3);
}

.radio-fancy > span > i {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  overflow: hidden;
  text-align: center;
  line-height: 23px;
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2);
  box-shadow:         0 0 1px rgba(0,0,0,0.2);
  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -o-transition:      all 0.2s ease;
  -ms-transition:     all 0.2s ease;
  transition:         all 0.2s ease;
  
 
}

.radio-fancy > input[type=radio]:checked + span > i {
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  -webkit-animation: bounce 1s ease;
}

/* Subscribe form */

.subscribe-wrapper {
  position: relative;
  border: 1px solid #ededed;
}

.subscribe-wrapper:after {
  content: '';
  display: block;
  position: absolute;
  height: 8px;
  left: 0;
  right: 0;
  top: 0;
  background: url(../img/subscribe-pattern.png) 0 0 repeat-x;
}

.subscribe-form {
  padding: 11px 33px;
}


/* Tables
   ========================================================================== */

/* Basic table */

table {
  margin: 23px 0 46px;
  line-height: 23px;
  border-right: 1px solid #dedede;
  width: 100%;
}

tr {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

td, th {
  border-left: 1px solid #dedede;
  padding: 10px 16px;
}

.striped-col td:nth-child(even),
.striped-rows tr:nth-child(even) {
  background: #fafafa;
}

.border-free,
.border-free td,
.border-free th {
  border: none;
}

.border-free tr:first-child {
  border-top: none;
}

.border-free thead {
  border-bottom: 1px solid #dedede;
}

/* Pricing table */

.pricing-table {
  overflow: hidden;
  margin: 92px 0 69px;
}

.price {
  position: relative;
  margin-bottom: 46px;
}

.price > h3 {
  bottom: 0;
  top: auto;
  background: rgba(0,0,0,0.05);
  padding: 12px;
}

.price > p {
  width: 50%;
  display: block;
  bottom: auto;
  top: -50%;
  padding-top: 50%;
  background: rgba(255,255,255,0.3);
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow:         0 1px 1px rgba(0,0,0,0.1);
}

.price > p:after, .price > p:before {
  _content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.3);
  border-radius: 50%;
  top: -30%;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow:         0 1px 1px rgba(0,0,0,0.1);
}

.price > p:before {
  left: -90%;
}

.price > p:after {
  right: -90%;
}


.price > p > span {
  position: absolute;
  bottom: 15%;
  font-size: 24px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center
}

.price > p > span > sup {
  border-bottom: 1px solid;
}

.price > p > span > b {
  display: block;
}

.table-features {
  background: rgba(255,255,255,0.2);
  border-top: 1px solid rgba(255,255,255,0.2);
  padding: 23px;
  margin-bottom: 46px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  box-shadow:         0 1px 2px rgba(0,0,0,0.3);
}

.table-features ul {
  display: table;
  margin: 0 auto;
}

.table-features ul > li {
  padding: 11px;
}

.table-features ul > li i {
  font-size: 12px;
  margin-right: 10px;
}

.best-choice {
  position: absolute;
  left: -30px;
  right: -30px;
  z-index: 10;
  top: -45px;
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow:         0 0 3px 1px rgba(0, 0, 0, 0.1);
}

.best-choice .table-features {
  margin-bottom: 92px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.table-features + p {
  text-align: center;
}

.table-features + p a {
  font-weight: 700;
}

.table-features + p a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.table-features + p a i {
  margin-right: 8px;
}

/* Buttons
   ========================================================================== */

a {
  font-family: "B Nazanin" , "BNazanin" , 'Oxygen', sans-serif;
  color: #51C6F4;
}

a:hover {
  text-decoration: underline;
  color: #409DC1;
}

/* a:active,
a:visited {
  outline: none;
} */

[class*="button-"] {
  display: inline-block;
  margin: 11px 0;
  text-shadow: 0 1px 0 rgba(0,0,0,0.1);
  font-weight: 300;
  color: #ffffff;
  border: none;
  outline: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -o-transition:      all 0.2s ease;
  -ms-transition:     all 0.2s ease;
  transition:         all 0.2s ease;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
  box-shadow:         inset 0 0 0 1px rgba(0,0,0,0.05);
}

[class*="button-"]:hover {
  text-decoration: none;
  color: #ffffff;
}

[class*="button-"] > i {
  padding: 0 8px;
}

a[class*="text-"] > i {
  padding: 0 8px;
}

[class*="text-"]:hover {
  text-decoration: none;
}

/* Buttons size */
.button-sm  {
  padding: 5.5px 16px;
}

.button-md {
  padding: 11px 23px;
}

.button-lg {
  padding: 15.5px 33px;
}

/* Label */
[class*="label-"] {
 
}

[class*="label-"]:hover {
 
}

.label-shape {
  color: #ffffff;
  font-size: 110px;
}

.label-shape:hover {
   color: #ffffff;
   opacity: 0.9;
   filter: alpha(opacity=90)
}

/* Shapes */

[class*="shape-"] {
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
  padding-top: 100%;
  -webkit-backface-visibility: hidden;
  margin: 1px 0;
}

[class*="shape-"] > * {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

[class*="shape-"] > i {
  width: 1em;
  height: 1em;
 
}

.shape-square {

}

.shape-round {
  border-radius: 50%;
  -webkit-clip-path: circle(50%, 50%, 50%);
}

.shape-elipse {
   border-radius: 50%/20%;
}

.shape-square-200 {
  padding-top: 200%;
}

.shape-square-50 {
  padding-top: 50%;
}

.shape-square-20 {
  padding-top: 20%;
}

.shape-square-40 {
  padding-top: 40%;
}

.shape-square-60 {
  padding-top: 60%;
}

.shape-square-80 {
  padding-top: 80%;
}



/* Breadcrumbs */

.breadcrumb-items {
  font-family: "B Nazanin" , "BNazanin" , 'Oxygen', sans-serif; 
  margin: 0;
}


.breadcrumb-items > li {
  display: inline-block;
  padding-right: 23px;
  position: relative;
  line-height: 28px;
}

.breadcrumb-items > li:after {
  content: "/";
  position: absolute;
  right: 6px;
  top: 3px;
  font-family: "B Nazanin" , "BNazanin" , 'icomoon';
  font-size: 11px;
  color: #dadada;
}

.breadcrumb-items > li:last-child {
  padding-right: 0;
}

.breadcrumb-items > li:last-child:after {
  content: '';
}

.breadcrumb-items > li > span {
  color: #bcbcbc;
}

/* Social links */

.social-links > li {
  display: inline-block;
  min-width: 33px;
  margin: 0 5.5px;
}

.social-links > li a {
  display: block;
}

.social-links > li a i {
  margin: auto;
  padding: 0;
}

/* Animations & hover effects
   ========================================================================== */

/* Hover effects */

.transition-short {
  -webkit-transition: all 0.3s ease;
  -moz-transition:    all 0.3s ease;
  -o-transition:      all 0.3s ease;
  -ms-transition:     all 0.3s ease;
  transition:         all 0.3s ease;
}

.opaque,
.hover-opaque:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.opacity-80,
.hover-opacity-80:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.opacity-50,
.hover-opacity-50:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.opacity-30,
.hover-opacity-30:hover {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

[class*="scale-"] {
  position: relative;
  z-index: 1;
}

.scale-100,
.hover-scale-100:hover {
  -webkit-transform:  scale(1);
  -moz-transform:     scale(1);
  -o-transform:       scale(1);
  -ms-transform:      scale(1);
  transform:          scale(1);
}

.scale-50,
.hover-scale-50:hover {
  -webkit-transform:  scale(0.5);
  -moz-transform:     scale(0.5);
  -o-transform:       scale(0.5);
  -ms-transform:      scale(0.5);
  transform:          scale(0.5);
}

.scale-90,
.hover-scale-90:hover {
  -webkit-transform:  scale(0.9);
  -moz-transform:     scale(0.9);
  -o-transform:       scale(0.9);
  -ms-transform:      scale(0.9);
  transform:          scale(0.9);
}

.scale-110,
.hover-scale-110:hover {
  -webkit-transform:  scale(1.1);
  -moz-transform:     scale(1.1);
  -o-transform:       scale(1.1);
  -ms-transform:      scale(1.1);
  transform:          scale(1.1);
}

.scale-150,
.hover-scale-150:hover {
  -webkit-transform:  scale(1.5);
  -moz-transform:     scale(1.5);
  -o-transform:       scale(1.5);
  -ms-transform:      scale(1.5);
  transform:          scale(1.5);
}

.scale-200,
.hover-scale-200:hover {
  -webkit-transform:  scale(2);
  -moz-transform:     scale(2);
  -o-transform:       scale(2);
  -ms-transform:      scale(2);
  transform:          scale(2);
}

.rotate-0,
.hover-rotate-0:hover {
  -webkit-transform:  rotate(0);
  -moz-transform:     rotate(0);
  -o-transform:       rotate(0);
  -ms-transform:      rotate(0);
  transform:          rotate(0);
}

.rotate-45,
.hover-rotate-45:hover {
  -webkit-transform:  rotate(45deg);
  -moz-transform:     rotate(45deg);
  -o-transform:       rotate(45deg);
  -ms-transform:      rotate(45deg);
  transform:          rotate(45deg);
}

.rotate-90,
.hover-rotate-90:hover {
  -webkit-transform:  rotate(90deg);
  -moz-transform:     rotate(90deg);
  -o-transform:       rotate(90deg);
  -ms-transform:      rotate(90deg);
  transform:          rotate(90deg);
}

.rotate-360,
.hover-rotate-360:hover {
  -webkit-transform:  rotate(360deg);
  -moz-transform:     rotate(360deg);
  -o-transform:       rotate(360deg);
  -ms-transform:      rotate(360deg);
  transform:          rotate(360deg);
}

.move-top,
.hover-move-top:hover {
  -webkit-transform:  translate(0, -10px);
  -moz-transform:     translate(0, -10px);
  -o-transform:       translate(0, -10px);
  -ms-transform:      translate(0, -10px);
  transform:          translate(0, -10px);
}

.move-left,
.hover-move-left:hover {
  -webkit-transform:  translate(-10px, 0);
  -moz-transform:     translate(-10px, 0);
  -o-transform:       translate(-10px, 0);
  -ms-transform:      translate(-10px, 0);
  transform:          translate(-10px, 0);
}

.move-bottom,
.hover-move-bottom:hover {
  -webkit-transform:  translate(0, 10px);
  -moz-transform:     translate(0, 10px);
  -o-transform:       translate(0, 10px);
  -ms-transform:      translate(0, 10px);
  transform:          translate(0, 10px);
}

.move-right,
.hover-move-right:hover {
  -webkit-transform:  translate(10px, 0);
  -moz-transform:     translate(10px, 0);
  -o-transform:       translate(10px, 0);
  -ms-transform:      translate(10px, 0);
  transform:          translate(10px, 0);
}



/* Animation */

/* Bounce animation */

@keyframes "bounce" {
 0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
 }
 25% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
 }
 50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
 }
 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
 }

}

@-moz-keyframes bounce {
 0% {
   -moz-transform: scale(1);
   transform: scale(1);
 }
 25% {
   -moz-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -moz-transform: scale(0.9);
   transform: scale(0.9);
 }
 100% {
   -moz-transform: scale(1);
   transform: scale(1);
 }

}

@-webkit-keyframes "bounce" {
 0% {
   -webkit-transform: scale(1);
   transform: scale(1);
 }
 25% {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -webkit-transform: scale(0.9);
   transform: scale(0.9);
 }
 100% {
   -webkit-transform: scale(1);
   transform: scale(1);
 }

}

@-ms-keyframes "bounce" {
 0% {
   -ms-transform: scale(1);
   transform: scale(1);
 }
 25% {
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -ms-transform: scale(0.9);
   transform: scale(0.9);
 }
 100% {
   -ms-transform: scale(1);
   transform: scale(1);
 }

}

@-o-keyframes "bounce" {
 0% {
   -o-transform: scale(1);
   transform: scale(1);
 }
 25% {
   -o-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -o-transform: scale(0.9);
   transform: scale(0.9);
 }
 100% {
   -o-transform: scale(1);
   transform: scale(1);
 }

}

/* Components
   ========================================================================== */


/* Header
   ========================================================================== */

/* Header box */

.main-header {
  position: relative;
  z-index: 10;
}

/* Sticky feature */

.sticky-bar {
  width: 100%;
  z-index: 1000;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.is-sticky .sticky-bar {
  height: 55px;
}

.is-sticky .logo {
  height: 55px;
}

.is-sticky .main-nav > ul > li > a{
  padding: 16px 33px;
}

.nav-bar {
  background: #ffffff;
  height: 66px;
  -webkit-box-shadow: 0 3px 0 #eeeeee;
  box-shadow:         0 3px 0 #eeeeee;
}

.header-bar {
  _height: 1300px;
  position: relative;
  z-index: -1;
  background: rgba(0,0,0,0.3);
  _box-shadow: inset 0 0 1000px rgba(0,0,0,0.5);
}

.intro-content {
  padding-top: 220px;
}

.intro-content h1 {
  font-weight: 300;
}

.intro-button {
  border: 2px solid;
}

/* Main logo */

.logo {
  height: 66px;
  margin-bottom: 0;
}

.logo:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.logo a {
  display: inline-block;
  vertical-align: middle;
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 96%;
}

/* Main navigation */

.main-nav > ul {
  margin-bottom: 0;
}

.main-nav > ul li {
  position: relative;  
}

.main-nav > ul > li {
  float: left;
  text-transform: uppercase;
}

.main-nav > ul > li a {
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition:    background 0.3s ease-in-out;
  -o-transition:      background 0.3s ease-in-out;
  -ms-transition:     background 0.3s ease-in-out;
  transition:         background 0.3s ease-in-out;
  text-decoration: none;
}

.main-nav > ul > li > a {
  display: inline-block;
  color: #5890a5;
  padding: 21px 33px;
  border-bottom: 3px solid transparent;
}

.main-nav > ul > li > a:hover,
.main-nav > ul > li:hover > a,
.main-nav > ul > li ul a:hover {
  color: #ffffff;
  background: #99D9F2;
  border-bottom-color: #f487af;
}

.main-nav > ul > li a:hover + ul,
.main-nav > ul > li a + ul:hover {
  display: block;
}

.main-nav > ul > li ul {
  position: absolute;
  background: #ffffff;
  display: none;
  z-index: 100;
  margin-top: -2px;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  border-top: 2px solid #f487af;
}

.main-nav > ul > li li {
  width: 220px; 
}

.main-nav > ul > li ul a {
  padding: 11px;
  display: block;
  color: #5890a5;
  text-transform: capitalize;
}

.main-nav > ul > li > ul ul {
  top: 0;
  left: 100%;
}

/* Mega Menu */

.mega-menu > ul {
  position: relative;
}

.mega-menu > ul > li {
  position: static;
}

.mega-menu > ul > li ul {
  background: #eeeeee;
  padding: 10px;
  left: 0;
  right: 0;
}

.mega-menu > ul > li > ul > li {
  float: left;
}

.mega-menu > ul > li ul ul {
  display: block;
  position: static;
  padding: 0;
  padding-left: 3px;
  border-left: 1px solid white;
}

.mega-menu > ul >  li .menu-item-has-children > a {
  background: white;
}

/* Wordpress Helper class */

.main-nav > ul > li .menu-item-has-children > a:after {
  content: "\e7f4";
  font-family: "B Nazanin" , "BNazanin" , 'icomoon';
  position: absolute;
  right: 12px;
  color: #eeeeee;
  font-weight: 200;
}

.main-nav > ul > li .menu-item-has-children > a:hover:after {
  color: #5890A5;
}

.main-nav > ul > .current-menu-item > a,
.main-nav > ul:hover .current-menu-item:hover > a {
  background: #99D9F2;
  color: #ffffff;
  border-bottom-color: #f487af;
}

.main-nav > ul:hover .current-menu-item > a {
  background: none;
  color: #5890A5;
}

@media (max-width: 992px) {

  body > .main-nav {
    position: fixed;
    top: 0;
    left: -200px;
    bottom: 0;
    height: 100%;
    padding-top: 66px;
    width: 200px;
    background: #333333;
    overflow: hidden;
    -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.4);
    box-shadow:         inset 0 0 30px rgba(0,0,0,0.4);
    -webkit-user-select:  none;
    -moz-user-select:     none;
    -ms-user-select:      none;
    -o-user-select:       none;
    user-select:          none;
    overflow-y: scroll;
  }

  body > .main-nav > ul > li > a + ul {
    position: static;
  }

  body > .main-nav > ul > li > a:hover + ul {
    display: none;
  }

  body > .main-nav > ul > li > .menu-items-active-mob {
    display: block !important;
  }

  .link-items-active-mob {
    background: #99D9F2 !important;
    color: #ffffff !important;
  }

  .main-nav.active-menu {
    left: 0;
  }

  .main-nav .nav-bar {
    display: block;
  }

  body.menu-effect .boxed-view {
    overflow: hidden;
  }

  body.menu-effect .boxed-view > section, body.menu-effect .boxed-view > footer {
    -webkit-transition: all 0.4s ease;
    -moz-transition:    all 0.4s ease;
    -ms-transition:     all 0.4s ease;
    transition:         all 0.4s ease;
    -webkit-transform: translate(200px,0) !important;
    -moz-transform:    translate(200px,0) !important;
    -ms-transform:     translate(200px,0) !important;
    transform:         translate(200px,0) !important;
   position: relative;
  }

  body > .main-nav > ul,
  body > .main-nav > ul > li {
    float: none;
  }

  body > .main-nav > ul > li > a {
    display: block;
    background: rgba(0,0,0,0.3);
    padding: 11px;
    border-bottom-color: rgba(255,255,255,0.1);
  }

  body .mobile-menu-button {
    display: block;
    width: 44px;
    height: 36px;
    margin: auro;
    padding:  1px 5px;
    border: 2px solid;
    font-size: 24px;
    position: absolute;
    right: 23px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    text-align: center;
    line-height: 36px;
  }

  .mobile-menu-button:hover {
    text-decoration: none;
  }
}

/* Footer
   ========================================================================== */

.main-footer {
  /*position: relative;*/
  /*z-index: 1;*/
  /*-webkit-box-shadow: inset 0 23px 0 rgba(255, 255, 255, 0.1);*/
  /*box-shadow:         inset 0 23px 0 rgba(255, 255, 255, 0.1);*/
}

.small-footer {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 23px;
  background: #3a3a3a;
  border-top: 1px solid #333333;
}

/* Boxes
   ========================================================================== */

/* Preloading Animation */

#home {
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition:    all 0.3s ease;
  -o-transition:      all 0.3s ease;
  -ms-transition:     all 0.3s ease;
  transition:         all 0.3s ease;
}

.js body {
  overflow: hidden;
}

#home.show-content, .no-js #home {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible; 
}

#qLoverlay {
  position: relative;
}

/*Box models*/

.box {
  padding: 69px 0;
  position: relative;
  z-index: 1;
  width: 100%;
}

.box > h1 {
  margin-bottom: 88px;
}

.advantages-box {
  background: url(../img/wood.png) center center no-repeat transparent;
  background-size: cover;
  position: relative;
  color: #ffffff;
}

.advantages-box:before  {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3)
}

.components-box {
  background: #ffffff;
}

.breadcrumbs-box {
  padding: 23px 0;
}

.breadcrumbs-box h4 {
  margin: 0;
}

body .feedback-box {
  background: url(../img/clouds.jpg) right center no-repeat white;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -webkit-backface-visibility: hidden;
}

.works-box {
  overflow: hidden;
}

body .call-action-box {
  background: url(../img/bg-line.png) 120% bottom no-repeat transparent;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  -webkit-backface-visibility: hidden;

}

.portfolio-filter-box {
  padding: 69px 0 0px;
}

.statistic-box {
  background: url(../img/statistic.jpg) 0 50% no-repeat transparent;
  -webkit-background-size: cover;
  -moz-background-size:    cover;
  -o-background-size:      cover;
  background-size:         cover;
}

.error-box {
  min-height: 800px;
  background: url(../img/error.jpg) 0 bottom no-repeat transparent;
}

.video-action-box {
  background: rgba(0,0,0,0.5);
}


/* Sidebar
   ========================================================================== */

.main-sidebar {
  padding-right: 48px;
}

.col-md-9 + div .main-sidebar, .col-md-3 + .col-md-6 + div .main-sidebar {
  padding-right: 0;
  padding-left: 48px;
}

.main-sidebar ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

/* Menu Sidebar */
.menu-sidebar {
  background: #fefefe;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}

.widget-item .menu-sidebar > li {
  padding: 11px 23px;
  -webkit-box-shadow: 0 1px 0 #eeeeee;
  box-shadow:         0 1px 0 #eeeeee;
}

.menu-sidebar > li:hover i {
  color: #bababa;
  display: inline-block;
  -webkit-animation:  bounce 0.8s ease;
  -moz-animation:     bounce 0.8s ease;
  -ms-animation:      bounce 0.8s ease;
  -o-animation:       bounce 0.8s ease;
  animation:          bounce 0.8s ease;
}

.menu-sidebar > li > i {
  font-size: 30px;
  margin-right: 12px;
  color: #dddddd;
}

.menu-sidebar > li > a {
  text-decoration: none;
}

.menu-sidebar .active {
  background: rgba(41,58,73, 0.01);
}

.menu-sidebar .active i,
 .menu-sidebar .active a {
  color: #bababa;
}

.footer-sidebar > div p {
  font-size: 0.9em;
}

.footer-sidebar > div > h4 {
  color: #676767;
  margin: 0 0 1em;
}

.footer-sidebar > .archive-widget > ul > li,
.footer-sidebar > .post-widget > ul > li {
  padding: 11.5px 0;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  font-size: 0.8em;
  position: relative;
  line-height: 1.3em;
}

.footer-sidebar > .archive-widget > ul > li a,
.footer-sidebar > .post-widget > ul > li a{
  color: #adadad;
}

.footer-sidebar > .post-widget > ul > li span {
  display: block
}

.copyright {
  margin: 0;
  padding-top: 18px;
  font-size: 0.9em;
}

.copyright a {
  padding: 0 3px;
}

.copyright a:hover {
  text-decoration: underline;
}

.small-footer .social-links {
  margin-bottom: 0;
}

.small-footer .social-links a {
  background: rgba(0,0,0,0.3);
  border-radius: 5px;
  color: #9a9a9a;
  padding: 5.5px 10px;

}

.small-footer .social-links a:hover {
  background: rgba(0,0,0,0.6);
}

/* Flicker widget */

.flickr-widget {
  margin: 0;
  background: rgba(0,0,0,0.1);
}

.flickr-widget > li {
  overflow: hidden;
  padding: 0px;
  height: 92px;
  border: 4px solid transparent;
}

/* Twitter widget */

.twitter-widget {
  font-size: 23px;
}

.twitter-widget a {
  color: #ffffff;
  padding: 0 4px;
}

.twitter-widget span {
  color: #f487af;
  padding: 0 4px;
}

/* UI elements
   ========================================================================== */

/* Features */

.features-items > li {
  margin: 23px 0;
}

.features-items > li figure {
  padding: 0 44px;
}

.features-items > li figure a {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid #eaeaea;
}

.features-items > li figure a:hover {
  color: #ffffff;
  -webkit-animation:  bounce 0.8s ease;
  -moz-animation:     bounce 0.8s ease;
  -ms-animation:      bounce 0.8s ease;
  -o-animation:       bounce 0.8s ease;
  animation:          bounce 0.8s ease;
  -webkit-backface-visibility: hidden;
}

.features-items > li figure a i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1em;
  line-height: 1em;
  margin: auto;
  padding: 0;
}

.features-box-one ul > li {
  margin: 46px 0;
}

/* Statistics */

.statistic-item {
  font-size: 54px;
  line-height: 63px;
  text-align: center;
}

.statistic-item p {
  margin-bottom: 0;
}

.statistic-item h3 {
  color: #ffffff;
  padding: 0 23px;
  line-height: 33px;
}

/* Custom Selector*/

.custom-select {
  position: relative;
  padding: 0;
}

.custom-select > input[type="checkbox"] {
  display: none;
  visibility: hidden;
}

.custom-select > label {
  display: block;
  cursor: pointer;
  -webkit-user-select:  none;
  -moz-user-select:     none;
  -ms-user-select:      none;
  -o-user-select:       none;
  user-select:          none; 
}

.container-select {
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid;
  z-index: 100;
  font-weight: normal;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  display: none;
}

.custom-select > input[type="checkbox"]:checked ~ .container-select {
  display: block;
}

.container-select > ul {
  margin-bottom: 0;
}

.container-select > ul > li {
  min-width: 230px;
  border-bottom: 1px solid rgba(0,0,0,0.05);
}

.container-select > ul > li:last-child {
  border-bottom: none;
}

.container-select > ul > li a {
  padding: 11px;
  display: block;
  font-size: 0.8em;
}

.container-select > ul > li a:hover {
  text-decoration: none;
  background: rgba(0,0,0,0.01);
}

/* Portfolio filters */

.portfolio-filter-box h4 {
  margin: 11px 23px 11px 0;
}

.filter-tags {
  margin-bottom: 0;
}

.filter-tags li {
  padding: 5px 10px;
}

.filter-tags li:last-child {
  padding-right: 0;
}

/* Portfolio */

.portfolio-box > .row {
  margin: 0;
}

.portfolio-items > li {
  margin: 0 0 46px;

}

.portfolio-title {
  padding: 11px 0;
}

.portfolio-title > h4 {
  margin-top: 0.5em;
  padding-left: 60px;
  position: relative;
}

.portfolio-items figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}

.portfolio-title > h4 i {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 1.7em;
  color: #ededed;
}

.portfolio-title > h4 a {
  text-decoration: none;
}

.portfolio-title > h4 a:hover {
  color: #aeaeae;
}

.portfolio-items figure figcaption {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
}

.portfolio-items figure:hover figcaption {
  opacity: 0.8;
}

.portfolio-items figure figcaption a {
  position: absolute;
  font-size: 44px;
  margin: auto;
  top: 0;
  left: 0;
  right: -1px;
  bottom: 0;
  text-decoration: none;
   -webkit-transition: all 0.6s ease;
}

.portfolio-items figure figcaption a:before,
.portfolio-items figure figcaption a:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 5px;
  background: #5890a5;
  -webkit-transition: all 0.4s ease;
  -moz-transition:    all 0.4s ease;
  -o-transition:      all 0.4s ease;
  -ms-transition:     all 0.4s ease;
  transition:         all 0.4s ease;
}

.portfolio-items figure figcaption a:before {
  top: 0;
}

.portfolio-items figure figcaption a:after {
  bottom: 0;
}

.portfolio-items figure figcaption a:hover:before {
  -webkit-transform:  rotate(90deg) scale(0.2);
  -moz-transform:     rotate(90deg) scale(0.2);
  -o-transform:       rotate(90deg) scale(0.2);
  -ms-transform:      rotate(90deg) scale(0.2);
  transform:          rotate(90deg) scale(0.2);
  top: 50%;
}

.portfolio-items figure figcaption a:hover:after {
  -webkit-transform:  rotate(180deg) scale(0.2);
  -moz-transform:     rotate(180deg) scale(0.2);
  -o-transform:       rotate(180deg) scale(0.2);
  -ms-transform:      rotate(180deg) scale(0.2);
  transform:          rotate(180deg) scale(0.2);
  bottom: 50%;
  margin-bottom: -5px;
}

.mosaic-container {
  overflow: hidden;
}

.portfolio-items.mosaic {
  margin: 0 0 69px;
  margin-right: -1px;
}

.portfolio-items.mosaic > li {
  padding: 0px;
  margin: 0;
}

.portfolio-items.mosaic > li > div > figure {
  position: absolute;
  border: 1px solid transparent;
}

.portfolio-items.mosaic > li > div > figure img {
  vertical-align: top;
}

/* Portfolio Meta */

.portfolio-meta {
  display: table;
  margin-top: 46px;
}

.portfolio-meta > li {
  padding: 7px;
  font-size: 0.9em;
  border-bottom: 1px solid #eaeaea;
}

.portfolio-meta > li:last-child {
  border: none;
}

.portfolio-meta > li > b {
  width: 100px;
  display: inline-block;
}

.portfolio-meta > li > ul {
  font-size: 0.9em;
}

.portfolio-meta > li > ul > li {
  padding: 0 1px;
}

/*Portfolio filters*/

.hidden-item > div {
  filter: alpha(opacity=10) !important;
  opacity: 0.1 !important; 
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.active-filter {
  -webkit-transform: scale(1.1);
}

.active-filter a {
  border-top: 1px solid rgba(0,0,0,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.2);
}

.filter-tags a:hover {
  text-decoration: none;
}

.active-filter .button-sm {
  background: #51C6F4 !important;
  border: none;
}


/* Toggle */

[class*="toggle-"] {
  position: relative;
  overflow: hidden;
  padding: 0 11px;
  margin-bottom: 23px;
}

[class*="toggle-"] > li > input  {
  display: none;
}

[class*="toggle-"] > li > input:checked + label {
  background: rgba(0,0,0,0.1);
  color: #5a5a5a;
}

[class*="toggle-"] > li > input:checked + label > .icon-484 {
  display: inline-block;
  -webkit-transform:  rotate(90deg);
  -moz-transform:     rotate(90deg);
  -o-transform:       rotate(90deg);
  -ms-transform:      rotate(90deg);
  transform:          rotate(90deg);
}

[class*="toggle-"] > li > label {
  font-family: "B Nazanin" , "BNazanin" , 'Oxygen', sans-serif;
  display: block;
  padding: 11px;
  margin: 11px 0;
  background: rgba(0,0,0,0.01);
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
  box-shadow:         inset 0 0 0 1px rgba(0,0,0,0.1);
  cursor: pointer;
  -webkit-user-select:  none;
  -moz-user-select:     none;
  -ms-user-select:      none;
  -o-user-select:       none;
  user-select:          none;
}

[class*="toggle-"] > li > label > i {
  margin-right: 11px;
}

.toggle-content {
  padding: 5.5px 11px;
  clip: rect(0px,0px,0px,0px);
  position: absolute;
  overflow: hidden;
  margin-bottom: 11px;
}

[class*="toggle-"] > li > input:checked ~ div {
  display: block;
  position: relative;
  -webkit-animation:  bounce 0.8s ease;
  -moz-animation:     bounce 0.8s ease;
  -ms-animation:      bounce 0.8s ease;
  -o-animation:       bounce 0.8s ease;
  animation:          bounce 0.8s ease;
}

[class*="toggle-"].dark-view {
  -webkit-box-shadow: 0 2px 1px 0 rgba(255,255,255, 0.05);
  box-shadow:         0 2px 1px 0 rgba(255,255,255, 0.05);
  color: rgba(255,255,255, 0.8);
}

[class*="toggle-"].dark-view > li > input:checked + label {
  background: rgba(255,255,255,0.5);
}

[class*="toggle-"].dark-view > li > label {
  background: rgba(255,255,255,0.3);
  color: #ffffff; 
  -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
  box-shadow:         inset 0 0 0 1px rgba(255,255,255,0.1);
}

.toggle-vertical {
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
  box-shadow:         0 0 0 1px rgba(0,0,0,0.1);
}

.toggle-vertical.simple {
  -webkit-box-shadow: none;
  box-shadow:         none;
  padding: none
}

.toggle-horizontal {
  padding: 0 16.5px;
}

.toggle-horizontal > li {
  position: relative;
}

.toggle-horizontal > li > input + label {
  min-width: 100%;
}

.toggle-horizontal > li > input:checked + label {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
  min-width: 0
}

.toggle-horizontal > li > input:checked + label > i {
  position: absolute;
  font-size: 4em;
  width: 1em;
  height: 1em;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0.5;
  filter: alpha(opacity=90)
}

.toggle-horizontal > li > input:checked ~ div {
  float: right;
  min-height: 150px;
}

.toggle-horizontal.dark-view {
  padding: 11px 16.5px;
}

.toggle-horizontal.dark-view > li > label,
.toggle-horizontal.dark-view > li > input:checked + label {
  background: none;
  color: #ffffff;
}

.toggle-horizontal.dark-view > li {
  padding: 0 11px;
}

.toggle-horizontal.dark-view .toggle-content {
  padding: 5.5px 23px;
}

/* Alerts */

.alert-box {
  padding: 18px 46px 1px 23px;
  margin-bottom: 23px;
  position: relative;
  font-family: "B Nazanin" , "BNazanin" , 'Oxygen', sans-serif;
  text-shadow: 0 1px 0 rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  box-shadow:         inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.alert-box > p, .alert-box > h4 {
  margin-top: 0;
  margin-bottom: 18px;
}

.alert-box > h4 > i {
  padding-right: 11px;
}

.close-alert {
  position: absolute;
  top: 14px; 
  right: 23px;
  width: 1em;
  height: 1em;
  margin: auto;
  color: #ffffff;
  font-size: 12px;
}

.close-alert:hover {
  color: rgba(0,0,0,0.3);
  text-decoration: none;
}

/* Demo Icons */

.demo-icons {
  margin-bottom: 23px;
}

.demo-icons > li{
  float: left;
  font-size: 2em;
  margin: 2px;
}

.demo-icons > li i {
  display: block;
  padding: 9px;
}

.demo-icons > li:hover {
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}

/* Team members */

.team-members li {
  margin-bottom: 46px;
}

.team-members figure {
  padding: 0 23px;
}

.team-members-one > li {
  margin-bottom: 46px;
}

.team-members-one > li > div {
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}


/* Map container */

.map-box {
  min-height: 540px;
}

.map-box img {
  max-width: none;
}

/* Action Box */

.action-box {
  -webkit-box-shadow: inset 0 -60px 0 rgba(0,0,0,0.2);
  box-shadow: inset 0 -60px 0 rgba(0,0,0,0.2);
  background-image: url(../img/app-pattern.png) !important;
}

.action-box .row {
  position: relative;
}

.action-box h2 {
  margin-top: 0;
}

.our-devices {
  position: absolute;
  bottom: -63px;
  left: -126px;
}

/* Contact Info*/

.contact-info {
  font-family: "B Nazanin" , "BNazanin" , 'Oxygen', sans-serif;
  padding: 23px;
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
  box-shadow:         0 0 0 1px rgba(0,0,0,0.05);
}

.contact-info > li {
  padding: 11px 0;
  -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.05);
  box-shadow:         0 1px 0 0 rgba(0,0,0,0.05);
}

.contact-info > li:last-child {
  padding-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow:         none;
}


/* Clients Items */

.client-items.grid {
  margin: 2em 0;
  overflow: hidden;
}

.client-items.grid > li {
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 30px;
  position: relative;
  left: -1px;
  bottom: -1px;
}

.client-items.grid > li figure {
  margin: 0;
}

/* Happy customers */

.happy-customers h2 {
  margin-top: 0;
}

.clients-testimonials.blury > li {
  padding: 10px 0;
}

.clients-testimonials.blury > li figure img {
    height: 100%;
}

.clients-testimonials.blury > li p {
  padding: 10px 15px;
  position: relative;
}

.clients-testimonials.blury > li p:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 20px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 20px solid #ffffff;
  bottom: 10px;
  left: -20px;

}

.clients-testimonials.blury h4 span {
  font-size: 0.5em;
  color: white;
}


/* Feature items*/

.feature-items > li {
  margin-bottom: 23px;
}

.feature-bg {
  background: #fcfcfc;
  padding: 5px 15px;
  border: 1px solid #eeeeee;

}

.feature-bg > h4 {
  padding-left: 60px;
  position: relative;
  margin-bottom: 34px;
  line-height: 1em;
}

.feature-bg > h4 i {
  display: block;
  width: 46px;
  height: 46px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 46px;
}

.feature-bg > h4 i:before {
  opacity: 1;
}


/*Proggress items*/

.progresive-bar-items div {
  position: relative;
  padding: 11px;
  margin-bottom: 11px;
  overflow: hidden;
}

.progresive-bar-items div h5 {
  margin: 0;
  position: relative;
  z-index: 10;
}

.progresive-bar-items div span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 0 3px;
  box-shadow: 0 0 3px;
}

/* Blog
   ========================================================================== */

.blog-item{
  margin: 0px 0px 15;
  transition-duration:0.7s;
}

.blog-item:hover{
  border: 1px solid black;
  box-shadow: 0px 5px 10px black;
  transition-duration:0.7s;
}

.blog-head {
  padding: 10px 0px;
  margin: 10px 0px;
}

.blog-head > h4 {
  margin: 0px 0px 10px;
}

.blog-slider-container {
  position: relative;
}

.blog-slider figure {
  margin-bottom: 0;
}

.post-img{
  transition-duration:0.9s;
}
.post-img:hover{
  border-radius: 50%;
  transform:scale(0.95,0.95 ) rotate( 10deg );
  transition-duration:0.9s;
}

/*Pagination links*/

.pagination-links li {
  margin: 0 3px;
}

.pagination-links li a {
  display: inline-block;
  padding: 5px 10px;
  background: rgba(0,0,0,0.02);
  color: #9a9a9a;
  border: 1px solid rgba(0,0,0,0.02);
}

.pagination-links li span {
  margin: 0 12px;
  position: relative;
  bottom: -10px;
}

.pagination-links li a:hover {
  text-decoration: none;
  border-color: rgba(0,0,0,0.04);
  background: transparent;
}


/* Blog comments*/
.comment-items {
  margin-bottom: 23px;
}

.comment-post {
  position: relative;
  margin-bottom: 46px;
}

.comment-post + ul {
  padding-left: 69px;
}

.comment-post > figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 69px;
}

.comment-content {
  padding-left: 84px;
  min-height: 69px;
}

/*Author Bio*/

.author-bio {
  margin-bottom: 92px;
  padding: 23px;
}

.author-bio h4 {
  margin-top: 0;
}


/* Sidebar*/

.widget-item {
  margin: 18px 0px;
  display: block;
  padding: 5px 10px;
  background: white;
  -webkit-backface-visibility:  hidden;
  -moz-backface-visibility:     hidden;
  backface-visibility:          hidden;
  box-shadow: 0px 3px 6px grey;
  transition-duration:0.6s;
}

.widget-item:hover {
  transform:scale(1.06,1.06);
  border: 1px solid black;
  box-shadow: 0px 5px 10px black;
  transition-duration:0.6s;
}

.widget-item .widget-title{
  display: block;
  padding: 2px 5px ;
  margin: 5px 0px;
  font-size: 1.4em;
  font-weight: bolder;
  word-spacing: 1px;
}

.widget-item .widget-body{
  display: block;
  overflow: hidden;
  overflow-y:auto; 
}

.widget-item a {
  filter: alpha(opacity=85);
  opacity: 0.85;
  text-decoration: none;
}

.widget-item a:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  text-decoration: none;
}

.widget-item ul {
  list-style : none ;
    margin: 10px 0px;
    padding: 0px;
    padding-right: 16px;
}

.widget-item ul li {
  direction: rtl;
  text-align: right;
  padding: 6px 0;
  border-bottom: 1px solid #f8f8f8;
}

.widget-item ul li a {
  display: block;
}
.widget-item ul li a:hover {
  font-weight: bold;
  text-shadow:0px 5px 8px black;
  background: url(http://rozup.ir/view/2175619/arrows.png) no-repeat left 5px;
  transform : scale( 1.05,1.05) ;
}

.widget-item ul li a:before{
  color: #337ab7;
  font-family: 'icomoon' ;
  content: "\e6b4";
  padding:0px 5px;
}

.widget-item ul li a:hover:before {
  color: #409DC1 ;
  content: "\e7c6" ;
}

.widget-item ul.hit_posts li a:before{
  content: "\e6f4";
}

.widget-item ul.random_posts li a:before{
  content: "\e70b";
}

.widget-item ul.links li a:before{
  content: "\e79a";
}

.widget-item ul.archives li a:before{
  content: "\e731";
}

.widget-item div.recent_posts > a:hover img{
  transform: scale(1.01,1.01) rotate( 12deg );
}

.recent-posts > li > div {
  padding-top: 23px;
}

.recent-posts > li > div {
  padding-top: 23px;
}

.recent-posts figure {
  padding-right: 8px;
  padding-top: 6px;
}

.widget-item .tag-list li {
  padding: 0 3px 0 0;
  font-size: 0.8em;
  border: none;
}

.widget-item .tag-list li a {
  margin: 3px 0;
}

.social-widget a {
  color: #ffffff;
}

.social-widget span {
  background: #f8f8f8;
  display: block;
  text-align: center;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03);
  box-shadow:         inset 0 0 0 1px rgba(0,0,0,0.03);
}

/*Error page*/

.error-content {
  background: rgba(255,255,255,0.8);
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/* Single page Layout*/

.single-intro {
  min-height: 1080px;
}


/* JS plugins
   ========================================================================== */

/* Main Slider */

.slider-box {
  position: relative;
}

#controls > a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  margin: auto;
  display: block;
  width: 70px;
  height: 70px;
  color: #ffffff;
  border-radius: 50%;
  border: 3px solid;
  text-align: center;
  background: rgba(0,0,0,0.4);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);

  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.slider-box:hover #controls > a, 
.portfolio-box:hover #controls > a, 
.blog-slider-container:hover #controls > a, 
.portfolio-popup:hover .portfolio-slider + #controls > a {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  z-index: 10000;
}

#controls > a:hover {
  text-decoration: none;
  background: rgba(0,0,0, 0.6);
}

#controls > a > i {
  font-size: 2em;
  line-height: 64px;
}

#controls a.next-nav {
  left: auto;
  right: 30px;
}

.slider-nav {
  position: absolute;
  list-style: none;
  bottom: 23px;
  right: 0;
  left: 0;
  padding: 0;
  margin: 0;
  text-align: center;
}

.slider-nav > li {
  margin: 0 3px;
  display: inline-block;
}

.slider-nav > li a {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,0.5);
}

.slider-nav .current a {
  border-color: #ffffff;
}

/* Portfolio slider */

#portfolio-slider .portfolio-items > li > div {
  padding: 0 15px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#controls-portfolio {
  display: block;
  text-align: center;
}

#controls-portfolio a {
  display: inline-block;
  width: 48px;
  height: 48px;
  border: 1px solid #dedede;
  line-height: 48px;
  color: #dedede;
}

#controls-portfolio a:hover {
  text-decoration: none;
  background: #D6F0F9;
  color: #5890A5;
  border-color: #D6F0F9;
}

/* Testimonials Slider */

.feedback-box #controls-testimonials {
  -webkit-transform:  scale(0);
  -moz-transform:     scale(0);
  -o-transform:       scale(0);
  -ms-transform:      scale(0);
  transform:          scale(0);
  -webkit-transition:   all 0.2s ease;
  -moz-transition:      all 0.2s ease;
  -o-transition:        all 0.2s ease;
  -ms-transition:       all 0.2s ease;
  transition:           all 0.2s ease;
}


#controls-testimonials {
  position: absolute;
  top: 0;
  right: -20px;
  font-size: 20px;
}

.feedback-box:hover #controls-testimonials {
  -webkit-transform:  scale(1);
  -moz-transform:     scale(1);
  -o-transform:       scale(1);
  -ms-transform:      scale(1);
  transform:          scale(1);
}

#controls-testimonials a {
  color: rgba(0,0,0,0.6);
  display: block;
}

#controls-testimonials a:hover {
  text-decoration: none
}


/*Portfolio quick view*/

.portfolio-popup {
  position: relative; 
  padding: 46px;
  margin: auto;
  width: 80%;
  height: auto;
  min-height: 700px;
  background: #ffffff;
}

.portfolio-popup .col-md-5 h4 {
  margin-top: 0;
}

.portfolio-popup figure {
  margin-bottom: 0;
}

.portfolio-slider {
  margin-bottom: 23px;
}

.portfolio-slider + #controls {
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition:    all 0.3s ease;
  -o-transition:      all 0.3s ease;
  -ms-transition:     all 0.3s ease;
  transition:         all 0.3s ease;
}

.portfolio-slider:hover + #controls, .portfolio-slider + #controls:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

[class$="-slider"] > ul {
  margin: 0;
  padding: 0;
}

.portfolio-slider + #controls > a {
  width: 50px;
  height: 50px;
}

.portfolio-slider + #controls > a i  {
  font-size: 18px;
  line-height: 47px;  
}

.portfolio-thumbs > li {
  width: 20%;
}



/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: "B Nazanin" , "BNazanin" , Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* Scroll Effects */

#grid-effect {
  -webkit-perspective: 1300px;
}

#grid-effect > li {
  filter:alpha(opacity=0);
  opacity: 0;
}

#grid-effect > li.shown {
  filter:alpha(opacity=100);
  opacity: 1;
}

#grid-effect > li.animate {
  filter:alpha(opacity=0);
  opacity: 0;
  -webkit-transform:  scale(0,0) rotateX(-90deg);
  -moz-transform:     scale(0,0) rotateX(-90deg);
  -ms-transform:      scale(0,0) rotateX(-90deg);
  transform:          scale(0,0) rotateX(-90deg);
  -webkit-animation:  fallPerspective .8s ease-in-out forwards;
  -moz-animation:     fallPerspective .8s ease-in-out forwards;
  -ms-animation:      fallPerspective .8s ease-in-out forwards;
  animation:          fallPerspective .8s ease-in-out forwards;
}

@-webkit-keyframes fallPerspective {
    100% { -webkit-transform: scale(1, 1) rotateX(0deg); opacity: 1; }
}

@-moz-keyframes fallPerspective {
    100% { -moz-transform: scale(1, 1) rotateX(0deg); opacity: 1; }
}

@-ms-keyframes fallPerspective {
    100% { -ms-transform: scale(1, 1) rotateX(0deg); opacity: 1; }
}

@keyframes fallPerspective {
    100% { transform: scale(1, 1) rotateX(0deg); opacity: 1; }
}

/* ==  Swipebox ==*/

/*! Swipebox v1.2.6 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

#swipebox-overlay img {
  border: none !important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#swipebox-slider {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

#swipebox-caption {
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-action {
  bottom: -50px;
}

#swipebox-action #swipebox-prev,
#swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
}
#swipebox-action #swipebox-prev {
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 15px;
}
#swipebox-action #swipebox-next {
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 15px;
  border: 1px solid #ffffff;
}
#swipebox-action #swipebox-close {
  left: auto;
  top: 46px;
  right: 23px;
}

#swipebox-action #swipebox-prev:before,
#swipebox-action #swipebox-next:before,
#swipebox-action #swipebox-close:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #ffffff;
  text-align: center;
}

#swipebox-action #swipebox-prev:before {
  content: '\e804';
  font-size: 2em;
}

#swipebox-action #swipebox-next:before {
  content: '\e7f4';
  font-size: 2em;
}

#swipebox-action #swipebox-close:before {
  content: '\e7c7';
}

#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
  opacity: 0.3;
}

#swipebox-caption {
  top: -50px;
  text-align: center;
}
#swipebox-caption.visible-bars {
  
}

#swipebox-slider.rightSpring {
 
}

#swipebox-slider.leftSpring {
}

@media screen and (max-width: 800px) {
  #swipebox-action #swipebox-close {
    left: 0;
  }

  #swipebox-action #swipebox-prev {
    right: 60px;
  }

  #swipebox-action #swipebox-next {
    right: 0;
  }
}
/* Skin 
--------------------------*/
.swipebox-html {
  overflow: hidden;
}

#swipebox-overlay {
  background: #5890A5;
}

#swipebox-action,
#swipebox-caption {
  background-color: #0d0d0d;
  opacity: 0.95;
}

#swipebox-action {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#swipebox-caption {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  color: white !important;
  font-size: 18px;
  line-height: 43px;
  font-family: "B Nazanin" , "BNazanin" , Helvetica, Arial, sans-serif;
  background: rgba(0,0,0,0.4);
  top: auto;
  bottom: 0px;
}

#swipebox-slider.rightSpring {
  -moz-animation: rightSpring 0.3s;
  -webkit-animation: rightSpring 0.3s;
}

#swipebox-slider.leftSpring {
  -moz-animation: leftSpring 0.3s;
  -webkit-animation: leftSpring 0.3s;
}

@-moz-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-moz-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

@media screen and (max-width: 800px) {
  #swipebox-action #swipebox-close {
    left: 0;
  }

  #swipebox-action #swipebox-prev {
    right: 60px;
  }

  #swipebox-action #swipebox-next {
    right: 0;
  }

}

/*=== Responsive ===*/

@media (max-width: 992px) {
  .main-sidebar {
    padding: 0 !important;
  }

  .author-bio h4, .breadcrumbs-box h4 {
    text-align: center;
  }

  .breadcrumb-items {
    display: table;
    margin: 23px auto 0;
    float: none;
  }

  .portfolio-filter-box h4 {
    text-align: center;
  }

  .filter-tags {
    float: none;
    display: table;
    margin: 0 auto;
  }

  .our-devices {
    position: static;
    text-align: center;
  }

  .statistic-round {
    margin-bottom: 69px;
  }

  #portfolio-slider li {
    text-align: center;
  }

  #testimonials-slider li .col-md-3{
    padding:  0 20%;
    margin: 0 auto;
  }

  #controls-testimonials {
    left: 23px;
    right: auto;
  }

  #testimonials-slider li h4 {
    text-align: center;
  }

    #testimonials-slider li h4 + a {
        display: table;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
  .copyright {
    text-align: center;
  }

  .social-links {
    display: table;
    margin: 0 auto;
    float: none;
  }

  .comment-post + ul {
    padding-left: 13px;
  }

  .filter-tags {
    display: block !important;
  }

  .filter-tags li {
    padding: 0;
    float: none;
    text-align: center;
  }

  .filter-tags li a {
    display: block !important;
    width: 100%;
  }

  .best-choice {
    position: static;
  }
}


/* Scroll Animation */

@media (min-width: 992px) {

  .js.csstransforms .features-items > li div figure  > a {
    -webkit-transform:  scale(0,0);
    -moz-transform:     scale(0,0);
    -ms-transform:      scale(0,0);
    transform:          scale(0,0);
    
  }

  .features-items li.scroll-actived div figure > a{
     -webkit-transform: scale(1,1) !important;
     -moz-transform:    scale(1,1) !important;
     -ms-transform:     scale(1,1) !important;
     transform:         scale(1,1) !important;

     -webkit-animation: bounce 0.8s ease none;
      -moz-animation:   bounce 0.8s ease none;
      -ms-animation:    bounce 0.8s ease none;
      -o-animation:     bounce 0.8s ease none;
      animation:        bounce 0.8s ease none;

      -webkit-transition: all 0.3s ease;
      -moz-transition:    all 0.3s ease;
      -ms-transition:     all 0.3s ease;
      transition:         all 0.3s ease;
  }

  .js.csstransforms .action-box {
    overflow: hidden;
  }

  .js.csstransforms  .our-devices {
      -webkit-transform:  translate(-100%, 0);
      -moz-transform:     translate(-100%, 0);
      -ms-transform:      translate(-100%, 0);
      transform:          translate(-100%, 0);
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .js.csstransforms  .our-devices +div {
      -webkit-transform:  translate(100%, 0);
      -moz-transform:     translate(100%, 0);
      -ms-transform:      translate(100%, 0);
      transform:          translate(100%, 0);
      filter: alpha(opacity=0);
      opacity: 0;
  }

  .action-box.scroll-actived .our-devices, .action-box.scroll-actived .our-devices + div {
    -webkit-transform:  translate(0, 0) !important;
    -moz-transform:     translate(0, 0) !important;
    -ms-transform:      translate(0, 0) !important;
    transform:          translate(0, 0) !important;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
     -webkit-transition:  all 0.3s ease;
      -moz-transition:    all 0.3s ease;
      -ms-transition:     all 0.3s ease;
      transition:         all 0.3s ease;
      -webkit-transition-delay: 1s;
      -moz-transition-delay:    1s;
      -ms-transition-delay:     1s;
      transition-delay:         1s;
  }

  h2.scroll-actived > span:before,
  h2.scroll-actived > span:after {
    width: 100px;
  }

}