/* www.templatemo.com

TABLE OF CONTENT
	1. Universal Styles
	2. Header
	3. Home
	4. About & Footer
	5. Men
	6. Blog
	7. Contact
	8. Media Queries
----------------------------------------------*/
/* 1. Universal Styles
----------------------------------------------*/
@font-face {
  font-family: "iran_sans";
  src: url("../fonts/iran_sans.woff") format("woff");
}
ul { 
	margin: 0; 
	padding: 0;
    list-style: none;
}
* {	font-family: 'iran_sans', sans-serif; }
body {	
	font-size: 14px; 
}
.templatemo-container {
	margin: 0 auto;
	overflow: hidden;
	box-shadow: 0 0 17px #767676;
}
.gold-text { color: #D0AF51; }
.white-text { color: white; }
.gray-text { color: #838383; }
.mobile-menu-icon {
	cursor:pointer;
	display:none; 
}
a:hover { 
	color: #D0AF51;
	text-decoration: none;
}
h2 {
	font-size: 3.4em;
	font-weight: 300;
	letter-spacing: 3px;
}
img{
	max-width: 100%;
}
section { padding: 50px 0; }
.templatemo-section-header-hr {
	border-top-color: #D0AF51;
	width: 150px;
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
.templatemo-section-subheader {
	color: #D0AF51;
	display: inline-block;
	margin-bottom: 20px;
	font-size: 20px;
}
.templatemo-gray-bg { 
    background-image: url(../img/cc.jpeg);
    background-attachment: fixed;
    background-size: cover;
    background-position: right;
}
.templatemo-dark-bg {
    background: #252525;
	color: #DDD;
}
.margin-bottom-10 {	margin-bottom: 10px; }

/* 2. Header
----------------------------------------------*/
.templatemo-block-left { width: 40%; }
.templatemo-block-right { width: 60%; }
.templatemo-block-left,
.templatemo-block-right {
	float: left;
}
.templatemo-header-left,
.templatemo-header-right {	
	height: 550px;
}
.templatemo-header-left {
	color: #fff;
	background-image: url('../img/bb.jpg');
	background-repeat: no-repeat;
	background-size: cover; 
	background-position: bottom;
	position: relative;	
}
.templatemo-header-left-overlay {
	background-image: linear-gradient(to right, black,#00000000,#00000000 ,#00000000 , black);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.templatemo-header-right {
    background-image: url(../img/header-img.gif);
    background-position: center;
    background-size: cover;
}
.templatemo-header-right .ht-100{
    display: inline-block;
    height:100%;
    margin: auto -3px;
}
.templatemo-header-right img{
    height:100px;
    
}
.templatemo-header-right-overlay {
	background-image: linear-gradient(to right, black,#00000000,#00000000 ,#00000000 , black);
	height: 100%;
	width: 100%;
}
.templatemo-header-text-wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100%;
	z-index: 1000;
	direction: rtl;
	position: absolute;
    top: 0;
    width: 100%;
    text-shadow: 1px 1px 3px #333, -1px -1px 9px #333;
}
.templatemo-header-text {
	margin-right: 50px;
	text-align: right;
	width: 100%;
}
.templatemo-site-name {
	letter-spacing: 3px;
	font-size: 40px;
}
.templatemo-header-hr {
	border-top-color: #A4A2A2;
	width: 71px;
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
.templatemo-slogan {
	color: #A4A2A2;
	display: inline-block;
	font-size: 16px;
}
.templatemo-header-left .templatemo-slogan{
    color: #fff;
	display: inline-block;
	font-size: 20px;
}
/* Navigation */
.templatemo-social,
.templatemo-nav {
	height: 60px;
	width: 100%;
}
.templatemo-social {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;	
}

.templatemo-social a {
	color: #333;
	font-size: 1.4em;	
}
.templatemo-social i {
	background: #d0af51;
	border-radius: 30px;
	line-height: 30px;
	width: 50px;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	transition: all 0.3s ease;
}
.templatemo-social a:hover i {	background: #333; color: #d0af51; }
.templatemo-nav { background: #333;	}
.templatemo-nav li { line-height: 60px; }
.templatemo-nav a {
	color: #fff;
	font-weight: 800;
	display: inline-block;
	width: 90px;
	height: 60px;
	text-align: center;
	transition: all 0.3s ease;
}
.templatemo-nav a:hover { text-decoration: none; }
.templatemo-nav li.active a,
.templatemo-nav a:hover {
	    background: #333;
	    color: #d0af51;
}
.templatemo-social li,
.templatemo-nav li {
	display: inline-block;
	float: right;	
}

/* 3. Home
-------------------*/
/* New Arrivals */
.new-arrival-container {
	cursor: pointer;
	display: inline-block;
	position: relative;
	max-width: 100%;
	box-shadow: 0 0 8px #333;
}
.new-arrival-overlay {
	background: rgba(25, 25, 25, 0.29);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.new-arrival-title {
	color: rgb(237,237,237);
	font-size: 2.6em;
}

.new-arrival-title span {
	display: block;
	text-align: center;
}
.has-shadow{
	text-shadow: 0 0 5px #333;
}
.new-arrival-title .smaller-text {
	font-size: 0.5em;
	font-weight: 300;
	background: #33333352;
}
.font-script { font-family: 'iran_sans', cursive; }
.bordered-text {
	border: 1px solid #fff;
	padding: 5px 10px;
}

/* Product Type */
.product-type-container {
	box-shadow: 0 0 15px #232323;
	display: inline-block;
	position: relative;
	margin-bottom: 15px;
	max-width: 100%;
	
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.product-type-overlay {
	cursor: pointer;
	position: absolute;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(208, 131, 81, 0.15);
	z-index: 1000;
	opacity: 0;
	transition: all 0.3s ease;
}
.product-type-container:hover .product-type-img {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}

.product-type-container:hover{

    -webkit-filter: grayscale(70%);
	-moz-filter: grayscale(70%);
	-o-filter: grayscale(70%);
	-ms-filter: grayscale(70%);
	filter: grayscale(70%);
	
}
.product-type-container:hover .product-type-overlay {
	opacity: 1;
}
.product-type-info {
	text-align: center;
	width: 80%;
	height: 80%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.product-type-info h3 {
	font-size: 2.1em;
    text-shadow: 1px 1px 1px #333;
}
.product-type-info .fa {
	border: 2px solid #D0AF51;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	padding-top: 9px;
}
.product-type-info .fa.white-border {
	border-color: #fff;
}
.product-type-message {
	background: #fff;
	padding: 50px;
	text-align: right;
}
.gold-border {
    box-shadow: 0 0 15px #565656;
}
.product-type-message p {
	line-height: 1.8;
	margin-top: 20px;
	margin-bottom: 15px;
}
.product-type-message-title {
	margin-top: 0;
}

/* Our Products */
.img-fashion {
	max-height: 209px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.product-menu {
	margin-bottom: 80px;
	overflow: hidden;
	text-align: center;
	direction: rtl;
}
.product-menu li {
	background: #1d1d1d;
	display: inline-block;
	line-height: 60px;
	list-style: none;
	float: ;
}
.product-menu a {
	color: #D0AF51;
	width: 90px;
	height: 60px;
	padding: 20px 30px;
	text-align: center;
	transition: all 0.3s ease;
}
.product-menu li.active a,
.product-menu a:hover {
	background: #3C3C3D;	
}
.btn-gray-bordered {
	border: 2px solid #D1D1D1;
	color: #8F8E8E;
	display: inline-block;
	padding: 10px 30px;
	margin-top: 15px;
}

/* 4. About & Footer
-------------------*/
.templatemo-about-hr {
	display: inline-block;
	vertical-align: middle;
	width: 80px;
	border-top: 1px solid #ddd;
}
.templatemo-about-subtitle {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}
.about-us-text {
	line-height: 1.8em;
	margin: 80px auto 40px auto;
	max-width: 800px;
	font-size: 1.3em;
    color: #dcdcdc;
}
footer {
	background: #191919;
	color: #fff;
	font-size: 0.8em;
	padding: 20px;
}

/* 5. Men
--------------------------------------*/
.img-collection {
	max-width: 100%;
	max-height: 300px;
}
.price-tag {
	background: #AB0008;
	color: white;
	font-weight: 700;
	width: 100px;
	height: 40px;
	line-height: 40px;
	opacity: 0;
	position: absolute;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 1001;
	transition: opacity 0.3s ease;
}
.product-type-container:hover .price-tag { opacity: 1; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, 
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #D0AF51;
	border-color: #D0AF51;
}
.pagination>li>a, .pagination>li>span {
	color: #D0AF51;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	color: #AA8829;
}

/* 6. Blog
--------------------------------------*/
.templatemo-blog-post {	margin-top: 60px; }
.margin-bottom-0 { margin-bottom: 0; }
.post-img-container { position: relative; margin-bottom: 20px;}
.templatemo-post-date {
	position: absolute;
	top: 0;
	left: 0;
	background: black;
	width: 110px;
	height: 110px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;	
}
.date {	font-size: 3em; }
.templatemo-post-social {
	position: absolute;
	top: 0;
	left: 0;
	width: 110px;
	height: 100%;
	background: rgba(0,0,0,0.4);
	padding-top: 110px;	
}
.templatemo-post-social .fa {
	color: white;
	width: 50px;
	height: 50px;
	padding: 10px;
}
.red-bg { background: #AB0008; }
.gold-bg { background: #D0AF51; }
.flex-center {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.margin-top-10 { margin-top: 10px; }
.v-align-middle { vertical-align: middle; }
.post-excerpt {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: justify;
	font-size: 18px;
	padding: 20px;
}
.post-excerpt h1,.post-excerpt h2,.post-excerpt h3,.post-excerpt h4,.post-excerpt h5,.post-excerpt h6{
    font-size:20px;
}
.post-read-more {
	display: block;
	margin-bottom: 15px;
	margin-right:2px;
	background: #333;
	padding: 10px;
	color: #d0af51;
	width: 49.5%;
	text-align: center;
	float: right;
	font-size: 20px;

	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	-webkit-backface-visibility:hidden;
}
.post-read-more i{
    margin-left:7px;
}
.post-read-more:hover{

	color:#AFADAD;
}

.blog-post-pagination {	margin-top: 50px; }
.templatemo-blog-post-aside { padding-top: 70px; text-align: right;}

/* aside */
.aside-block {
	margin-bottom: 60px;
	overflow: hidden;
}
.aside-block h4 { font-weight: 700; }
hr.gold-hr { border-color: #D0AF51; }
.category-list { list-style: none; }
.category-list li {
	line-height: 3.2em;
	border-bottom: 1px dotted #bbb;
	margin-right: 20px;
}
.category-list li:last-child { border-bottom: none; }
.category-list a { color: #838383; }
.category-list a:hover { color: #D0AF51; }
.aside-post-excerpt h5 { font-weight: 700; }
.tag-list li {
	display: inline-block;
	list-style: none;
	float: right;	
}
.tag-list a {
	color: #AFADAD;
	display: block;
	background: #505050;
	padding: 8px 10px;
	margin-bottom: 5px;
	margin-right: 5px;
}
.tag-list a:hover {	color: #D0AF51; }

/* 7. Contact 
--------------------------------------*/
.w-120 { width: 120px; }
.templatemo-btn-gold {
	background: #D0AF51;
	width: 100%;
}
.templatemo-btn-gold:hover { background: #AE903B; }
.form-control,
.btn { border-radius: 0; }
.form-control {
	background: #000;
	color: #DDD;
}
.margin-bottom-20 { margin-bottom: 20px; }
.padding-0 { padding: 0; }
#google-map { height: 400px; }
.contact.templatemo-block-left {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.templatemo-contact-info {
	max-width: 400px;
	padding: 50px 30px;
	direction: rtl;
	text-align: right;
}



/*-----------------------------CUSTOM STYLE-------------------------------*/
.center-align{
	text-align: center;
}
.right-align{
	text-align: right;
}
.left-align{
	text-align: left;
}
.right-float{
	float: right;
}
.left-float{
	float: left;
}
.right-dir{
	direction: rtl;
}
.left-dir{
	direction: ltr;
}
.img-fashion:hover{
	transform: scale(1.1);
}
h2{
	font-weight: 800;
}
.height-100{
	height: 100%;
}
.pro-section{
    padding:100px;
    background: #171717;
}
.templatemo-social{
	background: #fff;
}
.sticky-nav{
	position: fixed;
	top: 0;
}
.sticky-nav ul{
	position: relative;
}
.col-50{
	width: 50%;
	padding: 10px;
	display: inline-block;
	float: right;
	text-align: justify;
}
.title-anchor{
	color: #333;
	transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-webkit-backface-visibility:hidden;
}
.white-color{
	color:#fff;
	text-shadow: 1px 1px 5px #333, -1px -1px 5px #333;
}
#login-header{
	border: 1px solid #767676;
	border-radius: 3px;
	padding: 20px;
	box-shadow: 0 0 3px #767676;
	background: #767676;
}
#login-header label{
	color: #fff;
}
#login-header input{
	display: inline-block;
	width:200px;
	height: 30px;
	border-radius: 2px;
	outline: none;
	-webkit-box-shadow: 0 0 2px  #d0af51 inset;
}
.hr-custom{
	width: 7%;
}

.templatemo-nav li.ter i:before{
	padding-right: 10px;
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	transition: background-color 5000s ease-in-out 0s;
	background: #fff;
}

.clear-both{
	clear: both;
}
.templatemo-nav li.tel{
	display: none;
}
.contact-elm{
	margin: 20px;
}
.tel-icon:before{
	margin-right: 15px;
	line-height: 4;
	color:#d0af51;
}
.contact-icon:before{
	margin-left: 10px;
	font-size: 40px;
	color: #D0AF51;
}
.contact-text{
	color: #767676;
	font-size: 20px;
}
.contact-elm p{
	padding: 10px;
}

.title-contact{
	margin: 50px;
}
#register_user{
	direction: rtl;
	width: 100%;
	background-image: url('../img/Patio_heater.jpg');
	background-repeat: no-repeat;
    background-size: cover;
}

#register_user form{
	text-align: right;
	background-color: #232323c4;
	color: #fff;
	padding: 20px;
}
#register_user .block_input{
	width: 49.5%;
	display: inline-block;
	margin-bottom: 20px;
}
#register_user input:focus{
	outline-color: #d0af51 
}
#register_user input:not([type='checkbox']){
	width: 100%;
	text-align: center;
	height: 35px;
	border-radius: 0;
	color: #4c4c4c;
}
#register_user input[type='checkbox']{
	float: left;
	text-align: center;
}
#register_user input[type='file']{
	float: none;
	width: auto;
}

#register_user input[type='submit']{
	background-color: #d0af52;
	border: 2px solid #d0af52;
	transition: all .3s;
	cursor: pointer;
	width: 99%;
	height: 50px;
	margin-top: 15px;
}


#register_user input[type='submit']:hover{
	opacity: 0.8;
}
#register_user label:not([for="c_image"]){
	color: #d0af52;
}
#register_user .c_username{
	width: 99%;
	display: block;
	margin-bottom: 20px;
}
.pass_desc{
	color: #fff;
	display: block;
}
#register_user .input_address{
	float: none;
	clear: both;
	width: 99%;
	margin-bottom: 20px;
}
#update_pass,#retrieve_pass{
    display:inline-block;
    text-align:center;
    width: 100%;
    padding: 20px;
}
#update_pass input,#retrieve_pass input{
    width:400px;
    height:40px;
}
.block_captcha{
	width: 99%;
	text-align: center;
}
.block_captcha img{
	display: inline-block;
}
.block_captcha a{
	display: block;
	color: #fff;
	padding: 15px;
}
.block_captcha a:hover{
	color: #d0af51;

}
.file{
    padding-top: 20px;
    width: 99%;
    margin-bottom: 20px;
}
.file label{
	text-align: justify;
}

.view_pass{
    width: 99%;
    margin-bottom: 20px;
}

/* massege for password  */
.tooltiptext {
    color: #fff;
	font-size: 12px;
    text-align: center;
    border-top: 1px solid #d0af52;
    padding-top: 20px;
}


.error{
	background: #dc35452b;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0px 0px 15px inset #ffffff94;
    margin-bottom: 20px;
}
.wrapper-cart{
	direction: rtl;
	text-align: center;
	margin: 0 auto;
    max-width: 1600px;
    overflow-x: auto;
}
.bottom-cart{
    margin:20px;
    text-align: center;
}
.bottom-cart .block-cart{
    width:100%;
    display: inline-block;
    max-width: 1600px;
}
.templatemo-container .templatemo-social{
	direction: rtl;
}
.templatemo-container .templatemo-social ul{
	height: 100%;
	width: 100%;
	margin-right: 1px;
}
.templatemo-container .templatemo-social ul li{
	height: 100%;
}
.templatemo-container .templatemo-social a{
	color: #333;
	height: 100%;
	display: inline-block;
    line-height: 3;
    padding: 0 26px;

	transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-webkit-backface-visibility:hidden;
}
.templatemo-container .templatemo-social a:hover{
	color: #d0af51;
	text-shadow: 1px 1px 2px #333;
}

.templatemo-social .search-li a i{
	background-color: transparent;
}
.slModalWrapper{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:#000;
	opacity:0.7;
	z-index:999;
	display:none;
}
.slModal{
	position:fixed;
	padding: 15px;
	border-radius: 5px;

	min-width: 30% !important;
	max-width: 90% !important;
	z-index:9999;

	display:none;
	box-sizing: border-box;
}
#loginBox , #searchBox{
	text-align: center;
	direction: rtl;
}
#loginBox input , #searchBox input {
	height: 36px;
    display: inline-block;
    width: 80%;
    margin: 5px auto;
    font-size: 1.7em;
    border: none;
    border-bottom: 1px solid #fff;
    color: #d0af51;
    text-align: center;
    background: transparent;
}
#loginBox input:focus , #searchBox input:focus{
	outline: none;
}
#loginBox input[type='submit'] , #searchBox input[type='submit']{
	background: #fff;
	color: #333;
	cursor: pointer;
	box-shadow: 0 0 5px #d0af51;
	margin-top: 30px;

	transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-webkit-backface-visibility:hidden;
}
.register_btn{
	height: 36px;
	display: inline-block;
	width: 80%;
	margin: 10px auto;
	font-size: 1.7em;
	border: 1px solid #fff;
	color: #333;
	text-align: center;
	background: #fff;
	box-shadow: 0 0 5px #d0af51;

	transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-webkit-backface-visibility:hidden;
}

