/*
Theme Name: Nobonyad
Theme URI: https://noinco.com/
Author: a.kermanshahi
Author URI: https://noinco.com/
Description: وب سایت شرکت بازرگانی نوبنیاد صنعت
Version: 1.7
License: GNU General Public License v2 or later
*/

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,q:before, q:after {
	content: '';
    content: none;
}

table {
	border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
	font-family: 'regyekan';
    src:url('http://cdn.font-store.ir/fonts/yekan/Yekan-Regular.woff2') format('woff2'),
    url('http://cdn.font-store.ir/fonts/yekan/Yekan-Regular.woff') format('woff'),
    url('http://cdn.font-store.ir/fonts/yekan/Yekan-Regular.ttf') format('truetype'),
	url('http://cdn.font-store.ir/fonts/yekan/Yekan-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'yekan';
    src:url('http://cdn.font-store.ir/fonts/yekan/Yekan-Bold.woff2') format('woff2'),
    url('http://cdn.font-store.ir/fonts/yekan/Yekan-Bold.woff') format('woff'),
    url('http://cdn.font-store.ir/fonts/yekan/Yekan-Bold.ttf') format('truetype'),
	url('http://cdn.font-store.ir/fonts/yekan/Yekan-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

*{
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6{
	font-weight: 400;
}

body{
	direction: rtl;
	background-color: #F5F5F5;
	font-family: 'regyekan','Myriad pro',tahoma;
	font-size: 14px;
}

:focus{
	outline: 0;
}

input, textarea, button, select{
	font-family: "regyekan";
}

a{
	color: #666;
	text-decoration: none;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
}

a:hover,a:focus,a:visited,a:active{
	text-decoration: none;
}

li{
	list-style: none;
}

img{
	max-width: 100%;
}

hr{
	border:0;
    border-bottom:1px solid #ddd;
    display:block;
    margin:25px auto;
    width:100px
}

/*-----------------------------------------------------*/
#main{
	width: 100%;
	margin: 0 auto;
}

.clearfix{
	clear: both;
}

.container{
	width: 940px;
	margin: 0 auto;
}

/*-----------------------------------------------------*/
#header{
	width: 100%;
	float: right;
	background-color: #fff;
	border-bottom: 2px solid #af2d37;
	border-width: 100%;
}

#logo{
	float: right;
	margin-top: 15px;
}

#logo img{
	float: right;
	border-radius: 2px;
	
}

#menu{
	float: right;
	margin-right: 30px;
}

#menu ul li{
	display: inline-block;
}

#menu ul li a{
	display: block;
	padding: 70px 15px 30px; 
	font-size: 15px;
	color: #666;
	/*text-shadow: 1px 2px 2px rgba(0,0,0,.2);*/
}

#menu ul li a:hover{
	color: #CC0000;
}

#search{
	float: left;
	margin: 60px auto 10px;
}

#search input{
	background: url('images/icon/search.png') 3% no-repeat;
	width: 240px;
	padding: 5px 7px;
	border: 1px solid #dbdbdb;
	border-radius: 2px;
	direction: rtl;
	text-align: right;
    font: 12px 'regyekan','Myriad pro', Tahoma;
    color: #666;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c6c6c6;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #c6c6c6;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #c6c6c6;
}

:-moz-placeholder { /* Firefox 18- */
  color: #c6c6c6;
}
/*-----------------------------------------------------*/
#slider{
	width: 100%;
	margin: 0 auto;
	border-bottom: 2px solid #af2d37;
	border-width: 100%;
}

#slider ul li img{
	height: 500px;
}

/*! http://responsiveslides.com v1.55 by @viljamis */
.rslides {
	position: relative;
	list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;

    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
	position: relative;
    display: block;
    float: left;
}

.rslides img {
	display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

/*-----------------------------------------------------*/
#img-text{
	width: 100%;
	height: 300px;
	background: url('images/industrial 1.jpg');
	background-size: cover;
	background-attachment: fixed;
	float: right;
	margin-top: 70px;
	position: relative;
	border-top: 2px solid #AF2D37;
	border-bottom: 2px solid #AF2D37;
	border-width: 100%;
}

#img-text p{
	font-size: 30px;
	color: #fff;
	text-align: center;
	margin-top: 60px;
	line-height: 65px;
	text-shadow: 3px 3px 5px rgba(0,0,0,.2);
}

/*-----------------------------------------------------*/
#index-products-grids{
	width: 100%;
	margin: 0 auto;
	float: right;
}

#index-pg-title{
	width: 100%;
	float: right;
	margin: 70px 0 10px;
	text-align: center;
}

#index-pg-title h2{
	font: 30px 'regyekan', tahoma;
	color: #666;
	/*text-shadow: 1px 2px 2px rgba(0,0,0,.2);*/
}

#index-pg-title hr{
	width: 200px;
}

.index-pg-cells{
	width: 30%;
	height: auto;
	float: right;
	margin: 30px 8px;
	padding: 20px;
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}

.index-pg-cells img{
	width: 100%;
	max-height: 100%;
}

