@charset "utf-8";
/*
Theme Name:قالب اختصاصی بازرگانی کنگرلو
Theme URI: http://dibapc.com
Version: 2.4
Description: پرتال ویژه شرکتی
Author:تیم طراحی دپارتمان طراحی دیبا 
Author URI: http://dibapc.com
*/
/* css rest   */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	background: #F8F8F8;
}
.row {
    margin-right:0px;
    margin-left: 0px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	width: 100%;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
/****font***/
@font-face {
	font-family: 'BYekan';
	src: url('fonts/BYekan.eot?#') format('eot'),  /* IE6?8 */ url('fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BYekan.ttf') format('truetype');  /* Saf3?5, Chrome4+, FF3.5, Opera 10+ */
}

/* public */
body {
	margin: 0px;
	background-color: rgba(245, 245, 245, 0.24);
	background-position: center;
}
.bor{    border: 5px solid #eee;
    border-top: 0px;
    border-bottom: 0px;}
.nav_primary{float: right;width: 100%;font-size: 13px;font-family: byekan;margin: 0px;}
.nav_primary li a{color: #009DDC;}
.nav_primary li a:hover{
    background: #EDF8FD;
}
.navbar-toggle {
    position: relative;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    margin: 7px 45%;
}
.nav_primary .navbar-toggle .icon-bar{background: #000;}
.navbar-collapse{padding: 0;}
.navbar-nav{margin:0;}
.navbar-toggle .icon-bar{background: #4ECDC4;}
section {
	float: right;
	width: 100%;
	height: auto;
	position: relative;
}
.bg{background:url(images/body.jpg);background-size: 100% 100%;background-repeat: no-repeat;}
.margins {
	width: 980px;
	height: auto;
	margin: 0 auto;
}
.floats {
	float: right;
	width: 100%;
	margin-top: 20px;
}
.sidebar {
	float: right;
	width: 290px;
	height: auto;
	min-height: 200px;
}
/***header***/
.baner{
    width: 100%;
    float: right;
    padding: 0px 20px;
}
.baner img{
    width: 100%;
    padding: 0px 0px;
    border-radius: 20px;
    float: right;
    margin-bottom: 20px;
    margin-top: 20px;
}
header {
	float: right;
	width: 100%;
	height: auto;
	padding-top: 10px;
}
header .logo {
	float: right;
	height: auto;
	width: 245px;
}
header .logo img{width:100%;}

header .tell{
	float: left;
	height: 30px;
	width: 160px;
	font-size: 13px;
	font-family: byekan;
	margin-top: 20px;
	color: #999;
	background: rgba(248, 248, 248, 0.44) url(images/phone-icon.png);
	padding: 10px;
	border-radius: 5px;
	box-sizing: content-box;
	line-height: 2.5;
	background-repeat: no-repeat;
	background-position: 10% 50%;
	}
header .tell img{width:42px;float: left;}

header hr {
	margin-bottom: 0px;
	border: 0;
	border-top: 1px solid #eee;
	float: right;
	width: 100%;
}
.main_border{
    height: 30px;
    border: 5px #eee solid;
    border-bottom: 0px;
    background: #fff;
}
/* menu */
.nav_main  {float:right;margin-bottom: 0px;border: 0px;}
.nav_main  #bs-navbar-collapse-2{position:relative;}
.nav_main  #bs-navbar-collapse-2 .dropdown{position:static;}

.nav_main li.open path{
    fill-opacity: 0.6;
}
.nav_main li.open a{color: #A7A5A5;}
.nav_main li a {
	float: right;
	text-decoration: none;
	font-size: 13px;
	font-family: byekan;
	font-weight: 400;
	text-align: center;
	width: 100%;
	color: #141414;
}
.nav_main li img {
	margin-left: auto;
	margin-right: auto;
	height: 45px;
	display: block;
}
.nav_main li h3 {
	font-weight: 400;
	width: 100%;
	text-align: center;
	margin: 0px;
	font-size: 13px;
	height: 25px;
	line-height: 2;
	margin-top: 10px;
}
.nav_main li .submenu{
	width: 100%;
	height: auto;
	z-index:1000;
	top: 110px;
	border-top: 1px solid #ccc;
	border-radius: 0px;
	margin: 0px;
	position: absolute;
	background-clip: padding-box;
	padding-bottom: 0px;
}
.nav_main li .submenu .menu{width: 25%;float:right;box-sizing: border-box;padding: 0px 15px;}
.nav_main li .submenu  h3{
    padding: 15px 0px;
    font-size: 17px;
    height: 25px;
    border-bottom: 1px solid #ccc;
    font-family: byekan;
    font-weight: 400;
    box-sizing: content-box;
    margin: 0px;
    line-height: 1.5;
    text-align: right;
}
.nav_main li .submenu ul{
    width:100%;
    float: right;
    list-style-position: inside;
    direction: rtl;
}
.nav_main li .submenu ul li{

width: 100%;

text-align: right;

margin: 0px;

height: 30px;

direction: rtl;

float: right;
}
.nav_main li .submenu ul li a{
    text-align: right;
    width: 100%;
    float: right;
    line-height: 2.5;
}

.nav_main li .submenu p{
    font-size: 13px;
    font-family: byekan;
    line-height: 2.5;
    text-align: justify;
    direction: rtl;
}

.nav_main li .submenu  img{
width:100%;height: auto;position: relative;bottom: 0px;
}

/* main*/
.main_home{
    width: 100%;
    border: 5px #eee solid;
    height: auto;
    border-top: 0px;
    border-bottom: 0px;
    padding-bottom: 400px;
    float: right;
    box-sizing: border-box;
    background: #fff;
}

.main_home .about_us{width:100%;float:right;height: auto;}
.main_home .about_us .title{/* width:20%; */float:right;font-family: byekan;padding-right: 2%;font-size: 45px;}
.main_home .about_us .text{float:right;font-size: 17px;font-family: byekan;line-height: 2;padding-left: 2%;text-align: justify;}
.main_img{
    position: absolute;
    width: 100%;
    right: 0px;
    bottom: 0px;
}
.main_img img{height:100%;float:right;width:100%;}
.main_bottom{
    position: absolute;
    width: 100%;
    right: 0px;
    top: 0px;
}
.main_bottom img{height:100%;float:right;width:100%;}
.prodact_list{
    width: 100%;
    height: 380px;
    border-top: 0px;
    border-bottom: 0px;
    padding-top: 20px;
    float: right;
    box-sizing: content-box;
    padding-bottom: 345px;
    position:relative;z-index:1000;
    }
    .prodact_list .title{
    font-size: 19px;
    padding: 10px 0px;
    color: #009edd;
    font-family: byekan;
    margin-bottom: 10px;
}
    .prodact_list ul{list-style:none;font-size:17px;font-family:byekan;}
    .prodact_list ul li{width: 33.333333%;box-sizing:border-box;padding:15px;text-align:center;border:1px solid #ccc;float: right;}
    .prodact_list ul li a{color:#fff;}
    .prodact_list ul li:hover {background:#211e1e;}
/* links */


.hedar-logo {
	width: 980px;
	height: 110px;
	background-image: url(images/header-new.png);
	margin-left: auto;
	margin-right: auto;
	background-position: center;
	background-repeat: no-repeat;
}
.hedar-logo h1 {
	font-family: BYekan;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	position: relative;
	top: -200px;
}
.hedar-logo p {
	font-family: BYekan;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	position: relative;
	top: -200px;
}

.customers{	width: 100%;
	height: auto;
	float: right;}
	.customers ul{list-style:none;width:100%;float: right;}
.customers li{float: right;width:11.111111%;}
.customers li img{display:block;margin:0 auto;}
/*slide*/
.main-slide {
	background-color: #fff;
	width: 100%;
	height: auto;
	float: right;
}
/*post tags*/
.post-tags {
	/* margin-top: 40px; */
	float: right;
}
.post-tags a {
	display: block;
	float: right;
	padding: 0px 12px;
	height: 30px;
	line-height: 30px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #E4E4E3 url(images/filter-button.png) repeat-x;
	border: 1px solid #CCC;
	color: #555;
	text-shadow: 1px 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px 0 #EEE;
	-webkit-box-shadow: 0 1px 2px 0 #EEE;
	box-shadow: 0 1px 2px 0 #EEE;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	direction: rtl;
	text-decoration: none;
	font-family: BYekan;
	font-size: 13px;
	font-weight: normal;
}
.post-tags a:hover {
	background: #e6e6e6
}
/***************اطلاعات مطلب************/
.info {
	width: 100%;
	float: right;
	height: 40px;
	font-family: byekan;
	font-size: 13px;
	line-height: 2;
	border-bottom: 1px solid #009ede;
	padding: 5px;
	border-top: 1px solid #EAEAEA;
	border-radius: 5px 5px 0px 0px;
	box-sizing: border-box;
}
.info samp {
	margin-left: 8px;
	font-family: byekan;
	font-size: 13px;
	float: right;
	font-weight: 400;
}
.info samp i {
	float: right;
	font-size: 20px;
	margin-left: 5px;
	margin-top: 5px;
	color: #009ede;
}
.info samp a {
	color: #000;
	text-decoration: none;
}
/********************پایان اطلاعات مطالب************/
.single-box {
	width: 100%;
	font-family: Byekan;
	font-size: 13px;
	float: right;
	height: auto;
}
.single-page {
	width: 100%;
	height: auto;
	float: right;
	background-color: #fff;
	border-radius: 3px;
	overflow: hidden;
	-moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.64);
	-webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.64);
	box-shadow: 0 0px 1px rgba(0, 0, 0, 0.64);
}
.single-page-text {
	width: 100%;
	height: auto;
	float: right;
	background-color: #fff;
}
.single-box .title {
	width: 100%;
	height: 170px;
	float: right;
	line-height: 7;
	font-size: 17px;
	font-family: BYekan;
	border-bottom: 0px;
	direction: rtl;
	color: #070707;
	background: #F8F6EF url(images/title.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: auto 170px;
	text-align: center;
}
.single-box .title h1 {
	width: 100%;
	float: right;
	height: 170px;
	line-height: 10;
	font-family: BYekan;
}
.single-page .img-box {
	width: 100%;
	height: 100%;
	float: right;
	padding: 1%;
	border-radius: 3px 3px 0px 0px;
	background: #fff;
}
.single-page .img-box img {
	border-radius: 3px 3px 0px 0px;
	display: block;
	width: 70%;
	margin: 1px auto;
}
.single-page .text {
	width: 100%;
	float: right;
	height: auto;
	line-height: 2;
	font-family: BYekan;
	direction: rtl;
	font-size: 14px;
	box-sizing: border-box;
	padding: 1%;
}
.single-page .text p {
	font: 14px/25px 'BYekan';
	margin-bottom: 15px;
	color: #212121;
	text-align: justify;
}

.single-page .text a {
	color: #49539a
}

.single-page .text a:hover {
	color: #da3b3b
}

.single-page .text ol li,
.single-page .text ul li {
	font-family: BYekan;
	font-size: 13px;
}

.single-page .text ul li {
	list-style: inside disc
}

.single-page .text ol li {
	list-style: decimal inside
}

.single-page .text .alignright {
	float: right;
	margin: 12px 0 12px 12px;
	max-width: 100%;
	height: auto
}

.single-page .text .alignleft {
	float: left;
	margin: 12px 12px 12px 0;
	max-width: 100%;
	height: auto
}

.single-page .text .aligncenter {
	display: block;
	margin: 28px auto;
	max-width: 100%;
	height: auto;
	border-radius: 4px;
	box-shadow: 0 0 5px #e8e8e8
}

.single-page .text h1 {
	font: 20px/30px 'BYekan';
	color: #666
}

.single-page .text h2 {
	color: #5041bf;
	margin: 40px 5px 11px 0;
	font: 19px/30px 'BYekan';
}

.single-page .text h3 {
	margin: 40px 5px 11px 0;
	font: 18px/30px 'BYekan';
	color: #e42424
}

.single-page .text h4 {
    font: 17px/30px 'BYekan';
    color: #22c129;
    padding-bottom: 11px;
}

.single-page .text h5 {
    font: 16px/30px 'BYekan';
    color: #ca2fe4;
    padding-bottom: 7px;
}

.single-page .text h6 {
	font: 14px/30px 'BYekan';
	color: #666
}

.single-page .text table td {
	border: 1px solid #555;
	padding: 3px 6px
}

.single-page .text hr {
	margin-top: -5px;
	padding: 0
}

.single-page .text img {
	display: block;
	margin: 0 auto;
	height: auto;
}

.single-page .tags {
	width: 100%;
	padding-top: 5px;
	border-top: 1px solid #009ede;
	float: right;
	height: auto;
}
/*post tags*/
.post-tags {
	float: right;
}
.post-tags a {
	display: block;
	float: right;
	padding: 0px 12px;
	height: 30px;
	line-height: 30px;
	margin-left: 5px;
	margin-bottom: 5px;
	background: #E4E4E3 url(images/filter-button.png) repeat-x;
	border: 1px solid #CCC;
	color: #555;
	text-shadow: 1px 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px 0 #EEE;
	-webkit-box-shadow: 0 1px 2px 0 #EEE;
	box-shadow: 0 1px 2px 0 #EEE;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	direction: rtl;
	text-decoration: none;
	font-family: BYekan;
	font-size: 13px;
	font-weight: normal;
}
.post-tags a:hover {
	background: #e6e6e6
}
.single-page-addres {
	float: right;
	width: 310px;
	height: auto;
	margin-right: 10px;
}
.single-page-addres .titer {
	width: 300px;
	float: right;
	height: 30px;
	line-height: 2;
	border-bottom: 1px solid #30B32B;
	margin-right: 5px;
	margin-left: 5px;
}
.single-page-addres label {
	float: left;
	width: 15px;
	padding: 5px;
	height: 15px;
	margin-left: 5px;
}
.single-page-addres samp {
	float: left;
	width: 265px;
	text-align: left;
	height: 15px;
	padding: 5px;
	line-height: 1.2;
}
.single-page-addres .tell {
	background: url(images/tell.png);
	background-repeat: no-repeat;
}
.single-page-addres .fax {
	background: url(images/fax.png);
	background-repeat: no-repeat;
}
.single-page-addres .adderslarg {
	float: right;
	width: 265px;
	text-align: right;
	margin-bottom: 5px;
	height: auto;
	padding: 5px;
	line-height: 1.5;
}
.single-page-addres .mobaile {
	background: url(images/mobile.png);
	background-repeat: no-repeat;
}
.single-page-addres .email {
	background: url(images/email.png);
	background-repeat: no-repeat;
}
.single-page-addres .adders {
	background: url(images/map.png);
	float: right;
	margin-right: 5px;
	background-repeat: no-repeat;
}
.single-page-addres .website {
	background: url(images/preview.png);
	background-repeat: no-repeat;
}
/**************ساید بار**********/
.article-box {
	width: 100%;
	float: right;
	height: auto;
	border: 1px solid #e7dce0;
	border-radius: 5px;
	background: #fff;
	margin-bottom: 15px;
}
.article-box h4 {
	font-size: 18px;
	font-family: BYekan;
	width: 100%;
	padding: 0px 2%;
	float: right;
	text-align: right;
	border-bottom: 1px solid #DDDDDD;
	height: 40px;
	line-height: 2.5;
	box-sizing: border-box;
}
.article-box .color {
	background: #6F6F6F;
	color: #fff;
	border-radius: 5px 5px 0px 0px;
}
.article-box h4 i {
	float: right;
	font-size: 25px;
	height: 40px;
	line-height: 2;
	margin-left: 10px;
}
.article-box .forum li {
	width: 100%;
	height: 26px;
	direction: rtl;
	list-style: disc;
	border-radius: 5px;
	padding-top: 0px;
	margin-top: 4px;
	line-height: 1;
	text-align: right;
	color: #7a7a7a;
	border-bottom: 1px solid #eee;
}
.article-box .forum li:last-child {
	border-bottom: 0px solid #eee;
}
.article-box .forum li:hover {
	color: #eb3838
}
.article-box .forum li:hover > a {
	padding-right: 15px;
}
.article-box .forum {
	width: 96%;
	float: right;
	padding-right: 4%;
}
.article-box .forum ul {
	float: right;
	width: 92%;
	margin-right: 4%;
}
.article-box .forum li a {
	text-decoration: none;
	direction: rtl;
	font-weight: normal;
	font-style: normal;
	color: #888;
	font-family: BYekan;
	font-size: 13px;
	text-align: right;
	transition: all 0.3s ease-in-out;
}
/*****************بخش دسته بندی مقالات و اخبار *******************/
article {
    margin-bottom: 20px;
    background-color: #fff;
    float: right;
    width: 31%;
    height: auto;
    border-radius: 0;
    padding: 0 0.5%;
    overflow: hidden;
    font-family: byekan;
    margin-right: 1.7%;
    border: 1px solid rgb(238, 238, 238);
}
article .article-img {
    width: 100%;
    padding-top: 5px;
    float: right;
    height: 270px;
    display: block;
}
article .article-img img {
	height: 100%;
	width: auto;
	display: block;
	margin: 0 auto;
}
article h2 {
	float: right;
	width: 100%;
	font-size: 14px;
	color: #009ede;
	line-height: 3;
	text-align: right;
	direction: rtl;
	height: 45px;
	background: #f1f1f1;
	text-align: center;
}
article .text {
    line-height: 1.5;
    width: 100%;
    float: right;
    text-align: justify;
    padding: 5px 0;
    height: 100px;
    font-size: 13px;
    margin-bottom: 10px;
}
article .more {
    float: left;
    margin-left: 0;
    height: 30px;
    line-height: 2;
    text-decoration: none;
    margin-bottom: 0px;
    background: #009ede;
    position: relative;
    left: -6px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
}
article .more a {
	text-decoration: none;
	    color: #ffffff;
}
.more-link {
	display: none;
}
/******************بخش پست های مرتبت ******************/
.rel_box {
	width: 100%;
	float: right;
	margin-top: 10px;
}
.rel_titer {
	float: right;
	width: 100%;
	height: 28px;
	line-height: 2;
	padding-right: 2%;
	background: #009ede;
	color: #fff;
	margin-top: 10px;
	border-radius: 0px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
.rel_box .rel_posts {
	width: 49%;
	margin-left: 10px;
	float: right;
	margin-bottom: 10px;
}
.rel_box .rel_posts:nth-child(2) {
	margin-left: 0px;
}
.rel_box .rel_posts:nth-child(4) {
	margin-left: 0px;
}
.rel_box .rel_posts:nth-child(6) {
	margin-left: 0px;
}
.rel_thumb {
	width: 100%;
	float: right;
}
.rel_thumb a {
	width: 100%;
	float: right;
}
.rel_link {
	float: right;
	width: 99%;
	height: 28px;
	line-height: 2;
	background: #ECECEC;
	margin-top: -3px;
	padding-right: 1%;
}
.rel_link a {
	float: right;
	text-decoration: none;
	color: #535353;
}
.breadcrumbs {
    padding: 8px 15px;
    margin: 20px 0px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    float: right;
    width: 100%;
}
.breadcrumbs>li {
    display: inline-block;
}
.breadcrumbs a {
    color: #337ab7;
    text-decoration: none;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
    float: right;
}
.customers li img{width: 100%;}


}
.slider{float: right;width: 100%;height: auto;}.slider img{float: right;width: 100%;height: auto;}
#carousel-generic{border:5px solid #eee;border-top:0px;border-bottom:0px;background: #fff;}
footer{

padding: 30px 25px!important;

border-radius: 3px;

margin: 0px auto 20px;

border: 5px solid #eee;

border-top: 0px;

background: #fff;
}
footer .footer_box{}
footer .footer_box .title{
    font-size: 13px;
    font-family: byekan;
    height: 40px;
    line-height: 3;
    margin-bottom: 10px;
}
footer .footer_box .title img{width:auto;height: 70%;float: right;padding-left: 15px;margin-top: 5px;}
footer .footer_box .link{}
footer .footer_box .link ul{
    list-style: none;
}
footer .footer_box .link ul li{
    height: 30px;
}

footer .footer_box .link ul li a{
    font-family: byekan;
    font-size: 13px;
    font-weight: 400;
    line-height: 2;
    color: #858585;
    transition:all 0.3s ease-in-out;
    width: 100%;
}
footer .footer_box .link ul li i{float:right;height: 30px;padding-top: 5px;margin-left: 10px;  transition:all 0.3s ease-in-out;}
footer .footer_box .link ul li:hover a{text-decoration:none;color:#4ecdc4;padding-right:5px;}
footer .footer_box .link ul li:hover > i{color:#d9261c;}
footer .footer_box .more{}
footer .footer_box .more a{}
.Newsletters{
    font-family: byekan;
}
.Newsletters .img{
    float: right;
    width: 25%;
}
.Newsletters .title{
    float: right;
    font-size: 17px;
    color: #FF5D5D;
    font-family: byekan;
    width: 75%;
    padding-right: 5%;
}
.Newsletters .main{
    font-size: 13px;
    float: right;
    width: 75%;
    padding-right: 5%;
    text-align: justify;
}
.Newsletters form{
   width:100%;
   float:right;
   margin: 0px 0;
   padding: 5px 7px;
   line-height: 35px;
   background-color: #efefef;
   margin: 10px 0px;
}
.Newsletters form input[type="email"]{
    float: right;
    height: 35px;
    padding: 0 10px;
    direction: ltr;
    text-align: right;
    margin: 0;
    width: calc(100% - 45px);
    border:0px;
    background-color: transparent;
    font-size: 11px;
}
.Newsletters form .submit{
    margin: 0;
    float: left;
    width: 45px;
    height: 35px;
    border: none;
    overflow: hidden;
    border-radius: 3px;
    position: relative;
    background-color: #fff;
    box-shadow: inset 0px -1.7px rgba(0, 0, 0, .1);
}
.Newsletters form .submit i {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    color: #56CAB8;
    font-size: 19px;
    line-height: 32px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.Newsletters  .social{width:100%;float:right;list-style:none;}
.Newsletters  .social li{width: 49%;float:right;color: #fff;font-size: 13px;height: 35px;line-height: 2.5;text-align: center;}
.Newsletters  .social li i{float:left;height:35px;width:35px;font-size:25px;line-height: 36px;}
.Newsletters  .social li a{color:#fff;}
.Newsletters  .social li:first-child{
    background: rgb(254, 166, 68);

}
.Newsletters  .social li:last-child{
    background-color: #15d6ff;
    margin-right: 2%;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
#comment-form .form-group input[type="text"] {
	padding-left: 12px;
	padding-right: 40px;
	width: 100%;
	border-radius: 5px;
	box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0,0,0,0.08) inset;
	transition: all 0.3s;
	line-height: 40px;
	height: 40px;
}
#comment-form .form-group input[type="text"]:focus {
	border: 0px solid #005c9f;
	box-shadow: 0 0 0 1px #005c9f;
}
#comment-form .form-group:before {
	color: #005c9f;
}
#comments {
	margin: 0px 0px 0px;
	background: rgb(0, 92, 159);
	padding: 5px;
	color: #fff;
	height: 45px;
	line-height: 2.5;
	padding-right: 10px;
	font-size: 13px;
}
#comments i{font-size:24px;margin-left:10px;float: right;height: 35px;line-height: 1.3;}
#commentsbox {
	float: right;
	width: 100%;
}
#commentsbox ol, #commentsbox ul {
	list-style: none;
	margin-left: 0 !important;
	float: right;
	width: 100%;
}
#commentsbox li {float: right;width: 100%;position: relative;padding-right: 60px;}
.children {
	list-style: none;
	text-indent: 0;
	width: 100%;
	float: right;
}
li .bypostauthor .comment-body {
	background: #B1FDC0;
}
.children li.depth-2 {
	padding: 0 50px 0px 0px;
}
.children li.depth-3 {
	padding: 0 50px 0px 0px
}
.children li.depth-4 {
	padding: 0 50px 0px 0px
}
.children li.depth-5 {
	padding: 0 50px 0px 0px
}
.comment-body {
	background: #f7f7f7;
	position: relative;
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 5px;
	float: right;
	width: 100%;
}
.comment-body br{display: none;}
.comment-body p {
	float: right;
	width: 100%;
}
#commentsbox .avatar {
	position: absolute;
	right: -60px;
	top: 0px;
	padding: 2px;
	border: 1px solid #CCC;
	-moz-box-shadow: 0px 0px 2px #CCC;
	-webkit-box-shadow: 0px 0px 2px #CCC;
	box-shadow: 0px 0px 2px #CCC;
	background: #ECF0F1;
}
.comment-author .fn {font-style:normal;
}
.comment-body .comment-awaiting-moderation{float:right;width:100%;padding: 10px;background: #fceeee;border-radius: 5px;margin: 15px 0px;}
.comment-author {
	font-size: 14px;
	color: #000;
	line-height: 1em;
	FLOAT: RIGHT;
	margin-left: 10px;
}
.comment-author .says {
	display: none;
}
.comment-meta a {
	margin-bottom: 10px;
	font-size: 12px;
	font-style: normal;
	color: #209af2;
}
.comment-meta {
	margin-bottom: 10px;
	float: right;
	font-style: normal;
}
.comment-reply-link {float: left;text-decoration: none !important;background: #afcce1;padding: 5px;border-radius: 5px;color: #fff !important;height: 30px;}
.cancel-comment-reply a {
	color: #F00
}
.cancel-comment-reply a:hover {
	text-decoration: underline
}
#respond {
	margin: 0px 0 0px;
	padding: 10px;
}
#commentform {
	margin-top: 10px;
	width: 100%;
	float: right;
	border-radius: 5px;
	margin-bottom: 15px;
}
#comments-respond {
	margin: 0px 0px 0px;
	background: rgb(175, 204, 225);
	padding: 5px;
	border-radius: 5px;
	color: #fff;
	height: 40px;
	line-height: 2;
	padding-right: 10px;
	box-sizing: border-box;
	font-size: 13px;
}
#respond .comment-notes {
	float: right;
	width: 100%;
	height: 30px;
	line-height: 3;
	color: #858585;
}
#respond textarea#comment {
	width: 100%;
	padding-right: 40px;
	height: 250px;
}
#respond input#author:focus, #respond input#email:focus, #respond input#url:focus, #respond textarea#comment:focus {
	border-color: #999
}
.comment-nav{float:right;}
/*comment submit button*/
#commentSubmit {
	cursor: pointer;
	font-family: byekan;
	display: block;
	padding: 0px 10px;
	height: 40px;
	line-height: 28px;
	background: #005c9f;
	border: 0px solid #CCC;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px 0 #EEE;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
