/* Table of Content
==================================================
	#WordPress Default Class
	#General Sites
	#Pre-Header
	#Pre-Content
	#Header
	#Footer
	#Navigation
	#Pagination
	#Blog Page
	#Portfolio Page
	#Comment
	#Link Styles
	#Title
	#Thumb & Zoom
	#HTML Element
		form
		standart button
		contact form 
		table 
		button 
	#Misc
	#Media Queries
	#Font-Face */


/* #WordPress Default Class
================================================== */
.alignleft {
	float:left;
	margin:0 20px 20px 0;
}
.alignright {
	float:right;
	margin:0 0 20px 20px;
}
.aligncenter {
	margin:0 auto;
	display: block;
}
img.alignleft {
	float:left;
	margin:0 10px 5px 0;
}
img.alignright {
	float:right;
	margin:0 0 5px 10px;
}
img.aligncenter {
	margin:0 auto;
	display: block;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone { 
	margin: 5px 20px 20px 0; 
}
.wp-caption.alignleft { 
	margin: 5px 20px 20px 0; 
}
.wp-caption.alignright { 
	margin: 5px 0 20px 20px; 
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}
.gallery p { 
	margin-bottom: 0; 
}
.gallery-item{
	float:left;
	width:80px !important;
	height:80px;
	display:inline-block;
	margin-right:10px;
	margin-bottom:20px;
}
.gallery-icon{
	display:inline-block;
	width:80px;
	height:80px;
}
.gallery-icon img{
	width:80px;
	height:80px;
	display:block;
}
.sticky, 
.gallery-caption, 
.bypostauthor {}


/* #General Sites
================================================== */
#main-container{
	padding:30px 0 0;
}


/* #Pre-Header
================================================== */
#pre-header{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	z-index:99;
}
.pre-header-inner{
	background-color:#333;
	padding:20px 0 5px;
	color:#ccc;
}
.pre-header-inner h3{
	color:#ccc;
}
.pre-arrow, .pre-arrow.open{
	margin:0 auto;
	width:70px;
	display:block;
	text-indent:-9999px;
	background:url(../images/pre-arrow.png) no-repeat center;
	width:24px;
	height:16px;
}
.pre-arrow{
	background:url(../images/pre-arrow-open.png) no-repeat center;
}


/* #Pre-Content
================================================== */
#pre-content, 
#footer{
	position:relative;
	border-bottom:4px solid #ececec; 
	overflow:hidden;
	color:#fff;
	background-color:#0254a6;
	background-image:-webkit-gradient(radial, center top, 0, center top, 600, color-stop(0, #08abf0), color-stop(1, #0254a6));
	background-image:-webkit-radial-gradient(top center, ellipse farthest-side, #08abf0, #0254a6);
	background-image:   -moz-radial-gradient(top center, ellipse farthest-side, #08abf0, #0254a6);
	background-image:    -ms-radial-gradient(top center, ellipse farthest-side, #08abf0, #0254a6);
	background-image:     -o-radial-gradient(top center, ellipse farthest-side, #08abf0, #0254a6);
	background-image:        radial-gradient(top center, ellipse farthest-side, #08abf0, #0254a6);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#08abf0, endColorstr=#0254a6);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#08abf0, endColorstr=#0254a6)";
	-webkit-box-shadow:0 0.5px 3px rgba(0, 0, 0, 0.5) inset;
	   -moz-box-shadow:0 0.5px 3px rgba(0, 0, 0, 0.5) inset;
			box-shadow:0 0.5px 3px rgba(0, 0, 0, 0.5) inset;
}
#pre-content h1,
#pre-content h2,
#pre-content h3,
#pre-content h4,
#pre-content h5,
#pre-content h6{
	color:#fff;
}
.pre-content-inner {
	padding:35px 0 0;
}
.pre-content-inner .space-pre {
	margin-bottom: 15px;
}
.pre-content-inner .space-title {
	margin-bottom: 35px;
}
.pre-content-inner .space-search {
	margin-top: 30px;
}

/*breadcrumbs*/
.breadcrumbs{
	font:normal 11px Arial, Helvetica, sans-serif;
}
.breadcrumbs a{
	background:url(../images/crumb-bg.png) no-repeat right center;
	height:34px;
	line-height:34px;
	padding:8px 20px 8px 15px;
	color:#ccc;
}
.breadcrumbs .current{
	color:#fff;
}

/*search*/
#searchform input#s,
#searchform input[type="text"]#s{
	color:#fff;
	padding-left:25px;
	width:180px;
	background:url(../images/mag.png) no-repeat 8px center rgba(0, 0, 0, 0.4);
	border:none;
	-webkit-box-shadow:0 1px 0px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow:0 1px 0px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2) inset;
			box-shadow:0 1px 0px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2) inset;
	-webkit-border-radius:40px;
	   -moz-border-radius:40px;
			border-radius:40px;
}


/* #Header
================================================== */
#header{
	border-top: 3px solid #333; 
	background-color:#f3f3f3;
	background-image:-webkit-linear-gradient(center top, #fbfbfb, #f3f3f3);
	background-image:	-moz-linear-gradient(center top, #fbfbfb, #f3f3f3);
	background-image:	 -ms-linear-gradient(center top, #fbfbfb, #f3f3f3);
	background-image:	  -o-linear-gradient(center top, #fbfbfb, #f3f3f3);
	background-image:		 linear-gradient(center top, #fbfbfb, #f3f3f3);
}
.header-inner{
	height:80px;
}
#logo {	
	margin-top: 35px; 
}
#logo h1{
	margin:0;
	padding:0;
}
#logo h1 a{	
	display:inline-block; 
}
#logo h1 a img{	
	vertical-align:middle; 
}


/* #Footer
================================================== */
#pre-footer{
	padding:20px 0;
	text-align:center;
	border-top:1px solid #f3f3f3;
	background-color:#eee;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#eeeeee));
	background-image: -webkit-linear-gradient(top, rgb(251,251,251) 0%, rgb(238,238,238) 100%);
	background-image:    -moz-linear-gradient(top, rgb(251,251,251) 0%, rgb(238,238,238) 100%);
	background-image: 	  -ms-linear-gradient(top, rgb(251,251,251) 0%, rgb(238,238,238) 100%);
	background-image: 	   -o-linear-gradient(top, rgb(251,251,251) 0%, rgb(238,238,238) 100%);
	background-image: 		  linear-gradient(top, rgb(251,251,251) 0%, rgb(238,238,238) 100%);
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset;
	   -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset;
			box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset;
}
#footer{
	color:#ffffff;
	border-bottom:none;
}
#footer .footer-inner{ 
	padding:0; 
}
#footer a{
	color:#fff;
}
#footer a:hover{
	text-decoration:underline;
}
#footer-wrap{
	padding:35px 0 10px;
}
#footer h1, 
#footer h2, 
#footer h3, 
#footer h4, 
#footer h5, 
#footer h6 { 
	color:#fff; 
}
#footer .widget a{
	color:#fff;
}
#footer .widget a:hover{
	color:#fff;
	text-decoration:underline;
}

#copyright{
	font-size:12px;
	padding:15px 0;
	position:relative;
}
#copyright .copyright-inner{
	background:rgba(0,0,0,0.3);
	padding:10px 0;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2) inset;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
}
#copyright .scrollTop{
	background:url(../images/to-top.png) no-repeat center center;
	height:25px;
	width:25px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-12.5px;
	margin-top:-12.5px;
	text-indent:-9999px;
	display:block;
	z-index:999;
}


/* #Navigation
================================================== */
#nav-menu{
}
#nav-menu ul, 
#nav-menu li{
	margin:0;
	padding:0;
}
#main-nav{
	text-transform:uppercase;
	position:relative;
	float:right;
}
#main-nav ul li{
	float:left;
	margin:0;
	display:block;
}
#main-nav ul li a{
	line-height:41px;
	padding:0;
	margin:0;
	display:block;
	position:relative;
	overflow:hidden;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	color:#565656;
}
#main-nav ul > li{
	border-bottom:3px solid transparent;
	margin:0 0 0 30px;
}
#main-nav ul > li:hover,
#main-nav ul li.current-menu-item, 
#main-nav ul li.current-menu-ancestor{
	border-bottom:3px solid #d9d9d9;
}

/*submenu*/
#main-nav ul ul{
	position:absolute;
	z-index:100;
	top:43px;
	text-transform:none;
	display: none;
	box-shadow:0 3px 5px rgba(0,0,0,0.4);
}
#main-nav ul ul li{
	margin:0;
	float:none;
	position:relative;
	background:#ffffff;
	width:200px;
	border-bottom:1px solid #e9e9e9;
}
#main-nav ul ul li:hover, 
#main-nav ul ul li.current-menu-item, 
#main-nav ul ul li.current-menu-ancestor{ 
	border-bottom:1px solid #e9e9e9;
}
#main-nav .sub-menu li a{
	position:relative;
	border-top:none;
	overflow:visible !important;
	font-weight:normal;
	letter-spacing:normal;
}
#main-nav  li.current-menu-item ul.sub-menu a:after, 
#main-nav  li.current-menu-ancestor ul.sub-menu a:after{
	content:'';
	display:none;
}
#main-nav ul ul li a{
	line-height:18px;
	margin:0;
	padding:7px 15px;
	color:#565656;
}

#main-nav ul ul li:first-child, 
#main-nav ul ul li:first-child a:hover{ 
	border-top:none; 
}
#main-nav ul ul li:last-child, 
#main-nav ul ul li:last-child a:hover{ 
	border-bottom:none; 
}

/*second level menu*/
#main-nav ul ul ul{
	left:198px;
	top:0;
	padding:0;
}

/*menu stat*/
#main-nav ul li:hover > a, 
#main-nav ul ul li:hover > a{ 
	color:#03aede; 
}
#main-nav ul ul li a:hover, 
#main-nav ul ul li:hover > a{ 
	background:#f9f9f9; 
}

/*secondary menu*/
.secondary-menu{
	float:right;
	margin:0;
	padding:0;
}
.secondary-menu li{
	display:inline-block;
	margin:0;
	padding:0 0 0 5px;
}
.secondary-menu li:after{ 
	content:'/'; 
}
.secondary-menu li:last-child:after{ 
	content:'';
}
.secondary-menu li a{
	margin-right:5px;
}

/*responsive menu*/
.responsive-menu{
	display:none;
	margin:0 20px 20px;
	padding:5px;
	width:360px;
}


/* #Pagination
================================================== */
.pagination{
	margin:0 0 40px;
	line-height:18px;
	text-align:center;
}
.pagination a, 
.pagination span.current{
	border:1px solid #DDDDDD;
	background:#fff;
	color:#03BBEF;
	padding:5px 12px;
	margin:0 -4px 0 0;
}
.pagination a:hover{
	color:#787878;
	background-color:#fdfdfd;
}
.pagination span.current{
	color:#909090;
	background:#f5f5f5;
}
.pagination span.current:first-child, 
.pagination a:first-child{
	-webkit-border-radius:2px 0 0 2px;
	   -moz-border-radius:2px 0 0 2px;
			border-radius:2px 0 0 2px;
}
.pagination a:last-child, 
.pagination span.current:last-child{
	-webkit-border-radius:0 2px 2px 0;
	   -moz-border-radius:0 2px 2px 0;
			border-radius:0 2px 2px 0;
}

/*post-nav*/
.post-nav{
	overflow:hidden;
	margin:20px 0;
}
.post-nav .post-prev{
	float:left;
}
.post-nav .post-prev a,
.post-nav .post-next a{
	text-transform:uppercase;
}
.post-nav .post-prev a{
	background:url(../images/prev-nav.png) no-repeat left center;
	padding:4px 0 4px 35px;
	display:inline-block;
}
.post-nav .post-next{
	float:right;
}
.post-nav .post-next a{
	background:url(../images/next-nav.png) no-repeat right center;
	padding:4px 35px 4px 0;
	display:inline-block;
}


/* #Blog Page
================================================== */
.post{ 
	margin-bottom:30px; 
}
.page.search, .post.search, .portfolio.search{
	margin-bottom:20px;
	border-bottom:1px solid #f1f1f1;
}
.portfolio.search .post-title{
	font-size:20px;
	margin-bottom:20px;
	text-align:left;
}
.portfolio.search .post-excerpt{
	color:#444;
	font-style:normal;
	margin:0;
	text-align:left;
}
.post-meta{
	margin-bottom:20px !important;
	color:#888888;
}
.post-meta span{
	padding:4px 0;
	padding-left:20px;
	font-size:10px;
	text-align:left;
	text-transform:uppercase;
	display:block;
	border-bottom:1px dotted #e0e0e0;
}
.post-meta span:last-child{ 
	border:none; 
}
.blog.single .post-meta span{
	border:none;
	display:inline;
	margin-right:20px;
}

.post-date{ 
	background:url(../images/icons/calday.png) no-repeat left center; 
}
.post-author{
	background:url(../images/icons/user.png) no-repeat left center; 
}
.post-category{
	background:url(../images/icons/in-cat.png) no-repeat left center;
}
.post-comment{
	background:url(../images/icons/comment.png) no-repeat left center;
}
.post-copyright{
	background:url(../images/icons/man.png) no-repeat left center; 
}

/*blog single*/
.blog-tags, 
.edit-link {
	margin-bottom:20px; 
}

/*blog share*/
.blog-share {
	margin-bottom: 20px;
}
.blog-share-facebook iframe {
	height:20px;
	width:85px;
}
.blog-share-retweet iframe {
	width:90px !important;
	margin:0;
}
.blog-share-pinterest {
}
.blog-share-facebook, .blog-share-retweet, .blog-share-pinterest {
	display:inline-block;
}


/* #Portfolio Page
================================================== */
.portfolio .post-title{
	margin-bottom:5px;
	font-size:16px;
	text-align:center;
}

.portfolio .post-excerpt, 
.es-carousel.work ul li, 
.st-team{
	text-align:center;
	-webkit-transition: border 0.4s ease-in-out;
	   -moz-transition: border 0.4s ease-in-out;
		 -o-transition: border 0.4s ease-in-out;
			transition: border 0.4s ease-in-out;
}

.portfolio .post-excerpt, 
.es-carousel.work ul li .post-excerpt{
	margin:0 10px 0;
	font-style:italic;
	color:#898989;
}

.portfolio:hover, 
.es-carousel.work ul li:hover, 
.st-team:hover{
	-webkit-transition: border 0.4s ease-in-out;
	   -moz-transition: border 0.4s ease-in-out;
		 -o-transition: border 0.4s ease-in-out;
			transition: border 0.4s ease-in-out;
}

/*filteroption*/
.st-filter{
	margin-bottom:30px;
	padding:0;
	line-height:32px;
	overflow:hidden;
}
.st-filter li{
	margin:0;
	padding:0;
	display:inline-block;
	white-space: nowrap;
}
.st-filter li a{
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:0 1px;
	padding:5px 20px;
	border:1px solid #ddd;
	background-color: #EDEDED;
    background-image: -webkit-linear-gradient(center top , #fefefe, #EDEDED);
	background-image:    -moz-linear-gradient(center top , #fefefe, #EDEDED);
	background-image:	   -o-linear-gradient(center top , #fefefe, #EDEDED);
	background-image: 		  linear-gradient(center top , #fefefe, #EDEDED);
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 12px 0 rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	    moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 12px 0 rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
			box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 12px 0 rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
			border-radius:2px;
}
.st-filter li.active a{
	color:#fff;
	border-color:#04b1e1;
	background-color: #05BBED;
    background-image: -webkit-linear-gradient(center top , #4BCEF4, #05BBED);
	background-image:    -moz-linear-gradient(center top , #4BCEF4, #05BBED);
	background-image:	   -o-linear-gradient(center top , #4BCEF4, #05BBED);
	background-image: 		  linear-gradient(center top , #4BCEF4, #05BBED);
	-webkit-text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);
	   -moz-text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);
			text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);
}


/* #Comment
================================================== */
#comments{
	margin-bottom: 30px;
	padding-top:20px;
	border-top:1px dashed #e0e0e0;
}

#respond label{
	margin-bottom:5px;
	display:inline-block;
}
#respond input{ 
	margin-bottom:5px; 
}
#respond textarea{ 
	width:98%; 
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
	display: inline-block;
	margin-bottom:5px;
}
.comment-form-email{
	margin:0 5px; 
}
.required{ 
	color:#f00; 
}
.commentlist{ 
	list-style:none; 
	margin-left: 0; 
}
.commentlist li article.comment{
	margin-bottom:20px; 
}
.commentlist ul, 
.commentlist ol, 
.commentlist ol{ 
	margin-left:20px; 
}
.comment-meta {
	margin-bottom: 5px; 
}
.comment-meta .fn { 
	font-weight: bold; 
}
.comment-meta span.avatar{
	display:block;
	float:left;
	background:#fff;
	border:4px solid #fff;
	margin-right:15px;
	overflow:hidden;
	width:35px;
	height:35px;
	-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
			box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
			border-radius:30px;
}
.comment-meta img.avatar{
	width:35px;
	height:35px;
}
.commentmetadata{
	float:right;
	margin-right:10px;
	font-size:10px;
}
.comment-content{
	background:#f5f5f5;
	border:1px solid #e7e7e7;
	margin-left:15px;
	text-align:right;
}
.comment-content p{ 
	text-align:left; 
	line-height: 20px;
	padding:15px;
	margin:0;
	background:#fff;
}

#respond{
	margin-top:40px;
}