#loginBox input[type='submit']:hover , #searchBox input[type='submit']:hover,.register_btn:hover,.register_btn:hover{
	color: #d0af51;
}
#loginBox input[type='submit']:active , #searchBox input[type='submit']:active, .register_btn:active{
	color: #333;
}
#loginBox img{
    width: 80%;
    height: 63px;
}
#loginBox .forgot_btn{
    display: inline-block;
    width: 80%;
    background: #FFF;
    margin: 10px 0;
    color: #333;
}
.change_captcha{
    display: inline-block;
    color: #000;
    background: #a0a0a0;
    width: 80%;
    padding:7px;
}

footer .templatemo-social{
    margin-bottom: 15px;
	background: none;
}
footer .templatemo-social ul{
	width: 100%;
}
footer .templatemo-social li{
	float: none;
}
footer .templatemo-social i:hover{
	background: transparent;
}
.post-img-container img{
	max-width: 100%;
	border: 1px solid #bbb;
}
.templatemo-container .templatemo-social form{
	margin: 0;
	width: 100%;
	text-align: right;
}
.templatemo-container .templatemo-social input{
	background: transparent;
	color: #d0af51;
    width: 130px;
    height: 39px;
    padding: 10px;
    border-radius: 2px;
    border: none;
    text-align: right;
    direction: rtl;
    margin: 10px;
    font-size: 17px;
    outline-color: transparent;
    
    transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-webkit-backface-visibility:hidden;

}
.templatemo-container .templatemo-social input:focus{
	outline-color: #d0af51;
}


.templatemo-container .templatemo-social input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d0af51;
}
.templatemo-container .templatemo-social input::-moz-placeholder { /* Firefox 19+ */
  color: #d0af51;
}
.templatemo-container .templatemo-social input:-ms-input-placeholder { /* IE 10+ */
  color: #d0af51;
}
.templatemo-container .templatemo-social input:-moz-placeholder { /* Firefox 18- */
  color: #d0af51;
}

.table .thead-dark th{
	background-color: #333;
}

.cart-form{
	text-align: center;
	background-color: #333;

}
.cart-form .block_input{
	width: 30%;
	display: inline-block;
}
.cart-form input{
	font-size: 20px;
}
.cart-form input:not(type="submit"){
	margin: 10px;
	width: 50px;
	height: 50px;
}
.cart-form input:focus,.cart-form textarea:focus{
	outline-color: #d0af51;
}
.cart-form label{
	color: #fff;
	width: 100%;
	margin-top: 20px;
}
.cart-form textarea{
	margin: 10px;
	width: 90%;
	min-height: 100px;
	font-size: 20px;
}
.cart-form input.post-read-more{
    border: 0;
}
.cart-form input:not([type='submit']) {
    max-width: 172px;
}
.price_order{
	background-color: #a6a6a6;
	font-size: 1.3em;
	width:100%;
}