.hctpc_block{
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0,0,0,0.08) inset;
    transition: all 0.3s;
    padding: 5px;
}
.hctpc_span{
    margin-right: 10px !important;
    line-height: 2.5 !important;
}
.hctpc_block label{padding:0px;}
form input.hctpc_input{padding: 0px !important;text-align: center;}
.contact {float:right;width: 100%;}
.contact .contact-box{
    width: 100%;
    float: right;
}
.contact .contact-box ul{
    list-style: none;
    font-size: 13px;
    font-family: b yekan;
    /* padding: 0px 10px; */
}
.contact .contact-box ul li span{
    float: right;
    width: 100%;
    background: #d0effb;
    color: #101010;
    padding: 7px;
    border-radius: 5px;
    text-align: right;
    margin-bottom: 5px;
}
.contact .contact-box ul li{
    width: 33%;
    float: right;
    padding: 10px;
    padding-top: 0px;
}
.contact .contact-box ul li i{
    font-size: 18px;
    margin-left: 10px;
}
@media (max-width: 480px) {	.contact .contact-box ul li{width: 100%;}
	.main_home .about_us .text{
    width: 100%;
    padding: 0px 10px;
}
header .logo {
    width: 100%;
}
.main_home{
    padding-bottom: 115px;
}
.prodact_list ul li{width:50%;font-size:11px;}
article{width:100%;margin:0px;}
.prodact_list{
    padding-bottom: 125px;
}
footer .footer_box .link ul li{height:auto;width:100%;float:right;}
}

@media (max-width: 768px) {
	.main_home .about_us .text{
    width: 100%;
    padding: 0px 10px;
}

.main_home{
    padding-bottom: 230px;
}
.prodact_list ul li{width:33%;font-size:11px;}
.prodact_list{
    padding-bottom: 100px;
}
footer .footer_box .link ul li{height:auto;width:100%;float:right;}
}
.wp-pagenavi {
	clear: both;
	width: 100%;
	float: right;
	padding: 20px 5px;
	margin: 0px;
	background: #eee;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 10px 10px;
	margin: 2px;
	float: right;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}