/*
Theme Name: Originator Responsive WordPress Theme
Theme URI: http://dessign.net/originatortheme
Author: Dessign Themes
Author URI: http://dessign.net
Description: Originator Responsive Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any creative, illustrator or graphic designer. Version: 1.0.1
License: GNU General Public License version v3
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: center
Tags: black, gray, dark, white, one-column, two-columns, three-columns, right-sidebar,light,theme-options,responsive-layout, custom-background, custom-menu
*/
html{
  min-height: 100%;
}
body{
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 24px;
  margin: 0;
  height: 100%;
  min-width: 320px;
  padding: 2.8em 0 0;
  position: relative;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.single,
body.page-template-default{
	padding-top: 0;
}
body.page-template-template-home-php{
	padding-top: 10vh;
}
body.menu-open{
  overflow: hidden;
}
img{
  height: auto;
  max-width: 100%;
}
*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a,
.button{
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  text-decoration: none;
  outline: none!important; 
}
a{
  color: #f64f06;
}
a:hover{
  text-decoration: none;
  color: #999;
  
}

.button{
	display: inline-block;
	background: #fff;
	color: #000;
	font-size: 15px;
	line-height: 1em;
	padding: 14px 40px;
	text-decoration: none!important;
}
.button:hover{
	background: #000;
	color: #fff;
}
input,
select,
textarea{
	border: 1px solid #c2c2c2;
	background: transparent;
	display: block;
	font-family: inherit;
	font-size: 0.8em;
	margin-bottom: 1em;
	padding: 0 6px;
	resize: none;
	width: 100%;
	outline: none!important;
}
input,
select{
	height: 48px;
	line-height: 48px;
}
textarea{
	height: 140px;
	padding: 8px 6px;
}
button{
	background: #000;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 0.8em;
	height: 48px;
	line-height: 48px;
	padding: 0 20px;
	text-transform: uppercase;
	outline: none!important;
}
input[type="submit"] {
	background: #000;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
}
h1{
	font-size: 2em;
	font-weight: bold;
	line-height: 1.1;
}
h2{
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.1;
	margin: 0 0 0.3em;
}
h3{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0.7em;
}
p{
	font-size: 1em;
	margin: 0 0 1em;
}
ul,
ol{
	font-size: 1em;
	margin: 0 0 1em;
	padding-left: 35px;
}
ul li,
ol li{
	padding: 2px 0;
}
::-moz-selection {
    background-color: #000;
    color: #fff;
}
 ::selection {
    background-color: #000;
    color: #fff;
}
/*---------------Header------------*/
.header{
  background-color: #fff;
  left: 0;
  top: 0;
  padding: 15px;
  position: absolute;
  width: 100%;
  z-index: 5;
}
.header-inner{
  height: 100%;
  position: relative;
}
.logo-wrap img{
	display: inline-block;
	max-width: 380px;
	margin-top:10px;
}
#touch-menu{
  display: block;
  cursor: pointer;
  background: #fff;
  width: 61px;
  height: 52px;
  right: 20px;
  margin: 0;
  padding: 12px;
  position: absolute;
  top: 15px;
  z-index: 999;
  transition: none;
}
#touch-menu span:after,
#touch-menu span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}
#touch-menu span:after{
  top: 9px;
}
#touch-menu span {
  position: relative;
  display: block;
  top: 12px;
}
#touch-menu span,
#touch-menu span:after,
#touch-menu span:before {
  width: 100%;
  height: 3px;
  background-color: #000;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}