.index-pg-cells h2{
	font: 18px 'regyekan', tahoma;
	font-weight: bold;
	color: #666;
	padding: 7px 0;
	text-align: center;
	/*text-shadow: 1px 2px 2px rgba(0,0,0,.2);*/
}

.index-pg-cells p{
	font-size: 16px;
	color: #707070;
	line-height: 35px;
	text-align: center;
	/*text-shadow: 1px 2px 2px rgba(0,0,0,.2);*/
}

#index-pg-link{
	width: 100%;
	float: right;
	margin: 20px 0 40px;
	text-align: center;

}

#index-pg-link a{
	font: 22px 'regyekan', tahoma;
	color: #666;
	padding: 5px 10px;
	border: 2px solid #af2d37;
	border-radius: 4px;
	/*text-shadow: 1px 2px 2px rgba(0,0,0,.2);*/
	box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
}

#index-pg-link a:hover{
	color: #CC0000; 
}

/*-----------------------------------------------------*/
#footer{
	width: 100%;
	background: #333;
	float: right;
	text-align: center;
	box-shadow: 0 -2px 2px rgba(0,0,0,.15);
	-webkit-box-shadow: 0 -2px 2px rgba(0,0,0,.15);
	-moz-box-shadow: 0 -2px 2px rgba(0,0,0,.15);
	-o-box-shadow: 0 -2px 2px rgba(0,0,0,.15);
}

#footer hr{
	width: 30%;
	margin: 60px auto 0;
	border: 0;
    border-bottom: 2px solid #3A3A3A;
    display: inline-block;
    vertical-align: text-top;
}

#footer h2{
	font-size: 25px; 
	color: #F2F2F2;
	display: inline-block;
	margin-top: 50px;
	vertical-align: top;
	padding: 0 10px;
}

#footer-contact{
	width: 100%;
	margin: 80px auto 0;
	float: right;
}

#footer-contact .footer-contact-icon i{
	font-size: 30px !important;
	color: #AF2D37;
}

#footer-contact hr{
	width: 100px;
	margin: 20px auto;
	border: 0;
    border-bottom: 2px solid #3a3a3a;
    display: block;
}

#footer-contact p{
	font-size: 14px;
	color: #F2F2F2;
	line-height: 30px;
}

#footer-contact #footer-address{
	width: 25%;
	float: right;
	margin: 0 auto
}

#footer-contact #footer-phone{
	width: 25%;
	float: right;
	direction: ltr;
}

#footer-contact #footer-fax{
	width: 25%;
	float: right;
	direction: ltr;
}

#footer-contact #footer-mail{
	width: 25%;
	float: left;
}
 
#footer #social-icon{
	width: 100%;
	float: right;
}

#footer #social-icon ul{
	width: 100%;
	margin: 20px auto 0;
	text-align: center;
}
#footer #social-icon ul li{
	display: inline-block;
}

#footer #social-icon a{
	padding: 5px;
}

#footer #social-icon ul li a:hover i{
	transform: rotateZ(30deg);
	transition: all .5s ease-in-out;
}

#footer #social-icon a i{
	color: #AF2D37;
	display: block;
	margin: 0 0 10px 5px;
}

#footer #social-icon ul li span{
	font-size: 12px;
	color: #F2F2F2;
	padding: 10px 10px 10px 17px;
}

#footer #copyright hr{
	width: 70%;
	margin: 30px auto 0;
	border: 0;
    border-bottom: 2px solid #3A3A3A;
    display: block;
}
#footer #copyright p{
	font-size: 12px;
	color: #f2f2f2;
	padding: 15px 25px 25px;
}

/*-----------------------------------------------------*/
#about{
	width: 100%;
	float: right;
	margin: 0 auto;
}

#about img{
	width: 100%;
	height: 300px;
	float: right;
	background-size: cover;
	border-bottom: 2px solid #af2d37;
	border-width: 100%;
}

#about-text{ 
	margin: 40px auto;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
    -o-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
    box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
}

#about h2{
	padding-top: 30px; 
	font-size: 25px;
	color: #666;
	text-align: center;
	/*text-shadow: 1px 2px 2px rgba(0,0,0,.2);*/
}

#about hr{
	width: 100px;
}

#about p{
	width: 100%;
	margin: 0 auto;
	padding: 0 40px 40px;
	font-size: 18px;
	line-height: 45px;
	text-align: justify;
	color: #515151;
}

/*-----------------------------------------------------*/
#contact{
	width: 100%;
	float: right;
	margin: 0 auto;
}

#map{
	border-bottom: 2px solid #af2d37;
	border-width: 100%;
}

#contact-form-header{
	width: 60%;
	float: right;
	display: inline-block;
	margin: 65px 0 0;
}


#contact-form{
	float: right;
}

.contact-form-div{
	margin-bottom: 20px;
}

.contact-label{
	font: 16px 'regyekan',tahoma;
	color: #515151;
	display: block;
	/*text-shadow: 1px 2px 2px rgba(0,0,0,.2);*/
}

.contact-label-span{
	padding: 0 5px 15px 0
}

