/*
Theme Name: Creative Agency Responsive WordPress Theme
Theme URI: http://dessign.net/creativeagencytheme
Author: Dessign Themes
Author URI: https://dessign.net
Description: Creative Agency 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: 400;
  font-size: 24px;
  margin: 0;
  height: 100%;
  min-width: 320px;
  padding: 2.8em 0 0;
  position: relative;
  line-height: 1.6;
  -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: 100vh;
}
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,
input[type="submit"]{
  -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: #ff2400;
}
a:hover{
  
  color: #333;
}
.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,
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{
	height: 48px;
	line-height: 48px;
}
textarea{
	height: 140px;
	padding: 8px 6px;
}
button{
	background: #000;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	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: 700;
	line-height: 1.1;
}
h2{
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1.1;
	margin: 0 0 0.3em;
}
h3{
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.1;
	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: transparent;
  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: 340px;
}
#touch-menu{
  display: block;
  cursor: pointer;
  background: #000;
  width: 56px;
  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: #fff;
  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.95);
  display: none;
  font-size: 32px;
  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: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.navigation > ul,
.navigation div > ul{
  display: block;
  list-style-type: none;
  margin: 30px auto;
  padding: 0 15px;
}
.navigation ul ul{
  display: block;
  margin: 0;
  padding: 10px 0 0 10px;
  width: 100%;
}
.navigation ul li{
  background-color: transparent;
  border: none;
  display: inline-block;
  vertical-align: top;
  padding: 8px 25px;
}
.navigation a{
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
}
.navigation .sub-menu li{
	display: block;
  padding: 10px 0 0;
  font-size: 0.75em;
  line-height: 1em;
  text-align: left;
}
.navigation a:hover{
  text-decoration: underline;
}
/*-------------Footer----------*/
.footer{
	background: #000;
	color: #fff;
	position: relative;
}
.footer a{
	color: #fff;
}
.footer ul{
	padding-left: 17px;
}
.footer-widgets-wrap{
	padding: 3.5em 0 2em;
	border-bottom: 1px solid #222629;
}
.footer .footer-widget{
	font-size: 14px;
	margin-bottom: 25px;
	max-width: 350px;
}
.footer .footer-widget h3{
	text-transform: uppercase;
}
.footer-bot{
	padding: 12px 0;
}
.footer .footer-copyright{
	font-size: 14px;
	margin: 0 0 10px;
}
.social-icons{
  float: right;
  line-height: 21px;
}
.ta-icon{
  display: inline-block;
  font-size: 20px;
  line-height: 21px;
  height: 21px;
  margin: 0 4px;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
  vertical-align: middle;
}
/*-----------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{
	border: 2px solid #fff;
	bottom: 70px;
	position: absolute;
	width: 50px;
	height: 50px;
	z-index: 99999;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 13px 22px;
	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: 80px;
	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: 138px;
	left: auto;
}
.home-content-slide{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: flex-end;
	align-items: flex-end;
	justify-content: center;
	text-align: center;
}
.home-content-inner{
	color: #fff;
	max-width: 1000px;
	padding: 0 75px;
}
.home-content-inner h2{
	font-size: 3.7em;
	line-height: 1em;
	margin: 0 0 25%;
	text-transform: uppercase;
}
.home-content-inner h2 a{
	color: #fff;
}
.home-content-inner h2 a:hover{
	color: #000;
}
.home-content-inner p{
	font-size: 1em;
	line-height: 1.25em;
	margin: 2em 0;
}
.container{
	margin: 0 auto;
	max-width: 1302px;
	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-3,
.col-md-4,
.col-md-6,
.col-md-8,
.col-md-12{
  float: left;
  padding-left: 11px;
  padding-right: 11px;
}
.col-md-3{
	width: 25%;
}
.col-md-4{
	width: 33.33%;
}
.col-md-6{
  width: 50%;
}
.col-md-8{
	width: 66.66%;
}
.col-md-12{
  width: 100%;
}
.page-wrap{
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.main{
	display: block;
	padding: 2em 0 0;
  position: relative;
}
.homepage-main{
	background: #fff;
}
.home-featured-text{
	margin-bottom: 3em;
}
.home-featured-text h1{
	font-size: 2.7em;
	font-weight: 400;
	line-height: 1em;
	margin: 0 0 0.7em;
	text-transform: uppercase;
	padding-bottom: 0.7em;
	position: relative;
}
.home-featured-text h1:after{
	background: #000;
	bottom: 0px;
	content: "";
	display: block;
	height: 5px;
	left: 0;
	position: absolute;
	width: 115px;
}
.home-featured-text p{
	font-size: 34px;
	line-height: 1.25em;
	margin: 1em 0;
	font-weight: 400;
}
.home-widgets-wrap{
	margin-bottom: 1em;
}
.home-widget-wrap:nth-child(odd){
	clear: left;
}
.home-widgets-wrap h3{
	color: #000;
}
.home-widgets-wrap .home-widget{
	font-size: 18px;
	color: #6b6b6b;
	line-height: 1.44;
	margin-bottom: 2em;
}
.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);
}
.home-blog-post{
	margin-bottom: 1.6em;
}
.blog-feed-content h2{
	font-size: 1.5em;
	margin: 0 0 0.5em;
}
.blog-feed-content h2 a{
	color: #000;
}

.blog-feed-content h2 a:hover{
	color: #999;
}

.blog-feed-content .home-blog-date{
	font-style: italic;
	font-weight: bold;
	font-size: 0.9em;
	margin-bottom: 1.2em;
}
.blog-feed-content span{
	position: relative;
	padding-bottom: 6px;
}
.blog-feed-content span:after{
	display: block;
	background: #000;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 100%;
}
.blog-feed-content p{
	line-height: 1.4;
	margin: 0;
	font-size: 0.9em;
}
.home-posts-wrap .portfolio-post-small:nth-child(2),
.home-posts-wrap .portfolio-post-small:nth-child(4),
.home-posts-wrap .portfolio-post-small:nth-child(7),
.home-posts-wrap .portfolio-post-small:nth-child(9),
.home-posts-wrap .portfolio-post-small:nth-child(12),
.home-posts-wrap .portfolio-post-small:nth-child(14),
.home-posts-wrap .portfolio-post-small:nth-child(17),
.home-posts-wrap .portfolio-post-small:nth-child(19){
	clear: left;
}
.category-content-wrap .portfolio-post-small:nth-child(3),
.category-content-wrap .portfolio-post-small:nth-child(7),
.category-content-wrap .portfolio-post-small:nth-child(11),
.category-content-wrap .portfolio-post-small:nth-child(13),
.category-content-wrap .portfolio-post-small:nth-child(17){
	clear: left;
}
.portfolio-post-wrap{
	margin-bottom: 0.8em;
}
.portfolio-post-big .portfolio-post-wrap{
	margin-bottom: 1.2em;
}
.portfolio-post-wrap h2{
	font-size: 18px;
	margin: 1em 0 0;
}
.portfolio-post-wrap h2 a{
	display: block;
	color: #000;
}

.portfolio-post-wrap h2 a:hover{
	display: block;
	color: #999;
}
.portfolio-post-big h2{
	font-size: 1.1em;
	margin-top: 0.8em;
}
.portfolio-post-big p{
	font-size: 16px;
	margin:0;
}
.pagination{
	font-size: 24px;
	margin-bottom: 25px;
	padding: 0 15px;
	text-align: center;
}
.pagination a{
	color: #000;
}
.pagination .page-numbers{
	border: 1px solid #000;
	display: inline-block;
	font-weight: bold;
	margin: 5px 3px;
	padding: 8px 12px;
	line-height: 1em;
}
.pagination .page-numbers:hover,
.pagination .current{
	color: #fff;
	background: #000;
	text-decoration: none;
}
.home-contact-wrap{
	background: #2b2f33;
	color: #fff;
	margin-top: 1em;
	padding: 3em 0;
	text-align: center;
}
.home-contact-wrap h3{
	font-size: 1.25em;
	line-height: 1;
	font-style: italic;
	margin-bottom: 0.8em;
	text-transform: uppercase;
}
.home-contact-inner{
	margin: 0 auto;
	max-width: 920px;
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
}
.home-contact-inner p{
	margin: 0;
	overflow: hidden;
}
.home-contact-inner span.wpcf7-form-control-wrap{
	display: block;
	float: left;
	margin: 0 4px;
	width: 25%;
}
.home-contact-inner .wpcf7-not-valid-tip{
	font-size: 14px;
	display: block;
	text-align: left;
}
div.wpcf7-validation-errors{
	margin: 14px auto;
	font-size: 14px;
	max-width: 600px;
}
.home-contact-inner input{
	background: #fff;
	color: #000;
	font-size: 16px;
	font-weight: normal;
	padding: 0 10px;
	margin: 14px 0px 4px;
}
.home-contact-inner input[type="submit"]{
	background: transparent;
	color: #fff;
	float: left;
	margin: 14px 4px 4px;
	width: 21%;
}
.home-contact-inner input[type="submit"]:hover{
	background: #fff;
	color: #000;
}
/*-----------------Blog Page-----------*/
.category-title h1{
	font-size: 31px;
	margin: 0 0 1em;
	text-align: center;
}
.blog-category-wrap{
	display: table;
	margin-bottom: 35px;
	width: 100%;
}
.blog-category-wrap .blog-feed-image{
	display: table-cell;
	vertical-align: top;
	width: 50%;
}
.blog-feed-image img{
	display: block;
	height: auto;
	width: 100%;
}
.blog-category-wrap .blog-feed-content{
	display: table-cell;
	padding-left: 30px;
	vertical-align: middle;
	width: 50%;
}
/*---------------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: 1.7em 0 1em;
}
.single-post-content{
	margin: 0 auto;
	padding: 0 15px;
	max-width: 980px;
}
.single-post-content h1{
	line-height: 1.1;
	margin: 0 0 0.5em;
}
.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) {
	body{
		font-size: 18px;
	}
	input,
	button{
		height: 38px;
		line-height: 38px;
		font-size: 1em;
	}
	.navigation.visible{
		display: block;
	}
	.navigation{
		font-size: 42px;
	}
	.navigation > ul,
	.navigation div > ul{
	  display: block;
	  margin: 60px auto;
	  max-width: 400px;
	}
	.navigation ul li{
	  display: block;
	  padding: 20px 0;
	}
	p {
    font-size: .85em;
    margin: 0 0 1em;
}
	
	.navigation ul ul {
    display: block;
    margin: 0;
    padding: 0 0 0 20px;
    width: 100%;
	}
	.navigation .sub-menu li {
		display: block;
    padding: 20px 0 0 0;
	}
	.home-contact-inner span.wpcf7-form-control-wrap{
		width: 24%;
	}
	.logo-wrap img{
		max-width: 280px;
	}
	.home-content-inner p{
		font-size: 1em;
	}
	
	.category-title h1{
		font-size: 30px;
		margin-bottom: 0.5em;
	}
	
	.home-featured-text h1 {
    font-size: 2.3em;
    font-weight: 400;
    line-height: 1em;
    margin: 0 0 0.7em;
    padding-bottom: 0.7em;
    position: relative;
    text-transform: uppercase;
}

	.home-featured-text{
		margin-bottom: 2em;
	}
	.home-featured-text p{
		font-size: 30px;
		margin-top: 0;
	}
	.home-widgets-wrap{
		margin-bottom: 0;
	}
	.blog-category-wrap .blog-feed-image{
		width: 40%;
	}
	.blog-category-wrap .blog-feed-content{
		width: 60%;
	}
}
@media only screen and (max-width : 767px) {
	.col-md-4,
	.col-md-6,
	.col-md-8{
		width: 100%;
	}
	body{
		font-size: 16px;
		padding-top: 50px;
	}
	.col-xs-6{
		width: 50%;
	}
	.button{
		font-size: 14px;
	}
	.header{
		padding: 10px;
	}
	.logo-wrap img{
		max-width: 210px;
	}
	#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: 3.1em;
		margin: 0 0 100px;
	}
	.home-content-inner p{
		font-size: 1.1em;
		margin: 1em 0;
	}
	.home-slider-wrap .owl-prev{
		right: 86px;
		bottom: 30px;
	}
	.home-slider-wrap .owl-next{
		right: 30px;
		bottom: 30px;
	}
	.home-featured-text p{
		font-size: 28px;
	}
	.pagination{
		font-size: 18px;
	}
	.home-widgets-wrap .home-widget{
		font-size: 14px;
	}
	.blog-feed-content p{
		line-height: 1.3;
	}
	.portfolio-post-wrap{
		margin-bottom: 20px;
	}
	.portfolio-post-wrap h2{
		font-size: 16px;
	}
	.portfolio-post-big p{
		font-size: 14px;
		margin-top: 5px;
	}
	.social-icons{
		float: none;
	}
	.category-content-wrap .portfolio-post-small:nth-child(5),
	.category-content-wrap .portfolio-post-small:nth-child(9),
	.category-content-wrap .portfolio-post-small:nth-child(15),
	.category-content-wrap .portfolio-post-small:nth-child(19){
		clear: left;
	}
	.footer-widgets-wrap{
		padding: 2.5em 0 1em;
	}
}
@media only screen and (max-width : 639px) {
	.home-contact-inner span.wpcf7-form-control-wrap{
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	.home-contact-inner input{
		font-size: 15px;
	}
	p{
		font-size: 1.4em;
		margin: 0 0 1em;
	}
	h3{
		font-size: 1.7em;
		font-weight: 700;
		line-height: 1.1;
		margin: 0 0 0.7em;
	}
	.blog-feed-content h2 {
		font-size: 1.9em;
	}
	.home-contact-inner input[type="submit"]{
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	.blog-category-wrap{
		display: block;
		margin-bottom: 20px;
		width: 100%;
	}
	.blog-category-wrap .blog-feed-image{
		display: block;
		width: 100%;
	}
	.blog-category-wrap .blog-feed-content{
		display: block;
		padding: 15px;
		width: 100%;
	}
	
}