.order-sent-btn{
    padding:0!important;
    
}
.order-sent-btn a{
    margin-top: 5px;
    width:100%;
}

.templatemo-container .templatemo-social a[data-modal="searchBox"]{
	display: table;
}
a[data-modal="searchBox"] i{
	display: table-cell;
}

.no-bg{
	background-image: unset!important;
}
.no-bg form{
	display: inline-block;
}
.desc-part{
    font-size:1.05em;
    direction:rtl;
    color: #333;
}

/*SLIDER*/
.sliderContainer{
    height:100%;
}
.slSlider{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 99;
}
.slSlider ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.slSlider ul li{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display:none;
}
.slSlider ul li:first-child{
	display: list-item;
}
.slSlider ul li img{
	height: 150px;
    width: 150px;
    margin-left: 30px
}

.slSlider .counter{
	z-index:9999;
	position: absolute;
	font-size: 9px;
	color: #333;
	background-color: rgba(255,255,255,0.5);
	padding: 4px;
	border-radius: 0 0 3px 0;
}
.slSlider .next,.slSlider .prev{
	position: absolute;
	top: 45%;
	z-index: 9999;
    opacity: 0.7;
    background: #333;
	border-radius: 20px;
	height: 33px;
	width: 24px;
	display: inline-block;
	text-align: center;
}
.slSlider .next,.slSlider .prev:before{
    font-size:30px;
}
.slSlider .next:hover,.slSlider .prev:hover{
	cursor:pointer;
	opacity: 0.9;
}
.slSlider .next{
	right: 5px;
	
}
.slSlider .prev{
	left: 5px;
	
}
.slSlider .buttonsRow{
	z-index:9999;
	position: absolute;
	left: 10px;
	bottom: 10px;
}
.slSlider .buttonsRow span{
	float: left;
	width: 12px;
	height: 12px;
	font-size: 9px;
	font-family: tahoma;
	color: #777;
	background-color:#fff;
	opacity: 0.5;
	margin-right: 3px;
	padding: 1px;
	border-radius: 7px;
	text-align: center;
}
.slSlider .buttonsRow span:hover, .slSlider .buttonsRow span.curr{
	opacity: 0.9;
	cursor: pointer;
	color: #555;
}
.slSlider .sliderCaption{
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	background-color: #000;
	opacity: 0.7;
	width: 100%;
	height: 42px;
	z-index: 999;
	font-size: 20px;
	text-align: right;
	direction: rtl;
	line-height: 40px;
	padding-right: 10px;
	box-sizing: border-box;
}

