@font-face {
	font-family: 'Conv_rg';
	src: url('fonts/rg.eot');
	src: local('☺'), url('fonts/rg.woff') format('woff'), url('fonts/rg.ttf') format('truetype'), url('fonts/rg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_rg';
	src: url('fonts/rg-semibold.eot');
	src: local('☺'), url('fonts/rg-semibold.woff') format('woff'), url('fonts/rg-semibold.ttf') format('truetype'), url('fonts/rg-semibold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}



html {

}

body {
	margin: 0;
	padding: 0;
	/*font-family: "adobe-caslon-pro",serif;*/
	font-family: 'Conv_rg', sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
}

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 16px;
}

a {
	transition: 0.5s all;
	text-decoration: underline;
	color: #800080;
	font-weight: bold;
}

blockquote {
	margin: 20px auto 20px auto;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 30px;
	font-size: 15px;
	letter-spacing: 0.5px;
	word-spacing: 4px;
	width: 70%;
}

.hideme {
	opacity: 0;
}

.strip {
	width: 1200px;
	margin: 0 auto;
}

.content {
	padding: 80px 0px 30px 0px;
	/*overflow: hidden;*/
}

	.content h2.page-title {
		padding: 0px 0px 20px 0px;
		text-transform: uppercase;
		font-size: 15px;
		letter-spacing: 1px;
		text-align: center;
		font-weight: bold;

	}

	.content .content-inner {
		width: 82%;
		overflow: hidden;
		margin: 0 auto;
		position: relative;
	}

	.content .content-inner .page-fimage {
		text-align: center;
		margin: 15px 0px 35px 0px;
	}

		.content .content-inner .page-fimage img {
			display: inline-block;
		}

	.content .content-inner .content-text {
		text-align: center;
	}

/******** blog/everything *********/

.content.blog .content-inner {
	overflow: hidden;
}

	.content.blog .content-inner h2.page-title {
		text-align: left;
	    text-transform: none;
	    border-bottom: 1px solid #222;
	    font-size: 20px;
	    padding: 0px 0px 3px 0px;
	    color: #222;
	    margin: 0px 0px 77px 0px;
	    /* text-decoration: underline; */
	    /* line-height: 30px; */
	    font-weight: 100;
	}

	.content.blog .content-inner .articles {
		float: left;
		width: 70%;
		overflow: hidden;
	}

		.content.blog .content-inner .articles .article {

			margin: 40px 0px 40px 0px;
			padding: 30px 0px 30px 0px;
			border-bottom: 1px solid #000;

		}

		.content.blog .content-inner .articles .article:first-child {
			margin-top: 0px;
			padding-top: 0px;
		}

			.content.blog .content-inner .articles .article h3.blog-title {
				/*text-transform: uppercase;*/
				font-weight: bold;
				font-size: 26px;
				padding: 0px 0px 0px 0px;
			}

			.content.blog .content-inner .articles .article .categories {
				margin: 0px 0px 25px 0px;
				
			}

				.content.blog .content-inner .articles .article .categories a {
					font-size: 13px;
					display: inline-block;
					color: #008000;
					margin: 0px 0px 0px 3px;
				}

			.content.blog .content-inner .articles .article .date {
				font-weight: bold;
				color: #444;
				margin: 0px 0px 35px 0px;
				font-size: 13px;
			}

			.content.blog .content-inner .articles .article .info {

			}


				.content.blog .content-inner .articles .article .info img {
					display: block;
					/*width: 100%;*/
					width: auto;
					height: auto;
				}


	.content.blog .content-inner .sidebar {
		
	}

		.content.blog .content-inner .sidebar .search {
			margin-bottom: 70px;
		}

		.content.blog .content-inner .sidebar .blog-icon {
			margin: 0px 0px 30px 10px;

		}

		.content.blog .content-inner .sidebar ul.blog-categories {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style: none;
		}

		.content.blog .content-inner .sidebar ul.blog-categories li {
			display: block;
			border-bottom: 1px solid #aaa;
			/*width: 80%;*/
		}

			.content.blog .content-inner .sidebar ul.blog-categories li a {
				display: block;
				padding: 9px 0px 7px 10px;
				color: #444;
				text-decoration: none;
				font-size: 17px;
			}

			.content.blog .content-inner .sidebar ul.blog-categories li a:hover {
				color: #FA4747;
			}

			.content.blog .content-inner .sidebar ul.blog-categories li.current-cat a {
				font-style: italic;
			}

/******** search form *********/

.search {
	margin: 20px 0px 20px 0px;
}

	.search .search-form {

	}

		.search .search-form .search-field {
			border: 0;
			font-family: 'Conv_rg', sans-serif;
			font-size: 15px;
			padding: 6px 10px 4px 28px;
			background: url(images/search.png) 6px 4px no-repeat;
			border: 1px solid #bbb;
		}

		.search .search-form .search-submit {
			display: none;
		}

/******** search results *********/

.search-list {

}

	.search-list li {
		margin: 15px 0px 15px 0px;
	}

/******** share-icons *********/

.share-icons {
	text-align: center;
	padding: 0px 0px 30px 0px;
}


	.share-icons a {
		display: inline-block;
		margin: 30px 35px 0px 35px;
	}

	.share-icons a:hover {
		opacity: 0.7;
	}

	.share-icons a:first-child {
		margin-left: 0px;
	}

	.share-icons a:last-child {
		margin-right: 0px;
	}

/******** pagintation *********/

.pagination {
	overflow: hidden;
}

	.pagination .older {
		float: left;
	}

	.pagination .newer {
		float: right;
	}

/******** general sidebar *********/

.sidebar {
	padding: 0px 0px 0px 0px;
	float: right;
	width:  20%;
}

	.sidebar h3 {
		margin: 0px 0px 20px 0px;
		font-size: 14px;
		text-transform: uppercase;
	}

/******** header *********/

.header {

}

	.header h1.logo {
		text-align: center;
		margin: 150px 0px 40px 0px;
	}

		.header h1.logo a {
			display: block;
			   /* border: 1px solid black;*/
		}

		.header h1.logo img {
			display: inline-block;
			width: 60%;
		}

.header .nav {
	text-align: center;
	margin: 0px 0px 10px 0px;
}

	.header .nav ul {
		margin: 0px 0px 0px 0px;
		padding: 0;
		list-style: none;
		
		display: inline-block;
	}

		.header .nav ul li {
			display: block;
			float: left;
			margin: 0px 25px 0px 25px;
			position: relative;
			
		}

			.header .nav ul li a {
				display: block;
				position: relative;
				z-index: 1;
				text-transform: uppercase;
				color: #444;
				letter-spacing: 1.5px;
				font-size: 20px;
				text-decoration: none;
				font-weight: normal;
			}

				.header .nav ul li a span {
					font-size: 30px;
				}

				.header .nav ul li.current a,
				.header .nav ul li:hover > a,
				.header .nav ul li a:hover {
					opacity: 0.6;
				}

			.header .nav ul li ul {
				display: none;
				position: absolute;
				/*left: -10px;*/
				top: 35px;
				/*background: rgba(255, 255, 255, 0.9);*/
				background: #fff;
				min-width: 140px;
				white-space: nowrap;
				padding: 0px 0px 0px 0px;
				/* z-index: 0 */
				z-index: 200;
				border: 1px solid #444;
			}

			.header .nav ul li:hover ul {
				display: block;

			}

				.header .nav ul li ul li {
					float: none;
					clear: both;
					margin: 0;
				}

					.header .nav ul li ul li a {
						font-size: 15px;
						text-align: left;
						display: block;
						padding: 5px 15px 5px 15px;
						text-transform: none;
						
					}

					.header .nav ul li ul li a:hover {
						/*background: url(images/noise.png);*/
						/*opacity: 1;*/
						background: #444;
						color: #fff;
					}

				

					
								

.main {
	min-height: 400px;
}

.eve-border {
	/*width: 1048px;
	height: auto;*/
	text-align: center;
}
	
	.eve-border img {
		display: inline-block;
		clear: both;
	}


.home-banner {
	padding: 70px 0px 40px 0px;
}

	.home-banner .images {
		margin: 0 auto;
		text-align: center;
		width: 1000px;
		height: 500px;
		overflow: hidden;
	}

		.home-banner .images .image-slide {
			text-align: center;

		}

			.home-banner .images .image-slide img {
				display: inline-block;
				width: 100%;
			}

/******** gallery *********/



.gallery-wrap {
	width: 82%;
	overflow: hidden;
	margin: 0 auto;
}

	.gallery-wrap .galcol {
		width: 23%;
		float: left;
		margin: 0 2.5% 0 0;
	}

	.gallery-wrap .galcol:last-child {
		margin-right: 0;
	}

		.gallery-wrap .galcol a {
			display: block;
			margin: 0 0 10% 0;
			position: relative;
		}

		.gallery-wrap .galcol a span.info-wrap {
			position: absolute;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.7);
			opacity: 0;
			transition: opacity 0.5s;
			display: block;
		}

			.gallery-wrap .galcol a span.info-wrap .info {
				display: block;
				text-align: center;
				color: #fff;
				font-weight: normal;
				padding: 25%;
				font-size: 16px;
			}

		.gallery-wrap .galcol a:hover span.info-wrap {
			opacity: 1;
		}

			.gallery-wrap .galcol a img {
				display: block;
				width: 100%;
				height: auto;

			}

/** horizontal scroller template **/

.page-template-page-scroller .content .content-inner {
	width: 95%;
}

/***** Horizontal Scroller pager / slider **/

.scroller-wrap {
	position: relative;
	padding: 0px 50px 0px 50px;
}

	.scroller-wrap .gallery-scroller {
		
	}

		.scroller-wrap .gallery-scroller .scroller-slide {
			margin: 0px 20px 0px 20px;
			vertical-align: top;
			width: 100%;
			text-align: center;
			background: #fff;
			overflow: hidden;
		}


/***** Available pager / slider **/

.pager-wrap {
	position: relative;
	padding: 0px 30px 0px 30px;
}

	.pager-wrap .gallery-pager {
		height: 500px;
		width: 100%;
	}


		.pager-wrap .gallery-pager .pager-slide {
			text-align: center;
			position: relative;
			
			width: 270px;

			margin: 0px 20px 0px 20px;
		}

			.pager-wrap .gallery-pager .pager-slide .item {
				padding-bottom: 50px;
			}

				.pager-wrap .gallery-pager .pager-slide .item img {
					width: 100%;
					height: auto;
				}

				.pager-wrap .gallery-pager .pager-slide .item .info {
					font-size: 13px;
				}

		.prev {
			display: block;
			position: absolute;
			z-index: 101;
			height: 100%;
			top: 0px;
			background: url(images/prev-small.png) center left no-repeat;
			width: 32px;
			
		}

		.next {
			display: block;
			position: absolute;
			z-index: 101;
			top: 0px;
			right: 0px;
			height: 100%;
			background: url(images/next-small.png) center right no-repeat;
			width: 32px;
			
		}


/******** footer *********/


.footer {
	clear: both;
}

	.footer .footer-text {
		
		margin: 60px 0px 40px 0px;
		color: #444;
		font-size: 14px;
		text-align: center;
	}





.mobile-menu {
	display: none;
}

/******* responsive!!! **********/

@media screen and (max-width: 1220px) {
	.strip {
		width: 98%;
		margin: 0 auto;
	}

	.share-icons a:last-child,
	.share-icons a:first-child {
		margin: 30px 35px 0px 35px;
	}

	.content .content-inner .page-fimage img {
		display: block;
		width: 90%;
		height: auto;
		margin: 0px auto 0px auto;
	}

	.content .content-inner.pager {
		width: 900px;
	}

	.content .content-inner.pager .pager-slide {
		width: 240px;
	}


	
}

@media screen and (max-width: 1100px) {

	.eve-border {
		width: 90%;
		margin: 0 auto;
	}

	.eve-border img {
		width: 100%;
	}

	.header .nav ul li a {
		font-size: 15px;
	}

	.header .nav ul li a span {
		font-size: 20px;
	}

	.header .nav {
		margin-bottom: 0px;
	}


	.home-banner .images {
		width: 800px;
		height: 400px;
	}



}

@media screen and (max-width: 930px) {

	.main {
		min-height: 0;
	}

	.header .nav ul li {
		margin: 0px 10px 0px 10px;
	}


	.content .content-inner.pager {
		width: 700px;
	}

	.content .content-inner.pager .pager-slide {
		width: 195px;
		margin: 0px 10px 0px 10px;
	}

	

	.home-banner .images {
		width: 600px;
		height: 300px;
	}

	.home-banner {
	    padding: 40px 0px 10px 0px;
	}

	.footer .footer-text {
		margin: 20px 0px 40px 0px;
	}

}

@media screen and (max-width: 800px) {

	.header h1.logo img {
		width: 90%;
	}



	.content.blog .content-inner .articles {
		float: none;
		clear: both;
		width: auto;
	}

	.sidebar {
		float: none;
		clear: both;
		width: auto;
		margin: 40px auto 0px auto;
		width: 70%;
		text-align: center;
	}

	.scroller-wrap .gallery-scroller .scroller-slide {
		margin: 0px 0px 0px 0px;
		height: 100%;
	}

	.scroller-wrap .gallery-scroller .scroller-slide img {
		width: 100%;
		height: auto;
	}

}




@media screen and (max-width: 710px) { 

	.header h1.logo {
		margin: 50px 0px 20px 0px;
	}

	

	.header .nav {
		display: none;
	}

	.mobile-menu {
		display: block;
	}

		.mobile-menu .mobile-drop {
			background: url(images/mobile-icon.png);
		    font-weight: bold;
		    height: 52px;
		    width: 52px;
		    margin: 0px auto;
		    text-align: center;
		    text-transform: uppercase;
		    font-size: 14px;
		    cursor: pointer;
		    color: #666;
		}

		.mobile-menu .mobile-nav { /* jquery opens it */
			display:none;
		}

			.menu-main-nav-container {
				text-align: center;
			}

			.mobile-menu .mobile-nav .menu-main-nav-container ul {
				display: inline-block;
				list-style: none;
				margin: 0;
				padding: 0;
			}
				.mobile-menu .mobile-nav .menu-main-nav-container ul li {
					display: block;
					margin: 10px 0px 10px 0px;
				}

					.mobile-menu .mobile-nav .menu-main-nav-container ul li a {
						color: #666;
						text-transform: uppercase;
						text-decoration: none;
					}

				.mobile-menu .mobile-nav .menu-main-nav-container ul li ul { /* jquery opens */
					display: none;
					margin: 0px 0px 30px 0px;
				}

					.mobile-menu .mobile-nav .menu-main-nav-container ul li ul li {

					}

						.mobile-menu .mobile-nav .menu-main-nav-container ul li ul li a {
							text-transform: none;
							color: #a7a7a7;
						}


	.content .content-inner.pager {
		width: 338px;
	}

	.content .content-inner.pager .pager-slide {
		width: 279px;
    	margin: 0px 10px 0px 10px;
	}

	.page-template-page-scroller .content .content-inner {
		width: 95%;
	}


}

@media screen and (max-width: 600px) {
	.home-banner .images {
		width: 400px;
		height: 200px;
	}

	.gallery-wrap .galcol {
		margin: 0px 0px 0px 0px;
		float: none;
		clear: both;
		width: auto;
	}


	.content .content-inner.pager {
		width: 308px;
	}

	.content .content-inner.pager .pager-slide {
		width: 280px;
    	margin: 0px 10px 0px 10px;
	}

	.page-template-page-scroller .content .content-inner {
		width: 95%;
	}

	.prev {
		display: none;
	}

	.next {
		display: none;
	}

	.pager-wrap {
		padding: 0;
	}

	.page-template-page-scroller .prev {
		display: block;
	}

	.page-template-page-scroller .next {
		display: block;
	}

	.page-template-page-scroller .scroller-wrap {
		padding: 0px 0px 0px 0px;
	}

	.scroller-wrap .gallery-scroller .scroller-slide {
		margin: 0px 10px 0px 10px;
	}

		.scroller-wrap .gallery-scroller .scroller-slide .item a img {
			/*height: 400px;*/
		}

}

@media screen and (max-width: 500px) {
	.home-banner .images {
		width: 300px;
		height: 150px;
	}
}