﻿.question
{
    color:#404041;
}
.question > p
{
    color:#889bb4;
    float:left;
}
.answer
{
    color:#144154;
    padding-right:10px;
}
.answer  > p
{
    color:#a5883f;
   
}
.desc_faq
{
	line-height:30px;
	font-family:IranSans;
	font-size:14px;
	color:#144154;
	text-align:justify;
	height:400px;
}
/*----------------------------------------------------------------------------------------*/
.pager
{
    margin:10px auto 10px auto;
	display:table;
}
.pager ul
{
    margin:0px;
    padding:0px;
    list-style:none;
}
.pager ul li
{
    margin:2px;
    padding:0px;
    float:right;
    box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.pager ul li a
{
    padding:2px 10px 2px 10px;
    font-family:IranSans;
	font-size:12px;
	color:#f7d038;
	text-decoration:none;
	background-color:#30302f;
	border:solid 3px #30302f;
	display:block;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.pager ul li a:not([href])
{
    color:#ebebeb;
    cursor:not-allowed;
}
.pager ul li a:hover
{
    color:#30302f;
	background-color:#ffffff;
}
.pager-number
{
    color:#ffffff !important;
}
.pager-number:hover
{
    background-color:#adb1f1 !important;
    cursor:no-drop !important;
}
/* type 13 */
.img-effect2
{
    display:block;
    width:100%;
    height:auto;
    position:relative;
   
}

.img-list
{
    box-sizing: border-box;
    cursor: pointer; 
  
}

.img-list:before {
    transition: all .5s ease;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #333;
    transform: scale(0);
}

.img-list:hover:before {
    opacity: .5;
    transform: scale(1);
}

.img-list:after {
    transition: all .6s ease .2s;
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    border: 1px solid #aaa;
    background: #000;
    opacity: 0;
    transform: scale(0);

}

.img-list:hover:after {
    opacity: .35;
    transform: scale(1);

}

.photobox 
{
    display: inline-block;
}

.photobox__previewbox
 {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.photobox__preview
{
    display: block;
    max-width: 100%;
}

.photobox__previewbox:before {
    content: "";
    }
.photobox_type13 .photobox__previewbox:before 
 {
    z-index: 2;
    position: relative;
    width: 0;
    height: 0;
   
}
.photobox_type13 .photobox__label 
{
    width: 100%;
    text-align: center;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity calc(var(--photoboxAnimationDuration, .4s) / 2) ease-out;
    will-change: opacity;
    position: absolute;
    top: 47%;
    left: 50%;
    z-index: 3;
    color:#ffffff;
    font-size:15px;
    font-family:IranSans;
    text-decoration:none;
    display:block;
}

.photobox_type13:hover .photobox__label 
{
    transition-duration: calc(var(--photoboxAnimationDuration, .4s) / 2);
    transition-delay: var(--photoboxAnimationDuration, .4s);
    opacity: 1;
}
/*********************/
.btn-2 
{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 80px;
    max-width: 250px;
    margin: 1rem auto;
    text-transform: uppercase;
    border: 1px solid currentColor;

}

.btn-2:before, .btn-2:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
     box-sizing: border-box;
    transition: 0.5s ease-in-out;
    z-index: -1;
}

.btn-2:before {
    right: -50px;
    border-right: 50px solid transparent;
    border-bottom: 80px solid #1c2b36;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.btn-2:after {
    left: -50px;
    border-left: 50px solid transparent;
    border-top: 80px solid #1c2b36;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.btn-2:hover {
    color: #fff;
    cursor:pointer;
     padding-left: 0px;
     transition:all .5s;
}

    .btn-2:hover:before {
        -webkit-transform: translateX(-49%);
        transform: translateX(-49%);
    }

    .btn-2:hover:after {
        -webkit-transform: translateX(49%);
        transform: translateX(49%);
    }



/* Social Icons */

.social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 0.5rem;
  border-radius: 50%;
  cursor: pointer;
  font-family: IranSans;
  font-size: 2.5rem;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.15s ease;
}
.social-icon:hover {
  color: #000;
}
.social-icon:hover .tooltip {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -150%);
          transform: translate(-50%, -150%);
}
.social-icon:active {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
}
.social-icon--telegram .tooltip {
  background: #fff;
 
  color: tint(#ffffff, 80%);
}
.social-icon--telegram .tooltip:after {
  border-top-color: #fff;
}
.social-icon--twitter .tooltip {
  background: #fff;

  color: tint(#ffffff, 80%);
}
.social-icon--twitter .tooltip:after {
  border-top-color: #fff;
}

.social-icon--sitemap .tooltip {
  background: #fff;

  color: tint(#ffffff, 80%);
}
.social-icon--sitemap .tooltip:after {
  border-top-color: #fff;
}


.social-icon--instagram .tooltip 
{
    background: #fff;

  color: tint(#ffffff, 80%);

}
.social-icon--instagram .tooltip:after 
{
  border-top-color: #fff;
}

/* Tooltips */
.tooltip {
  display: block;
  position: absolute;
  top: 10;
  left: 50%;
  padding: 0.8rem 1rem;
  border-radius: 3px;
  font-size: 0.8rem;
  font-weight: bold;
  opacity: 0;
  pointer-events: none;
  text-transform: uppercase;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  transition: all 0.3s ease;
  z-index: 1;
}
.tooltip:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  border: solid;
  border-width: 10px 10px 0 10px;
  border-color: transparent;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}

/*-----------------------------------------------------------------------------------------------*/

.top-bar
{
    width:100%;
    height:40px;
    line-height:40px;
    background-color:#383838;
}
.top-bar > div
{ 
    width:1280px;
    margin:0px auto;
}
.top-bar > div > a
{ 
    float:left;
    display:block;
    text-decoration:none;
    color:#dadada;
    font-size:15px;
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:50%;
    border:1px solid #000;
    background-color:#363635;
    text-align:center;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;   
	margin-right:10px;
	margin-top:5px;
	transition: all 0.3s ease;
}
.top-bar > div > a:hover
{ 
   
    color:#363635;
    background-color:#dadada;
    transition: all 0.3s ease;
}

/***/
.header
{
    width:100%;
    background-color:#fff;
    position:relative;
}
.header > div
{
    width:1280px;
    height:160px;
    margin:30px auto;
    text-align:center;
}


/*
.search
{
    width:428px;
    float:left;
    margin-top:60px;
    border:1px solid #b7b6b6;
    border-radius:15px;
    height:48px;
    line-height:48px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;   
	position:relative; 
}
.txt-search
{
	width:100%;
	height:46px;
	border:none;
	outline:0px;
	font-family:IranSans;
	background-color:#f7f7f7;
	font-size:16px;
	border-radius:15px;
	color:#000;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;    
	line-height:46px;
	padding:5px;
}
.btn-search
{
    position:absolute;
    left:0px;
    top:0px;
    width:12%;
	height:46px;
	line-height:46px;
	outline:0px;
	background:#a5883f url("../Images/search.png") no-repeat center center;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    border:0px;
     border-radius:15px 0px 0px 15px;
    
}

.search0 ul
{
	margin:0px;
	padding:0px;
	list-style:decimal;
	font-family:IranSans;
	color:#a5883f;
}
.search0 li
{
	margin:10px;
	padding-right:16px;
}
.search0 a
{
	font-family:IranSans;
	font-size:16px;
	color:#000000;
	text-decoration:none;
}
.search0 a:hover
{
	color:#a5883f;
}
.search0 p
{
	font-family:IranSans;
	font-size:14px;
	color:#8c8e90;
}
.search-summary
{
    height:60px;
	overflow:hidden;
	line-height:30px;
}
.new-search
{
    font-family:IranSans;
	font-size:14px;
	color:#8c8e90;
	text-align:center;
}
.new-search .search
{
    float:none;
    margin:0px  auto;
}
.new-search p
{
    font-size:18px;
	color:#000000;
}
*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.about-form 
{
   width:1280px;
   margin:0px auto;
   font-family:IranSans;
   height:301px;
   background: url("../Images/about.png") no-repeat right bottom;
}
.about-div > div
{
    height:60px;
    line-height:20px;
    overflow:hidden;
    color:#808080;
    width:100%;
    padding:20px 0px ;
    font-size:14px;
    text-align:center;
    font-weight:bold;
}
.about-div
{
    float:left;
    position:relative;
    width:60%;
    height:225px; 
    margin-top:40px;
    margin-left:10%;
}
.about-div > a
{
    height:37px;
    font-family:IranSans;
    font-size:20px;
    line-height:37px;
    color:#000;
    display:block;
    float:left;
    text-decoration:none;
    box-sizing:border-box;
    text-align:center;
     background: url("../Images/line.png") no-repeat center bottom;
    font-weight:bold;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
 .productList 
 {
   	width:100%;
	width:100vw;
	margin:0px auto;
	margin:0px -50vw;
	position:relative;
	left:50%;
	right:50%;
    font-family:IranSans;
 }
 .productList > div
 {
   	width:1280px;
   	margin:0px auto;
   	padding-top:20px;
   	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;  
	position:relative;
 }
 
 .img-product
 {
     width:100%;
     margin:0px auto;

 }
 .product-layout-h3
 {
    margin:0px;
    padding:0px;
    height:132px;
    line-height:70px;
    font-weight:bold;
    text-align:center;
	box-sizing:border-box;
	font-size:15px;
	color:#1c2b36;
    text-overflow:ellipsis;
    overflow:hidden;
    background:url("../Images/gallery_back.png") no-repeat center center;
 }

.product-layout-h3 a
 { 
	font-size:20px;
	color:#1c2b36;
	text-decoration:none;
	font-weight:500;
 }
 .product-layout-h3 a:hover
{
	color:#f8992c;
}
.boxes
{
    width: 100%;
    height: auto;
    overflow: hidden;
    display:block;
}
.boxes img
{
    width:100%;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    transition: .3s ease-in-out;
    overflow:hidden;
    border-radius:15px;
}
.boxes img:hover
{
     -webkit-transform: rotate(15deg) scale(1.4);
    transform: rotate(15deg) scale(1.4);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
 
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.momo 
 {
   	width:100%;
	width:100vw;
	margin:0px auto;
	margin:0px -50vw;
	position:relative;
	left:50%;
	right:50%;
    font-family:IranSans;
 }
 .momo img
 {
     width:100%;
 }
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.gallery-layout
{
    width:100%;
    margin:10px auto;
}
.gallery-layout > div
{
    width:20%;
      -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:10px;
    float:left;
    font-family:IranSans;
    text-align:center;
}
 
        
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.videos-bar > ul
{
    margin:2% 0px;
    padding:0px;
    list-style:none;
}
.videos-bar > ul > li
{
}
.videos-bar > ul > li > div
{
    overflow:hidden;
    box-sizing:border-box;
    padding:10px;
    border:1px solid #7b7b7b;
   
}
.videos-bar > ul > li > h3
{
    width:100%;
    height:40px;
    line-height:40px;
    margin:0px;
    padding:0px;
    font-family:IranSans;
    font-weight:600;
    font-size:16px;
    color:#000;
    text-align:center;
    display:block;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
    -webkit-border-radius:0px 0px 10px 10px;
    -moz-border-radius:0px 0px 10px 10px;
    border-radius:0px 0px 10px 10px;
}
.videos-bar-2-cell > ul > li
{
    width:49%;
    margin-right:2%;
    margin-bottom:2%;
    float:left;
}
.videos-bar-2-cell > ul > li:nth-child(2n)
{
    margin-right:0px;
}
.videos-bar-3-cell > ul > li
{
    width:32%;
    margin-right:2%;
    margin-bottom:2%;
    float:left;
}
.videos-bar-3-cell > ul > li:nth-child(3n)
{
    margin-right:0px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.videos > a
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}
.videos > a > video
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}
.videos > video
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.full-bar
{
	width:100%;
	width:100vw;
	height:530px;
	margin:40px auto;
	margin:40px -50vw;
	overflow:hidden;
	position:relative;
	left:50%;
	right:50%;
	background:url("../Images/parallax.jpg") no-repeat fixed 50% 50%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
    padding-top:20px;
	
}
.full-bar > div
{
    width:1280px;
    margin:40px auto;
}

.full-bar > div > p
{
    height:40px;
    font-family:IranSans;
    font-size:20px;
    line-height:37px;
    color:#000;
    display:block;
    margin:30px auto;
    text-decoration:none;
    box-sizing:border-box;
    text-align:center;
     background: url("../Images/line.png") no-repeat center bottom;
    font-weight:bold;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.news
{
    width:100%;
    margin:20px auto;
    height:450px;
}
.news > p
{
    height:40px;
    font-family:IranSans;
    font-size:20px;
    line-height:37px;
    color:#000;
    display:block;
    margin:30px auto;
    text-decoration:none;
    box-sizing:border-box;
    text-align:center;
     background: url("../Images/line.png") no-repeat center bottom;
    font-weight:bold;
}
.news-box > a
{
    display:block;
    text-align:center;
}
.news-box > a img
{
    width:154px;
    height:154px;
    margin:0px auto;
     border-radius:50%;
  	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border:5px solid #f8992c;
    -webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5);
	z-index:2;
	position:relative;
}
.news-box > div
{
    border:1px solid #f8992c;
    width:100%;
    text-align:left;
     border-radius:15px;
  	-webkit-border-radius:15px;
	-moz-border-radius:15px;
    box-sizing:border-box;
    padding:10px;
    margin-top:-30px;
    position:relative;
    z-index:1;
    height: 170px
}
.news-box > div h4
{
    color:#000;
    font-family:IranSans;
    font-size:14px; 
    margin:0px;
    padding:0px;
    height:20px;
    line-height:20px;
    overflow:hidden;
    padding-top:30px;
    text-align:left;
}
.news-box > div > div
{
    color:#414042;
    font-family:IranSans;
    font-size:15px; 
    height:60px;
    line-height:30px;
    overflow:hidden;
    margin-bottom:5px;
    text-align:left;
}
.news .news-more
{
    float:right;
}
.news-more
{
    display:block;
    width:100px;
    height:30px;
    line-height:30px;
    text-decoration:none;
    background-color:#000;
    color:#fff;
    border:1px solid #000;
     -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    text-align:center;
     font-family:IranSans;
     font-size:13px;
      border-radius:10px;
  	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.news-more:hover
{
    background-color:#fff;
    color:#000;
     -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
/*------------------------------*/
figure.snip1206 {
  font-family: IranSans;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin:0px auto;
  width: 100%;
  color: #000000;
  text-align: center;
  direction:ltr;
}
figure.snip1206 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
figure.snip1206 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  border-radius:15px;
}
figure.snip1206:after {
  background: #ffffff;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  opacity: 0.75;
  -webkit-transform: skew(-45deg) scaleX(0);
  transform: skew(-45deg) scaleX(0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
figure.snip1206 figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
figure.snip1206 h3,
figure.snip1206 p {
  margin: 0;
  width: 100%;
  opacity: 0;
  font-family: IranSans;
}
figure.snip1206 h3 {
 
  display: inline-block;
  font-weight: 400;
  text-transform: uppercase;
  font-size:15px;
  font-family:IranSans;
  padding:10px;

}

figure.snip1206 p {
  padding-right :50px;
  font-size: 13px;
  font-weight: 500;
  font-family:IranSans;
  margin-top:20px;
}
figure.snip1206 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
 
}
figure.snip1206:hover:after,
figure.snip1206.hover:after {
  -webkit-transform: skew(-45deg) scaleX(1);
  transform: skew(-45deg) scaleX(1);
  transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  
}

figure.snip1206:hover figcaption h3,
figure.snip1206.hover figcaption h3,
figure.snip1206:hover figcaption p,
figure.snip1206.hover figcaption p {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
figure.snip1206:hover figcaption h3,
figure.snip1206.hover figcaption h3 {
  opacity: 1;
}
figure.snip1206:hover figcaption p,
figure.snip1206.hover figcaption p {
  opacity: 0.7;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.gallery
{
    width:100%;
    margin:50px auto 20px auto;
}
.gallery > p
{
    height:40px;
    font-family:IranSans;
    font-size:20px;
    line-height:37px;
    color:#000;
    display:block;
    margin:20px auto;
    text-decoration:none;
    box-sizing:border-box;
    text-align:center;
     background: url("../Images/line.png") no-repeat center bottom;
    font-weight:bold;
}
.gallery > div
{
    width:31.33%;
    margin:1%;
    float:left;
    box-shadow: 7px 10px 10px rgba(0, 0, 0, 0.7);
    border:2px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:15px;
}
.gallery > div h3
{
    font-size:18px;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.main-posts-images {
    width: 500px;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 10px 0 0 0;
    padding-bottom: 5px;
     -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.posts-images {

    background-color: #fff;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .posts-images > div:first-child {
        height: auto;
        overflow: hidden;
    }

    .posts-images > div:last-child { 
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .posts-images > div:first-child img {
        width: 100%;
        cursor: pointer;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

.carousel-posts-images {
    width: 100%;
    height: auto;
}

.images-item {
    display: block;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .images-item img {
        display: block;
        width: 100%;
    }

.posts-description {
    text-align: left;
    line-height: 25px;
    font-family: IranSans;
    font-size: 15px;
    margin-top: 10px;
    padding:10px;
    float:left;
    color:#000;
    width:calc(100% - 592px);
        -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.posts-description1 {
    text-align: left;
    line-height: 25px;
    font-family: IranSans;
    font-size: 15px;
    margin-top: 10px;
    padding:10px;
    color:#000;
    width:100%;
        -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.posts-date {
    padding-top: 10px;
    line-height: 33px;
    font-family: IranSans;
    font-size: 13px;
    color: #000;
    text-align: left;

}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.footer
{
    width:100%;
    height:460px;
    margin-top:20px;
    background:url("../Images/footer.jpg") no-repeat center center;
}
.footer > div 
{
    width:1280px;
    margin:0px auto;
    font-family:IranSans;
    color:#fff;
    padding-top:40px;
    box-sizing:border-box;
}
.footer > div > div
{
    width:50%;
    float:left;
    margin-top:50px;
    text-align:center;
    box-sizing:border-box;
}


.add
{
    background:url("../Images/email.png") no-repeat left;
    padding-left:30px;
    margin:0px auto;
    width:70%;
    font-size:12px;
    display:block;
    text-decoration:none;
    color:#f6f2ee;
}
.tel
{
    background:url("../Images/footer-tel.png") no-repeat left;
    padding-left:30px;
    margin:10px auto;
    display:block;
    text-decoration:none;
    color:#f6f2ee;
    width:60%;
}
.social
{
    list-style:none;
    padding:0px;
    width:255px;
    margin:40px auto;
}
.social > a
{
    width:35px;
    float:left;
    display:block;
    height:35px;
    line-height:35px;
    text-align:center;
    text-decoration:none;
    color:#950305;
    margin-right:20px;
    border-radius:50%;
    font-size:20px;
    box-sizing:border-box;
    background-color:#000;
    -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
   transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
}
.social > a:last-child
{
    margin-right:0px;
}
.social > a:hover
{
    color:#fff;
   -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
   transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
}


.footer > div > div > p
{  
    text-align:left;
    font-family:IranSans;
    font-size:16px;
    margin-bottom:30px;
    color:#c7a95f;
    padding-top:5px;
}
.footer > div > div:last-child
{
    text-align:left;
    color:#f6f2ee;
    font-size:14px;
    padding-right:40px;
    padding-left:10px;
}
.footer > div > div:last-child > div
{
   margin-top:20px;
}

.copyright
{
    font-family:IranSans;
    font-size:10px;
    color:#7b7a7a;
    float:right;
}
.designer
{
    width:100%;
    background-color:#000000;
    height:50px;
    line-height:50px;
}
.designer > div
{
    width:1280px;
    margin:0px auto;
    font-family:IranSans;
}
.designer a
{ 
    font-size:14px;
    color:#95999a; 
    text-decoration:none;
}


.designer a:hover
{ 
    color:#a5883f; 
}
.designer > div > div
{ 
    float:left;
    text-align:right;
    color:#95999a; 
    font-size:14px;
}
.menu-footer ul
{
	font-family:IranSans;
	font-size:13px;
	margin:0px;
	padding:0px;
	list-style:none;
	margin-bottom:30px;
	height:30px;
	line-height:30px;
}
.menu-footer > ul > li
{
	width:16.66%;
	text-align:center;
	float:left;
}
.menu-footer > ul > li > a
{
	line-height:30px;
	height:30px;
	margin-top:8px;
	display:block;
	color:#fff;
	text-decoration:none;
	font-family:IranSans;
	font-size:13px;
	font-weight:600;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	border-right:1px dashed #000;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.menu-footer > ul > li:last-child > a
{
    border-right:0px;
}
.menu-footer > ul > li > a:hover
{
	color:#000;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.title-bar
{
	width:1280px;
	height:46px;
	line-height:46px;
	margin:10px auto;
	background: url(../Images/line.png) no-repeat left bottom;
	position:relative;
}
.title-bar h2
{
	margin:0px;
	padding:0px 5px;
	font-family:IranSans;
	font-size:18px;
	font-weight:normal;
	color:#000;
	float:left;
}
.title-bar h3
{
	margin:0px;
	padding:0px 5px;
	font-family:IranSans;
	font-size:18px;
	font-weight:normal;
	color:#000;
	border-bottom:solid 2px #a5883f;
	float:left;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main
{
	width:1280px;
	min-height:350px;
	margin:10px auto;
}
.main:empty
{
    display:none;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.form-text-right
{
	width:48%;
	float:right;
}
.form-text-left
{
	width:48%;
	float:left;
}
.form-text-left-with-border
{
	width:48%;
	padding:10px;
	margin-top:10px;
	border:solid 1px #cdcdcd;
	background-color:#ffffff;
	float:left;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.form-text-left-signup
{
	height:351px;
}
.form-text-left-signin
{
	height:199px;
}
.form-text-left-change-information
{
	height:199px;
}
.form-text-left-change-password
{
	height:199px;
}
.form-text-left-forget-password
{
	height:123px;
}
.form-text-left-change-forget-password
{
	height:123px;
}
.form-text-left-change-forget-password
{
	height:123px;
}
.form-contact-us
{
	height:626px;
}
.form-contact-us-text
{
    height:48%;
	height:calc(50% - 10px);
}
.form-contact-us-map
{
    height:48%;
	height:calc(50% - 10px);
	margin-top:10px;
	overflow:hidden;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.result
{
	font-family:IranSans;
	font-size:14px;
	color:#464646;
	text-align:center;
}
.result p
{
    padding:10px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.map-text
{
    padding:5px 15px 5px 5px;
    font-family:IranSans;
    font-size:13px;
    color:#4a4a4a;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:1480px)
{
    .productList > div
     {
   	    width:95%;
     }
}
@media only screen and (max-width:1340px)
{
    .full-bar > div
    {
        width:95%;
    }
  
    .product-imageButton
    {
	    width:100% !important;
    }
    
    .product-view-cover-image img
    {
	    width:100%;
	    height:auto;
      
    }
    .product-images
    {
       width:100%;

    }
    .product-title 
    {   
        width:80%;
    }
    .top-bar > div
    { 
        width:95%;
    }
    .main
	{
		width:95%;
	}
	.title-bar
	{
		width:95%;
	}
	.header > div
    {
        width:100%;
    }
   .about-form
   {
       width:95%;
   }
    .products
    {
        width:95%;
    }
    .footer > div 
    {
        width:95%;
    }
    .brands
    {
        width:95%;
    }
    .designer > div
    {
        width:95%;
    }
 
}


@media only screen and (max-width:1100px)
{
    .footer > div > div:first-child
    {
        width:30%;
    }
    .footer > div > div:last-child
    {
        width:70%;
    }

    .footer > div > div img
    {
        width:300px;
    }
}
@media only screen and (max-width:982px)
{
    .footer > div > div:first-child
    {
        width:100%;
        float:none;
        margin-top:20px;
        clear:both;
        height:180px;
    }
    .footer > div > div:last-child
    {
        width:100%;
        float:none;
        margin-top:20px;
    }

    
    .menu-bar
    {
        margin-top:20px !important;
    }
    .gallery-layout > div
    {
        width:25%;
    }
}
@media only screen and (max-width:820px)
{
    .about-div 
    {
        float: left;
        position: relative;
        width: 50%;
    }
    .about-div > div 
    {
        height: 80px;
    }
   
   
    
}
@media only screen and (max-width:768px)
{ 
    .header > div img
    {
        width:300px;
      
    }
    .header > div 
    {
        height: 130px;
    }
    .about-form 
    {
        height: 451px;
        background: url(../Images/about.png) no-repeat center bottom;
    }
     .about-div
     {
         width:100%;
         margin-left:0px;
     }   
   
    figure.snip1206 h3 
    {
        font-size:13px;
    }
   .gallery > div 
   {
        width: 46%;
        margin:2%;
   }
    .full-bar ul li:nth-child(3)
    {
        display:none;
    }
    .videos-bar-3-cell > ul > li:nth-child(3n)
    {
        margin-right:2%;
    }
    .videos-bar-3-cell > ul > li
    {
        width:49%;
    }
    .videos-bar-3-cell > ul > li:nth-child(2n)
    {
        margin-right:0px;
    }
    .brands
    {
        width:85%;
    }
   
    .product-desc
    {
       width:100%;
       float:none;
    }
    .product-title
    {
        width :100%;
        margin-top :20px;
    }
        

    .main-posts-images 
    {
        width: 100%;
        float:none;
    }
    .posts-description 
    {
        width: 100%;
        float:none;
    }
   .title-bar 
    {
        text-align:center;
        background: url(../Images/line.png) no-repeat center bottom;
    }
    .title-bar h2
    {
	    font-size:16px;
	    border-bottom:none;
	    float:none;
    }
    .title-bar h3
    {
	    font-size:16px;
	    border-bottom:none;
	    float:none;
    }
	.form-text-right
	{
		width:100%;
		float:none;
	}
	.form-text-left
	{
		width:100%;
		float:none;
	}
	.form-text-left-with-border
	{
		width:100%;
		float:none;
		margin-top:30px;
		height:auto;
	}
	.form-contact-us
	{
		height:auto;
	}
	.form-contact-us-map
	{
	    height:350px;
	}
	.member-menu
	{
		display:none;
	}
	.member-menu-responsive
	{
		display:block;
	}
	
	
    .gallery > div h3
    {
        font-size:16px;
    }
    .catalog-layout > div
    {
        width:33.33%;
    }
	
	
}
@media only screen and (max-width:590px)
{
   
    .footer > div
    {
        padding-top:10px;
    }
    .menu-footer > ul 
    {
        height:100px;
        margin-bottom:15px;
    }
    .menu-footer > ul > li 
    {
        width: 50%;

    }
    .menu-footer > ul > li > a 
    {
        line-height: 20px;
        height: 20px;
        font-size:12px;
    }
    .add , .tel
    {
        width:100% !important;
    }
    .full-bar
    {
        height:1200px;
        background: url(../Images/parallax2.jpg) no-repeat fixed 50% 50%;
    }
        
    .full-bar ul li
    {
        float:none;
        width:100%;
        margin-right:0px;
    }
    .full-bar ul li:nth-child(3) 
    {
        display: block;
    }   
  
}
@media only screen and (max-width:480px)
{
    .header > div img
    {
        width:200px;
    }
    .header > div 
    {
        height: 90px;
    }
    .product-layout-h3
     {
        text-align:center;
	    font-size:14px;
	    padding-right:0px;
   
     }
    .product_text 
    {
        text-align: center;
    }
    .product-us-more 
    {
        float: none;
        margin-left: 0px;
        margin:10px auto;
    }
    
    .brands
    {
        width:70%;
    }
    
    .product-layout ul > li
    {
	    width:100%;
	    margin:2% 0px 0px 0px;
	    float:none;
	   
    }
 
    .product-layout ul > li:nth-child(3n)
    {
	    margin-right:0px;
    }
    .product-layout ul > li:nth-child(2n)
    {
	    margin-right:0px;
    }
    
   .catalog-layout > div
    {
        width:50%;
    }
     .designer
     {
         font-size:13px;
     }
     .designer a 
    {
        font-size: 13px;
    }
    .designer > div > div 
    {
        float:none;
         text-align:center;
    }
     .copyright 
    {
        float:none;
         text-align:center;
    }
   

   
  .product-images ul li 
   {
        width: 22%;
        margin-right:4%;

   }
    .product-images ul li:nth-child(5n) 
   {
        
        margin-right:4%;

   }
    .product-images ul li:nth-child(4n) 
   {
        margin-right:0px;

   }
    

}
@media only screen and (max-width:350px)
{
    .gallery > div
    {
        width:100%;
        float:none;
        margin:0px;
        margin-bottom:20px;
    }
    
    
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */