/* Designed by http://web-art.ir */

.responsive body {
	min-width: 240px;
}
  
.responsive .web-art-content-layout img,
.responsive .web-art-content-layout video {
	max-width: 100%;
	height: auto !important;
}

.responsive.responsive-phone .web-art-content-layout img  {
	float: none !important;
}

.responsive .web-art-content-layout .web-art-sidebar0, 
.responsive .web-art-content-layout .web-art-sidebar1, 
.responsive .web-art-content-layout .web-art-sidebar2  {
	width: auto !important;
}

.responsive .web-art-content-layout, 
.responsive .web-art-content-layout-row, 
.responsive .web-art-layout-cell  {
	display: block;
}

.responsive .image-caption-wrapper  {
	width: auto;
}

.responsive.responsive-tablet .web-art-vmenublock,
.responsive.responsive-tablet .web-art-block {
	margin-left: 1%;
	margin-right: 1%;
	width: 48%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.responsive .web-art-responsive-embed  {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	height: 0;
}

.responsive .web-art-responsive-embed iframe,
.responsive .web-art-responsive-embed object,
.responsive .web-art-responsive-embed embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.responsive .web-art-header  {
	width: auto;
	height: auto;
	min-height: 100px;
	min-width: 1%;
	margin-right: 1% !important;
	margin-left: 1% !important;
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: repeat !important;
}

.responsive .web-art-header .web-art-headline, 
.responsive .web-art-header .web-art-slogan  {
	display: block !important;
	top: 0 !important;
	left: 0 !important;
	margin: 2% !important;
}

.responsive .web-art-header .web-art-headline a, 
.responsive .web-art-header .web-art-slogan  {
	white-space: normal !important;
}
  
.responsive .web-art-header * {
	position: relative;
	text-align: center;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-o-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
}

.responsive .web-art-header #web-art-flash-area,
.responsive .web-art-header .web-art-shapes>* {
	display: none;
}

.responsive #web-art-header-bg  {
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: repeat !important;
}

/* Search and other elements in header element directly */
.responsive .web-art-header>.web-art-textblock {
	position: relative !important;
	display: block !important;
	margin: 1% auto !important;
	width: 75% !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
}

/* For icons like facebook, rss, etc. */
.responsive .web-art-header>.web-art-textblock>div  {
	width: 100%;
}
/* dynamic width nav */
.web-art-nav .web-art-menu-btn  {
	border: 1px solid #404040;
	border-radius: 3px;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
	display: none;
	background: -ms-linear-gradient(top, #707070 0, #000 100%);
	background: -moz-linear-gradient(top, #707070 0, #000 100%);
	background: -o-linear-gradient(top, #707070 0, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));
	background: -webkit-linear-gradient(top, #707070 0, #000 100%);
	background: linear-gradient(to bottom, #707070 0, #000 100%);
	margin: 3px;
	padding: 5px;
	position: relative;
	width: 20px;
}

.web-art-nav .web-art-menu-btn span  {
	background: #E0E0E0;
	border-radius: 2px;
	display: block;
	height: 3px;
	margin: 3px 1px;
	position: relative;
	-moz-transition: background .2s;
	-o-transition: background .2s;
	-webkit-transition: background .2s;
	transition: background .2s;
}

.web-art-nav .web-art-menu-btn:hover span {
	background: #f3f3f3;
}

.responsive .web-art-nav .web-art-menu-btn  {
	display: inline-block;
}

.responsive nav.web-art-nav,
.responsive .web-art-nav-inner {
	width: auto !important;
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	margin-top: 0;
	margin-bottom: 0;
	min-width: 0;
	text-align: right !important;
}

.responsive nav.web-art-nav {
	min-width: 1%;
	margin-top: 1%;
}

.responsive .web-art-nav  {
	padding-left: 0;
	padding-right: 0;
	margin-top: 20px;
	z-index: inherit;
}

/* full width hmenu, instead of inline-block */
.responsive .web-art-nav ul.web-art-hmenu  {
	display: none;
	float: none;
	text-align: center;
}

.responsive .web-art-nav .web-art-hmenu.visible  {
	display: block;
}

/* elements on different lines */
.responsive .web-art-nav ul.web-art-hmenu li {
	float: none;
}
.web-art-hmenu-extra1 {
	float: left;
}
.web-art-hmenu-extra2 {
	float: left;
}
  
/* horizontal margins */
.responsive .web-art-nav ul.web-art-hmenu>li:first-child, 
.responsive .web-art-nav ul.web-art-hmenu>li:last-child, 
.responsive .web-art-nav ul.web-art-hmenu>li {
	margin-left: 0;
	margin-right: 0;
}
 
/* separator */ 
.responsive .web-art-nav ul.web-art-hmenu>li:before {
	display: none;
}

/* vertical distance between items */
.responsive .web-art-nav ul.web-art-hmenu a {
	margin-top: 1px !important;
	margin-bottom: 1px !important;
	text-align: center !important;
	height: auto;
	white-space: normal;
}

.responsive .web-art-nav ul.web-art-hmenu>li:first-child>a {
	margin-top: 0 !important;
}

.responsive .web-art-nav ul.web-art-hmenu>li:last-child>a {
	margin-bottom: 0 !important;
}

/* fixes for extended menu */
.responsive .web-art-nav .ext, 
.responsive .web-art-nav ul.web-art-hmenu>li>ul, 
.responsive .web-art-nav ul.web-art-hmenu>li>ul>li,
.responsive .web-art-nav ul.web-art-hmenu>li>ul>li a {
	width: auto !important;
}

/* submenu position on hover */
.responsive .web-art-nav ul.web-art-hmenu ul {
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	display: none !important;
	position: relative !important;
	visibility: visible !important;
}

.responsive .web-art-nav ul.web-art-hmenu>li>ul>li:first-child:after  {
	display: none;
}
.responsive .web-art-nav ul.web-art-hmenu ul a {
	padding-right: 4% !important;
}
.responsive .web-art-nav ul.web-art-hmenu ul ul a {
	padding-right: 6% !important;
}
.responsive .web-art-nav ul.web-art-hmenu ul ul ul a {
	padding-right: 8% !important;
}
.responsive .web-art-nav ul.web-art-hmenu ul ul ul ul a {
	padding-right: 10% !important;
}
.responsive .web-art-nav ul.web-art-hmenu ul ul ul ul ul a {
	padding-right: 12% !important;
}
  
.responsive .web-art-nav ul.web-art-hmenu>li>ul {
	padding: 4px;
}
  
.responsive .web-art-nav ul.web-art-hmenu>li>ul:before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.responsive .web-art-sheet {
	width: auto !important;
	min-width: 240px !important;
	max-width: none;
	margin-right: 1% !important;
	margin-left: 1% !important;
	margin-top: 1% !important;
}

#web-art-resp {
	display: none;
}

@media all and (max-width: 768px) {
	 #web-art-resp, #web-art-resp-t { display: block; }
	 #web-art-resp-m { display: none; }
}

@media all and (max-width: 480px) {
	 #web-art-resp, #web-art-resp-m { display: block; }
	 #web-art-resp-t { display: none; }
}

.responsive .web-art-content-layout, 
.responsive .web-art-content-layout-row, 
.responsive .web-art-layout-cell  {
	display: block;
}

.responsive .web-art-layout-cell  {
	width: auto !important;
	height: auto !important;
	border-right-width: 0 !important;
	border-left-width: 0 !important;
	border-radius: 0 !important;
}

.responsive .web-art-content-layout:after, 
.responsive .web-art-content-layout-row:after, 
.responsive .web-art-layout-cell:after  {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.responsive ul.web-art-vmenu>li>ul {
	padding: 5px;
	display: none;
}

.responsive ul.web-art-vmenu>li>ul:before {
	display: block;
	position: absolute;
	content: ' ';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.responsive ul.web-art-vmenu>li>ul.vmenu-resp-popup-visible  {
	display: block;
}

.responsive ul.web-art-vmenu ul {
	position: relative;
	left: auto;
	top: auto;
	visibility: visible;
}

.responsive ul.web-art-vmenu ul ul a  {
	padding-right: 54px;
}

.responsive ul.web-art-vmenu ul ul ul a  {
	padding-right: 81px;
}

.responsive ul.web-art-vmenu ul ul ul ul a  {
	padding-right: 108px;
}

.responsive ul.web-art-vmenu ul ul ul ul ul a  {
	padding-right: 135px;
}

.responsive .web-art-post {
	border-radius: 0;
}

.responsive .web-art-footer-inner {
	min-width: 0;
}

.responsive .responsive-tablet-layout-cell  {
	width: 50% !important;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}