.required-field{
	color: red;
	padding-right: 5px;
}

#contact-form input{
	width: 100%;
	display: block;
	margin-top: 5px;
	padding: 5px 10px;
	border: 1px solid #dbdbdb;
	border-radius: 4px
}
.contact-form-input{
	width: 100%;
	display: block;
	padding: 5px 10px;
	border: 1px solid #dbdbdb;
	border-radius: 4px
}

#contact-form textarea{
	width: 100%;
	display: block;
	padding: 5px 10px;
	margin-top: 5px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	resize: vertical;
}

.contact-form-text-area{
	width: 100%;
	display: block;
	padding: 5px 10px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	resize: vertical;
}

#contact-form input:focus, #contact-form textarea:focus{
    border: 1px solid #af2d37;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#contact-form input[type="email"]:focus{
    text-align: left;
}

#contact-form input[type="email"]{
	font-size: 16px;
}

#contact-recaptcha{
	display: table;
	margin: 0 auto;
}

#contact-button{
	width: 100%; 
	margin: 0 190px;
}

#contact-form button{
	width: 170px;
	float: right;
	display: inline-block;
	margin: 20px 0 40px;
	padding: 7px 0;
	background-color: #af2d37;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;

}

#contact-form input[type="submit"]{
	width: 170px;
	float: right;
	display: inline-block;
	margin: 20px 0 40px;
	padding: 7px 0;
	background-color: #af2d37;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	font-size: 18px;
	color: #fff;
}

#contact-form input[type="submit"]:hover{
	background-color: #96262f !important;
	transition: all .4s ease-in-out !important;
}

div.wpcf7-response-output{
	width: 100% !important;
	float: right !important;
	display: block;
	display: none;
    margin: 20px auto !important;
    padding: 15px !important;
    border: 2px solid #af2d37 !important;
    border-radius: 4px !important;
    text-align: right !important;  
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
	border: 2px solid #af2d37;
	border-radius: 4px;
}

#contact-text{
	width: 40%;
	float: left;
}

#contact-text h2, #contact-form-header h2{
	font-size: 22px;
	color: #af2d37;
	text-align: center;
	text-shadow: 1px 2px 2px rgba(0,0,0,.2);
}

#contact-text hr{
	margin: 20px auto 5px;
}

#contact-text p{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	color: #515151;
	text-shadow: 1px 2px 2px rgba(0,0,0,.2);
}

#address{
	width: 100%;
	float: right;
	margin: 70px 0 30px;
}

#address p{
	width: 60% !important;
	line-height: 40px !important;
	text-align: justify !important;
}

#phone, #fax{
	width: 100%;
	float: right;
	padding-bottom: 30px;
}

#phone, #fax p{
	direction: ltr;
}

/*-----------------------------------------------------*/
#products{
	width: 100%;
	float: right;
	margin: 0 auto;
}

#products img{
	width: 100%;
	height: 250px;
	float: right;
	background-size: cover;
	margin-bottom: 40px;
	border-bottom: 2px solid #af2d37;
	border-width: 100%;
}

#products-text{
	float: right;
	margin-bottom: 40px;
}

.products{
	width: 100%;
    margin: 10px auto;
    position: relative;
    float: right;
    background: #efefef;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
    -o-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
    box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
}

.left{
	width: 30%;
	float: left;
	margin-right: 25px;
}

.left img{
	float: left;
	background-size: cover;
}

.products h2{
	padding: 20px 20px 5px;
	font-size: 28px;
	color: #af2d37;
	display: inline-block;
	text-shadow: 1px 2px 2px rgba(0,0,0,.2);
}

.products ul{
	padding-bottom: 25px;
}

.products ul li{
	padding: 10px 20px;
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
    color: #666;
    text-shadow: 1px 2px 2px rgba(0,0,0,.2);
}

/*-----------------------------------------------------*/
#responsive-menu {
	float: right;
	display: block;
}

#responsive-menu ul {
	width: 100%;
	display: none;
	position: absolute;
	background-color: #fff;
	top: 195px;
	z-index: 1000;
}

#responsive-menu ul li {
	display: block;
	float: none;
}

#responsive-menu ul li a {
	display: block;
	padding: 0px 15px 20px; 
	font-size: 15px;
	color: #666;
	text-shadow: 1px 2px 2px rgba(0,0,0,.2);
	text-align: center;
}

#responsive-menu ul li a:hover {
	color: #CC0000;
}

#responsive-menu #nav-bar {
	display: none;
	cursor: pointer;
	margin: 50px 30px 0 0;
}

#responsive-menu #nav-bar .icon-bar {
	display: block;
	width: 25px;
	height: 2px;
	margin: 5px;
	background-color: #666;
	border-radius: 2px;
}

/*-----------------------------------------------------*/
.index-iso {
	width: 100%;
	margin: 0 auto;
	float: right;
}

.index-iso .iso-item {
	width: 20%;
	height: auto;
	float: right;
	margin: 110px 35px 50px;
	padding: 0;
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}

.index-iso .iso-item img{
	width: 100%;
	max-height: 100%;
}