/* #Link Styles
================================================== */
a{
	text-decoration:none;
	outline:none;
	color:#777;
}
a:hover{ 
	color:#03aede;
}
a img{
	border:none;
}

.button-buy,
.comment-reply-link,
.post-edit-link{
	font:11px Arial, Helvetica, sans-serif;
	padding:3px 15px;
	border:1px solid #e0e0e0;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
			border-radius:15px;
	background-color:#f5f5f5;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f5f5f5));
	background-image: -webkit-linear-gradient(top, rgb(251, 251, 251) 0%, rgb(245, 245, 245) 100%);
	background-image:    -moz-linear-gradient(top, rgb(251, 251, 251) 0%, rgb(245, 245, 245) 100%);
	background-image: 	  -ms-linear-gradient(top, rgb(251, 251, 251) 0%, rgb(245, 245, 245) 100%);
	background-image: 	   -o-linear-gradient(top, rgb(251, 251, 251) 0%, rgb(245, 245, 245) 100%);
	background-image: 		  linear-gradient(top, rgb(251, 251, 251) 0%, rgb(245, 245, 245) 100%);
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset, 0 0 2px rgba(0, 0, 0, 0.05);
	    moz-box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset, 0 0 2px rgba(0, 0, 0, 0.05);
			box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset, 0 0 2px rgba(0, 0, 0, 0.05);
}
.post-edit-link{
	background:url(../images/icons/edit-page.gif) no-repeat 5px center;
	padding:3px 10px 3px 20px;
}
.comment-reply-link{
	margin:8px;
	position:relative;
	display:inline-block;
}

.button, button, input[type="submit"], input[type="reset"], input[type="button"]{
	color:#333 !important;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding:6px 15px;
	border:1px solid #ccc;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
			border-radius:15px;
	background-color:#FF6C00;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#FF9D2A), to(#FF6C00));
	background-image:-webkit-linear-gradient(center top, #FF9D2A, #FF6C00);
	background-image:	-moz-linear-gradient(center top, #FF9D2A, #FF6C00);
	background-image:	 -ms-linear-gradient(center top, #FF9D2A, #FF6C00);
	background-image:	  -o-linear-gradient(center top, #FF9D2A, #FF6C00);
	background-image:		 linear-gradient(center top, #FF9D2A, #FF6C00);
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{
	color:#fff !important;
}


/* #Title
================================================== */
.page-title {
	color:#fff;
	font-weight:400;
}
.page-title span {
	font-weight:300;
	font-size: 24px;
	color:#ddd;
}


/* #Thumb & Zoom
================================================== */
.post-thumb img{ 
	max-width: 100%; 
	height:auto; 
}
/*thumbnail*/
.es-carousel .post-thumb, 
.blog .post-thumb, 
.portfolio .post-thumb,
.st-frame{
	line-height:70%;
	position:relative;
	margin:0;
	padding:6px 6px 5px;
	background-color:#ffffff;
	border:1px solid #f1f1f1;
}

.es-carousel .post-thumb a, 
.blog .post-thumb a,
.portfolio .post-thumb a,
.st-frame a{
	display:block;
	overflow:hidden;
	position:relative;
}
/*zoom*/
span.zoom-overlay{
	background:url(../images/overlay.png) repeat;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity:0;
}
span.zoom-hover {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/icons/zoom-image.png) no-repeat center center;
	position:absolute;
	left:50%;
	top:-50%;
	margin-left:-15px;
	margin-top:-15px;
	z-index:1;
}
.zoom-hover.video { 
	background:url(../images/icons/zoom-video.png) no-repeat center center ; 
}
.zoom-hover.slider { 
	background:url(../images/icons/zoom-slider.png) no-repeat center center; 
}
.zoom-hover.link { 
	background:url(../images/icons/zoom-url.png) no-repeat center center ; 
}


/* #HTML Element
================================================== */
/*form*/
label, 
legend{
	font-size:12px;
	font-weight:normal;
}
#pre-header input.input,
#pre-header input[type="text"].input,
#pre-header input.text_input,
#pre-header input[type="text"].text_input,
#pre-header textarea,
#footer input.input,
#footer input[type="text"].input,
#footer input.text_input,
#footer input[type="text"].text_input,
#footer textarea{
	color:#fff;
	background:rgba(0, 0, 0, 0.4);
	border:none;
	box-shadow:0 1px 0px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2) inset;
}

/*contact form*/
#contact_form p{
	display:inline-block;
	margin:0 10px 0 0;
	padding:0;
}
#contact_form input.text_input, 
#contact_form textarea.text_area{
	width:95%;
	margin-bottom:10px;
	padding:8px;
}
#contact_form .contact_name, 
#contact_form .contact_email{
	width:47.75%;
}
#contact_form p.contact_subject, 
#contact_form p.contact_message{
	display:block;
	width:100%;
	margin:0;
}

