/*

Theme Name: Olio

Theme URI: http://themexriver.net/olio-wp-demo/

Author: themexriver

Author URI: http://themeforest.net/user/themexriver

Description: Olio is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. olio will make your WordPress look beautiful everywhere.

Version: 1.2

License: Themeforest License

License URI: https://themeforest.net/licenses

Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog

Text Domain: olio



This theme, like WordPress, is licensed under the https://themeforest.net/licenses.

Use it to make something cool, have fun, and share what you've learned with others.

*/





/*************Custom Start*****************/



h1,h2,h3,h4,h5,h6,a,p{

	overflow-wrap: break-word;
  
  }
  
  .sticky{}
  
  .sticky h3 a,
  
  .sticky h3{
  
	  color: #cc0000 !important;
  
  }
  
  
  
  .footer-widget select,
  
  .widget select{
  
	  height: 36px;
  
	  width: 100%;
  
  }
  
  .footer-widget ul,
  
  .widget ul{
  
	  list-style: none;
  
	  padding-left: 0;
  
  }
  
  .footer-widget ul ul,
  
  .widget ul ul{
  
	  padding-left: 20px;
  
  }
  
  select{
  
	  max-width: 100%;
  
  }
  
  .footer-widget .submit-search{
  
	  color: #000;
  
  }
  
  .post-password-form input[type="password"]{
  
	  
  
  }
  
  
  
  .post-password-form input[type="submit"]{
  
	 background: #000;
  
  border: none;
  
  padding: 4px 20px;
  
  color: #fff;
  
  font-size: 18px;
  
  border-radius: 3px;
  
  vertical-align: top;
  
  }
  
  .site-header #navbar ul{
  
	  list-style: none;
  
	  padding-left: 0;
  
  }
  
  img{
  
	  max-width: 100%;
  
	  height: auto;
  
  }
  
  .comment .media-left img{
  
	  max-width: initial;
  
  }
  
  .pt-2{
  
		  padding-left:5px;
  
		  padding-right:5px;
  
	  }
  
	  .pt-5{
  
		  padding-top:5px;
  
	  }
  
	  .pt-15{
  
		  padding-top:17px;
  
	  }
  
	  .mt-19{
  
		  margin-top:19px;
  
	  }
  
	  .pt-20{
  
		  padding-top:20px;
  
	  }
  
	  .pb-25{
  
		  padding-bottom:25px;
  
	  }
  
	  .pt-30{
  
		  padding-top:30px;
  
	  }
  
	  .pr-30{
  
		  padding-right:30px;
  
	  }
  
	  .p-tb{
  
		  padding-top:100px;
  
		  padding-bottom:100px;
  
	  }
  
	  .pt-40{
  
		  padding-top:40px;
  
	  }
  
	  .pt-50{
  
		  padding-top:50px;
  
	  }
  
	  .pt-70{
  
		  padding-top:70px;
  
	  }
  
	  .p-tb60{
  
		  padding-top:100px;
  
		  padding-bottom:60px;
  
	  }
  
	  .pb-20{
  
		  padding-bottom:20px;
  
	  }
  
	  .pb-30{
  
		  padding-bottom:30px;
  
	  }
  
	  .pb-40{
  
		  padding-bottom:40px;
  
	  }
  
	  .pb-60{
  
		  padding-bottom:60px;
  
	  }
  
	  .pb-80{
  
		  padding-bottom:80px;
  
	  }
  
	  .pb-100{
  
		  padding-bottom:100px;
  
	  }
  
	  .pt-60{
  
		  padding-top:60px;
  
	  }
  
	  .pt-80{
  
		  padding-top:80px;
  
	  }
  
	  .pt-100{
  
		  padding-top:100px;
  
	  }
  
	  .pt-120{
  
		  padding-top:120px;
  
	  }
  
	  .pt-150{
  
		  padding-top:150px;
  
	  }
  
	  .padding-gero{
  
		  padding-left:0px;
  
		  padding-right:0px;
  
	  }
  
	  .text-black{
  
		  color:#000000;
  
	  }
  
	  .text-grey{
  
		  color:#888888;
  
	  }
  
	  .back-blue{
  
		  background-color:#281a35;
  
	  }
  
	  .back-dark{
  
		  background-color:#333333;
  
	  }
  
	  
  
	  .back-light{
  
		  background:#f8f8f8;
  
	  }
  
	  .back-grey{
  
		  background:#f2f2f2;
  
	  }
  
	  .team-color-back{
  
		  background:#f9f9fb;
  
	  }
  
	  .text-white{
  
		  color:#fff!important;
  
	  }
  
	  .text-blue{
  
		  color:#281a35;
  
	  }
  
	  .mt-30{
  
		  margin-top:40px;
  
	  }
  
	  .pl-50{
  
		  padding-left:50px;
  
	  }
  
	  .mt-0{
  
		  margin-top:0px!important;
  
	  }
  
	  .mt-20{
  
		  margin-top:20px!important;
  
	  }
  
	  .full-width{
  
		  width:100%;
  
	  }
  
	  .left-gero{
  
		  padding-left:0px;
  
	  }
  
	  .right-gero{
  
		  padding-right:0px;
  
	  }
  
	  .p-tb80 {
  
	  padding-top: 80px;
  
	  padding-bottom: 80px;
  
  }
  
  /*************Custom End*****************/
  
  
  
  /*  --------------------------------------------------------
  
  14. ABOUT US PAGE AREA
  
  -------------------------------------------------------- */
  
  .page-heading ul li {
  
	  display: inline-block;
  
	  color: #bbbbbb;
  
	  padding-right: 10px;
  
  }
  
  
  
  .page-heading ul li a {
  
	  font-size: 12px;
  
	  font-weight: normal;
  
	  color: #fff;
  
	  padding-right: 10px;
  
  }
  
  
  
  .page-heading h2 {
  
	  font-size: 30px;
  
	  font-weight: normal;
  
	  color: #fff;
  
	  position: relative;
  
	  padding-bottom: 25px;
  
	  margin-bottom: 0px;
  
  }
  
  
  
  .heading-blue ul li {
  
	  color: #209de2;
  
  }
  
  
  
  .heading-blue ul li a {
  
	  color: #209de2;
  
  }
  
  
  
  /*  --------------------------------------------------------
  
  16. BLOG LIST PAGE
  
  -------------------------------------------------------- */
  
  
  
  .blog-list .right-side{
  
	  padding:57px 45px!important;
  
  }
  
  .blog-list .blog-list-author-content{
  
	  background:#f1f1f1;
  
	  padding:125px 45px;
  
	  text-align:center;
  
	  margin:0 auto;
  
  }
  
  .blog-list-author{
  
	  position:relative;
  
	  padding-bottom:5px;
  
  }
  
  .blog-list-author:after{
  
	  content:'';
  
	  position:absolute;
  
	  left:33px;
  
	  bottom:0;
  
	  width:30px;
  
	  height:3px;
  
	  background:#1e1e1e;
  
  }
  
  .blog-list-author img{
  
	  padding-bottom:10px;
  
  }
  
  .blog-list-author h4{
  
	  font-size:14px;
  
	  font-weight:700;
  
	  color:#1e1e1e;
  
	  margin-bottom:5px;
  
  }
  
  .blog-list-author a{
  
	  font-size:14px;
  
	  font-weight:700;
  
	  color:#1e1e1e;
  
	  margin-bottom:5px;
  
  }
  
  .blog-list-author p{
  
	  font-size:9px;
  
	  font-weight:400;
  
	  color:#1e1e1e;
  
  }
  
  .blog-author-social ul li{
  
	  display:inline-block;
  
	  padding-top:6px;
  
  }
  
  .blog-author-social ul li a{
  
	  font-size:10px;
  
	  color:#1e1e1e;
  
	  padding:3px;
  
  }
  
  .blog-list-image {
  
	  padding: 0px 0px 0px 0px;
  
	  max-width: 100%;
  
	  list-style: none;
  
	  text-align: center;
  
  }
  
  .blog-list-image li {
  
	  display: inline-block;
  
	  width: 100%;
  
	  position: relative;
  
  }
  
  .blog-list-image figure {
  
	  position: relative;
  
  }
  
  .blog-list-image figure img {
  
	  max-width: 100%;
  
	  display: block;
  
	  position: relative;
  
  }
  
  .blog-list-image figcaption {
  
	  position: absolute;
  
	  top: 0;
  
	  left: 0;
  
	  bottom:0;
  
	  right:0;
  
	  background: rgba(111,177,18,0.9);
  
	  -moz-transform: scale(0);
  
	  -webkit-transform: scale(0.5);
  
	  -o-transform: scale(0.5);
  
	  -ms-transform: scale(0.5);
  
	  transform: scale(0.5);
  
	  display: table-cell;
  
	  vertical-align: middle;
  
	  -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
	  -moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
	  transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;	
  
  }
  
  .right-side-content figcaption{
  
	  padding-top: 13%!important;
  
	  margin:10px!important;
  
  }
  
  .blog-list-image figcaption {
  
	  padding-top: 17%;
  
  }
  
  
  
  .blog-list-image .cp-caption-desc a{
  
	  font-weight:300;
  
	  font-size:72px;
  
	  color:#fff;
  
  }
  
  .blog-list-image .cp-caption-desc a.popup-image {
  
	  position: absolute;
  
	  top: 50%;
  
	  left: 50%;
  
	  width: 30px;
  
	  height: 30px;
  
	  line-height: 30px;
  
	  margin: 0px;
  
	  z-index: 5;
  
	  -webkit-transform: scale(0.4);
  
	  -moz-transform: scale(0.4);
  
	  -o-transform: scale(0.4);
  
	  -ms-transform: scale(0.4);
  
	  transform: scale(0.4);
  
	  -webkit-transition: all 400ms linear;
  
	  -moz-transition: all 400ms linear;
  
	  -o-transition: all 400ms linear;
  
	  -ms-transition: all 400ms linear;
  
	  transition: all 400ms linear;
  
	  -webkit-transition-delay: 0.3s;
  
	  -o-transition-delay: 0.3s;
  
	  -moz-transition-delay: 0.3s;
  
	  transition-delay: 0.3s;
  
  }
  
  .blog-list-image-hover figure {
  
	  overflow: hidden;
  
  }
  
  .blog-list-image-hover figure img {
  
	  width:100%;
  
	  height:auto;
  
  }
  
  .blog-list-image-hover figcaption {
  
	  top: 0;
  
	  bottom: 0;
  
	  left: 0;
  
	  right: 0;
  
	  margin:20px;
  
	  opacity: 0;
  
  }
  
  .blog-list-image-hover figure:hover figcaption,
  
  .blog-list-image-hover figure.cs-hover figcaption {
  
	  opacity: 1;
  
	  -webkit-transform: translateY(0px);
  
	  -moz-transform: translateY(0px);
  
	  -ms-transform: translateY(0px);
  
	  transform: translateY(0px);
  
	  -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
		  -moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
		  transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
  }
  
  .blog-list-image-hover:hover figcaption,
  
  .blog-list-image-hover .cs-hover figcaption {
  
	  opacity: 1;
  
	  -webkit-transform: translateY(0px);
  
	  -moz-transform: translateY(0px);
  
	  -ms-transform: translateY(0px);
  
	  transform: translateY(0px);
  
	  -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
		  -moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
		  transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
  }
  
  .blog-list-image-hover figure:hover figcaption .cp-caption-desc
  
  {
  
  opacity:1;
  
  -moz-transform: scale(1);
  
  -webkit-transform: scale(1);
  
  -o-transform: scale(1);
  
  -ms-transform: scale(1);
  
  transform: scale(1);
  
  }
  
  .blog-list-image-hover:hover figcaption .cp-caption-desc
  
  {
  
  opacity:1;
  
  -moz-transform: scale(1);
  
  -webkit-transform: scale(1);
  
  -o-transform: scale(1);
  
  -ms-transform: scale(1);
  
  transform: scale(1);
  
  }
  
  .blog-list-image-hover figure figcaption .cp-caption-desc
  
  {
  
  -moz-transform: scale(0.5);
  
  -webkit-transform: scale(0.5);
  
  -o-transform: scale(0.5);
  
  -ms-transform: scale(0.5);
  
  transform: scale(0.5);
  
  opacity: 0;
  
  -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
  -moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
  transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
  -webkit-transition-delay: 0.3s;
  
  -o-transition-delay: 0.3s;
  
  -moz-transition-delay: 0.3s;
  
  transition-delay: 0.3s;
  
  }
  
  .blog-img-bottom{
  
	  padding-bottom:55px;
  
  }
  
  .blog-img-bottom p{
  
	  font-weight:300;
  
	  font-size:14px;
  
	  color:#999999;
  
	  line-height:28px;
  
  }
  
  .blog-img-bottom ul li{
  
	  display:inline-block;
  
	  padding-right:40px;
  
	  font-weight:400;
  
	  font-size:14px;
  
	  color:#999999;
  
  }
  
  .page-left-header-date,
  
  .blog-img-bottom-date{
  
	  font-weight:400;
  
	  font-size:14px;
  
	  color:#999999;
  
	  cursor:pointer;
  
  }
  
  .blog-img-bottom ul li i{
  
	  padding-right:10px;
  
	  font-size:16px;
  
  }
  
  .blog-pager ul li a{
  
	  margin:4px;
  
	  border-radius:0px;
  
	  border-top-left-radius:0px!important;
  
	  border-bottom-left-radius:0px!important;
  
	  border-top-right-radius:0px!important;
  
	  border-bottom-right-radius:0px!important;
  
	  color:#cdcdcd;
  
	  border:1px solid #cdcdcd;
  
	  background:transparent;
  
	  font-weight:700;
  
	  font-size:14px;
  
	  -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
		-moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
		transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
  }
  
  .blog-pager ul li a:hover{
  
	  color:#fff;
  
  }
  
  .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
  
	  background: #af9a84 !important;
  
  }
  
  .blog-pager .pagination li.active a {
  
	  cursor:default;
  
	  box-shadow:none;
  
  }
  
  
  
  .blog-pager .pagination li.disable a {
  
	  cursor:not-allowed;
  
	  box-shadow:none;
  
  }
  
  .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
  
	  background: #af9a84;
  
  }
  
  .blog-pager .pagination li.active a,.blog-pager .pagination li a:hover,.blog-pager .pagination li a:focus {
  
	  color:#ffffff;
  
	  border:1px solid #cdcdcd;
  
  }
  
  .blog-right-search{
  
	  position:relative;
  
  }
  
  .blog-right-search:after{
  
	  content:'';
  
	  position:absolute;
  
	  width:55px;
  
	  height:3px;
  
	  left:0px;
  
	  bottom:-3px;
  
  }
  
  .blog-right-search .search-box{
  
	  border-color:#ebebeb;
  
	  height:55px;
  
	  border-radius:0px;
  
	  padding:20px;
  
	  -webkit-box-shadow: inset 0 1px 1px rgba(235,27,52,.075);
  
	  box-shadow: inset 0 1px 1px rgba(235,27,52,.075);
  
	  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  
	  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  
	  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  
  }
  
  .blog-right-search .submit-search {
  
	  position: absolute;
  
	  bottom: 17px;
  
	  right: 30px;
  
	  padding: 0;
  
	  margin: 0;
  
	  border: 0;
  
	  background: none;
  
	  cursor: pointer;
  
  }
  
  .blog-right-search .submit-search i{
  
	  color:#999999;
  
	  font-size:12px;
  
  }
  
  .blog-right-search .search-box:hover, .blog-right-search .search-box:focus, .blog-right-search .search-box:active{
  
	  outline:none;
  
  }
  
  .footer-widget .widget,
  
  .sidebar .widget{
  
	  padding: 20px 20px;
  
	  border: 1px solid #ebebeb;
  
	  position:relative;
  
	  float:left;
  
	  width:100%;
  
	  margin-bottom: 20px;
  
  }
  
  .footer-widget .widget:after,
  
  .sidebar .widget:after{
  
	  content:'';
  
	  position:absolute;
  
	  width:55px;
  
	  height:3px;
  
	  left:0px;
  
	  bottom:-3px;
  
  }
  
  .footer-widget .widget h2,
  
  .sidebar .widget h2{
  
	  font-weight: 700;
  
	  font-size: 18px;
  
	  padding-bottom:20px;
  
	  margin: 0;
  
  }
  
  .footer-widget .single-widget,
  
  .sidebar .single-widget{
  
	  padding-bottom:7px;
  
  }
  
  .footer-widget .single-widget a,
  
  .sidebar .single-widget a{
  
	  font-weight: 700;
  
	  font-size: 14px;
  
	  color:#333333;
  
  }
  
  .footer-widget .single-widget p,
  
  .sidebar .single-widget p{
  
	  font-weight: 400;
  
	  font-size: 12px;
  
	  color:#999999;
  
	  padding-top:8px;
  
  }
  
  .footer-widget ul li a{
  
	  font-weight: 700;
  
	  font-size: 14px;
  
	  color:#fff;
  
	  line-height:36px;
  
	  -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
	  -moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
	  transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
	  float:left;
  
	  width:100%;
  
  }
  
  .sidebar .widget ul li a{
  
	  font-weight: 700;
  
	  font-size: 14px;
  
	  color:#333333;
  
	  line-height:36px;
  
	  -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
	  -moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
	  transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
	  float:left;
  
	  width:100%;
  
  }
  
  .footer-widget ul li a span.cat-count,
  
  .sidebar .widget ul li a span.cat-count{
  
	  float:right;
  
  }
  
  .footer-widget .tagcloud a{
  
	  display:inline-block;
  
	  color:#fff;
  
	  padding-right:20px;
  
	  padding-bottom:20px;
  
	  font-weight: 700;
  
	  font-size: 14px;
  
  }
  
  .sidebar .tagcloud a{
  
	  display:inline-block;
  
	  color:rgba(51,51,51,0.5);
  
	  padding-right:20px;
  
	  padding-bottom:20px;
  
	  font-weight: 700;
  
	  font-size: 14px;
  
  }
  
  .footer-small-header h3{
  
	  margin-top: 20px;
  
  }
  
  .footer-widget p,
  
  .footer-widget{
  
	  color: #fff;
  
  }
  
  .pdf-button{
  
	  float:left;
  
	  clear:both;
  
  }
  
  .custom-blog-detail li{
  
	  padding-right:20px;
  
	  font-weight:400;
  
	  font-size:14px;
  
	  color:#999999;
  
	  display:inline-block
  
  }
  
  .custom-blog-detail li a{
  
	  font-weight:400;
  
	  font-size:14px;
  
	  color:#999999;
  
	  cursor:pointer;
  
  }
  
  .custom-blog-detail li i{
  
	  padding-right:10px;
  
	  font-size:16px;
  
  }
  
  .single-blog{
  
	  position:relative;
  
	  padding-bottom:5px;
  
  }
  
  .single-blog:after{
  
	  content:'';
  
	  position:absolute;
  
	  left:33px;
  
	  bottom:0;
  
	  width:30px;
  
	  height:3px;
  
  }
  
  .single-blog img{
  
	  padding-bottom:10px;
  
  }
  
  .single-blog a{
  
	  font-size:14px;
  
	  font-weight:700;
  
	  margin-bottom:5px;
  
  }
  
  .single-blog p{
  
	  font-size:9px;
  
	  font-weight:400;
  
	  color:#1e1e1e;
  
  }
  
  .single-blog-social ul li{
  
	  display:inline-block;
  
	  padding-top:6px;
  
  }
  
  .single-blog-social ul li a{
  
	  font-size:10px;
  
	  color:#1e1e1e;
  
	  padding:3px;
  
	  -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
	  -moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
	  transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
  }
  
  .blog-description .media-left{
  
	  padding-right:60px;
  
  }
  
  
  
  .single-blog-border{
  
	  padding-bottom:70px;
  
  }
  
  .single-authors-content .media-left{
  
	  padding-right:25px;
  
  }
  
  .single-authors-content .media-heading{
  
	  font-size:16px;
  
	  font-weight: 700;
  
  }
  
  
  
  .single-authors-content p{
  
	  font-weight: 400;
  
	  font-size: 14px;
  
	  color:#333333;
  
	  line-height:26px;
  
	  padding-top:5px!Important;
  
  }
  
  .single-authors-content a{
  
	  font-weight: 700;
  
	  font-size: 14px;
  
	  text-transform:uppercase;
  
	  text-decoration:underline;
  
	  color: #af9a84;
  
  }
  
  
  
  .gardener-reply-form{
  
	  height:50px;
  
	  background-color:transparent;
  
	  border:1px solid #e6e6e6;
  
	  font-size:14px;
  
	  font-weight:400;
  
	  color:#bdbdbd;
  
	  border-radius:0px;
  
	  box-shadow:none;
  
  }
  
  .gardener-comment-btn {
  
	  font-size:16px;
  
	  font-weight:400;
  
	  color:#fff;
  
	  border-radius:3px;
  
	  padding:17px 60px 17px 60px;
  
	  display: inline-block;
  
	  vertical-align: middle;
  
	  -webkit-transform: translateZ(0);
  
		  transform: translateZ(0);
  
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  
		  -webkit-backface-visibility: hidden;
  
	  backface-visibility: hidden;
  
	  -moz-osx-font-smoothing: grayscale;
  
	  position: relative;
  
	  -webkit-transition-property: color;
  
		  transition-property: color;
  
	  -webkit-transition-duration: 0.3s;
  
	  transition-duration: 0.3s;
  
  }
  
  .gardener-comment-btn:before {
  
	  content: "";
  
	  position: absolute;
  
	  z-index: -1;
  
	  top: 0;
  
	  left: 0;
  
	  right: 0;
  
	  bottom: 0;
  
	  background: #559100;
  
	  border-radius:3px;
  
	  -webkit-transform: scale(0);
  
		  transform: scale(0);
  
	  -webkit-transition-property: transform;
  
		  transition-property: transform;
  
	  -webkit-transition-duration: 0.3s;
  
		  transition-duration: 0.3s;
  
	  -webkit-transition-timing-function: ease-out;
  
		  transition-timing-function: ease-out;
  
  }
  
  .gardener-comment-btn:hover, .gardener-comment-btn:focus, .gardener-comment-btn:active {
  
	  color:#fff;
  
	  border-radius:3px;
  
  }
  
  .gardener-comment-btn:hover:before, .gardener-comment-btn:focus:before, .gardener-comment-btn:active:before {
  
	  -webkit-transform: scaleX(1);
  
		  transform: scaleX(1);
  
  }
  
  .reply-form .form-group {
  
	  margin-bottom: 23px;
  
  }
  
  .reply-form .col-xs-6, .reply-form .col-xs-12{
  
	  padding-left:0px;
  
  }
  
  .top-date ul{
  
	  padding-top:35px;
  
	  padding-bottom:15px;
  
  }
  
  .top-date ul li{
  
	  display:inline-block;
  
	  font-size:12px;
  
	  font-weight:400;
  
	  color:#333;
  
	  line-height:30px;
  
  }
  
  .top-date ul li span{
  
	  padding-left:18px;
  
	  padding-right:18px;
  
  }
  
  .top-date ul li a{
  
	  font-weight:700;
  
	  color:#333;
  
  }
  
  
  
  .page-left-header h3 a,
  
  .blog-list-content h3 a{
  
	  color: #000;
  
  }
  
  .btn-readmore a{
  
	  color: #000;
  
	  text-decoration: none;
  
  }
  
  .single-authors-content .comment-reply-link{
  
	  float: right;
  
	  color: #af9a84;
  
  }
  
  
  
  
  
  
  
  
  
  .blog-pagination{
  
	  padding-top:10px;
  
	  padding-bottom:80px;
  
  }
  
  .blog-pagination .pagination{
  
	  margin-right:0px;
  
  }
  
  .blog-pagination .pagination li{
  
	  display: inline-block;
  
	  margin-left:4px;
  
  }
  
  .blog-pagination .pagination li a{
  
	  border-radius:0px;
  
	  background-color:#fff;
  
	  border:1px solid #e8e8e8;
  
	  color:#333;
  
	  padding: 6px 12px;
  
	  
  
	  font-weight: normal;
  
	  -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
		-moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
		transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
  
  }
  
  .blog-pagination .pagination li.active a {
  
	  cursor:default;
  
	  box-shadow:none;
  
  }
  
  
  
  .blog-pagination .pagination li.disable a {
  
	  cursor:not-allowed;
  
	  box-shadow:none;
  
  }
  
  .blog-pagination .pagination li.active a,.blog-pagination .pagination li a:hover,.blog-pagination .pagination li a:focus {
  
	  color:#ffffff;
  
  }
  
  
  
  .blog-single-authors{
  
	  padding-top:20px;
  
  }
  
  .comment-heading h1{
  
	  font-size:24px;
  
	  line-height:26px;
  
	  padding-bottom:25px;
  
  }
  
  .single-authors-content .media-left{
  
	  padding-right:25px;
  
  }
  
  .single-authors-content .media-heading{
  
	  font-size:16px;
  
  }
  
  .single-authors-content .media-heading span{
  
	  
  
	  font-weight: 400;
  
	  font-size: 12px;
  
	  color:#281a35;
  
	  float:right;
  
  }
  
  
  
  
  
  .pl-50 p{
  
	  font-weight: 300;
  
	  font-size: 14px;
  
	  color:#333333;
  
  }
  
  .stark-reply-form{
  
	  height:50px;
  
	  background-color:transparent;
  
	  border:1px solid #e6e6e6;
  
	  font-size:14px;
  
	  font-weight:400;
  
	  color:#bdbdbd;
  
	  border-radius:0px;
  
	  box-shadow:none;
  
  }
  
  .stark-comment-btn {
  
	  font-size:16px;
  
	  font-weight:400;
  
	  color:#fff;
  
	  border-radius:3px;
  
	  padding:17px 45px 17px 45px;
  
	  display: inline-block;
  
	  vertical-align: middle;
  
	  -webkit-transform: translateZ(0);
  
		  transform: translateZ(0);
  
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  
		  -webkit-backface-visibility: hidden;
  
	  backface-visibility: hidden;
  
	  -moz-osx-font-smoothing: grayscale;
  
	  position: relative;
  
	  -webkit-transition-property: color;
  
		  transition-property: color;
  
	  -webkit-transition-duration: 0.3s;
  
	  transition-duration: 0.3s;
  
  }
  
  .stark-comment-btn:before {
  
	  content: "";
  
	  position: absolute;
  
	  z-index: -1;
  
	  top: 0;
  
	  left: 0;
  
	  right: 0;
  
	  bottom: 0;
  
	  background: #f71934;
  
	  border-radius:3px;
  
	  -webkit-transform: scale(0);
  
		  transform: scale(0);
  
	  -webkit-transition-property: transform;
  
		  transition-property: transform;
  
	  -webkit-transition-duration: 0.3s;
  
		  transition-duration: 0.3s;
  
	  -webkit-transition-timing-function: ease-out;
  
		  transition-timing-function: ease-out;
  
  }
  
  .stark-comment-btn:hover, .stark-comment-btn:focus, .stark-comment-btn:active {
  
	  color:#fff;
  
	  border-radius:3px;
  
  }
  
  .stark-comment-btn:hover:before, .stark-comment-btn:focus:before, .stark-comment-btn:active:before {
  
	  -webkit-transform: scaleX(1);
  
		  transform: scaleX(1);
  
  }
  
  .reply-form .form-group {
  
	  margin-bottom: 23px;
  
  }
  
  .reply-form .col-md-6, .reply-form .col-md-12{
  
	  padding-left:0px;
  
  }
  
  
  
  table,
  
  th,
  
  td {
  
	  border: 1px solid #d1d1d1;
  
  }
  
  
  
  table {
  
	  border-collapse: separate;
  
	  border-spacing: 0;
  
	  border-width: 1px 0 0 1px;
  
	  margin: 0 0 1.75em;
  
	  table-layout: fixed;
  
	  /* Prevents HTML tables from becoming too wide */
  
	  width: 100%;
  
  }
  
  
  
  caption,
  
  th,
  
  td {
  
	  font-weight: normal;
  
	  text-align: left;
  
  }
  
  
  
  th {
  
	  border-width: 0 1px 1px 0;
  
	  font-weight: 700;
  
  }
  
  
  
  td {
  
	  border-width: 0 1px 1px 0;
  
  }
  
  
  
  th,
  
  td {
  
	  padding: 0.4375em;
  
  }
  
  /*------------------------------------------------------------------
  
	  3. WP CORE
  
  -------------------------------------------------------------------*/
  
  
  
  .drop-cap::first-letter {
  
	  float: left;
  
	  font-size: 400%;
  
	  font-weight: bold;
  
	  color: #ffffff;
  
	  background-color: #171717;
  
	  padding: 10px;
  
	  line-height: 100%;
  
	  margin: 10px 20px 0 0;
  
  }
  
  
  
  .first {
  
	  clear: both
  
  }
  
  
  
  .last {
  
	  margin-right: 0
  
  }
  
  
  
  .alignnone {
  
	  margin: 5px 20px 20px 0;
  
  }
  
  
  
  .aligncenter,
  
  div.aligncenter {
  
	  display: block;
  
	  margin: 5px auto 5px auto;
  
  }
  
  
  
  .alignright {
  
	  float: right;
  
	  margin: 10px 0 20px 20px;
  
  }
  
  
  
  .alignleft {
  
	  float: left;
  
	  margin: 10px 20px 20px 0;
  
  }
  
  
  
  a img.alignright {
  
	  float: right;
  
	  margin: 10px 0 20px 20px;
  
  }
  
  
  
  a img.alignnone {
  
	  margin: 10px 20px 20px 0;
  
  }
  
  
  
  a img.alignleft {
  
	  float: left;
  
	  margin: 10px 20px 20px 0;
  
  }
  
  
  
  a img.aligncenter {
  
	  display: block;
  
	  margin-left: auto;
  
	  margin-right: auto
  
  }
  
  
  
  .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;
  
  }
  
  
  
  
  
  /* Text meant only for screen readers. */
  
  
  
  .screen-reader-text {
  
	  clip: rect(1px, 1px, 1px, 1px);
  
	  position: absolute !important;
  
	  height: 1px;
  
	  width: 1px;
  
	  overflow: hidden;
  
  }
  
  
  
  .screen-reader-text:focus {
  
	  background-color: #f1f1f1;
  
	  border-radius: 3px;
  
	  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  
	  clip: auto !important;
  
	  color: #21759b;
  
	  display: block;
  
	  font-size: 14px;
  
	  font-size: 0.875rem;
  
	  font-weight: bold;
  
	  height: auto;
  
	  left: 5px;
  
	  line-height: normal;
  
	  padding: 15px 23px 14px;
  
	  text-decoration: none;
  
	  top: 5px;
  
	  width: auto;
  
	  z-index: 100000;
  
	  /* Above WP toolbar. */
  
  }
  
  
  
  .gallery-caption{}
  
  .bypostauthor{}
  
  .comment-list .children{
  
	  padding-left: 20px;
  
	  padding-top: 20px;
  
  }
  
  .comment-list > li{
  
	  margin-bottom: 35px;
  
  }
  
  .comment-heading a{
  
	  color: #000;
  
  }
  
  @media (min-width: 1200px){
  
  .container {
  
	  float: none!important;
  
	  margin-left: auto!important;
  
	  margin-right: auto!important;
  
	  }
  
  
  
  }
  
  
  
  .es_caption, .es_lablebox {
  
	  display: none;
  
  }
  
  .es_txt_email {
  
	  height: 50px;
  
	  padding-left: 30px;
  
	  padding-right: 150px;
  
	  border-color: #dddddd;
  
	  -webkit-border-radius: 35px;
  
	  -moz-border-radius: 35px;
  
	  -o-border-radius: 35px;
  
	  -ms-border-radius: 35px;
  
	  border-radius: 35px;
  
	  box-shadow: none;
  
	  display: block;
  
	  width: 450px;
  
	  padding: 6px 12px;
  
	  font-size: 14px;
  
	  border: 1px solid #ccc;
  
  }
  
  .es_txt_email:focus {
  
	  outline: none;
  
  }
  
  .es_textbox_button{
  
	  position: absolute;
  
	  right: 20px;
  
	  top: 39%;
  
	  -webkit-transform: translateY(-50%);
  
	  -moz-transform: translateY(-50%);
  
	  -o-transform: translateY(-50%);
  
	  -ms-transform: translateY(-50%);
  
	  transform: translateY(-50%);
  
	  font-family: "Montserrat", sans-serif;
  
	  background: #573d68;
  
	  background: -webkit-linear-gradient(top, #573d68, #bf4066);
  
	  background: -moz-linear-gradient(top, #573d68, #bf4066);
  
	  background: -o-linear-gradient(top, #573d68, #bf4066);
  
	  background: -ms-linear-gradient(top, #573d68, #bf4066);
  
	  background: linear-gradient(top, #573d68, #bf4066);
  
	  padding: 11px 28px;
  
	  font-size: 14px;
  
	  font-size: 0.875rem;
  
	  color: #fff;
  
	  border: 0;
  
	  -webkit-border-radius: 25px;
  
	  -moz-border-radius: 25px;
  
	  -o-border-radius: 25px;
  
	  -ms-border-radius: 25px;
  
	  border-radius: 25px;
  
	  text-transform: uppercase;
  
	  z-index: 1;
  
	  overflow: hidden;
  
  }
  
  .agency-grids.vc_column_container > .vc_column-inner, .cv-portfolio .vc_column_container>.vc_column-inner, .agency-blog .vc_column_container>.vc_column-inner {
  
	  padding-left: 0!important;
  
	  padding-right: 0!important;
  
  }
  
  #crmWebToEntityForm{
	  display: block;
	  margin: 0 auto;
	  margin-top: 0px;
	  margin-top: 0%;
	  float:left;
  }
  
  #crmWebToEntityForm .zcwf_row .zcwf_col_fld{
  background-color: rgba(255, 255, 255, 0.4) ;
  color: #fff !important;
  height: 35px !important;
  border-radius: 6px !important;
  }
  
  #crmWebToEntityForm {
  background: linear-gradient(90deg, rgba(171,47,143,1) 35%, rgba(217,29,174,1) 100%) !important;
  color: #fff !important;
  border-radius: 6px !important;
  margin-bottom:100px !important;
  }
  
  #formsubmit,.zcwf_button{
	  background: #ab2f8f !important;
  }
  
  #fila-submit{
	  background:transparent !important;
  }