.margin-bton-20{
    margin-bottom: 20px;
}
.clearfix{
    background: #171717;
}
/*PAGE SPECIAL*/
.page-templatemo-container{
    max-width:none;
    margin-top: 0;
}
.page-templatemo-container .content-header{
    
}
.page-templatemo-container .description-wrap{
    
}
.page-templatemo-container .description-title{
    margin-bottom: 30px;
}
.page-templatemo-container .description-text{
    color:#000;
    display: inline-block;
    text-align: center;
    font-size:1.4em;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 3px #d0af51;
    background: #ffffff99;
    padding: 30px;
    text-align: justify;
    height: 560px;
    vertical-align: top;
    direction: rtl;
}
.page-templatemo-container .description-img{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.page-templatemo-container .description-img img{
   
    box-shadow: 0 0 10px #d0af51;
}
header{
    background-image: url(../img/bg-blue.jpg);
    background-size: cover;
    background-position: right;
    padding: 150px 100px 50px 100px;
    position:relative;
    text-align: center;
    z-index: 1;
}
.header-overlay{
    background-image: linear-gradient( #00000000,#00000000,#171717),linear-gradient(to right, #171717,#00000000,#00000000,#171717);;
    height:100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.nav-page {
    border-radius: 7px;
    background: #3e3e3e80;
    top: 0;
    width: 100%;
    margin-bottom: 100px;
    border: 1px solid #2f2f2f;
    margin-right: auto;
    margin-left: auto;
    margin-top: -136px;
    box-shadow: 0 0 7px #d0af51;
}
.templatemo-nav.nav-page li a{
    color:#fff;
    
}

.templatemo-nav.nav-page li.active a, .templatemo-nav.nav-page a:hover{
    color:#D0AF51;
    background:transparent;
}
.templatemo-nav.nav-page li.tel{
    color:#fff;
}

.page-templatemo-container .templatemo-dark-bg{
    background:#131313;
}
.page-templatemo-container .mobile-menu-icon{
    left:auto;
    right: 5px;
}
.page-templatemo-container h2,.page-templatemo-container  h3,.page-templatemo-container h4{
    color:#fff;
}
.page-templatemo-container .product-menu li.active a,.page-templatemo-container  .product-menu a:hover {
    background: #333;
    color:#d0af51;
}
.page-templatemo-container .product-menu li{
    background:#fff;
}
.page-templatemo-container .product-menu a{
    color:#333;
}
.page-templatemo-container .templatemo-about-subtitle{
    color: #d0af51;
}
.page-templatemo-container .templatemo-about-hr{
    border-top-color:#d0af51;
}
.page-templatemo-container .templatemo-blog-post-aside{
    padding: 3%;
    background: #131313;
    margin-top: 70px;
}
.page-templatemo-container .pro-section >div{
        padding: 3%;
}
.page-templatemo-container footer{
    background:#0e0e0e;
}

.parent-plugin{
    text-align:left;
}
.close-btn{
    font-size: 3em;
    color: #fff;
    width: 100%;
}

.more-pro{
    margin-top: 25px;
}
.footer-text{
    font-size: 15px;
}
.page-404{
    margin: 50px;
    font-family: iran_sans;
}
.header-text-h{
    font-size: 50px;
    font-weight: bold;
}
/* 8. Media Queries 
--------------------------------------*/
@media screen and (max-width: 1500px) {
    .page-templatemo-container .description-text{
        font-size: 1.2em
    }
}
@media screen and (max-width: 1300px) {
    .page-templatemo-container .description-text{
        font-size: 1.15em
    }
}

@media screen and (max-width: 1199px) {
    .page-templatemo-container .description-text{
        font-size: 1.05em;
    }
  
}
@media screen and (max-width: 1050px) {
    .page-templatemo-container .description-text{
        font-size: 1em;
    }
  
}
@media screen and (max-width: 991px) {
	.templatemo-header-left,
	.templatemo-header-right {
		height: 300px;
	}
	.templatemo-site-name {	font-size: 25px; }
	.templatemo-header-hr {	width: 45px; }
	.templatemo-slogan {
		font-size: 10px;
	}
	.templatemo-blog-post-aside { padding-top: 0; }
	.templatemo-slogan{
		font-size:12px;
	}
	.cart-form .block_input{
		width: 100%;
		display: block;
	}
	.slSlider ul li img{
	    height:100px;
	    width:100px;
	}
	.product-type-message{
	    margin: 0 10px 30px 10px;
	}
	.page-templatemo-container .description-text{
        font-size:1.15em;
        height:auto;
    }
    .parent-plugin{
        text-align:center;
    }
    header {
        padding: 150px 30px 50px 30px;
    }
    .page-templatemo-container .aside-block h4{
        font-size: 1.3rem;
    }
	
}

@media screen and (max-width: 767px) {
	.templatemo-block-left,
	.templatemo-block-right {
		float: none;
		width: 100%;
	}
	.templatemo-header-left { height: 140px; }
	.templatemo-header-right {}
	.templatemo-header-text-wrap,
	.templatemo-header-left-overlay { 
	    background-image: linear-gradient(to right, black,#00000000,#00000000 ,#00000000 , black),linear-gradient(to top, black,#00000000,#00000000 ,#00000000 );
	}	
	.templatemo-social { height: 40px; }
	.templatemo-nav {
		background: rgba(0,0,0,0.7);
		display: none;
		position: fixed;
		top: 60px;
		left: 5px;
		width: auto;
		height: 245px;
		overflow: auto;
		z-index: 1000;		
	}
	.templatemo-nav li {
		display: block;
		float: none;
	}
	.mobile-menu-icon {
		cursor: pointer;
		display: block;
		position: fixed;
		top: 10px;
		left: 5px;
		z-index: 1000;
	}
	.mobile-menu-icon:hover .fa { background-color: #3C3C3D; }
	.mobile-menu-icon .fa {
		color: #d0af51;
		background-color: #333;
		font-size: 2em;
		width: 50px;
	    height: 50px;
	    padding-top: 11px;
	    padding-left: 14px;
		border-radius: 2px;
	}
	.templatemo-post-social,
	.templatemo-post-date {
		width: 90px;		
	}
	.templatemo-post-date {	height: 90px; }
	.date {	font-size: 2em;	}
	.contact.templatemo-block-left {
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	#google-map { height: 400px; }
	.templatemo-slogan{
		display: none;
	}
	.templatemo-header-hr{
		display: none;
	}
	.templatemo-header-left{
		
	}
	.templatemo-header-right-overlay{
	    background-image: linear-gradient(to right, black,#00000000,#00000000 ,#00000000 , black),linear-gradient(to bottom, black,#00000000,#00000000 ,#00000000);
	}
	.templatemo-nav a{
		color: #d7d5d5;
	}
	.templatemo-nav{
		width: 50%;
	}
	.templatemo-nav a{
		width: 100%;
	}
	.templatemo-section-header-hr{
		width: 30%;
	}
	#register_user .block_input{
		width: 100%;
		display: block;
	}
	.templatemo-container .templatemo-social a{
		line-height: 2;
	}
	.slSlider ul li img {
        height: 100px;
        width: 100px;
        margin-left: 30px;
    }
    .templatemo-header-left .templatemo-slogan{
        display:none;
    }
    .templatemo-container{
        margin-top:0;
    }
    .templatemo-site-name{
        margin-right:10px;
    }
    .slSlider .next,.slSlider .prev{
        display: none;
    }
    .post-read-more{
        width: 100%;
    }

    .page-templatemo-container .description-text{
        font-size:1.25em;
        margin-top:20px;
        height:auto;
        margin-left: auto;
        margin-right: auto;
    }
    .page-templatemo-container .templatemo-blog-post-aside{
        background:none;
    }
    #loginBox{
        top:40px!important;
        position:absolute;
    }
    
}
@media screen and (max-width: 575px) {
    .page-templatemo-container .description-text{
        margin-left: 10px;
        margin-right: 10px;
    }
}
@media screen and (max-width: 540px) {
	.date { font-size: 1.2em; }
	.templatemo-post-social,
	.templatemo-post-date {
		width: 80px;
	}
	.templatemo-post-date {	height: 60px; }
	.templatemo-post-social { padding-top: 55px; }
	.templatemo-post-social .fa {
		width: 30px;
		height: 30px;
		padding: 7px;
	}
	.fa-2x { font-size: 1.2em; }
	.col-50{
	    width:100%;
	}
	table{
	    min-width: 430px;
	}

	thead{
	    width:25%;
	    float:right;
	}
	tbody{
	    width:75%;
	    float:left;
	    display: flex;
        flex-wrap: nowrap;
	}
	tr{
	    display:inline-block;
	    float:right;
        min-width: 100px;
	}
	.table .thead-dark th,.table td{
	    display:block;
	    height: 50px;
	    border-bottom: 1px solid #8a8a8a;
	}
	#update_pass input,#retrieve_pass input{
        width:200px;
    }
    
	

}

@media screen and (max-width: 500px) {
	h2 { font-size: 2.4em; }	
}

@media screen and (max-width: 490px) {
	.product-menu li { line-height: 39px; }
	.product-menu a {
		font-size: 0.9em;
		padding: 10px 15px;
	}
	.templatemo-social a{
		font-size: 1em;
	}
	.templatemo-social i{
		width: 20px;
		height: 20px;
		line-height: 21px;
	}
	.templatemo-site-name{
		font-size: 22px;
	}
	.templatemo-header-text:last-child{
		    margin-right: 0;
	}
	.templatemo-nav{
		width: 100%;
	}
	#loginBox input, #searchBox input{
		font-size: 1.5em;
	}
	.page-templatemo-container .description-img img {
        width: auto;
        height: auto;
    }
    .pro-section{
        padding: 50px 0 0 0;
    }
}

@media screen and (max-width: 345px) {
	.product-menu a { padding: 10px; }	
		.templatemo-site-name{
		font-size: 16px;
	}
	.slSlider ul li img{
	    width:70px;
	    height:70px;
	}
	
	
	.templatemo-section-header-hr,.templatemo-about-hr{
		display: none;
	}
	.templatemo-container .templatemo-social a{
		padding: 0 15px;
	}
	.page-templatemo-container .description-text{
	    padding:15px;
	}
	.templatemo-container .templatemo-social a {
        padding: 0 5px;
    }

}

/*CUSTOM BREAK POINT*/

 

@media screen and (min-width: 1200px) {

	.templatemo-nav li.tel{
		display: block;
		float: left;
		margin-left: 40px;
		height: 100%;
		color:#fff;
	}
	
	.product-type-message{
		padding: 10px 18px;
		min-height: 525px;
	}
	.templatemo-site-name{
		font-size: 50px;
	}
	.templatemo-slogan{
		font-size: 20px;
	}
	.desc-part{
        font-size:1.3em;
	}
	


}

@media screen and (min-width: 768px) {

	.product-type-message{
		padding: 10px 18px;
	}
	.file label{
    	margin-left: 25px;
	}
	.tel-left{
		display: none!important;
	}

	
}
@media screen and (max-width: 1000px) {
	
	.templatemo-social i{
		width: 35px;
	}
}

@media screen and (min-width: 1000px){
	.product-type-message{
		padding: 10px 18px;
		height: 446px;
	}
	#register_user form{
		width: 600px;
	}
	
	

}