/*standart button*/
.button, 
button, 
input[type="submit"], 
input[type="reset"], 
input[type="button"]{
	border:none;
	cursor:pointer;
}

/*table*/
table{
	width:100%;
	margin:0 auto; 
	border-collapse:collapse;
	margin-bottom:20px;
}
table th{
	background:#e5e5e5;
	color:#333;
	font-weight:bold;
	padding:10px;
}
table td{
	padding:10px;
	border:1px solid #e5e5e5;
	text-align:center;
}
table td:first-child{
	text-align:right;
	font-weight:bold;
}


/* #Misc
================================================== */
/*css group*/
.social a, 
.social a:hover, 
.team-social a, 
.team-social a:hover, 
.testimonial-content, 
.testimonial-content:hover{
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
		 -o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
}

/*shadow*/
.shadow-flex img{
	width:100%;
	display:block;
	bottom:-13px;
}
.shadow-zaccordion img{
	width:100%;
	display:block;
}
.shadow-grid1 img{
	width:100%;
	display:block;
	margin-bottom: 10px;
}
.shadow-grid2 img{
	width:100%;
	display:block;
	margin-bottom: 10px;
}

/*map*/
#contact_map {
	max-width: 930px;
	margin:0 auto;
	height: 372px;
	border-bottom:4px solid #F6F6F6; 
}

/*selection*/
::selection{
	background:#08abf0;
	color:#fff;
}
::-moz-selection{
	background:#08abf0;
	color:#fff;
}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#searchform input#s,
		#searchform input[type="text"]#s{
			width:142px;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		#main-nav{
			float:none;
		}
		.responsive-menu{
			display:block;
		}
		.pre-content-inner .space-search{
			margin:0 0 30px;
		}
		#searchform input#s,
		#searchform input[type="text"]#s{
			margin:0 auto;
			width:280px;
		}
		
		.header-inner{
		height:auto;
		}
		
		#nav, 
		.slide-caption, 
		.says,
		.zaccordion-container,
		#slides{
			display:none;
		}
		#logo, 
		#copyright,
		#pre-content,
		.social{
			text-align:center !important;
		}
		.social, #pre-footer .st-button{
			padding:0;
			margin-top:10px;
		}
		.social a{
			margin-top:5px;
		}
		.secondary-menu, ul.tabs li{
			float:none !important;
		}
		.commentlist ul, 
		.commentlist ol,
		ul.tabs li{
			margin:0;
		}
		
		.slides_control{
			margin-bottom:0 !important;
		}
		
		#pre-content p > span{
			display:block;
		}
		.st-pricing .pricing-box, .st-pricing .pricing-box.best-buy,
		ul.tabs li a{
			border:none !important;
		}
		ul.tabs li a{
			border-bottom:1px solid #DDDDDD !important;
		}
		
		.post.portfolio{
			margin-bottom:20px;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/