#touch-menu.on,
#touch-menu.on span{
  background-color: transparent;
}
#touch-menu.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
  background-color: #fff;
}
#touch-menu.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
  background-color: #fff;
}
.navigation{
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.9);
  display: none;
  font-size: 48px;
  line-height: 1em;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  position: fixed;
  width: 100%;
  overflow: auto;
  z-index: 10;
}
.navigation.visible{
  display: block;
}
.navigation > ul,
.navigation div > ul{
  display: block;
  list-style-type: none;
  margin: 60px auto;
  max-width: 400px;
  padding: 0 15px;
}
.navigation ul ul{
  display: block;
  margin: 0;
  padding: 0 0 0 20px;
  width: 100%;
}
.navigation ul li{
  background-color: transparent;
  border: none;
  display: block;
  padding: 20px 0;
}
.navigation a{
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
}
.navigation .sub-menu li{
  padding: 20px 0 0 0;
  font-size: 0.75em;
  line-height: 1em;
}
.navigation a:hover{
  text-decoration: underline;
}
/*-------------Footer----------*/
.footer{
	background: #fff;
	padding: 1em 0;
	position: relative;
	text-align: center;
}
.footer .footer-copyright{
	font-size: 16px;
	margin: 0 0 0.8em;
}
.social-icons{
  overflow: hidden;
  line-height: 21px;
}
.ta-icon{
  display: inline-block;
  background: url(img/social-sprite.jpg) no-repeat;
  height: 21px;
  line-height: 21px;
  margin: 3px;
  width: 22px;
  color: #fff;
  text-indent: 110%;
  text-decoration: none;
  overflow: hidden;
  vertical-align: middle;
}
.ta-facebook{
  background-position: -31px 0;
}
.ta-google{
  background-position: -66px 0;
}
.ta-instagram{
  background-position: -99px 0;
}
.ta-pinterest{
  background-position: -130px 0;
}
.ta-vimeo{
  background-position: -163px 0;
}
.ta-youtube{
  background-position: -196px 0;
}
.ta-linkedin{
  background-position: -230px 0;
}
/*-----------Homepage------------*/
.home-slider-wrap{
	position: fixed;
	top: 0;
	z-index: 0;
}
.home-slide{
	-webkit-background-size: cover!important;
	background-size: cover!important;
	height: 100vh;
	position: relative;
}
.owl-video-overlay{
	-webkit-background-size: cover!important;
	background-size: cover!important;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
}
.home-slider-wrap .owl-next,
.home-slider-wrap .owl-prev{
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 99999;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
}
.home-slider-wrap .owl-next{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	right: 20px;
	left: auto;
}
.home-slider-wrap .owl-prev{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	right: auto;
	left: 20px;
}
.home-content-slide{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.home-content-inner{
	color: #fff;
	max-width: 1000px;
	padding: 0 75px;
}
.home-content-inner h2{
	font-size: 3em;
	line-height: 1em;
	margin: 0;
}
.home-content-inner p{
	font-size: 1em;
	line-height: 1.25em;
	margin: 2em 0;
}
.container{
	margin: 0 auto;
	max-width: 1382px;
	padding-left: 11px;
	padding-right: 11px;
}
.clearfix:before,
.clearfix:after,
.page-wrap:before,
.page-wrap:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.page-wrap:after,
.row:after {
  clear: both;
}
.row{
	margin-left: -11px;
	margin-right: -11px;
}
.col-md-4,
.col-md-6,
.col-md-8,
.col-md-12{
  float: left;
  padding-left: 11px;
  padding-right: 11px;
}
.col-md-4{
	width: 36.29%;
}
.col-md-6{
  width: 50%;
}
.col-md-8{
	width: 63.71%;
}
.col-md-12{
  width: 100%;
  margin-bottom:20px;
}
.page-wrap{
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.main{
	display: block;
	padding: 2em 0;
  position: relative;
}
.homepage-main{
	background: #fff;
}
.home-featured-text{
	max-width: 700px;
}
.home-featured-text h1{
	font-size: 40px;
	margin: 0.5em 0 0.5em;
	
	
}
.home-featured-text p{
	font-size: 24px;
	line-height: 1.2em;
	margin: 1.7em 0;
}
.feed-post-col:nth-child(odd){
	clear: left;
}
.thumbnail-wrap:hover img{
	transform: matrix(1.05, 0, 0, 1.05, 0, 0);
}
.thumbnail-wrap{
	display: block;
	overflow: hidden;
}
.thumbnail-wrap img{
	display: block;
	height: auto;
	width: 100%;
	transition: all .3s cubic-bezier(.25,.46,.45,.94);
}
.feed-post-wrap{
	margin-bottom: 1.2em;
}
.feed-post-wrap h2{
	font-size: 19px;
	margin: 0.9em 0 0;
	letter-spacing: 1px;
}
.feed-post-wrap h2 a{
	display: block;
	color: #000;
}
.feed-post-wrap h2 a:hover{
	display: block;
	color: #666;
}
.pagination{
	font-size: 24px;
	padding: 0 15px;
	text-align: center;
}
.pagination a{
	color: #000;
}
.pagination .page-numbers{
	border: 1px solid #000;
	display: inline-block;
	font-weight: normal;
	margin: 5px 3px;
	padding: 8px 17px;
	line-height: 1em;
}
.pagination .page-numbers:hover,
.pagination .current{
	color: #fff;
	background: #000;
	text-decoration: none;
}
/*-----------------Blog Page-----------*/
.category-title h1{
	font-size: 31px;
	margin: 0 0 1em;
	text-align: center;
}
.feed-blog-content{
	padding-left: 70px;
	max-width: 550px;
	margin: 30px 0;
}
.feed-blog-content{
	font-size: 14px;
}
.feed-blog-content a{
	color: #000;
}

.feed-blog-content a:hover{
	color: #666;
}
.feed-blog-content h2{
	font-size: 24px;
}
.feed-blog-content p{
	color: #817d8b;
	margin: 1em 0;
}
.read-more-wrap a{
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}
/*---------------Single Post---------*/
.page-thumbnail-block{
	height: 100vh;
	-webkit-background-size: cover!important;
	background-size: cover!important;
	margin-bottom: 1em;
}
.page-thumbnail img{
	display: block;
	height: auto;
	width: 100%;
}
.single-post-inner{
	margin-top: 1.2em;
}
.single-post-title{
	
	padding: 15px;
	width: 100%;
	text-align:center;
}
.single-post-title h1{
	font-weight: 900;
	line-height: 1.1;
	margin: 0;
}
.single-post-content{
	float: left;
	padding: 15px;
	width: 100%;
}
.comments-wrap{
	margin-top: 2.2em;
}
.comments-wrap input{
	height: 36px;
	line-height: 36px;
}
.comments ul{
	padding-left: 0px;
	list-style-type: none;
}
.comments ul ul{
	padding-left: 20px;
}
.comments .avatar{
	height: auto;
	width: 35px;
}
.comments a{
	color: #3b3839;
}
.commentmetadata a:hover{
	cursor: text;
	text-decoration: none;
}
.reply{
	margin-bottom: 30px;
	text-decoration: underline;
}
.comments p{
	margin: 0.8em 0;
}
.comments form{
	max-width: 640px;
}
@media only screen and (max-width : 992px) {
	.col-md-4{
		width: 36.7%;
	}
	.col-md-8{
		width: 63.1%;
	}
	body{
		font-size: 22px;
	}
	input,
	button{
		height: 38px;
		line-height: 38px;
		font-size: 1em;
	}
	.logo-wrap img{
		max-width: 300px;
	}
	.home-content-inner p{
		font-size: 1em;
	}
	.home-featured-text h1,
	.category-title h1{
		font-size: 30px;
		margin-bottom: 0.5em;
	}
	.home-featured-text p{
		font-size: 21px;
		margin-top: 0;
	}
	.feed-post-wrap h2{
		font-size: 21px;
		margin-top: 14px;
	}
	.feed-blog-content{
		margin: 35px 0;
		max-width: 100%;
		padding: 0;
	}
	.single-post-title{
		float: none;
		padding: 15px;
		width: 100%;
	}
	.single-post-content{
		float: none;
		padding: 0 15px;
		width: 100%;
	}
}
@media only screen and (max-width : 767px) {
	body{
		font-size: 14px;
		padding-top: 50px;
	}
	.button{
		font-size: 14px;
	}
	.header{
		padding: 10px;
	}
	.logo-wrap img{
		max-width: 220px;
	}
	#touch-menu{
		left: auto;
		right: 10px;
		margin: 0;
		top: 10px;
		position: absolute;
		padding: 6px 8px;
		height: 39px;
		width: 50px;
	}
	.navigation > ul,
	.navigation div > ul{
		margin: 30px auto;
	}
	.navigation{
		font-size: 24px;
	}
	.navigation ul li{
		padding: 8px 0;
	}
	.navigation .sub-menu li{
		padding: 15px 0 5px;
	}
	.home-content-inner{
		padding: 0 35px;
	}
	.home-content-inner h2{
		font-size: 2em;
	}
	.home-content-inner p{
		font-size: 1.1em;
		margin: 1em 0;
	}
	.home-slider-wrap .owl-next,
	.home-slider-wrap .owl-prev{
		-moz-background-size: 16px 44px;
		-webkit-background-size: 16px 44px;
		background-size: 16px 44px;
	}
	.home-slider-wrap .owl-prev{
		left: 5px;
	}
	.home-slider-wrap .owl-next{
		right: 5px;
	}
	.home-featured-text h1,
	.category-title h1{
		font-size: 24px;
	}
	.home-featured-text p{
		font-size: 18px;
	}
	.feed-post-wrap{
		margin-bottom: 25px;
	}
	.pagination{
		font-size: 18px;
	}
	.footer .footer-copyright{
		font-size: 14px;
	}
	.feed-blog-content{
		margin: 25px 0;
	}
}
@media only screen and (max-width : 639px) {
	.col-md-4,
	.col-md-6,
	.col-md-8{
		width: 100%;
	}
}