/*
	Theme Name: Delice Plus
	Theme URI: http://www.demo.cookpress.ru/plus/
	
	Author: Sergey Sologub
	Author URI: http://www.cookpress.ru
	Text Domain: cookpress

	Description: A light, highly interactive Cooking Theme for Wordpress
	Tags: accessibility-ready
	
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 2.3

	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------

	-----------------
	Table of Contents
	-----------------

	GENERAL 			Site Wide Styles
	WORDPRESS 			WordPress Content Styles
	BASICS 				Site Basics Styles

	Theme
	-----
	PRELOADING 			Page Cook preloading 
	SLIDERS 			Sliders style
	TOP MENU			Top menu styles
	TOP SLIDER			Top slider styles
	ICONS 				Foodie Icons

	Layout
	------
	HEADER				Header styles
	BLOG 				Blog styles
	SINGLE POST			Single post styles
	COMMENTS			Comments styles
	FOOTER				Footer styles


	Sections
	-----
	PORTFOLIO 			Portfolio Styles
	VIDEO BLOCK			Video block styles
	CONTACT FORM		Contact for styles
	TEAM BLOCK			Team block styles

	
	Includes
	--------
	MEDIAQUERIES 		Media Queries
	RETINA 				For hi-res retina displays
	IE STYLES 			Styles for Internet Explorer
	WOOCOMMERCE			Styles for woocommerce
	TILES HEADER		Syles for Tiles Header
	
 
-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*  $GENERAL
/*-----------------------------------------------------------------------------------*/

@CHARSET "ISO-8859-1";



body {
 margin-top: 10px;
 color:#292826
}


*, body{
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}

/*-----------------------------------------------------------------------------------*/
/*  $WORDPRESS
/*-----------------------------------------------------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.gallery-caption {
}
.wp-caption-text {
  font-size: 15px;
  overflow: hidden;
  padding: 15px 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bypostauthor {
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px!important;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0!important;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto!important;
}

h3, .h3 {
    font-size: 24px;
}

h4, .h4 {
    font-size: 23px;
}
h5, .h5 {
    font-size: 22px;
}
h6, .h6 {
    font-size: 21px;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 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;
}

.display-none{
	display:none;
}

/*-----------------------------------------------------------------------------------*/
/*  $BASIC
/*-----------------------------------------------------------------------------------*/


a, a:hover, a:focus{
	text-decoration: none;
	outline:0
}

p {
    margin: 0 0 22px;
}

::-webkit-input-placeholder {
   color: #fff;
   font-size:16px;
   
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
   font-size:16px;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
   font-size:16px;
}

:-ms-input-placeholder {  
   color: #fff;  
   font-size:16px;
}

.wrappa { top:10px}

/*-----------------------------------------------------------------------------------*/
/*  $PRELOADING  by Sergey Sologub
/*-----------------------------------------------------------------------------------*/

@media (max-width:480px)  {

.mask-color {
-webkit-background-size: 70%, auto!important;
-moz-background-size: 70%, auto!important;
-o-background-size: 70%, auto!important;
background-size: 70%, auto!important;
}

.clients-wrapper.ext .clients .item p {
  font-size: 30px!important;
  padding: 30px 5px!important;
  text-align: center!important;
}

.clients-wrapper.ext .clients .item p:before {
	display:none!important;
	}


}



.mask-color{

    background-repeat: no-repeat, repeat;
    background-position: top right, top left;	
	top:0px;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99999999;
	 
}

.mask-color-port{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 99999999;
	background:rgba(255,255,255,.6);
	display:none;
}

.trp {position:relative; top:0px; left:0px;}
.site-inner {margin-bottom:30px;}

#preview-area {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  bottom: -29px;
  height: 80px;
  left: -15px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  text-align:center;
}

#chest1 {
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  float: left;
  height: 45px;
  left: 23px;
  margin: 0 auto;
  position: absolute;
  top: 22px;
  width: 50px;
}

#chest0 {
  display: inline-block;
  float: left;
  height: 45px;
  left: 22px;
  margin: 0 auto;
  position: absolute;
  top: 23px;
  width: 50px;
}



#chest1 {
  -webkit-animation-delay: -0.42s;
  -moz-animation-delay: -0.42s;
  animation-delay: -0.42s;
}


#hearts .heart {
    position:absolute;
    z-index:2;
     background: #fff;
}

#heartsb .heart {
    position:absolute;
    z-index:2;
}

#hearts .heart.center {
    background: #fff;
}


#hearts .heart.top, #heartsb .heart.top {
    z-index:3;
}
#hearts .side, #heartsb .side {
    top:5px;
    width:22px;
    height:22px;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
}
#hearts .center, #heartsb .center {
  bottom: 5px;
  font-size: 0;
  height: 30px;
  left: 11px;
  text-indent: -9999px;
  width: 21px;
}
#hearts .left, #heartsb .left {
  left: -4px;
}

#hearts .left2, #heartsb .left2 {
  left: 10px;
}

#hearts .right, #heartsb .right  {
    right:4px;
}

.spinner {
  border-color: rgba(255, 255, 255, 0.9) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, .3);
  border-left: 6px solid rgba(255, 255, 255, 0.3);
  border-right: 6px solid rgba(255, 255, 255, 0.3);
  -webkit-animation: rotation .9s infinite linear;
  -moz-animation: rotation .9s infinite linear;
  -o-animation: rotation .9s infinite linear;
  animation: rotation .9s infinite linear;
  border-radius: 100%;
  border-style: solid;
  border-width: 6px;
  height: 90px;
  margin: 0 auto;
  position: absolute;
  width: 90px;
}

/* COOKPRESS ANIMATION FOR SPINNER */

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.8);opacity:.7; }
  40% { -webkit-transform: scale(1.0); opacity:1 }
}

@keyframes iconFloat {
	0% {
    top: 0;
	opacity:.5
}
50% {
    top: 10px;
	opacity:0
}
100% {
    top: 0;
	opacity:.5
}
}

@-webkit-keyframes iconFloat {
	0% {
    top: 0;
	opacity:.5
}
50% {
    top: 10px;
	opacity:0
}
100% {
    top: 0;
	opacity:.5
}
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	opacity:.7;
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	opacity:1;
  }
}


@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}


/*-----------------------------------------------------------------------------------*/
/*  $SLIDERS
/*-----------------------------------------------------------------------------------*/

.dish-wrapper {text-align:center}

.slider-wrapper{
	position:relative;
	overflow:hidden;
}

.owl-carousel .owl-item {
  z-index: 0;
}

.owl-item .item img{
	display: block;
	width: 100%;
	height: auto;
}
.text-slider{
	width:570px;
	position:absolute;
	left:15%;
	top:20%;
	opacity:0;
	/*TRANSISTIONS*/
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	     -o-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	        transition: all 1s ease;
}
.owl-item.active .item .text-slider{
	left:20%;
	opacity:1;
}
.text-slider p{
	line-height:1.2;
	font-size:65px;
	color: #fefeff;
}
.scroll-down{
	width:40px;
	height:40px;
	text-align:center;
	display:inline-block;
	border:2px solid #fff;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	margin-right:20px;
	position:relative;
	vertical-align: middle;
}
.img-scroll-down{
	background:url(images/arrow.png) no-repeat;
	height:17px;
	width:17px;
	position:absolute;
	background-position:-68px 0px;
	display:inline-block;
	vertical-align: middle;
	left: 50%;
	top: 50%;
	margin-left: -9px;
	margin-top: -9px;
}

a#scroll_to {
	z-index: 999999;
	color: #fff;
	font-size: 24px;
	margin-top: 30px;
	display: block;
}




/*-----------------------------------------------------------------------------------*/
/*  $TOPMENU
/*-----------------------------------------------------------------------------------*/


.cp-adminbar  .navbar-fixed-top { top: 0px; }
body.admin-bar .navbar-fixed-top { top: 28px !important; }



.catss a {
margin-bottom: 5px;
margin-left: 5px;
padding: 5px 25px 5px 25px;
display: inline-block;
float: right;
border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
font-size: 16px;
}

.catmore {
color:#fff!important;
position: relative;
padding: 5px 35px 5px 25px!important;
}

.catmore:hover {
border-color:#7d7d7d!important;
}

.catmore:after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    right: 15px;
    position: absolute;
    top: 5px;
}

.spoiler_body_1 {
display:none;
}



	
@keyframes bounceOuter2 {
        0%{ box-shadow: 0 0 0 4px #fff; }
        25%{ box-shadow: 0 0 0 1px #fff; }
        50%{ box-shadow: 0 0 0 7px #fff; }
        75%{ box-shadow: 0 0 0 4px #fff; }
        100%{ box-shadow: 0 0 0 3px #fff; }
}		
	
/* --------------------------------------------- */


.annm {
-webkit-animation-duration: 500ms; -moz-animation-duration: 500ms; -o-animation-duration: 500ms;animation-duration: 500ms; animation-delay: 300ms; -webkit-animation-delay:300ms; -moz-animation-delay:300ms;-o-animation-delay:300ms;
}

.animated2 {
    animation-duration: 1.5s;
    animation-fill-mode: both;
}

@-webkit-keyframes flash2 {
	100% {opacity: 1;}
	0% {opacity: 0.9;}
}

@-moz-keyframes flash2 {
	100% {opacity: 1;}
	0% {opacity: 0.9;}
}

@-o-keyframes flash2 {
	100% {opacity: 1;}
	0% {opacity: 0.9;}
}

@keyframes flash2 {
	100% {opacity: 1;}
	0% {opacity: 0.9;}
}

@-webkit-keyframes pulse3 {
    0% { -webkit-transform: scale(1); }
	40% { -webkit-transform: scale(1.01); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse3 {
    0% { -moz-transform: scale(1); }
	40% { -moz-transform: scale(1.01); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse3 {
    0% { -o-transform: scale(1); }
	40% { -o-transform: scale(1.01); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse3 {
    0% { transform: scale(1); }
	40% { transform: scale(1.01); }
    100% { transform: scale(1); }
}

.animated2.pulse3 {
	-webkit-animation-name: pulse3;
	-moz-animation-name: pulse3;
	-o-animation-name: pulse3;
	animation-name: pulse3;
}



/*-----------------------------------------------------------------------------------*/
/*  $HEADER
/*-----------------------------------------------------------------------------------*/


header{
	width:100%;
	position:relative;
}

#header.stuck-sticky {
  background: none repeat scroll 0 0 transparent;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  padding-top:0px;
}

.list-services-wrapper .service-wrapper{
	text-align:center;
	margin-bottom:30px;
}
.list-services-wrapper .service-wrapper .icon{
	display:block;
	width:50px;
	height:50px;
	text-align:center;
	position:relative;
	margin:0 auto;

}
.list-services-wrapper .service-wrapper .icon i{
	font-size:20px;
	color:#000;
	line-height: 2.2;
	color:#fff
}
.list-services-wrapper .service-wrapper h2.title{
    font-size: 39px;
    font-weight: 400;
}
.list-services-wrapper .service-wrapper p{
	padding:0 5px;
	font-weight:300;
	font-size: 17px;
}

.loading-wrapper {
	display: none;
}


.heading-title-wrapper{
	padding:0 20%;
	text-align:center;
}

.page-template-page-blog .heading-title-wrapper{
	padding:0!important;
}


.heading-title-wrapper .di-floral27 {

  font-size: 145px;
  line-height: 60px;
}


.heading-title-wrapper h2.title.search{
    font-size: 42px;
}

.heading-title-wrapper h2.title.search span{
    font-size: 37px; padding:0 5px;
}

.heading-title-wrapper h2.title{

    font-size: 60px;
    line-height: normal;
    margin-bottom: 5px;
    margin-top: 0;
}


#logo a.navbar-brand.imglogo, #logo-left.imglogo, #logo-left2.imglogo , #logo2.imglogo  {
box-shadow:none
}
 #logo a.navbar-brand.imglogo img, #logo-left.imglogo img, #logo-left2 img, #logo2 img {
 position:absolute;
 top:0px;
 left:0px;
 }
 
 #logo a.navbar-brand.imglogo, #logo-left.imglogo, #logo-left2.imglogo, #logo2.imglogo {
 background:transparent!important;
 }
 
 #logo a.navbar-brand.imglogo:before,  #logo a.navbar-brand.imglogo:after, #logo2.navbar-brand.imglogo:after, #logo2.navbar-brand.imglogo:after {
 display:none;
 }

.blog-page.heading-title-wrapper h2.title {
  color: #fff;
  display: block;
  font-size: 70px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  text-transform: capitalize;
  white-space: nowrap;
}


.heading-title-wrapper span.sub-title {
  color: #333;
  display: block;
  font-size: 21px;
  font-weight: 300;
  position: relative;
  vertical-align: middle;
  padding: 0px 0 20px;
}

#menu .heading-title-wrapper span.sub-title:before {
content: '';
display:block;
background: url("images/cp-skoba2gr.png") no-repeat 0 0 #fff;
width:98px;
height:135px;
position:absolute;
top:0;
left:0;
opacity:.7;
z-index:-1
}

#menu .heading-title-wrapper span.sub-title:after {
content: '';
display:block;
background: url("images/cp-skoba2gr.png") no-repeat 100% 0 #fff;
width:98px;
height:135px;
position:absolute;
top:0;
right:0;
opacity:.7;
z-index:-1
}




/*-----------------------------------------------------------------------------------*/
/*  $BLOG
/*-----------------------------------------------------------------------------------*/

.et-post-data {
	width: 100%;
}
.et-post-data-right ul.post-categories {
	list-style: none;
	padding: 0;
	display: inline-block;
}
.et-post-data-right ul.post-categories li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.col-middle .blog-wrapper .col-md-12.et-blog-post{
	margin-bottom:60px!important;
}
.et-post-excerpt p{
	font-size:13.5px;
}


.ppag {
  border-bottom: 1px dashed #d6d5d5;
  padding: 15px 0 15px 30px;
  text-align: center;
}

.ppag > span {
  border-radius: 50%;
  	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  opacity: 0.8;
  text-align: center;
  width: 30px;
}
.ppag a {color:#000}

.ppag span, .ppag a { display: inline-block; margin-left:10px;}

.image-blog-wrapper.attach .immg {
  min-width: 250px;
  min-height:360px;
}


.image-blog-wrapper.attach  .afterimg {
    bottom: -4px;
}

.image-blog-wrapper.attach .afterimg_desc {
  display: block;
  height: auto;
  left: 0;
  padding: 0 5%;
  text-align: center;
  top: 50%;
  transform: translateY(-50%) !important;
  transition: transform 0.35s ease 0s;
  z-index:1;
  width: 100%;
  box-sizing: border-box;
}

.single .attachment-100x100 {
width:100px!important;
height:100px!important
}

.attach .read-more {
    color: #fff;
    transition: all 0.5s ease 0s;
	float:none;
	margin:0 auto;
	display:table;
	}

	
.read-more:hover  b {
color:#fff
}

.image-blog-wrapper .landscape img{
	min-width:100%!important;
	
}

.blog-wrapper .image-blog-wrapper:hover .zt img {
  opacity: 0.2;
  transform: translateY(-5%);
  -webkit-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}


.image-blog-wrapper:hover .et-post-data-left{
display:block;
}


.et-post-data-left.mobile-blog{
	display:none;
	position:absolute;
	bottom:10px;
	left:25px;
}
.et-post-data-left.mobile-blog .et-post-month, .et-post-data-left.mobile-blog .et-post-heart, .et-post-heart i, .et-post-data-left.mobile-blog .et-post-date {
	color:#fff;
}
.et-post-data-left.mobile-blog .et-post-date{
	border-color:#fff !important;
}
.et-post-data-right{

}
.et-post-month {
	color: #fff;
	font-size: 10px;
	text-transform:uppercase;
	display:block;
	 padding-top: 3px;
}

.et-post-heart i {
  color: #fff;
  display: block;
  font-size: 12px;
  padding-top: 5px;
  text-transform: uppercase;
}

.et-post-heart .count {
  display: block;
  font-size: 14px;
  margin-top: -2px;
}


/*-----------------------------------------------------------------------------------*/
/*  $SINGLE POST
/*-----------------------------------------------------------------------------------*/

.title-author, .cooktime, .preptime {
    font-size: 18px;
    padding: 0 0 15px;
}


p.time {padding: 2px 0 15px 0; margin:0px}
.cooktime, .preptime {padding-left:10px}

.title-author i {
font-size:16px
}

.cooktime i, .preptime i {
font-size:18px
}

.padda {
margin-top:50px;
}

.single #posts_container.padda {
  margin-top: 20px;
}

.single #right {
margin-top:15px
}

.single #left {
margin-top:13px
}


.single-blog .sdate, .single-blog .et-like-post {
	color: #66696c;
	font-size: 10px;
	text-transform:uppercase;
	display:block;
	border: 2px solid #bdc3c7;
	border-radius: 50%;
		-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 40px;
	margin-top:10px;
}

.sshar ul li.lika:hover {
  color:#fff;
  }

.sshar ul li.lika:hover span, .sshar ul li.lika:hover span.et-post-heart .fa-heart{
 color:#fff;
}  

.single .social-share {
margin: 0px auto 25px;
    padding: 0 !important;
}
  


.sshar ul li .et-post-month {
  padding-top: 7px;
}

.sshar ul li  .et-post-heart i {
  padding-top: 3px;
}

.sshar ul li  .et-post-heart .count {
  margin-top: -7px;
}
  
.sshar ul li {
  background: none repeat scroll 0 0 #fff;
  color: #333;
  display: inline-block;
  float: left;
  font-size: 10px;
  height: 45px;
  margin: 16px 10px 0 0;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  width: 45px;
}

.sshar ul {
  float: right;
  list-style: outside none none;
  margin: 0 !important;
  padding: 0 !important;
}

.single-blog .sdate span {
color: #66696c!important;
}

.single-blog .et-like-post span, .single-blog .et-like-post a {
color: #66696c!important;
}

.et-post-date{
	color: #fff;
	font-size: 12px;
	display: block;
	line-height: .8;
}
.et-post-heart .fa-heart {
    color: rgba(255, 255, 255, 0.7);
    font-size: 20px;
    line-height: 25px;}
	

.et-like-post:hover, .et-like-post:hover span {
text-decoration:none!important
}



h1.title-blog {
  font-size: 47px;
  margin-top: 0;
  padding-bottom: 0px;
  text-align: center;
}
h1.title-blog a{
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
			line-height: normal;
}

#et_respond {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02);
}

.info .info_text b {
  border: 1px solid #fff;
  border-radius: 20px;
  clear: both;
  display: table;
  font-weight: normal;
  margin: 15px auto;
  padding: 5px 15px;
}

.view-all-blog span:before {
  font-size: 50px;
}

.blog-wrapper .view-all-blog:hover {
color:#333;
}


.view-all-blog span i {
 font-size:15px;
 text-transform:uppercase;
}


.home .blog-wrapper.index #posts_container .et-blog-post {
margin-bottom:45px

}

.blog-wrapper .et-blog-post.topt h1.title-blog {
  padding-bottom: 20px;
  padding-top: 5px;
  text-align:left;
}

.home.blog .col-md-6.et-blog-post.topt{
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 100%;
    position: relative;
	-webkit-animation-duration: 500ms; -moz-animation-duration: 500ms; -o-animation-duration: 500ms;animation-duration: 500ms; animation-delay: 300ms; -webkit-animation-delay:300ms; -moz-animation-delay:300ms;-o-animation-delay:300ms;
}

.topt > .vert {
position: absolute;
 top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.blog-wrapper .et-blog-post.lftt .det, .blog-wrapper .et-blog-post.lftt .det span, .blog-wrapper .et-blog-post.lftt .det a {
font-size:17px!important;
}

.blog-wrapper .et-blog-post.lftt .det {
  display: block;
  max-height: 210px;
  overflow: hidden;
  width: 100%;
}

.blog-wrapper .et-blog-post.lftt  .cat, .blog-wrapper .et-blog-post.lftt  .fa.fa-star, 
.blog-wrapper .et-blog-post.lftt  .dt {
  display: inline!important;
}


.blog-wrapper .et-blog-post.lftt .afterimg_desc .icon-links > a .di {
  clear: both;
  display: block;
  float: none;
  font-size: 23px;
  line-height: 59px;
  margin-top: -5px;
}



.blog-wrapper .et-blog-post.lftt .afterimg_desc .det .cat a:hover {
    border-bottom: 1px dashed #000;
    color: #000;
	}	

.blog-wrapper .et-blog-post.lftt .afterimg_desc .det .dt {
 font-size:17px;
	}		



.blog-wrapper .et-blog-post.lftt .afterimg_desc .icon-links > a:hover, 
.blog-wrapper .et-blog-post.lftt .afterimg_desc .icon-links > a:hover span,
.blog-wrapper .et-blog-post.lftt .afterimg_desc .icon-links > a:hover i {
  color:#fff
  } 
  

.blog-wrapper .et-blog-post.lftt .afterimg_desc .icon-links > a {
  background: none repeat scroll 0 0 #fff;
  border-radius: 50%;
  		-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
  display: inline-block;
  font-size: 15px;
  height: 60px;
  margin: 0 5px;
  overflow: hidden;
  position: relative;
  width: 60px;

}

.blog-wrapper .et-blog-post.lftt  .afterimg_desc .icon-links > a > span {
  bottom: 5px;
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}

.blog-wrapper .et-blog-post.lftt  .image-blog-wrapper:hover .afterimg_desc {
  top: 60%!important;
}

.attach .mask {
	background:url('images/gray_pattern0.png') top left;
    
}

.blog-wrapper .et-blog-post.topt p.description.headings {
font-size:20px;
}

.blog-wrapper .et-blog-post.topt p.description > a > span i {
  border-radius: 4px;
  clear: both;
  color: #fff;
  display: table;
  line-height: 25px !important;
  margin: 20px auto 0 0 !important;
  opacity: 0.8;
  padding: 0 12px 10px;
  position: relative;
  transition: all 0.25s ease-out 0s;
}

.blog-wrapper .et-blog-post.topt p.description > a i > span.headings {
  display: inline-block;
  height: 20px;
  overflow: hidden;
  transition: all 0.25s ease-out 0s;
  width: 0;
}

.blog-wrapper .et-blog-post.topt p.description > a:hover i > span.headings {
  color: #fff;
  display: inline-block;
  font-size: 25px;
  line-height: 19px;
  margin: 0 0 0 10px;
  padding: 0;
  width: auto;
}

.lftt {padding-left:0px!important}
	

.zt:hover, .zt:focus {
    color: white;
    outline: medium none;
}

.zt:hover .mask {
    background-position: 0 260px;
}



.zt .mask {
    top: 0;
	bottom:0;
    display: block;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    transition: all 200ms ease 0s;
    z-index: 1;
    border: 10px solid transparent;
}

.zt:focus .mask, .zt:hover .mask {
    background-position: 0 170px;
    opacity: 0.9;
}

.zt .info_text {
display: block;
font-size: 15px;
line-height: normal;
max-height: 0;
text-transform: none;
transition: max-height 200ms ease 0s;
}

.zt:focus .mask, .zt:hover .mask {
    background-position: 0 170px;
    opacity: 0.85;
}

.image-blog-wrapper.attach .mask {
	background-color: rgba(0, 0, 0,.05);
    background-position: 0 170px;
}

.attach .info_text.clearfix > span.txs {
padding-top:20px;
}

.attach .info_text.clearfix > span.cts {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.attach .info_text.clearfix > span {
clear:both;
display:block;
text-align:center;
color:#959595;
}

.txs {
color:#2f2f2f!important
}

.attach .et-post-data-left .inl {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
  border-color: #d5d5d5;
  color: #d5d5d5;
}

.attach .et-post-data-left .inl .count, .attach .et-post-data-left .inl .fa-heart, .attach .et-post-data-left .inl .et-post-date, 
.attach .et-post-data-left .inl .et-post-month  {
color:#d5d5d5!important;
}

.attach .et-post-data-left .inl:first-child:hover  {

	color:#fff;
	}
.attach .et-post-data-left .inl:first-child:hover .count, .attach .et-post-data-left .inl:first-child:hover .fa-heart{
color:#fff!important;
}	

.attach .et-post-data-left .inl:first-child:hover .count, .attach .et-post-data-left .inl:first-child:hover .fa-heart {
	color:#d5d5d5;
	text-decoration:none;
}	
	

.zt .info {
    bottom: 0;
    display: block;
    font-size: 14px;
    left: 0;
    line-height: 12px;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    padding: 60px 70px 10px 30px;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
    z-index: 2;
}


.zt:focus .info, .zt:hover .info, .image-blog-wrapper.attach .info {
    max-height: 330px !important;
    top: 0;
}

.et-post-thumbnail {
min-width: 100%;
border: 1px inset rgba(0, 0, 0, 0.2);
}

.home.blog .portrait .et-post-thumbnail  {
visibility:hidden;
}


.home.blog .portrait > span {
border: 1px inset rgba(0, 0, 0, 0.2);
}


.et-post-info {
text-align:center
}


.et-post-data-left .inl .read-more {
    color: #7d7d7d;
	line-height:40px
	}

.et-post-excerpt .read-more i  {
padding-top: 2px;
position: absolute;}

.et-post-excerpt .read-more:hover i  {
color:#5d5d5d!important
}

.et-post-excerpt .read-more {
display: inline-block;
font-size: 18px;
height: 15px;
padding-left: 7px;
position: relative;
width: 20px;
outline: 0;
}
	
.et-post-data-left .inl:first-child:hover {

	color:#fff;
	}

.et-post-data-left .inl:first-child:hover .count, .et-post-data-left .inl:first-child:hover .fa-heart {
	color:#fff!important;
	text-decoration:none;
}	
	
.et-post-data-left .inl .readmore {
padding:10px 0;
color:#fff;
outline: 0;
text-decoration:none; 
}

.et-post-data-left .inl .et-like-post  {
color:#fff;
outline: 0;
text-decoration:none;
}

.et-post-info i {

    display: inline-block;
    font-size: 19px;
    font-style: normal;
    padding: 0 5px 3px;
    -webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5);
    vertical-align: middle;
}

.et-post-info
{
font-size:14px;
color:#292826
}

.et-post-info a{
	font-size:14px;
}
.read-more{
	color:#000;
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}

.view-all-blog-wrapper {
  display: block;
  margin: 0 auto 30px;
  opacity: 0.7;
  text-align: center;
  width: 100%;
  position:relative;
}

.col-middle .blog-wrapper .col-md-12:nth-child(n) {
  margin-bottom: 15px !important;
}

.view-all-blog-wrapper:before {
  border-top: 1px dashed #c9c9c9;
  content: "";
  display: table;
  left: 0;
  position: absolute;
  top: 35px;
  width: 100%;
}

.view-all-blog-wrapper:hover {
 opacity: 1;
}


.view-all-blog, .view-all-blog *{
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}
.view-all-blog {
  background: none repeat scroll 0 0 #fff;
  display: inline-block;
  margin: 5px auto 0;
  padding-top: 0;
  position: relative;
  text-align: center;
  }

.view-all-blog span:first-child:before {
  content: url("images/circle_black.svg");
  display: block;
  height: 60px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 60px;
}

.view-all-blog b {
  display: block;
  float: left;
  height: 60px !important;
  line-height: 60px;
  margin: 0 !important;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: auto;
}
.view-all-blog b:before {
  border-bottom: 1px dashed #c9c9c9;
  content: "";
  left: 0;
  position: absolute;
  bottom: 5px;
  width: 100%;
}
  
.view-all-blog b:after {
  border-top: 1px dashed #c9c9c9;
  content: "";
  left: 0;
  position: absolute;
  top: 5px;
  width: 100%;
}

.view-all-blog b i {
  display: inline-block;
  float: right;
  font-size: 25px;
  margin: 16px -15px 0 10px;
}

.view-all-blog b i {
 -ms-transform:rotate(90deg); /* IE 9 */
  -moz-transform:rotate(90deg); /* Firefox */
  -webkit-transform:rotate(90deg); /* Safari and Chrome */
  -o-transform:rotate(90deg); /* Opera */
}

.view-all-blog:hover b i {
 -ms-transform:rotate(0deg); /* IE 9 */
  -moz-transform:rotate(0deg); /* Firefox */
  -webkit-transform:rotate(0deg); /* Safari and Chrome */
  -o-transform:rotate(0deg); /* Opera */
  color:#333;
}



.view-all-blog span:last-child, .view-all-blog span:first-child {
  display: block;
  float: left;
  height: 60px;
  overflow: hidden;
  position: relative;
  width: 30px;
}
.view-all-blog span:last-child:before {
  content: url("images/circle_black.svg");
  display: block;
  height: 60px;
  right: 0px;
  position: absolute;
  top: 0px;
  width: 60px;
}

.blog-header {
	width: 100%;
	overflow: hidden;
}
.blog-header img {
	max-width: 100%;
	height: auto;
}
.post-content img {
	max-width: 100%;
	height: auto;
}

.blog-header-wrapper{
	height:400px;
	margin-bottom: 50px;
	position:relative;
}

.single .blog-header-img {
  background-size: cover;
  background-attachment: fixed;
  -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;


 
}

   @media screen and (-webkit-min-device-pixel-ratio:0) {
   
   .single .blog-header-img {
        background-attachment: scroll!important}
    }

.blog-header-wrapper .caticon {
  bottom: -120px;
  display: table;
  position: absolute;
  left: 50%;
  width: 90px;
}

.blog-header-wrapper .caticon span {
  background: none repeat scroll 0 0 #fff;
  display: block;
  height: 90px;
  line-height: 90px;
  position: relative;
  text-align: center;
  width: 90px;
  margin-left: -45px;
}

.blog-header-wrapper .caticon span i {
  color: #fff;
  height: 75px;
  left: 8px;
  line-height: 75px;
  position: absolute;
  text-align: center;
  top: 8px;
  width: 75px;
}



 .blog-header-wrapper.no-image-post:after {
    background: none!important;}

.single .blog-header-wrapper.sing .blog-header-img {
height: 220px;
}	
	
.blog-header-img{
	width: 100%;
	height: 400px;
	position: absolute;
	z-index: -1;
	background-position: bottom center;
}

.archive.headericon #cathead  .blog-page{
	margin-top:60px !important;
}

#cathead .blog-page{
	margin-top:50px !important;
}

.archive .blog-wrapper {
margin-top:60px !important;
}

.blog-wrapper.index #posts_container .et-blog-post.sticky:before {
	display:none;	
	} 
	
.blog-wrapper.index #posts_container .et-blog-post .portrait img {
  visibility: hidden;
}	

.blog-page{
	margin-top:50px !important;
}
.single-blog{
	position: relative !important;
}
.single-blog-mobile{
	display:none;
}

.ret1, .ret2, .ret3 {
display:table-cell;
width: 1px; width: auto; 
white-space: nowrap;
float:left;
}

.ret1.htitle {
  font-size: 34px;
  line-height: normal;
  padding: 20px 10px 0 0;
}

.ret2 {
  padding: 9px 0 0;
}
.ret3 {
  float: right;
  padding: 35px 0 0;
}

.social-share.single-blog-share{
	margin-top:0 !important;
}
.social-share.single-blog-share ul.social {
	float: none !important;
}
.social-share.single-blog-share ul.social li{
	display:block !important;
	float: left;
	padding-top:20px;
}

.single .title-single{
font-size: 59px;
	}

.title-single{

    font-size: 55px;
    margin-bottom: 20px;
    margin-top: 0;
}

.post-categor {

}



.tga > div > a:after {
	color: rgba(0, 0, 0, 0.3);
    content: "";
    font-family: FontAwesome;
    left: 10px;
    position: absolute;
    top: 5px;
}

.tga > div > a {
	color: #66696c;
	font-size: 16px;
	display: inline-block;
	border: 2px solid #bdc3c7;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 5px 25px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-left:30px;
	position:relative;
	float:right;
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}

.dasha {
border-top: 1px dashed #d6d5d5;
padding-bottom: 10px;
}

.post-categor ul, .tga > div {
padding: 20px 0;
margin-bottom:20px;
}

.post-categor li {
list-style:none;
display:inline-block;
float:left;
margin-right:10px;
}

.post-categor a:hover  {
 background: #ffffff;
}

.post-categor a  {
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 16px;
	margin-bottom: 10px;
    padding: 5px 25px;
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}

.post-tags{
	border-top:1px dashed #d6d5d5;
	padding:30px 0 0;
	margin:30px 0 0;
}
.post-tags a{
	color: #66696c;
	margin-left:5px;
	font-size: 14px;
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}
.post-tags a:hover{
	color:#9b59b6;
}
.next-post-container {
	position: relative;
	height: 400px;
	overflow: hidden;
	margin-top: 50px;
	background:#cacaca;
	background-position:bottom center;
	background-size: cover;
	background-repeat: no-repeat;
}
.next-post-container img {
	width: 100%;
	height: auto;
	position: absolute;
}

.post-content blockquote{
	margin-left:30px;
}

blockquote{
  background: url("images/gray_pattern0.png") repeat scroll left top rgba(0, 0, 0, 0);
}

.single .post-content p:last-child {
margin: 0 !important;
padding: 0 !important;
}
.single .post-content table {
max-width: 100%;
width: 100%;
	margin-bottom: 20px;
}

.single .post-content table td, .single .post-content table th  {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border: 1px solid #ddd;
}


.single .post-content table th {
	text-align: left;
}

.single .post-content dt {
margin-bottom:5px
}

.single .post-content dd {
margin-left:10px;
margin-bottom:20px;
}

.single .post-content {
font-size:17px;
padding-bottom: 20px;
}


/*-----------------------------------------------------------------------------------*/
/*  $COMMENTS
/*-----------------------------------------------------------------------------------*/


.comment-wrap{
	margin-top:30px;
}
.cp-comments-title {
  font-size: 34px;
  margin-bottom: 20px;
}

.cp-comment-left{
	overflow:hidden;
	float:left;
	margin-right:30px;
}
.cp-comment-right{
	overflow:hidden;
	position:relative;
}
.cp-comment-author{
	display:block;
	font-size: 16px;
	line-height:1;
}
.cp-comment-time{
	color: #66696c;
	font-size: 14px;
}
.cp-comment-content{
	margin-top:10px;
}
.cp-comment-content p{
	color: #292826;
	font-size: 16px;
}
.comment-reply-link{
	position:absolute;
	right:0;
	top:0;
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}
.cp-comment-list > li{
	margin-bottom:30px;
}

#comments ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.cp-comment-list ul.children {
	margin-left: 96px !important;
	margin-top: 30px !important;
}


.nav-box.prev img, .nav-box.next img {
margin:10px 0;
vertical-align:middle;
padding:5px;
display:inline-block;
background:#fff;
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}
.nav-box {
min-width:100%
}
.nav-box.next span {
line-height:120px;
 padding-right:10px
}

.nav-box.prev span {
 padding-left:10px;
 line-height:120px;
}
 .nav-box.next a {
 text-align:right;

 } 
.nav-box.next img {
    display: table-cell;
    float: right;
}

.nav-box.prev img {
    display: table-cell;
    float: left;
}

.nav-box.prev a, .nav-box.next a {
display:block;
width:100%;
white-space: nowrap;
margin-top: 10px;
}
.nav-box.prev span
{
  color: #66696c;
  display: table-cell;
  float: left;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  width: 67%;
}

.nav-box.next span {
  color: #66696c;
  display: table-cell;
  float: right;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  width: 67%;
}


 
.pagga {text-align:center}

.pagga ul {margin:20px 0 55px 0} 
.pagga li {
	background:#fff;
    display: inline-block;
    height: 40px;
    margin: 5px;
    padding: 0px;
    text-align: center;
    text-decoration: none;
	list-style:none;
    width: 40px;
}


.pagga li.active a:hover {
cursor:default;
}

.et-post-excerpt .read-more i {
 line-height: 15px;
}
 
.pagga li a {
color: #ffffff;
 font-size:20px;
 line-height:30px;
 text-align:center;
 display:block;
 width:100%;
 height:100%;
 border-radius: 50%;
 		-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
 padding: 5px;
 height: 40px;
 width: 40px;
 opacity:.8
}
.pagga li a:hover {
  color: #fff;
  opacity: 1;
}

#et_respond{
	padding:30px;
	margin-top: 40px;
}
#reply-title{
	font-size: 43px;
	margin-top:0;
}

.form-submit input[type="submit"]:hover  {
color:#fff
}

.comment-form p {
	margin-bottom:15px;
	display: block;
	overflow: hidden;
}
.comment-form-author input, .comment-form-email input, .comment-form-url input, .comment-form-comment textarea{
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: rgba(0, 0, 0, 0.016);
	box-shadow: none;
	padding: 15px 20px;
	width: 100%;
	border: none;
}
.before-text{
	opacity: .6;
	color: #292826;
	font-size: 16px;
}
.form-submit input[type="submit"]{
	margin-top:10px;
	color: #000;
	font-size: 16px;
	display: inline-block;
	border: 2px solid #000;
	padding: 5px 25px;
	float: left;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background:none;
	float:right;
	box-shadow:none;
}
.blog-filter-container {
	overflow: hidden;
}
.blog-filer {
	text-align: center;
	margin-bottom:30px;
}
.blog-filer ul {
	list-style: none;
}
.blog-filer ul li{
	display: inline-block;
	margin-right: 10px;
}

.blog-filer ul li a{
	color: #66696c;
	font-size: 16px;
	display: inline-block;
	border: 2px solid #bdc3c7;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 5px 25px;
	float:left;
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}
.blog-filer ul li.active a, .blog-filer ul li:hover a{
background: #7d7d7d;
border-color: #7d7d7d;
color: #fff;
}


/*-----------------------------------------------------------------------------------*/
/*  $FOOTER
/*-----------------------------------------------------------------------------------*/


footer {
	padding:50px 0;
	position:relative;
}


.com_list {
  list-style: outside none none;
  margin: 0 !important;
  padding: 0;
  width: 90%;
}

.com_list li:hover a, footer .social-footer a:hover i {
color:#000!important;
}



.com_list li {
	position: relative;
	margin: 15px 0;
	text-align: left;
	border-bottom: 1px dashed #999;
}

.com_list span {
	font-family: clearcyr-roman;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	display: block;
	text-align: left;
}

.com_list li div {
	color: #fff;
	font-size: 14px;
	width: 26px;
	height: 26px;
	text-align: center !important;
	line-height: 26px;
	position: absolute;
	right: -30px;
	bottom: -3px;
	transition: all 0.5s ease 0s;
}

.com_list li div a{
color: #fff;
}


.footer-img{
	width: 100%;
	height: 100%;
	top:0;
	position: absolute;
	z-index: -1;
}
.site-info {
  clear: both;
  margin-top: 80px;
  position: relative;
  text-align: center;
}

footer.short .recipe-item > a {
  margin-top: 0px;
   border: 1px solid rgba(0, 0, 0, 0.2);
}

.footer-title-wrapper {
color:#333;
text-align:left;
padding:0 10px 0 0;

}

footer.short .recipe-item img {
  visibility: hidden;
}

footer.short .recipe-item:hover .worksarrow p {
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

footer.short  .recipe-item:hover .worksarrow {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
  display: block;
  height: 100%;
  left: 0;
  padding: 0 5%;
  text-align: center;
  top: 50%;
  transform: translateY(-50%) !important;
  transition: transform 0.05s ease 0s;
  vertical-align: middle;
}

footer.short {
font-size:17px
}

footer.short h2 {
  font-size: 40px;
  margin-bottom: 20px;
}

footer.short .list-contact-wrapper .contact-wrapper {
  margin-bottom: 30px;
  text-align: left;
}

footer.short .list-contact-wrapper {
margin-top:10px;
}

footer.short .list-contact-wrapper .contact-wrapper p {
padding:5px 0!important;
margin:0!important
}

footer.short .recipe-item:before {
display:none;
}

.nopadding .social-footer{
padding:0px;
}

.social-footer{
	padding:0;
	margin:20px 0 0;
	list-style:none;
	text-align:center;
  padding: 20px 0 0;

}



.social-footer li a i{
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}
.social-footer li:last-child {
	border: 0;
	margin-right: 0 !important;
	padding-right: 0;
}

.social-footer li {
  display: inline-block;
  font-size: 23px;
  margin: 15px 15px 15px 0;
  padding-right: 18px;
}

.list-contact-wrapper{
	margin-top:50px;
}
.list-contact-wrapper .contact-wrapper{
	text-align:center;
	margin-bottom:30px;
}
.list-contact-wrapper .contact-wrapper .icon{
	display:block;
	width:50px;
	height:50px;
	text-align:center;
	position:relative;
	margin:0 auto;
}
.list-contact-wrapper .contact-wrapper .icon i{
	font-size:20px;
	line-height: 2.2;
}
.list-contact-wrapper .contact-wrapper p{
	padding:0 5px;
	font-weight:300;
	font-size: 16px;
	margin-top: 15px;

}
.copyright{
	font-size: 14px;
	color:#333
}


/*-----------------------------------------------------------------------------------*/
/*  $PORTFOLIO
/*-----------------------------------------------------------------------------------*/

.portfolio-cat-wrapper{
	margin-bottom:30px;
}
ul.portfolio-category {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.portfolio-category {
	text-align: center;
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: 30px;	
}
ul.portfolio-category li {
	display: inline-block;
	margin: 10px 50px;	
}
ul.portfolio-category li a span.icon-categories{
	display:block;
	width:81px;
	height:89px;
	position:relative;
	margin:0 auto 5px;
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
	text-transform: none;		
}

ul.portfolio-category li a:hover span.icon-categories:before, ul.portfolio-category li a.active span.icon-categories:before {
  display: block;
  height: 95px;
  left: -7px;
  position: absolute;
  top: -9px;
  width: 95px;
  z-index: 555;
}


ul.portfolio-category li a span.icon-categories i{
	color: rgba(0, 0, 0, 0.4);
    font-size: 40px;
    line-height: 60px;
	padding-top: 10px;
    transition: all 0.5s ease 0s;
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}
ul.portfolio-category li a{
	color: rgba(0, 0, 0, 0.5);
	font-size: 18px;
	display:inline-block;
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
		 text-transform: lowercase;	
}
.portfolio-list{
	overflow:hidden;
}
.portfolio-list .item {
line-height: 0;
    overflow: hidden;
    padding: 0 !important;
    position: relative;
	margin:0px!important;
	display: inline-block;
}




.et-portfolio-thumbnail {
z-index:-1
}


ul.portfolio-category li a:hover span.icon-categories i, ul.portfolio-category li a:hover
{
	outline: 0;
}


ul.portfolio-category li a.active span.icon-categories i, ul.portfolio-category li a.active{
	outline: 0;
}
#portfolio_content{
	margin-top:70px;
	display: none;
	padding-top: 30px;
}
.port-content{
	position:relative;
	margin-bottom:60px;
}




#portfolio_content ul li:first-line, #portfolio_content ol li:first-line, .post-content  ul li:first-line, .post-content  ol li:first-line   {
    color: #292826;
}

#portfolio_content .thumbnail-img {

 border-radius: 5px;
    box-shadow: 3px 3px rgba(223, 223, 223, 0.9);
    overflow: hidden;

}



.port-control{
	text-align:center;
}
.thumbnail-img img{
	display: block;
  	width: 100%;
  	height: auto;
}

.prev:hover, .next:hover {
text-decoration:none!important
}

.prev, .next{
	outline: 0!important;
	color: #777;
	font-size: 12px;
	position:relative;
	text-transform:uppercase;
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}
.arrow-port{
	width:17px;
	height:17px;
	background:url(images/arrow.png) no-repeat center center;
	background-position:0 0;
	display:inline-block;
	position:relative;
	top:5px;
}
.arrow-port.left{
	left: -20px;
}
.arrow-port.right{
	background-position: -17px 0;
	right: -20px;
}
.close-port{
	width:40px;
	height:40px;
	display:block;
	position:relative;
	display:inline-block;
	margin:0 50px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border:2px solid #bdc3c7;
	text-align:center;
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}	
.close-port i{
	font-size:16px;
	color:#bdc3c7;
	display:block;
	line-height:2.3;
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}
.title-port-wrapper {
	margin-bottom:40px;
}
.title-port-wrapper .title-port{
    font-size: 55px;
    margin: 30px 0 10px;
    text-align: center;
}
.title-port-wrapper .category{
	color: #292826;
	display:block;
	text-align:center;
	font-size: 18px;
}

.title-port-wrapper .category b
{
font-weight:normal;
display:inline;
}

.title-port-wrapper .category b:not(first-child):before
{
    content: "•";
    display: inline-block;
    font-size: 19px;
    font-weight: normal;
    margin-left: 5px;
    padding-right: 5px;
}

.port-content .title-port-wrapper .category b:first-child:before
{
    content: ""!important;
    display: inline-block;
    font-size: 19px;
    font-weight: normal;
    margin-left: 0px!important;
    padding-right: 0px!important;
}

.social-share{
	margin-top:10px;
}

.sshar .social-share{
	float:right
}

.btn.get-in-touch{
	color: #000;
	font-size: 16px;
	display: inline-block;
	border: 2px solid #000;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 5px 25px;
	float:left;
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}
.social-share ul.social{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}
.social-share ul.social li{
	display:inline-block;
	margin-left: 10px;
}
.social-share ul.social li a{
	display:block;
	width:30px;
	height:30px;
	text-align:center;
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}

.social-share ul.social li:hover a{
background:#7d7d7d!important
}


.social-share ul.social li a i{
	color:#fff;
	display:block;
	line-height: 2.4;
}
/**** Hover Effect ****/
#freewall div.item a div.hover {
	position: absolute;
	width: 100%;
	height: 100%;
	padding:5px;
	display: none;
    height: 48px;
    left: 15px;
    position: absolute;
    top: 15px;
    width: 48px;
    
}

div.item a:hover .mask {

    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    opacity: 1;
	transform: scale(4);
	
	-webkit-transform: scale(4);
	-moz-transform:scale(4);
	-ms-transform:scale(4);
	-o-transform:scale(4);
	
    visibility: visible;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

div.item  a {
  transition: color 0.3s ease-out 0s;
}

div.item a .mask {
	
    border: 0 solid rgba(0, 0, 0, 0.7);
	border-radius: 60px;
    opacity: 0;
    visibility: hidden;
	height: 120px !important;
    left: 120px !important;
	width: 120px !important;
	transition: all 0.3s ease-in-out 0s;
	top: 60px !important;
	position: absolute;
}


#portfolio_content .social-share {
    margin-top: 40px!important;
}


#freewall div.item a:hover img {
opacity:.8}



.nz-recent-portfolio, .loop .nz-portfolio-posts {
    overflow: hidden;
    position: relative;
}
.loop .nz-portfolio-posts {
    position: relative;
}
.nz-recent-portfolio .post, .loop .nz-portfolio-posts .portfolio {
    overflow: hidden;
}

.nz-recent-portfolio .post img, .nz-portfolio-posts .portfolio img {
    margin: 0 auto;
}

.brick .project-details {
    bottom: 0;
    color: #ffffff !important;
    left: 0;
    padding: 0px;
    position: absolute;
    text-align: center;
    transform: translateY(100%);
    transition: transform 0.4s ease 0s;
    width: 100%;
    z-index: 5;
}
.nz-recent-portfolio .brick:hover .ninzio-overlay {
    opacity: 1;
}

.brick:hover .nz-thumbnail {
    transform: translateY(-16px)!important;
}
.nz-recent-portfolio .project-details a, .nz-recent-portfolio .project-details h4 {
    color: inherit;
    margin-bottom: 0;
}
.brick .project-details h4 {
  color: #ffffff;
  margin-bottom: 0;
  padding: 2px 0 7px;
}

.brick .project-details a {
color:#fff;
}

.brick:hover .project-details {
  transform: translateY(0px);
}

.brick .ninzio-overlay:before {
    transform: translateY(-16px);
}

.brick .post-body {
    position: relative;
	width:100%; height:100%;
	left:0;
	top:0;
}

img[class*="wp-image"] {
    border: 0 none;
    height: auto !important;
    margin: 0;
    max-width: 100%;
    vertical-align: bottom;
}


item-brick:hover .nz-thumbnail {
  transform: translateY(-12px);
}


.brick .post img {
    display: block;
    pointer-events: none;
}

.brick .nz-thumbnail {
    position: relative;
}

.brick .ninzio-overlay {
    border-radius: 0;
}

.brick .ninzio-overlay {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.brick .post-body a {
    color: #999999;
    display: block;
    transition: all 200ms ease-out 0s;
}
.brick .post-body span {
    display: inline-block;
    transform: translateY(2px);
}
.brick .post-body a:hover {
    color: #333333;
}


.ninzio-overlay {
    border-radius: 3px;
    color: #fff !important;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity 0.45s ease 0s;
    width: 100%;
    z-index: 3;
}
.ninzio-overlay:hover {
    opacity: 1;
}
.ninzio-overlay:before {
  color: #ffffff;
  content: "+";
  display: block;
  font-size: 38px;
  height: 38px;
  left: 50%;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: none 0s ease 0s ;
  width: 38px;
  margin-left: -19px;
  font-style: normal;
}

#posts_container .sticky h1:before {
color:#fff!important;	
	}

.brick .nz-thumbnail {
  transform: translateX(0px) translateY(0px);
  transform-style: preserve-3d;
  transition: transform 0.45s ease 0s;
}

 img[class*="wp-image"] {
    border: 0 none;
    height: auto !important;
    margin: 0;
    max-width: 100%;
    vertical-align: bottom;
}

.nz-more {
  display: block;
}

.brick h4 {
    font-size: 28px;
    line-height: 28px;
}




#filters li:first-child {
    margin-left: 0px!important;
}
#filters { display: table; height: 60px; clear: both; margin: 25px auto 35px auto; text-align:center}

#filters li {   
    float: left; 
    margin-right: 10px;
    font-size: 90%;
}

#filters li a { text-decoration: none; }



 .masonry-brick {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.masonry-brick {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}


.parallax {
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top:0;
}
.template-wrap{
	position:relative;
}

.headericon.archive .blog-header-wrapper {
  height: 230px!important;
}

.single .blog-header-wrapper.sing {
  height: 220px!important;
}

.blog-header-wrapper.page .blog-header-img {
  height: 190px!important;
}

.single .blog-header-wrapper.sing .blog-page {
    margin-top: 60px !important;
}

.search  .blog-header-wrapper, .archive .blog-header-wrapper, .blog-header-wrapper.page {
  height: 190px!important;
}




.headericon.archive .blog-header-img { 
    height: 230px!important;} 

.search .blog-header-img, .archive  .blog-header-img  {
    height: 190px!important;}




 #about .diva, #authors .diva, #cathead .diva {
  background: url("images/cp_div1.png") no-repeat scroll center top transparent;
  display: block;
  height: 43px;
  margin: 20px auto;
  opacity: 0.4;
  width: 262px;
}



.btn.btn-oe{
	color: #000;
	font-size: 16px;
	border: 2px solid #000;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 5px 25px;
	/*TRANSISTIONS*/
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}

.fnav {
  left: 50%;
  list-style: none outside none;
  margin-left: -126px;
  position: absolute;
  text-align: center;
  top: -132px;
  height: 120px;
}
.fnav li {
  display: inline-block;
  margin-right: 0;
  position: relative;
  transform: perspective(1px) scale(0.8);
}
.fnav li:before {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: -1;
}
.fnav a {
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(center top , #f7f7f7, #e7e7e7);
  border-radius: 50%;
  box-shadow: 0 3px 5px rgba(181, 181, 181, 0.7), 0 2px 3px #fff inset;
  -moz-box-shadow: 0 3px 5px rgba(181, 181, 181, 0.7), 0 2px 3px #fff inset;
  -webkit-box-shadow: 0 3px 5px rgba(181, 181, 181, 0.7), 0 2px 3px #fff inset;
  
  color: #a7a7a7;
  display: block;
  height: 85px;
  margin: 36px;
  position: relative;
  text-align: center;
  width: 85px;
  
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	
	-webkit-transform: rotate(-12deg);	
	-moz-transform: rotate(-12deg);
	-ms-transform: rotate(-12deg);
	-o-transform: rotate(-12deg);
	transform: rotate(-12deg);
}

.fnav a:hover {
    -moz-transform:  perspective(1px) scale(0.9) rotate(0deg);
	-moz-transition: -moz-transform 0.3s ease-out;
	-webkit-transform:  perspective(1px) scale(0.9) rotate(0deg);
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-o-transform:  perspective(1px) scale(0.9) rotate(0deg);
	-o-transition: -o-transform 0.3s ease-out;
	transform:  perspective(1px) scale(0.9) rotate(0deg);
	
}

.fnav a:before {
  background: none repeat scroll 0 0 #fff;
  border-radius: 50%;
  border-top: 2px solid rgba(221, 221, 221, 0.2);
  bottom: 0;
  box-shadow: 0 8px 48px rgba(221, 221, 221, 0.4) inset;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.fnav a:hover {
    background: none repeat scroll 0 0 #f5f5f5;
    color: #555;
    text-decoration: none;
}



/*-----------------------------------------------------------------------------------*/
/*  $CONTACT FORM
/*-----------------------------------------------------------------------------------*/

.contact-wrapper {
	text-align: center;
}

#contact div.wpcf7-mail-sent-ng {
    color: #ff0000!important;
	border:none!important;
}



.contact-form-wrapper {
  background: url("images/s_bg2.png") no-repeat scroll 95% 0 #fff;
  border: 0 solid #fff;
  margin: 30px auto;
  padding: 20px 20px 30px;
  width: 90%;
}

.contact-form-wrapper h2.contact-title {
  font-size: 45px;
  margin-bottom: 60px;
  margin-top: 30px;
  text-align: center;
}

form.wpcf7-form {
  display: table;
  margin: 0 auto;
  width: 90%;
}


.contact-form-wrapper :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    opacity:  1;
}
.contact-form-wrapper ::-moz-placeholder { /* Mozilla Firefox 19+ */
    opacity:  1;
}

.contact-name, .contact-email, .wpcf7-form > p:last-child {
  border-bottom: none!important;
  }

.contact-name, .contact-email, .wpcf7-form > p {
  border-bottom: 1px solid #b7b7b7;
  float: left;
  margin-bottom: 20px;
  margin-right: 15px;
  width: 48%;
}

.contact-message{
	width:100%;
	border-bottom:1px solid #b7b7b7;
}
.contact-email{
	float:right;
}


.wpcf7-form > p:nth-child(4), .wpcf7-form > p:nth-child(5), .wpcf7-form > p:nth-child(6) {
width:100%!important;
}

.wpcf7-form > p:nth-child(6) {
border:none!important
}

.wpcf7-form > p .your-message textarea {max-height:150px}

.wpcf7-form > p  .your-name input, .wpcf7-form > p .your-message textarea, .wpcf7-form > p  .your-subject input, .wpcf7-form > p  .your-email input {
color:#000!important
}

.contact-name input, .contact-email input, .contact-message textarea, .wpcf7-form > p  .your-name input, .wpcf7-form > p .your-message textarea, .wpcf7-form > p  .your-subject input, .wpcf7-form > p  .your-email input {
	width:100%;
	background:none;
	box-shadow:none;
	border:none;
	padding:10px 0;
	outline-style:none;
}
.contact-name input, .contact-email input:focus {
	outline-style:none;
}

.contact-form-wrapper input[type="submit"] {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  font-size: 16px;
  margin: 40px 0 0 auto;
  padding: 5px 50px;
	/*TRANSISTIONS*/
	-webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
	     -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

.contact-form-wrapper input[type="submit"]:hover {
  color:#fff!important;
  }
  
 div.wpcf7-mail-sent-ok {
    background: rgba(255, 255, 255, 0.7)!important;
    border-radius: 5px;
    color: #000!important;
    margin-top: 70px;
    padding: 10px;
    text-align: center;
} 



/*-----------------------------------------------------------------------------------*/
/*  $TEAM BLOCK
/*-----------------------------------------------------------------------------------*/


.image-team-wrapper {
  float: none;
  height: 125px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 125px;
}

.image-team-wrapper  img {
	left: -8%;
    min-width: 150px !important;
    position: absolute;
    top: 0;
}

.team-info {
  display: table;
  float: none;
  margin: 0 auto;
  text-align: center;
}
.team-info ul.social-info {
	list-style: none;
	padding: 0;
}
.team-info ul.social-info li{
	display: inline-block;
	margin-right: 10px;
}
.team-info .team-name{
	font-size:26px;
	display:block;
	margin-bottom:0;
}
.social-share.team-social .social{
	float:left !important;
}
.social-share.team-social .social li{
	margin-left:0;
	margin-right:10px;
}
.et-team-post {
	margin-bottom: 30px;
}

#authors .heading-title-wrapper h2.title
{
color:#555
}

#authors .heading-title-wrapper h2.title, #authors .heading-title-wrapper h2.title, 
#authors .heading-title-wrapper .line-title i {
text-shadow: none
}

#authors .parallax {
background-size:inherit
}

#authors .heading-title-wrapper span.sub-title, #authors  .team-info .team-name, #authors   span.position  {
text-shadow: none
}

#authors .heading-title-wrapper span.sub-title {
  color: #555;
  margin: 20px 0 10px;
}


#about {
margin-bottom:30px!important
}


#about .sub-title {
margin-top:0px;
}

.navbar-toggle {
  margin-top: 15px;
}

/*-----------------------------------------------------------------------------------*/
/*  $MEDIAQUERIES
/*-----------------------------------------------------------------------------------*/

/* for width 768 px  */
@media (max-width:768px) {

.nav-justified > .dropdown .dropdown-menu li, .nav-justified > .dropdown .dropdown-menu li a {
width:100%; 
}	


}
/* for width 480 px  */
@media (max-width:480px)  {
.nlft, .nrgh {
	 display:none
	}
}

/* for width less than 1002 px  */
@media (max-width:1002px) {


.nrgh {
padding-top:0px!important
}

body #header.stuck-sticky .nrgh {
padding-top:12px!important
}


body #header.stuck-sticky .navbar-collapse.in {
    margin-top: 0px!important;
}

}
/* for width more than 480px and  less than 1002 px  */
@media (max-width:1002px) and (min-width:480px) {

body #header.stuck-sticky .navbar-toggle {
margin-top:25px
}

}

/* for width less than 1199 px  */
@media (max-width: 1199px){

#header.stuck-sticky .navbar-default #logo-left {
  left: 0px;
}

	.pricing-wrapper{
		left:inherit !important;
		right:inherit !important;
	}
	
.col-md-6 .image-blog-wrapper .afterimg_desc p {
  font-size: 25px;

} 
}
/* for width less than 991 px  */
@media (max-width: 992px){


	
#menu .heading-title-wrapper span.sub-title:after {
  background-image:none!important;
}

.col-md-6 .image-blog-wrapper .afterimg_desc p {
  font-size: 38px!important;

} 	

.search .col-md-6 .image-blog-wrapper .afterimg_desc p {
  font-size: 26px!important;

} 	

#dish-wrapper-2:after {
    background-image:none!important;
	}
	
.menu-underlogo > li > a {
  font-size: 19px;
}	

#menu .heading-title-wrapper span.sub-title:before {
  background-image:none!important;
}

.heading-title-wrapper span.sub-title {
  padding: 33px 15px;
}
	
#dish-wrapper-2 #test_content .owl-item:after {
  background-image: url("images/brushi.png");
    background-repeat: repeat-x;
    float: left;
    height: 20px;
    position: absolute;
    width: 100%;
    z-index: 110;
	content:"";
	bottom:0px;
}

#dish-wrapper-2 #test_content .owl-item:not(:first-child) .podlozhka:before {
content: "";
position:absolute;
left:10px;
top:43%;
font-size:70px;
color:rgba(255,255,255,.7);
text-align:center;
height:20px;
width:20px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
display:block;
font-family: FontAwesome;
}

#dish-wrapper-2 #test_content  .owl-item:not(:last-child) .podlozhka:after  {
content: "";
position:absolute;
right:10px;
top:43%;
font-size:70px;
color:rgba(255,255,255,.7);
text-align:center;
height:20px;
width:20px;
border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
display:block;
font-family: FontAwesome;
}

.et-post-data-left.single-blog {
 position: relative!important;
 width: 100%;
}

.et-post-data-left.single-blog a.home-icon {
float: left;
margin: 0 0 0 20px !important;
} 
.single-blog .sdate, .single-blog .et-like-post {
float: left;
margin: 0 0 0 10px !important;
}

.post-categor ul, .tga > div {
float:left;
margin: 0 !important;
padding: 0 !important;
padding: 0 !important;
}

.post-categor a {
margin-top:10px
}

.tga > div > a {
float: left;
margin: 0 10px 10px 0;
}

}

/* for width less than 600px  */
@media screen and (max-width: 600px) {
 
.popup-video {
  background-image: none!important;
  font-size:20px!important
}

.contact-form-wrapper {
  background-image: none!important;
}

.image-blog-wrapper img {
  min-width: 250px;
}


.navbar-collapse.in  {
width:100%
}

#dish-wrapper-2:after {
 display:none}

#dish-wrapper-2 #test_content .item .name-client {
    font-size: 50px;	
}
#dish-wrapper-2 #test_content .item p {
    font-size: 20px !important;
    line-height: 20px !important;
}

.portfolio-list .item {
width:90%!important;
height:auto!important;
margin:0 auto!important;
}

div.item a .mask {
    border: none!important;

}

div.item a:hover .mask {
     border: none!important;
	}

ul.portfolio-category li {
    margin: 5px !important;
}	

	
}

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

#mid_col .image-blog-wrapper img {
  min-width: 250px;
  width: 100% !important;
}

.wrp {
  background: url('images/bgg.png') top left repeat-x #fff !important;
  display: table;
  width: 100%;
}

#mainsite .row-offcanvas-right {
   top: -10px;
}



#mainsite .slider-wrapper.plus #header_slider h2.htitle {
  font-size: 50px !important;
  margin: 0 auto;
  width: 90%;
}

#mainsite .aq-template-wrapper.aq_row {
  background: none repeat scroll 0 0 #fff;
  clear: both;
  display: block;
  float: none;
}

#mainsite .slider-wrapper.plus .owl-item.active .item .text-slider {
  left: auto!important;
  margin: 4% auto!important;
  opacity: 1;
  width: 100% !important;
}

#mainsite .slider-wrapper.plus #header_slider .owl-prev, #mainsite .slider-wrapper.plus #header_slider .owl-next {
  top: 25% !important;
}

#mainsite #header_slider:after {
display:none;
}


.slider-wrapper.plus #header_slider .catsa, .slider-wrapper.plus #header_slider .catsb {
  display: none!important;
}

.sshar .social-share.single-blog-share {
    float: left !important;
    position: absolute;
    right: 10px;
    top: -44px;
}

.social-share.single-blog-share ul.social li {
padding:0px!important
}
}

/* for width less than 450px  */
@media screen and (max-width: 450px) {

#bb_aq_block_2 .diva, #about .diva, #authors .diva, #cathead .diva {
  background-image: none!important;
}	
}


/* for width less than 708px  */
@media screen and (max-width: 708px) {

#dish-wrapper-2 #test_content .owl-item:after {
display:none!important
}
}



/*-----------------------------------------------------------------------------------*/
/*  $RETINA
/*-----------------------------------------------------------------------------------*/


@media screen and (-webkit-min-device-pixel-ratio:0) {
   
   .image-team-wrapper {
	position:static!important;
}


@media screen and (max-width: 600px) {
 
#wp-tiles-1.grid > div:last-child > div {
display:none;
} 
 
#wp-tiles-1.grid > div:last-child  {
height:10px!important;
}  
 
.image-blog-wrapper .afterimg figcaption > a > span.headings {
  line-height: 0px;
  font-size:1px;
  color:#fff;
  
} 

}


}

/* RETINA x2 IMAGES STYLES */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
	
	 #bb_aq_block_2 .diva, #about .diva, #authors .diva, #cathead .diva {
	  background-color: transparent;
	  background-image: url("images/cp_div1x2.png")!important;
	  background-position: top center!important;
	  background-size: 262px 43px!important;
		}
	
	.view-all-blog span {
  	background-image: url("images/cp-more2x.png")!important;
	background-position: top center!important;
	background-size: 86px 58px!important;
  
	}
	
	}
	

	
/*-----------------------------------------------------------------------------------*/
/*  $FIXES
/*-----------------------------------------------------------------------------------*/

/*  since 1.02 */

@media screen and (max-width: 480px) {
#bb_aq_block_2 .diva, #about .diva, #authors .diva, #cathead .diva {
    display: none;
}
.site-inner #video .popup-video {
    padding: 55px 10px !important;
	font-size:17px;
}


}	
	
	
		
/*-----------------------------------------------------------------------------------*/
/*  $IE STYLES
/*-----------------------------------------------------------------------------------*/


html.ie #dish-wrapper-2 #test_content  .podlozhka {
position:relative!important;
opacity:1!important;
}

html.ie #dish-wrapper-2 #test_content .item {
position:relative!important;
}

html.ie #dish-wrapper-2 #test_content .item .name-client{
	display:block;
	text-align:center;
	font-size:70px;
	color: #fff!important;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	text-transform:capitalize;
	position:absolute!important;
	top:150px;
	left:50%;
	width:80%;
	margin-left:-40%;

}


html.ie  #dish-wrapper-2 #test_content .item p span {
color: #fff!important;
font-size: 30px!important;
line-height:30px!important;

}


html.ie  #dish-wrapper-2 #test_content .item p {
	color: #ffffff;
	margin-top:5px!important;
	margin-bottom:25px!important;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	font-size: 40px;
	position:absolute!important;
	top:300px;
	left:50%;
	width:80%;
	margin-left:-40%;
	
}

html.ie  #dish-wrapper-2 {
height:300px!important;
}

html.ie #dish-wrapper-2:after {
    margin-top: -120px!important;
	}

html.ie #dish-wrapper-2:before {
    margin-top: 0px!important;
	}


html.ie #dish-wrapper-2 #test_avatar{
	margin: 510px auto 15px!important;
}

html.ie #dish-wrapper-2 #test_content {
    height: 450px!important;
	}
html.ie  #dish-wrapper-2 #test_content .item {
padding-top:0px!important;
}	


html.ie #dish-wrapper-2 #test_content .item .name-client:before, 
html.ie #dish-wrapper-2 #test_content .item .name-client:after,
html.ie  #dish-wrapper-2 #test_content .item p:before,
html.ie  #dish-wrapper-2 #test_content .item p:after

 {
  position: absolute;
  content: attr(data-content);
  color: black;
  width: 100%;
  top: 2px;
  left: 2px;
  z-index: -1;
  opacity:0.5;
}


html.ie #dish-wrapper-2 #test_content .item .name-client, html.ie  #dish-wrapper-2 #test_content .item p {
color: white;
    position: relative;
    text-shadow: none; /* for non IE browsers */
    z-index: 20;
}

html.ie9  .spinner {
  border-color: #ff614c #ff614c #ff614c!important;
  }
  
html.ie9 #hearts .heart {
     background: #fed2cc;
}


html.ie9 #hearts .heart.center {
     background: #fed2cc;
}
















	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

/* ------------------------------------------------ */
/* $S L I D E R   S T Y L E   
/* ------------------------------------------------ */


.slider-wrapper.plus {
  overflow: hidden;
  position: relative;
  top: -10px;
}
.slider-wrapper.plus .owl-item .item img{
	display: block;
	width: 100%;
	height: auto;
}
.slider-wrapper.plus .text-slider{
	width:570px;
	position:absolute;
	left:15%;
	top:20%;
	opacity:0;
	/*TRANSISTIONS*/
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	     -o-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	        transition: all 1s ease;
}
.slider-wrapper.plus .owl-item.active .item .text-slider {
  left: 24.5%;
  margin: 4% auto;
  opacity: 1;
  width: 50% !important;
}
.slider-wrapper.plus .text-slider p {
  color: #fefeff;
  font-size: 20px;
  line-height: 27px;
  text-align: justify;
}
.slider-wrapper.plus .scroll-down {
  background: none repeat scroll;
  border: 2px solid #fff;
  border-radius: 50%;
  	-moz-border-radius:50%;
	-webkit-border-radius:50%;
  color: #fff;
  display: inline-block;
  height: 60px;
  margin-right: 20px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 60px;
}
.slider-wrapper.plus .img-scroll-down{
	background:url(images/arrow.png) no-repeat;
	height:17px;
	width:17px;
	position:absolute;
	background-position:-68px 0px;
	display:inline-block;
	vertical-align: middle;
	left: 50%;
	top: 50%;
	margin-left: -9px;
	margin-top: -9px;
}
.slider-wrapper.plus a#scroll_to {
  color: #fff;
  display: block;
  margin-top: 9px;
  z-index: 999999;
}

.slider-wrapper.plus a#scroll_to span i {
color: #fff!important;
font-size:32px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.95);

} 

.slider-wrapper.plus .arrow-left-slider, .slider-wrapper.plus .arrow-right-slider {
  font-family: "cp_plus_flaticon";
  display: block;
  margin: 9px auto;
  font-size:35px;
  color:#fff;
}


.slider-wrapper.plus #header_slider .owl-prev{
	position: absolute !important;
	left: 2% !important;
	top: 51% !important;
}
.slider-wrapper.plus #header_slider .owl-next{
	position: absolute !important;
	right: 2% !important;
	top: 51% !important;
}
.slider-wrapper.plus #header_slider .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 12px;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
	background: none;
	filter: Alpha(Opacity=80);
	opacity: 0.8;
	/*TRANSISTIONS*/
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
	     -o-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	        transition: all .5s ease;
}
.slider-wrapper.plus #header_slider .owl-controls .owl-buttons div i{
	color:#fff;
	font-size:60px;
	margin-top: -30px;
	/*TRANSISTIONS*/
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
	     -o-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	        transition: all .5s ease;
}
.slider-wrapper.plus #header_slider .owl-controls .owl-buttons div:hover{
	opacity:1;
}
.slider-wrapper.plus #header_slider .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}


.slider-wrapper.plus #header_slider .podlozhka {
width:100%;
height:600px;
-khtml-opacity:.9; 
 -moz-opacity:.9; 
 -ms-filter:"alpha(opacity=90)";
  filter:alpha(opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9);
  opacity:.9; 
  position:absolute;
  top:0;
  left:0;
  z-index:-1
}


.slider-wrapper.plus #header_slider h2.htitle {
	display:block;
	text-align:center;
	font-size:80px;
	color: #fff!important;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .95);
	text-transform:capitalize;
}

.catsb p {
	color: #fff!important;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .95);
}
.slider-wrapper.plus #header_slider .catsa, .slider-wrapper.plus #header_slider .catsb {
display:table-cell;
}

.slider-wrapper.plus #header_slider .catsa {
  padding-left: 20px;
}
.slider-wrapper.plus #header_slider .catsa .scroll-down {
margin-top:25px
}
a.linkto {
  border: 2px solid #fff;
  color: #fff;
  display: table;
  font-size: 25px;
  font-weight: 300;
  margin: 35px auto 20px;
  padding: 5px 30px;
  text-align: center;
  transition: all 0.5s ease-in 0s;
}

a.linkto:hover {
opacity:.8;
 color: #5e5a5d!important;
 background:#fff!important;
 text-shadow: 0px 0px 0 rgba(0, 0, 0, .95);
}	

.slider-wrapper.plus .owl-prev, .slider-wrapper.plus .owl-next {
  border: 2px solid transparent;
  border-radius: 50%;
  	-moz-border-radius:50%;
	-webkit-border-radius:50%;
  display: inline-block;
  height: 40px;
  margin-right: 20px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 40px;
}


.slider-wrapper.plus .owl-prev:hover, .slider-wrapper.plus .owl-next:hover {
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.95);
transition: all 500ms ease 0s;
}
	

#header_slider .owl-pagination {
  background: none repeat scroll 0 0  rgba(0, 0, 0, 0.15);
  bottom: 30px;
  padding: 5px 10px 0;
  position: absolute;
  right: 0;
  text-align: right;
  width: auto;
}

#header_slider.owl-theme .owl-controls .owl-page span {
   border-radius: 50% / 60% 60% 40% 40%;
   	-moz-border-radius:50% / 60% 60% 40% 40%;
	-webkit-border-radius:50% / 60% 60% 40% 40%;
  height: 21px;
  width: 15px;
  opacity:1;
  background:#fff;
}

#header_slider.owl-theme .owl-controls .owl-page span:hover {
background:#333!important;
opacity:1;
}

#header_slider.owl-theme .owl-controls .owl-page.active span:hover {
  background: none!important;
  }

#header_slider.owl-theme .owl-controls .owl-page.active {
display:inline-block;
width: 42px;
position:relative;
height:33px;
}  
  
#header_slider.owl-theme .owl-controls .owl-page.active span {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
  display: block;
  font-family: "cp_plus_flaticon";
  font-size: 27px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  left: -6px;
  opacity: 1;
  position: absolute;
  text-transform: none;
  top: -7px;
}



#header_slider.owl-theme .owl-controls .owl-page.active span:before{
color: #fff;
}

svg.bean-halo {
width:100%; height:100%; position:absolute; top:0; left:0;
}

/* ------------------------------------------------ */
/* $LEFT SIDEBAR  
/* ------------------------------------------------ */

#left .sidebar_l.widget table, #contact .widget table {
width:100%;
max-width:400px;
}

#left .sidebar_l.widget table caption, #contact .widget table caption {
padding:10px 0;
font-weight:bold;
}

#left .sidebar_l.widget table#wp-calendar th, #left .sidebar_l.widget table#wp-calendar td,
#contact .widget table#wp-calendar th, #contact .widget table#wp-calendar td
{
text-align:center;
}

#left .sidebar_l.widget table td#today, #contact .widget  table td#today {
color:#fff;
}

#left .sidebar_l.widget ul, #contact .widget  ul {
margin:10px 0 0 0px;
padding: 0px
}


#left .sidebar_l.widget ul li, #contact .widget ul li {
margin-top:7px;
list-style:none;
}


#left .sidebar_l.widget #srch {
  font-size: 17px;
  width: 75%;
  padding-left: 15px;
}

#left .sidebar_l.widget ul li:first-child, #contact .widget ul li:first-child {
margin-top:0px;
}

#left .sidebar_l.widget .textwidget img, #contact .widget .textwidget img {
max-width:100%;
display:block;
}

#left .sidebar_l.widget select, #left .sidebar_l.widget select option, #contact .widget select option {
max-width:100%;
}

#left .sidebar_l.widget .tagcloud a:hover, #contact .widget .tagcloud a:hover{
color:#fff; }

#left .sidebar_l.widget .tagcloud a, #contact .widget .tagcloud a{
white-space:nowrap;
}

#left .sidebar_l.widget .sub-menu .sub-menu  .sub-menu  .sub-menu .sub-menu  {
margin-left: 0px;
}

#left .sidebar_l.widget .tagcloud a {
  border-radius: 5px;
  display: inline-block;
  margin: 4px 2px;
  padding: 2px 5px;
}

#left .sidebar_l.widget ul li:first-line, #left .sidebar_l.widget p, #left .sidebar_l.widget td, #left .sidebar_l.widget div{
color:#333
}

#left .sidebar_l.widget ul li.cat-item:first-line{
font-size:14px
}

#left .sidebar_l.widget ul li.cat-item a{
font-size:16px
}

.ogurchik_cats .parent ul.child li {}
.ogurchik_cats .list li.parent ul  li a{font-size:15px!important; padding: 0 0 0 15px!important; position:relative}

.ogurchik_cats .list li.parent ul  li a:before {
  content: "•";
  font-size: 35px;
  left: 2px;
  position: absolute;
  top: 0;
}

.ogurchik_cats .list li.parent ul  li a:hover{color:#000!important}
.ogurchik_cats{background:transparent;position:relative;overflow:hidden;margin:0 0 12px;padding:0}
.ogurchik_cats h3{background:url(images/stit.jpg) left top no-repeat;font-size:16px;color:#DE6502;margin:0; height:49px}
.ogurchik_cats h3 span {background:url(images/tit01.png) left top no-repeat; display:block; height:49px; margin-left: 5px}
.ogurchik_cats h3 span span {padding:14px 0 0 50px;display:block;background:none!important}
.ogurchik_cats .boxIndent{background:none;border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;position:relative;padding:12px 0 20px 21px}
.ogurchik_cats .list{list-style-type:none;margin:0;padding:0}
.ogurchik_cats .list li, .list .cat-item {color: #000; font-size: 14px; float:none;position:relative;height:auto;background:none;padding:5px 0 0 0}

.ogurchik_cats .list li.parent a {  padding: 2px 0 0 0;  text-align: left;}
.ogurchik_cats .list li.parent { border-bottom:1px dashed rgba(0, 0, 0, 0.15); display: table; padding: 5px 0 5px;  width: 100%; max-width:169px}

.ogurchik_cats .list li.parent ul {
  margin-top: 10px;
  padding-top: 20px;
  width: 100%;
}


.ogurchik_cats .list li a {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #3e3e3e;
  display: block;
  font-size: 18px;
  line-height: 22px;
  margin-left: 5px;
  padding: 0;
  text-decoration: none;
}
.ogurchik_cats .list li a:hover,.ogurchik_cats .list li.active a{}
.ogurchik_cats .list ul{border:none;display:none;list-style:none;margin:0;padding:0}
.ogurchik_cats .list .level1 li{background:#fff;padding-left:5px}
.ogurchik_cats .list .level1 li a{font-weight:400;padding-left:5px;color:#434c59}
.ogurchik_cats .list .level1 .level2 li a{font-weight:400;padding-left:10px;color:#434c59}



/* Round List rounded */

#left .ogurchik_cats .stext.htitle {
  padding-left: 37px;
  padding-top: 4px;
}

#iconc.list.rounded {
  list-style-type: none;
  margin: 0;
  padding: 0 35px 0 0;
}

#iconc.list.rounded > li {
  font-size: 22px;
  line-height: 22px;
  list-style: outside none none;
  margin-bottom: 12px;
  text-align: center!important;
  white-space: nowrap;
}

#iconc.list.rounded > li  .di, #iconc.list.rounded > li  .cf {
  clear: both;
  color: #fff;
  display: block;
  height: 55px;
  line-height: 55px;
  margin: 0 auto;
  width: 55px;
  position:relative;
}

  
  #iconc.list.rounded > li:hover  .di, #iconc.list.rounded > li:hover  .cf {
  color:#fff;}

#iconc.list.rounded > li .di span, #iconc.list.rounded > li .cf span {
  border: 2px solid #fff;
  bottom: -9px;
  color: #fff;
  display: table-cell;
  font-size: 13px;
  padding: 0 6px;
  position: absolute;
  right: -7px;
  width: auto;
  min-width:12px;
}

#iconc.list.rounded > li:hover {
cursor:pointer;
}

#iconc.list.rounded > li a {
  color: #333;
  display: inline-block;
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 10px;
  margin-left: 0 !important;
  margin-top: 10px;
  padding: 0;
  text-decoration: none;
  opacity:0.9;
 transition: all 0.5s ease 0s;
}

#iconc.list.rounded > li:hover a {
opacity:1;
}

.ogurchik_cats li.parent ul,.first #left .module_login {display:none}
.ogurchik_cats .list .level1 li:first-child,.ogurchik_cats .list .level1 .level2 li:first-child{background:none;margin-top:0}
.ogurchik_cats .list .level1 .level2 li,.module .box,.module_menu .box,.module_login .box,.module_text .box,#content .content-indent .browse-view .row.odd:hover,#content .content-indent .browse-view .row.even:hover{background:#fff}

.VmArrowdown {
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 24px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 3px;
  width: 30px;
}

.VmArrowdown .di {
font-size:25px;
}

.VmArrowdown .di:hover {
color:#333;
}

#left ul#dropdown li.parent {
margin-top:25px
}

#left #dropdown li:first-child {
margin-top:0px!important
}

#left ul#dropdown li {
  font-size: 16px;
  line-height: 15px;
  list-style: outside none none;
  margin-bottom: 7px;
  text-align: left;
}

#left li.parent ul li:last-child   {
margin-bottom:25px!important
}

#left ul li a { 
color:#333;
}



#left {
padding-top:2px
}

#left .level0 {padding-left:0px!important; position:relative}
#left #iconc li {
  font-size: 22px;
  line-height: 22px;
  list-style: outside none none;
  margin-bottom: 12px;
  text-align: left;
  white-space: nowrap;
}

#left #iconc li img {
 width: 50px;
	 height: 50px;

}


#left #iconc li a {
  color: #333;
  display: inline-block;
  font-size: 18px;
  line-height: 27px;
  margin-left: 10px;
  overflow: hidden;
  padding: 0;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}



#left .stext.htitle,  #right .stext.htitle  {
  font-size: 35px;
  transition: all 500ms ease 0s;
	margin-top:15px;
}

#left:hover .stext.htitle, #right:hover .stext.htitle {
  color: rgba(0, 0, 0, 1);

}

#right, #leftbar {
padding-top:5px
}


#right .sidebar_r.widget table {
width:100%;
max-width:400px;
}

#right .sidebar_r.widget table caption {
padding:10px 0;
font-weight:bold;
}

#right .sidebar_r.widget table#wp-calendar th, #right .sidebar_r.widget table#wp-calendar td {
text-align:center;
}

#right .sidebar_r.widget table td#today {
color:#fff;
}

#right .sidebar_r.widget ul {
margin:10px 0 0 17px;
padding: 0px
}


#right .sidebar_r.widget ul li {
margin-top:7px;
}


#right .sidebar_r.widget #srch {
  font-size: 17px;
  width: 75%;
  padding-left: 15px;
}

#right .sidebar_r.widget ul li:first-child {
margin-top:0px;
}

#right .sidebar_r.widget .textwidget img {
max-width:100%;
display:block;
}

#right .sidebar_r.widget select, #right .sidebar_r.widget select option {
max-width:100%;
}

#right .sidebar_r.widget .tagcloud a:hover {
color:#fff;}

#right .sidebar_r.widget .tagcloud a {
white-space:nowrap;
}

#right .sidebar_r.widget .sub-menu .sub-menu  .sub-menu  .sub-menu .sub-menu  {
margin-left: 0px;
}

#right .sidebar_r.widget .tagcloud a {
  border-radius: 5px;
  display: inline-block;
  margin: 4px 2px;
  padding: 2px 5px;
}

#right .sidebar_r.widget ul li:first-line, #right .sidebar_r.widget p, #right .sidebar_r.widget td, #right .sidebar_r.widget div{
color:#333
}

#right .sidebar_r.widget ul li.cat-item:first-line{
font-size:14px
}

#right .sidebar_r.widget ul li.cat-item a{
font-size:16px
}

#right .stext.htitle {
  margin-bottom: 10px;
  padding-bottom: 15px;
  padding-left: 0;
  padding-top: 30px;
  text-align: center;
}

#right .stext.htitle:first-child {
  margin-bottom: 25px;
  padding-bottom: 0;
  padding-left: 0;
  padding-top: 0;
}

#right .lia > li {
  color: rgba(0, 0, 0, 0.2);
  font-size: 14px;
  line-height: 14px;
  margin: 0;
  padding: 0;
}

#right .lia > li a {
color:#333;
  font-size: 17px;
    transition: all 500ms ease 0s;
}



#right .lia > li:first-line {
  color: black;
  font-size: 16px;
}

#right .lia > li {
position:relative;
}

#right .latest .lia > li > a:before {
  display: block;
  height: 100px;
  left: -15px;
  position: absolute;
  top: -11px;
  width: 100px;
}

#right .tagcld { padding-left:15px
}

#right .tagcld a, #contact .widget .tagcloud a  {
  display: inline-block;
  margin: 4px 2px;
  padding: 2px 5px;
}

#right .tagcld a:hover {
color:#fff!important;
}


#right #cp_recentcomments  > li b {
font-size:18px;
}

#right #cp_recentcomments  > li span {
  color: black;
  font-size: 16px;
  line-height: 18px !important;
display:table-cell;
padding-left:15px;
}

#right #cp_recentcomments  > li {
  color: rgba(0, 0, 0, 0.2);
  font-size: 14px;
  line-height: 16px;
  list-style: outside none none;
  margin: 0 0 18px;
  padding: 0;
  display:table-row;
}

#right #cp_recentcomments > li:after {
  content: " ";
  display: block;
  margin: 10px;
  padding-bottom: 10px;
}

#right #cp_recentcomments > li span a {
  color: #333;
  font-size: 17px;
  line-height: 19px;
}

#right #cp_recentcomments {
  padding-left: 25px;
}

#right #cp_recentcomments .avatar {
display:table-cell;
}


/* ROUND IMAGES SIDEBAR  */


#right .cont.latest ul li {
  clear: both;
  height: auto;
  margin-bottom: 30px;
}


.post-ratings > img {
  display: inline-block;
  margin-top: -10px;
  position:relative;
}



#right .cont.latest span:nth-child(1) {
  display: table-cell;
  max-width: 95px;
  text-align: right;
}

#right .cont.latest a {
display:table-row;
}
#right .lia {
  list-style: outside none none;
  padding-left: 25px;
}
#right .cont.latest span:nth-child(1) span {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    display: inline-block;
    height: 75px;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 75px;
}

#right .cont.latest span:nth-child(1) span:before {
 left: -17px!important;
    position: absolute!important;
    top: -17px!important;
}

.roundi span.rn {

  box-shadow: none !important;
  height: 180px;
  left: -27px !important;
  overflow: hidden;
  position: absolute !important;
  top: -27px !important;
  width: 180px;
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}



#logo .lg2 span.htitle:before, #logo2  span.htitle:before  {
height: 100%;
    left: 0px;
    position: absolute;
    top: -25px;
    width: 100%;
	content: url(images/circle.svg);
}

#right .cont.latest span:nth-child(2) {
  box-sizing: border-box;
  display: table-cell;
  padding-left: 15px;
  padding-top: 30px;
  text-align: left;
  vertical-align: top;
  width: 100%;
}


#right .cont.autho p.icons {
text-align:center;
padding:0;
}
#right .cont.autho .btn-social-icon {
background:rgba(0, 0, 0, 0.25);
padding:5px;
width:35px;
height:35px;
}

#right .cont.autho p {
  font-size: 16px;
  padding: 20px 20px 0;
  text-align: center;
}



#right .cont.autho .btn-social-icon .fa {
  color: #fff !important;
  font-size: 18px;
  margin-top: 3px;
}

#right .post-ratings {
    left: 90px;
    position: absolute;
    top: 5px;
}

#right .lia .et-like-post {
  display: block !important;
  left: 90px;
  position: absolute;
  top: 5px;
  width: 100%;
}

#right .lia .et-like-post i, #right .lia .et-like-post span {
  display: table-cell !important;
  font-size: 15px;
  line-height: 15px;
  margin: 0 !important;
  padding: 0 7px 0 0px !important;
  position: relative;
}

#right .lia .et-like-post:before {
content: none !important;
}

.roundi {
margin:0 auto;
position:relative;
display:table;
}

.roundi canvas {
position:absolute;
top:-17px;
left:-17px;

}

.roundi span {
    border: 5px solid transparent;
    height: 130px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 130px;
	display:block;
}

.roundi > span  > i {
  background-repeat: no-repeat;
	background-position:  center center;
background-size: cover;
background-color:transparent;
  display: block;
  height: 100%;
  width: 100%;
}

.roundi span .author {
    height: auto;
    left: -10%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 160px;
    z-index: 1;
}
.roundi .simag {
    height: auto;
    left: -55%;
    margin: 0 auto;
    min-width: 200px;
    position: absolute;
    top: -20%;
}

#srch {
  border: 1px solid #efe5e4;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    color: rgba(0, 0, 0, 0.4);
  font-size: 22px;
  height: 38px;
  margin: 20px 0 25px;
  padding-left: 25px;
  text-align: left;
  width: 80%;
}

.buta {
  display: inline-block;
  height: 40px;
  position: relative;
  width: 40px;
}

.buta #searchsubmit {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  border: medium none !important;
  height: 33px;
  left: 5px;
  position: absolute;
  top: 15px;
  width: 33px;
}


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

#left .stext.htitle:first-child,  #right .stext.htitle:first-child  {
border: none;
}

 
 }

/* ------------------------------------------------ */
/* $NAVBAR TOP  
/* ------------------------------------------------ */

#header .navbar-nav > li > a {
  font-size: 24px;
  transition: font-size 0.8s ease-in-out 0s;
  padding: 10px 13px;
}

#header .navbar-nav > li:last-child > a {
  padding: 10px 0px 10px 13px;
}

#header.stuck-sticky .navbar-nav > li > a {
color:#333;
font-size:22px;
}

#header.stuck-sticky .navbar-default #logo a.navbar-brand {
display:none;
transition: all 200ms ease 0s;
top:-50px
}

#logo .navbar-brand, #logo2.navbar-brand  {
width:160px;
height:160px;
text-align:center;
vertical-align:middle;
display:block;
z-index:10001;
position:absolute;
box-shadow: 0px 0px 0px 1px #fff inset;
}	


#logo-left, #logo-left2 {
width:30px;
height:30px;
text-align:center;
vertical-align:middle;
z-index:10001;
position:absolute;
display:none;
}

#logo-left span, #logo-left2 span {
  color: #fff;
  font-size: 24px;
  line-height: 50px;
}




#logo-left:hover  {
background:#fff!important;
transition: font-size 0.8s ease-in-out 0s;
}

#logo-left span:before {
  color: #fff;
  font-size: 47px;
}

#header.stuck-sticky .navbar-default #logo-left {
  display: block;
  height: 50px;
  top: 10px;
  transition: all 0.5s ease 0s;
  width: 50px;
  left:39px;
}

#header.stuck-sticky .navbar-default #logo-left:hover span:before {
color:#fff;
}



.navbar-toggle.pull-left i {
color:#fff!important;
}

#logo .navbar-brand span.htitle, #logo2.navbar-brand span.htitle  {
  display: block;
  font-size: 55px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 25px;
  width: 100%;
}

#logo .navbar-brand span:last-child, #logo2.navbar-brand span:last-child {
  display: block;
  font-size: 25px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 90px;
  width: 100%;
}

#logo .navbar-brand:before, #logo2.navbar-brand:before {
  content: "";
  display: block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-size:15px;
  color:#fff;
  position:absolute;
  top:10px;
  left:50%;
  margin-left: -5px;
 }
 
 #logo .navbar-brand:after,  #logo2.navbar-brand:after {
  content: "";
  display: block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-size:15px;
  color:#fff;
  position:absolute;
  bottom:10px;
  left:50%;
  margin-left: -5px;
 }

#logo .navbar-brand span, #logo2.navbar-brand span  {
color:#fff;
}

#logo .navbar-brand span:last-child, #logo2.navbar-brand span:last-child  {
color:#fff;
}



/*-----------------------------------------------------------------------------------*/
/*  $ICONS
/*-----------------------------------------------------------------------------------*/

.ogurchik_cats #iconc .di span {
display:none;
}

.ogurchik_cats #iconc .di {
  display: inline-block;
  font-size: 30px;
  line-height: 35px;
  min-width: 40px;
  text-align: center;
  transition: all 0.5s ease 0s;
}

#searchform .btn {
  background: transparent;
  border: medium none;
 
  display: inline-block;
  height: 40px;
  margin: -12px 0 0 5px;
  padding: 0;
  width: 40px;
}
#searchform .btn  i {
 color: rgba(0, 0, 0, 0.35);}


 


.ogurchik_cats #iconc li {
}

.recipe-item a {
  display: block;
  max-height: 205px;
  overflow: hidden;
}


.recipe-item:before {
  background: none repeat scroll 0 0 #fff;
  content: "";
  font-family: "cp_plus_flaticon";
  font-size: 25px;
  height: 40px;
  line-height: 33px;
  position: absolute;
  right: 25px;
  text-align: center;
  top: 0;
  width: 40px;
  z-index: 9;
  font-style: normal;
}

.sticky:before {
  background: none repeat scroll 0 0 #fff;
  content: "";
  font-family: "cp_plus_flaticon";
  font-size: 25px;
  height: 40px;
  line-height: 33px;
  position: absolute;
  right: 30px;
  text-align: center;
  top: -19px;
  width: 40px;
  z-index: 9;
  font-style: normal;
}


#posts_container .sticky h1:before {
  background: none repeat scroll 0 0 #fff;
  content: "";
  font-family: "cp_plus_flaticon";
  font-size: 25px;
  height: 40px;
  line-height: 33px;
  position: absolute;
  right: 30px;
  text-align: center;
  bottom: -30px;
  width: 40px;
  z-index: 9;
}

.sticky:before, #posts_container .sticky  h1:before  {
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.15);
 }

.et-blog-post .sticky {
  position: relative;
}
 
.recipe-item:hover:before, .sticky:hover:before, .et-blog-post:hover .sticky:before {
  color:#fff
}


/* RECENT */



#container_recent {margin-bottom: 55px!important}

.recipe-item .worksarrow {
  bottom: 0;
  color: #ffffff !important;
  left: 0;
  padding: 0 15px;
  position: absolute;
  text-align: center;
  transform: translateY(100%);
  transition: transform 0.4s ease 0s;
  width: 100%;
  z-index: 5;
}


.recipe-item:hover .worksarrow {
    transform: translateY(0px);
}



.imgwork {
    opacity: 1;
    transition: all 1000ms ease 0s;
}

#container_recent .recipe-item  > a > span {
display:table;
width:100%;
height:100%;
}

.recipe-item:hover  > a > span  {
  opacity: 0.3;
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	transform: scale(1.1, 1.1);
 
 }

.recipe-item:hover  .worksarrow, .recipe-item.noim .worksarrow {
  display: block;
  height: auto;
  left: 0;
  padding: 0 5%;
  text-align: center;
  top: 50%;
  transform: translateY(-50%) !important;
  transition: transform 0.35s ease 0s;
  vertical-align: middle;
} 
 
 
.recipe-item:hover .worksarrow p, .recipe-item.noim .worksarrow  p {
  display: block;
  height: auto;
  max-height: inherit;
  overflow: auto;
  padding: 10px 4%;
  text-align: center;
  transition: transform 0.35s ease 0s;
  vertical-align: middle;
}

.recipe-item:hover .worksarrow p span, .recipe-item.noim .worksarrow p span {
  font-size: 35px; 
  color: #333;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  width:100%;
  display: block;
  
}

.recipe-item:hover .worksarrow p a, .recipe-item.noim .worksarrow p a {
display: table;
margin: 0 auto;
clear:both; 
}

/* HOOVER COLOR */

.recipe-item:hover .worksarrow p a i, .recipe-item.noim .worksarrow p a i {
  border-radius: 4px;
  -moz-border-radius: 4px;
-webkit-border-radius: 4px;
  color: #fff;
  line-height: 20px;
  margin: 0;
  opacity: 0.8;
  padding: 0 12px 10px;
}


.recipe-item:hover .worksarrow p a:hover i, .recipe-item.noim .worksarrow p a:hover i {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
  border: 1px dashed rgba(0, 0, 0, 0.2);
}

.recipe-item {
  -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s;
}

.recipe-item:first-child {
margin-left:0px!important
}




.recipe-item {
  max-height: 300px;
  overflow: hidden;
  position: relative;
  margin:10px 0
}

.recipe-item img {
  float: left;
  text-align: center;
  width: 100%;
}




.recipe-item:hover p {
  color: rgba(0, 0, 0, 1);
  }


/* BLOG POSTS */

.et-post-data-left {
  padding: 0;
  text-align: center;
  width: 100%;
  z-index: 1000;
}


.blog-wrapper .et-post-data-left {
  padding: 0;
  position: absolute;
  text-align: center;
  top: 47%;
  width: 100%;
  z-index: 1000;
}

.blog-wrapper.index .zt.portrait {
z-index:-2
}

.blog-wrapper.index .et-blog-post .det {
  opacity: 1!important;
}

.blog-wrapper.index .zt.portrait span {
display:block;
width:100%;
height:auto;

}


.blog-wrapper.index .image-blog-wrapper:hover .zt.portrait span {
  opacity: 0.3;
  transform: translateY(-5%);
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

.zt {
  color: white;
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  z-index: 1;
  zoom: 1;
  max-width: 100%;
  min-height: 100%;
  vertical-align: top;
}

.recipe-item > a {
  margin-top: 20px;
  vertical-align: top;
  z-index: 1;
}


.et-post-data-left .inl {
  background: none repeat scroll 0 0 rgba(239, 186, 132, 0.7) !important;
  border-radius: 50%;
  -moz-border-radius: 50%;
-webkit-border-radius: 50%;
  color: #fff;
  display: inline-block;
  float: none;
  height: 65px;
  margin: 0 7px;
  outline: 0 none;
  padding-top: 2px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all 500ms ease 0s;
  vertical-align: middle;
  visibility: hidden;
  width: 65px;
}




.image-blog-wrapper {
  border: medium none !important;
  padding: 0px;
  position: relative;
  overflow:hidden; 
}

.inl .di {
color:#fff!important}



.image-blog-wrapper .afterimg p.description {
  bottom: 6em;
  color: #000;
  display: block;
  font-size: 25px !important;
  opacity: 0;
  padding: 1em;
  position: absolute;
  text-align: center;
  text-transform: none;
  transform: translateY(50%);
  transition: opacity 0.35s ease 0s;
  z-index: 99999;
}


.image-blog-wrapper:hover .afterimg p.description {
    opacity: 1;
}

.blog-wrapper.rightsidebar .col-md-6 .image-blog-wrapper .afterimg_desc p, 
.blog-wrapper.twosidebars .col-md-6 .image-blog-wrapper .afterimg_desc p {
  font-size: 25px;
} 

.page-template-front-page-php .afterimg p.icon-links {
	float: left!important;
}


.et-blog-post.annm .image-blog-wrapper .afterimg p.icon-links {
	float: right!important;
}

.et-blog-post.annm h1.title-blog {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.image-blog-wrapper .afterimg p.icon-links {
    font-size:15px; 
	padding:0px!important; 
	margin: 0px!important;
	float: left;
}

.image-blog-wrapper:hover .afterimg figcaption, .image-blog-wrapper:hover .afterimg p.icon-links a {
    transform: translate3d(0px, 0px, 0px);
	color: #333;
    
}



.image-blog-wrapper:hover .afterimg p.icon-links a:nth-child(3) {
    font-size: 25px;
    line-height: 32px;
    padding: 0 5px 0 0;
	color: rgba(255, 255, 255, 0.7);
}
.image-blog-wrapper:hover .afterimg p.icon-links a:nth-child(2) {
	padding: 0 10px 0 0;
	transition-delay: 0.15s;
}
.image-blog-wrapper:hover .afterimg p.icon-links a:first-child {
    transition-delay: 0.2s;
}

.image-blog-wrapper .afterimg p.icon-links a {
transform: translate3d(0px, 200%, 0px);
    transition: transform 0.35s ease 0s;
	display: block;
    float: right;
    margin: 15px 0;
    padding: 0 10px;
	font-size: 20px;
	}

.image-blog-wrapper.afterimg p.icon-links a {
  color: #fff;
  float: right;
  font-size: 1.4em;
}

.image-blog-wrapper .afterimg_desc {
 position:absolute;

 }
 
.image-blog-wrapper:hover .afterimg_desc {
  display: block;
  height: auto;
  left: 0;
  padding: 0 5%;
  text-align: center;
  top: 50%;
  transform: translateY(-60%) !important;
    -webkit-transform: translateY(-60%) !important;
  -ms-transform: translateY(-60%) !important;
  transition: transform 0.35s ease 0s;
  z-index:1
}

.image-blog-wrapper:hover .afterimg_desc p {

	/*
  transform: translateY(-33%); */

}

.image-blog-wrapper .afterimg_desc p span{
margin-top: -50% !important;
}


.image-blog-wrapper .afterimg_desc p {
  color: #333;
  display: block;
  font-size: 35px;
  height: auto;
  
  padding: 0 25px;
  text-align: center;
  transition: transform 0.35s ease 0s;
  vertical-align: middle;
}
 
.image-blog-wrapper .afterimg figcaption {
  background: none repeat scroll 0 0 #fff;
  bottom: 0;
  color: #fff;
  height: 65px;
  padding: 0 5px;
  top: auto;
  transform: translate3d(0px, 100%, 0px);
  transition: transform 0.35s ease 0s;
}

.image-blog-wrapper .afterimg figcaption > a {
  color: #333;
  display: block;
  float: right;
  font-size: 20px;
  line-height: 20px;
  margin-top: 0;
  padding: 4px 3px 0 13px;
  position: absolute;
  right: 0;
  text-align: center;
  vertical-align: middle;
}


.blog-wrapper.index .image-blog-wrapper .afterimg figcaption > span.det {
  color: #333;
  display: block;
  float: left;
  font-size: 30px;
  left: 0;
  line-height: 20px;
  margin-top: 0;
  max-width: 65%;
  overflow: hidden;
  padding: 4px 3px 0 10px;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.et-blog-post   h1.title-blog {
  padding-bottom: 0px;
  padding-top: 70px!important;
}

.et-blog-post.lftt   h1.title-blog, .et-blog-post.topt  h1.title-blog {
  padding-bottom: 0px;
  padding-top: 0px!important;
}



.blog-wrapper .et-blog-post:first-child  h1.title-blog {
  padding-bottom: 0px!important;
  padding-top: 0px!important;
}

.blog-wrapper.blogpage .image-blog-wrapper .afterimg p.icon-links {
  float: left!important;
  font-size: 15px;
  margin: 0 !important;
  padding: 0 !important;
}

.blog-wrapper.index .afterimg_desc p > a > span {
margin-top:0px!important;
}



.blog-wrapper.index .afterimg_desc p > a > span i {
  clear: both;
  display: table;
  line-height: 25px !important;
  margin: 20px auto 0 !important;
  position: relative;
  padding: 0 12px 10px;
  transition: all 0.25s ease-out 0s;
  color: #fff;
    opacity: 0.8;
}

.blog-wrapper.index .afterimg_desc a i > span.headings {
  display: inline-block;
  height: 20px;
  overflow: hidden;
  transition: all 0.25s ease-out 0s;
  width: 0;
}

.blog-wrapper.index .afterimg_desc a:hover i > span.headings {
  color: #fff;
  display: inline-block;
  font-size: 25px;
  line-height: 19px;
  margin: 0 0 0 10px;
  padding: 0;
  width:auto;

}


.blog-wrapper.index .et-blog-post .cat a, .blog-wrapper.index .et-blog-post .dt  {
  font-size: 15px;
}

.blog-wrapper.index .et-blog-post .cat {
color:#333;
}

.image-blog-wrapper .afterimg figcaption > a, .image-blog-wrapper .afterimg figcaption > span.det {
  transition-delay: 0.05s;
}

.image-blog-wrapper .afterimg figcaption > a i {
  display: inline-block;
  float: right;
  font-size: 35px;
  line-height: 35px;
  padding: 0 0 0 10px;
  
}

.image-blog-wrapper .afterimg figcaption > a > span {
  display: inline-block;
  line-height: 43px;
  vertical-align: middle;
  font-size: 25px;
}

.image-blog-wrapper .afterimg figcaption > .icon-links a  {
    color: #333;
    font-size: 30px;
    line-height: 30px;
	padding-top:0px!important;
	padding-bottom:0px!important;
}

.image-blog-wrapper .afterimg figcaption > .icon-links a i {
  color: #333;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  margin-top: 5px;
}

.image-blog-wrapper .afterimg:hover figcaption > .icon-links a:hover span, .image-blog-wrapper .afterimg:hover figcaption > a:hover,
.image-blog-wrapper .afterimg:hover figcaption > .icon-links a:hover i, .image-blog-wrapper .afterimg:hover figcaption > a:hover i {
  color: #333!important;
  
 }

.image-blog-wrapper .afterimg figcaption > .icon-links a span {
  color: #333;
  display: inline-block;
  font-size: 17px;
  margin-top: 0px;
  padding: 0 5px 0 0 !important;
  vertical-align: middle;
}

.image-blog-wrapper .afterimg figcaption > .icon-links a span.count {
 padding: 0 0 0 5px !important;
}



.image-blog-wrapper .afterimg {
  bottom: -2px;
  margin: 0 !important;
  overflow: hidden;
  position: absolute;
  max-height:70px;
  width: 100%;
  z-index: 1;
  background:none repeat scroll 0 0 #fff;
}

.image-blog-wrapper:hover .afterimg {

	transform: translateY(-5%);
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}


.image-blog-wrapper:hover .inl {
visibility:visible;
}

.pagga li a {
  background: none repeat scroll 0 0 #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
-webkit-border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 20px;
  height: 40px;
  line-height: 30px;
  opacity: 0.8;
  padding: 5px;
  text-align: center;
  width: 40px;
}

.row.top-50.pagg {
  display: table;
  text-align: center;
}

.blog-wrapper .et-blog-post .det {
  display: table;
  font-style: normal;
  margin: 0 auto 20px;
  opacity:.7;
  transition: all 0.5s ease 0s;
}

.blog-wrapper .col-md-12:hover .det {
opacity:1;
}

.et-blog-post .cat {
  display: table-cell;
  max-width: 440px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page .et-blog-post .fa-star {
  padding: 0 10px 0 10px;
}

.page .blog-wrapper.index.blogpage .padda {
    margin-top: 17px;
}

.pdt {
margin:10px 0 10px!important;
}

.pdb {
margin:0px 0 10px!important;
}

.ptt{
padding-top:5px!important;
}

.pcm {
clear: both; height: 60px;
}

.pdbt {
padding-bottom:150px!important;
}

.pto {
margin-top:50px!important;
}

 .et-blog-post .fa-star {
  display: inline-block;
  padding: 0 10px 0 10px;
  font-size:12px;
  line-height:12px;
}



.et-blog-post .cat a {
  border-bottom: 1px dashed #ddd;
  color: #333;
  font-size: 14px;
  font-style: normal;
  text-transform: uppercase;
  display: inline-block;
}

.et-blog-post .cat a:hover {
text-decoration:none;
}

.et-blog-post .dt {
  color: #333;
  display: table-cell;
  font-size: 14px;
  font-style: normal;
  padding-left: 0px;
  text-transform: uppercase;
  line-height: 50px;
}




/*
* Off Canvas
* --------------------------------------------------
*/
 
 
 
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

#mainsite .sidebar-nav li.menu-item-has-children ul li a {
font-size: 1.2em;
}

#mainsite .sidebar-nav li.menu-item-has-children ul {
margin-left:10px;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
} 
 

#mainsite .wrp {
 background: #fff;
 }

#boxed #mainsite {
  margin: 5px 0 0 !important;
  padding: 10px 0 0 !important;
}  
 
#mainsite  {
margin:5px 0 0 0!important;
padding:0px!important;
} 
 
#mainsite .row-offcanvas-right {
margin:0px!important;
padding:0px!important;
}
 
#mainsite .row-offcanvas-right.active {
    left:-11%!important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

#mainsite .row-offcanvas-right.active {
    -webkit-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(60%, 0, 0) scale3d(1, 1, 1);
  } 
 
#mainsite #sidebar {
overflow:hidden;
} 
#mainsite .topmen {
padding-top:30px;
z-index:50;
} 
#mainsite .navbar-brand {
  box-shadow: 0 0 0 1px #fff inset;
  display: block;
  height: 160px;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  width: 160px;
  z-index: 10001;
  margin-top:15px;
}
 
#header .nav.navbar-nav {
  margin-top: -10px;
}

#header.stuck-sticky .nav.navbar-nav {
  margin-top: -15px;
} 
 
#mainsite #header .navbar-default {
  background-color:transparent!important;
  border: none!important;
  height: 95px;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

#mainsite #header.stuck-sticky .navbar-default:before {
  background: none repeat scroll 0 0 #fff;
  content: "";
  display: block;
  height: 75px;
  position: absolute;
  top: 0;
  width: 100%;
}


 
#mainsite .navbar-collapse {
  max-height: 100%;
}


#header .navbar-default .navbar-nav > .open > a, #header .navbar-default .navbar-nav > .open > a:hover, #mainsite.splashmode #header .navbar-default .navbar-nav > .open > a:focus  {
  background-color: #fff;
}

#mainsite.splashmode #header .navbar-default .navbar-nav > .open > a:focus {
	background:transparent!important;
	}

#header .dropdown-menu .caret {
display:none;
visibility:hidden;
}


#mainsite .sidebar-nav li .dropdown-submenu > a:after {
display:none; visibility:hidden;
}



#header  .caret, #mainsite .sidebar-nav li .caret  {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid;
  display: inline-block;
  height: 0;
  margin-left: 7px;
  margin-top: 0px;
  vertical-align: middle;
	margin-top: -7px;
  width: 0;
}

.cp-adminbar #mainsite, .cp-adminbar #header.stuck-sticky  {
top:28px!important;
}

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

#mainsite .padt {
  float: none;
  margin: 0 auto 180px;
  position: relative;
  text-align: center;
}


#mainsite .sticky-wrapper #header.stuck-sticky {
  float: none;
  margin: 0 auto 80px!important;
  position: fixed!important;
  text-align: left;
}

#mainsite .sticky-wrapper #header.stuck-sticky #logo-left {
  top: -11px!important;
  z-index: 999999;
  left:0px;
}

#mainsite .sticky-wrapper #header.stuck-sticky .navbar-default:after {
  height: 80px!important;
}

#mainsite .sticky-wrapper #header.stuck-sticky .topmen .navbar-nav li a {
font-size:20px!important;
}

#mainsite .sticky-wrapper #header.stuck-sticky .lgo {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#mainsite .sticky-wrapper #header.stuck-sticky .topmen .navbar-nav  {
margin-top:0px!important;
}

#mainsite .sticky-wrapper #header.stuck-sticky .topmen {
padding-top:10px!important;
}

#mainsite #header #logo {
  display: inline-block;
  float: none !important;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}


#woo-wrapper #mainsite #header #logo {
  display: block;
  float: left !important;
  left: 0;
  margin-left: 0;
  margin-right: auto;
  position: absolute;
  top: 17px;
}

.navbar.navbar-default  > .container .topmen ul li a {
font-size:22px!important;
}

#header_slider .owl-pagination {
  padding: 30px 0 0;
  position: relative;
  text-align: center;
  width: 100%;
  background:none!important;
}

#header_slider.owl-theme .owl-controls .owl-page.active span:before {
    color: rgba(0, 0, 0, 0.55);
}

#header_slider.owl-theme .owl-controls .owl-page span {
   box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.55);
   opacity:.33
}

#header_slider.owl-theme .owl-controls .owl-page span {
  background: #d1d1d1!important;
}

#mainsite .navbar-brand {
float:none;
margin: 30px auto 10px;
position:relative;
}

#mainsite .topmen {
float:none;
margin:0 auto;
position:relative;
z-index:999;
width:100%;
text-align:center;
}



#mainsite .topmen .navbar-nav {
text-align: center;
float:none;
margin: 0 auto;
}

#mainsite .topmen .navbar-nav li {
text-align: left;
float:none;
display:inline-block;

}

}

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

#mainsite .icategories > .row > .container {
	width:100%!important
	}

	
#wrappa .entrance {
	opacity:1!important;
}	
	
.clients-wrapper.ext .clients {
  padding-bottom: 50px;
}	
	
#wrappa #recipes #block2 {
    display: table-footer-group;
	}
	
#wrappa #recipes #block3 {
  display: table-header-group;
}	

#wrappa #recipes #block3 > li {
  width: auto!important;
}

#block3 .im > img {
  display: block;
  height: auto;
  max-width: 100%;
  min-width: 100%;
  width: 100%;
}

.clients-wrapper.ext .clients .item > img {
	width: 100%!important;
	clear:both;
}
.clients-wrapper.ext .clients .item > p {
  width: 100%!important;
  clear:both;
}

#left .stext.htitle {
  text-align:center;
  margin-top:50px;
}

#left .sidebar_l.widget:first-child .stext.htitle {
  margin-top:0px;
}

.navbar-default .navbar-toggle {
  //border-color:#fff;
  //color:#fff;
    position: fixed;
    top: 0;
    left: 0;
    font-size: 39px;
    border: none;
}



.navbar-default .navbar-toggle .icon-bar {
background-color:#fff!important;
}

#mainsite .sidebar-nav {
  margin-left: -7% !important;
  padding-left: 0 !important;
}
 
#mainsite .sidebar-nav li {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
	
}

#mainsite .sidebar-nav .navbar-nav {
padding-left:5%;
}

#mainsite .navbar-nav .open .dropdown-menu li:first-child, #mainsite  .navbar-nav li:first-child {
border-top:none;
}

#mainsite  .sidebar-nav li a:hover {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
  color: #fff;
}

#mainsite  .nav .open > a, #mainsite  .nav .open > a:hover, #mainsite  .nav .open > a:focus {
color:#000;
}


#mainsite .navbar-nav > li > .dropdown-menu {
	background: #ffffff!important;
  border-radius: 0 !important;
    -moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
}

.dropdown > .dropdown-menu > li {
  width: 100%;
}

@media screen and (max-width: 767px) {
#mainsite .navbar-nav > li > .dropdown-menu {
  background: none repeat scroll 0 0 #525252 !important;
  border-radius: 0 !important;
    -moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
}
}

#mainsite  .dropdown-menu .divider {
  background-color: #333;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
}

#mainsite  .navbar-nav .open .dropdown-menu .dropdown-header {
  border-top:none;
   font-size: 0.95em;
}

#mainsite  .sidebar-nav .navbar-nav > li > a:hover, #mainsite  .sidebar-nav .navbar-nav > li > a:focus {
  background-color: rgba(255, 255, 255, 0.1)!important;
  text-decoration: none;
  color:#fff;
}

#mainsite   .nav > li > a:hover, #mainsite   .nav > li > a:focus {
  background-color: #fff;
  text-decoration: none;
}

.sidebar-nav .dropdown-toggle {
font-size: 17px;
}

#mainsite  .sidebar-nav li a {
  padding: 0.85714em 2.14286em;
  color: #ccc;
  display: block;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.28571em;
  outline: medium none;
}
 
 #mainsite  #sidebar {
    height: 100%;
    background: #333333;
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  }


#mainsite  .navbar-static-top {
 margin-bottom: 100px;
 background: none!important;
 border:none!important;
  }

 #mainsite  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
#mainsite   .row-offcanvas-right .sidebar-offcanvas {
    left: -50%;
  
    margin-right: 0px;
    background-color: #f3f3f3;
  }
#mainsite   .row-offcanvas-left .sidebar-offcanvas {
    right: -60%; 
  }
#mainsite   .row-offcanvas-right.active {
    left: 50%;  
  }
 #mainsite  .row-offcanvas-left.active {
    right: 60%;  
  }
#mainsite   .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%;  
    height: 100%;
    display: none;
  
  }
  
#mainsite  .row-offcanvas .container > .navbar-header, #mainsite  .container > .navbar-collapse {
  margin-left: 15px;
  margin-right: 15px;
}
  
#mainsite   .row-offcanvas .row {
    margin-left: 15px;
    margin-right: 15px;
}
  
#mainsite   .sidebar-nav {
  padding-left: 20px;
}
  
}




/* RESPONSIVE FLUID SIDEBARS MAIN TEMPLATE */

.col-middle .blog-wrapper, .col-middle .row {
display:inherit;
padding:0!important;
width:100%;
}

.aq-template-wrapper.aq_row {
  display: table;
}

.col-xs-auto, .col-xs1-auto, .col-sm-auto, .col-md-auto, .col-lg-auto,
.col-xs-auto-right, .col-xs1-auto-right, .col-sm-auto-right, .col-md-auto-right, .col-lg-auto-right,
.col-middle {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-middle {
  display: table;
  padding:0!important;
}

.col-xs-auto {
  float: left;
}
.col-xs-auto-right {
  float: right;
}

@media (min-width: 480px) {
  .col-xs1-auto {
    float: left;
  }
  .col-xs1-auto-right {
    float: right;
  }
}

@media (min-width: 768px) {

  .col-sm-auto {
    float: left;
  }
  .col-sm-auto-right {
    float: right;
  }
 
  
}

@media (min-width: 992px) {

  .col-md-auto {
    float: left;
  }
  .col-md-auto-right {
    float: right;
  }
  

  
 }

@media (min-width: 1200px) {
  .col-lg-auto {
    float: left;
  }
  .col-lg-auto-right {
    float: right;
  }
}


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

ul.portfolio-category li {
  margin: 10px 15px!important;
}

	.col-middle, .blog-wrapper {display: table-header-group; float:none!important}
	.col-xs-auto, #leftbar {display: table-footer-group; float:none!important}
	.col-xs-auto-right, #riga {display: table-row-group; float:none!important}
	
	#wrappa .entrance {
    -webkit-transition-duration: .2s!important;
    -o-transition-duration: .2s!important;
    -moz-transition-duration: .2s!important;
    transition-duration: .2s!important;
	}
   
   #wrappa .entrance.loaded {
	   animation: 0.15s ease 0s normal forwards 1 running moveUp!important;
	   -webkit-animation: 0.15s ease 0s normal forwards 1 running moveUp!important;
}
   
}


@media screen and (max-width: 991px) {
	.col-middle{display: table-header-group; float:none!important}
	.col-xs-auto-right {display: table-row-group; float:none!important}
     #wrappa #recipes #block1 {  width: 100%!important;}
	 #plashka {padding: 50px 0;}
	 #mainsite.splashmode #logo2 {display:none!important;}
 
}

#right, #leftbar {
/*max-width:270px;*/
margin-bottom:40px
}

.col-middle .blog-wrapper .col-md-12 {
margin: 0 !important;
padding: 0 !important;
}


/*  Stretch  hack */


.stretch:before {
  color: #fff;
  display: inline-block;
  font-size: 10px;
  line-height: 0;
  overflow: auto;
  text-overflow: ellipsis;
  white-space: normal;
  width: 100%;
  content:". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
}


/*  CLIENTS */

.clients-wrapper.ext .clients .item > img {
	width: 35%;
}
.clients-wrapper.ext .clients .item > p {
  width: 65%;
}
.clients-wrapper.ext .clients .item p {
  display: inline-block;
  font-size: 35px;
  line-height: 45px;
  margin-top: 50px;
  padding: 30px 50px 30px 80px;
  position: relative;
  text-align: left;
}

.clients-wrapper.ext .clients .item p {
    animation-delay: 600ms;
    animation-duration: 900ms;
	-webkit-animation-delay: 600ms;
    -webkit-animation-duration: 900ms;
}
.clients-wrapper.ext .clients .item p > span:before {
  content: " ";
  display: block;
  height: 1px;
  margin: 15px auto;
  width: 40px;
}
.clients-wrapper.ext .clients .item p > span {
  clear: both;
  display: block;
  font-size: 18px;
  margin: 30px auto 0;
  text-align: center;
}

.clients-wrapper.ext .clients .item p::before {
  content: url("images/quote_right.svg");
  display: block;
  height: 50px;
  left: 10px;
  position: absolute;
  top: 20px;
  width: 50px;
  z-index: 999;
}

.clients-wrapper.ext .clients {
  margin: 0 auto;
  max-width: 910px;
  text-align: center;
  width: 80%;
}

.quote {
  display: table;
 
  
  position:relative;
}

.quote p {
position:relative;
padding: 20px 5% 0 5%;
text-align: center; 
font-size: 30px;
}

.quote:before {
    content: "";
    font-family: "cp_plus_flaticon";
	font-size:30px;
	position:absolute;
	left:0px;
	top:-5px;
	opacity:.7
}

.quote:after {
    content: "";
    font-family: "cp_plus_flaticon";
	font-size:30px;
	position:absolute;
	right:0px;
	bottom:-5px;
	opacity:.7;
	-ms-transform:rotate(180deg); /* IE 9 */
  -moz-transform:rotate(180deg); /* Firefox */
  -webkit-transform:rotate(180deg); /* Safari and Chrome */
  -o-transform:rotate(180deg); /* Opera */
	
}


span.client-name {
  display: inline;
  font-size: 25px;
  padding-left: 20px;
  position: relative;
  text-align: left;
}


.clients .owl-controls .owl-page span {
  background: none repeat scroll 0 0 #fff;
}

.slider-wrapper.plus.nopagin .owl-pagination {
display:none!important;
}

/*-----------------------------------------------------------------------------------*/
/*  $WOOCOMMERCE
/*-----------------------------------------------------------------------------------*/




#background {
  background-position: 0px 0px;
  width:100%;
}



/*-----------------------------------------------------------------------------------*/
/*  $TILES HEADER
/*-----------------------------------------------------------------------------------*/


ul.template-selector {
  list-style: none; }

  ul.template-selector li {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #252525), color-stop(100%, #0a0a0a));
    background-image: -webkit-linear-gradient(#252525, #0a0a0a);
    background-image: -moz-linear-gradient(#252525, #0a0a0a);
    background-image: -o-linear-gradient(#252525, #0a0a0a);
    background-image: linear-gradient(#252525, #0a0a0a);
    border: 1px solid #ffffff;
    display: inline;
    border-radius: 10px;
    color: white;
    cursor: pointer;
    text-align: center;
    padding: 6px 9px; }

    ul.template-selector li:hover {
      border: 1px solid #999999; }

.wp-tile-container {
  width: auto;
  height: auto;
  background: none;
  overflow: visible; }

  .wp-tile-container .grid {
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

    .wp-tile-container .grid > div {
      -webkit-box-shadow: 6px 6px 10px;
      -moz-box-shadow: 6px 6px 10px;
      box-shadow: 6px 6px 10px;
      position: absolute;
      font-size: 13px;
      background-color: transparent;
      padding: 0;
      overflow: hidden;
      cursor: pointer; }

      .wp-tile-container .grid > div:hover {
        outline: 1px solid #ccc; }

    .wp-tile-container .grid .tile-bg {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      width: 100%;
      height: 100%;
      background-color: #282828; }

    .wp-tile-container .grid .tile-color {
      position: absolute;
      width: 100%;
      height: 100%; }

    .wp-tile-container .grid .tile-byline {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 60px;
      padding: 5px; }

    .wp-tile-container .grid .title {
      font-size: 16px;
      font-weight: 600;
      line-height: 1.2em;
      height: 2.2em;
      color: white;
      overflow: hidden;
      padding: 5px;
      padding-top: 2px; }

    .wp-tile-container .grid .extra {
      padding: 5px;
      font-size: 10px;
      font-weight: 600;
      color: #EEE;
      position: absolute;
      bottom: 2px;
      white-space: nowrap;
      width: 90%;
      height: 1.2em;
      overflow: hidden;
      text-overflow: ellipsis; }

    .wp-tile-container .grid .tile-text-only {
      background-color: transparent;
      width: 100%;
      height: 100%;
      opacity: 1; }

      .wp-tile-container .grid .tile-text-only .title {
        font-size: 24px;
        line-height: 1.15em;
        padding-top: 15px;
        color: #282828;
        width: 85%;
        height: 6.4em; }
  
      .wp-tile-container .grid .tile-text-only .extra {
        color: #303030;
        font-style: normal;
        font-size: 14px;
        font-weight: 600; }
		
	.wp-tile-container .grid > div {
	box-shadow: none!important;
	}

	.wp-tile-container .grid > div:hover > div {
	opacity: 0.95;
    transform: scale(1.05, 1.05);
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	}

.wp-tile-container .grid > div .tile-byline {
opacity:0;
}

.wp-tile-container .grid > div:hover .tile-byline {
opacity:1;
 transition: all 0.7s ease 0s;
 transform: scale(0.96, 0.96);
}

.wp-tile-container .grid > div:hover, .wp-tile-container .grid > div:hover .tile-byline {
outline: none!important;
}

.tiles .wp-tile-container .grid .title {
  font-size: 21px;
  font-weight: normal;
  height: 2.2em;
  line-height: 35px;
  padding: 7px 5px 5px;
}

.wp-tile-container .grid .extra {
display:none;
}

.tiles {
 margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    max-width: 1400px;
}


.size11 {
	height: 240px;
	width: 240px;
}

.size22 {
	height: 320px;
	width: 320px;
}

.size33 {
	height: 400px;
	width: 400px;
}

.nz-thumbnail > img {
visibility:hidden;
}

@media screen and (max-width: 568px) {
.heading-title-wrapper {
  padding: 0 !important;
  text-align: center;
} 

 .et-blog-post  .image-blog-wrapper:hover .afterimg_desc {
  display: block;
  height: auto;
  left: 0;
  padding: 0;
  text-align: center;
  top: 0;
  position:relative;
  transform: translateY(0%) !important;
  -webkit-transform: translateY(0%) !important;
  transition: transform 0.35s ease 0s;
  z-index: 1;
}

.et-blog-post .image-blog-wrapper:hover .zt img {
	transform: translateY(0%)!important;
	-webkit-transform: translateY(0%)!important;    
}

.blog-wrapper .image-blog-wrapper:hover .zt img {
  opacity: 0.7;
  transform: translateY(0%);
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

 
.image-blog-wrapper .afterimg_desc {
bottom: 0;
display: block;
position: relative !important;
transform: translateY(0%);
} 

.image-blog-wrapper .afterimg {
  margin-top: 40px !important;
  overflow: inherit;
  position: relative !important;
}

.image-blog-wrapper .afterimg figcaption {
    border-top: 2px solid #efba84;
	transform: translate3d(0px, 0px, 0px);
}

.image-blog-wrapper {
    border: medium none !important;
    overflow: inherit;
	}

h1.title-blog {
  font-size: 60px;
  margin-top: 0;
  padding-bottom: 0;
  text-align: center;
  padding-top: 50px !important;
}

.image-blog-wrapper .afterimg p.icon-links a {
  transform: translate3d(0px, 0px, 0px);
}

.image-blog-wrapper .afterimg figcaption > a {
  display: block;
  float: none!important;
  width:100%;
}

.image-blog-wrapper .afterimg_desc p {
font-family: inherit;
    font-size: 19px !important;
    line-height: normal;
    margin: 0;
    padding: 20px 0;
    text-align: left;
}

.image-blog-wrapper.attach .afterimg_desc {
  box-sizing: border-box;
  display: block;
  height: auto;
  left: 0;
  padding: 0;
  text-align: center;
  top: 0%;
  transform: translateY(0%) !important;
  transition: transform 0.35s ease 0s;
  width: 100%;
  z-index: 1;
}


.image-blog-wrapper .afterimg figcaption > .icon-links {
  display: block;
  float: none !important;
  font-size: 14px !important;
  overflow: inherit;
  position: absolute;
  text-align: left;
  top: -65px;
  width: 100%;
  z-index: 9;
}

}

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

.single #posts_container.padda  {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.single #posts_container.padda  .col-md-12 {
padding-left:2px;
padding-right:2px
}

.col-xs-auto-right.col-md-3 > #right {
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
  width: 270px !important;
}

}	

#portfolio_content ul li, .post-content ul li {
  color: #292826 !important;
  padding: 0 0 15px;
}


/*only for webkit  browsers*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .footer-img{ 
        background-attachment: scroll!important;
		-webkit-transform: translate3d(0,0,0);
    }
}


/* some fixes */

#logo .navbar-brand span:last-child, #logo2.navbar-brand span:last-child {
  font-size: 17px!important;
}

#logo .navbar-brand span.htitle, #logo2.navbar-brand span.htitle {
  font-size: 55px!important;
}

#logo .navbar-brand:before, #logo2.navbar-brand:before {
   font-size: 15px!important;
}


#logo .navbar-brand:after, #logo2.navbar-brand:after {
  font-size: 15px!important;
}

#logo-left span, #logo-left2 span {
font-size: 24px!important;
}


#portfolio_content ul li, .post-content ul li {
  color: #292826!important;
}

#portfolio_content ul , .post-content ul {
    list-style: none;
    padding:0;
    margin:0;
}

#portfolio_content ul li, .post-content ul li { 
    padding-left: 1em; 
    text-indent: -.7em;
}

#portfolio_content ul li:before, .post-content ul li:before {
    content: "• ";
    color: #ea4d9c; /* or whatever color you prefer */
     font-size: 25px;
    line-height: 23px;
}

/* responsive fix */

.image-blog-wrapper img {
  width: 100%;
}

.lftt .image-blog-wrapper .portrait img {
  visibility: hidden;
}

.et-blog-post .cat {
  white-space: inherit !important;
}

.list.rounded .level0.parent .VmArrowdown {
bottom: 27px !important; right: 5px !important; top: inherit; }

.list.rounded .level0.parent .VmArrowdown .di.di-plus79 {
background: none!important; color: #000 !important; }


/* extended version  */

.fa-ratings {
float:none;
display:table;
margin: 0px auto 5px;
  display: table;
  float: none;
  left: 90px;
  margin: 0 auto 5px;
  position: absolute;
  top: 5px;
}

.fa-ratings i {
color:#d6d5d5;
opacity:.8;
font-size: 16px;
}

.fa-ratings i.active {
color:#fff;
opacity:1
}

/*  categories block  */

.icategories .catbu {
  display: inline-block;
  float: none;
  margin: 40px -2px 10px;
  position: relative;
  vertical-align: top;
}

.padw {
  margin: 0 5px;
}

.icategories .cor {
  padding-bottom: 10px;
  text-align: center;
  width: 100%;
}
.icategories .cor > i {
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 70px;
  height: 95px;
  line-height: 80px;
  margin: 0 auto;
  padding: 10px;
  position: relative;
  text-align: center;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  width: 95px;
}

.icategories .cor > i.cf {
line-height:5px
}


.icategories .cor i span {
  border: 2px solid #fff;
  color:#fff;
  bottom: 5px;
  display: block;
  font-size: 19px;
  height: 30px;
  line-height: 15px;
  min-width: 30px;
  padding: 5px;
  position: absolute;
  right: -15px;
  text-align: center;
  width: auto;
  transition: all 0.2s linear 0s;
}

.icategories .cor > a {
  display: inline-block !important;
  font-size: 26px;
}
.icategories .cor i, .icategories .cor a, .icategories .cor span {
  clear: both;
  display: block;
}
span.ca {
  cursor: pointer;
  display: inline-block !important;
  height: 18px;
  text-align: center;
  width: 18px;
}
.icategories .cor > .ca .caret {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 7px solid !important;
  display: inline-block;
}
.icategories .padw > ul {
  display: inline-block;
  height: 0;
  list-style: outside none none;
  margin: 5px auto 0;
  overflow: hidden;
  padding: 0;
  text-align: left;
  transition: all 0.2s linear 0s;
}
.icategories .padw > ul li {
  list-style: outside none none;
  margin: 0;
  padding: 0 0 5px;
}
.icategories .padw > ul li a {
  font-size: 18px;
}

.swir_a:before {
  height: 16px;
  width: 97px;
  z-index: 999;
}

.icategories.t_builder .paragraph-margin h2 {
	font-size: 60px;
    line-height: normal;
    margin-bottom: 25px;
    margin-top: 0;
}
.icategories.t_builder .paragraph-margin {
	text-align:center;
}


 /* WAVES */
 
footer#contact:before, .blog-header-wrapper .blog-header-img:before, #authors:before,
.template-wrap .parallax:before, .slider-wrapper.plus:after, #mainsite #header .navbar-default:after,
#mainsite #header.stuck-sticky:after, #mainsite #header.stuck-sticky .navbar-default:after,
#woo-wrapper #mainsite #header:after, #woo-wrapper #mainsite  .navbar-default:after, #wrappa #recipes #block1:before {
  background-color: transparent;
  border-radius: 0 !important;
 -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  content:''; 
  display: block;
  float: left; 
  top: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 30px !important;
	  }
  
#header_slider .item.slider-info:before, .blog-header-wrapper .blog-header-img:after, 
.template-wrap .parallax:after, #header_slider:after, #wrappa #recipes #block1:after  {
  background-color: transparent;
  border-radius: 0 !important;
 -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  height: 30px !important;
  content:''; 
  display: block;
  float: left; 
  bottom: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  width: 100%;
	  }
 
 
/* edge's styles */	


#authors:before, .template-wrap .parallax:before {
  z-index: 110!important;
}
.slider-wrapper.plus:after {
  z-index: 2!important;
}
#mainsite #header .navbar-default:after {
  top: 85px!important;
}
	

.template-wrap .parallax:after {
  z-index: 110!important;
}	


#wrappa #recipes {
    position: relative;
}
#wrappa #recipes #block2 {
    position: absolute;
    right: 0;
    top: 0!important;
    margin-top: 0px;
    width: 30%;
    z-index: 5;
}

#wrappa .c_right #recipes #block2 {
    left: 0;
	right:inherit;
}

#wrappa .c_right #recipes #block1 {
    margin-right: 0;
	margin-left: 30%;
	}
	
#wrappa .c_right #recipes #block3 {
    margin-right: 0;
	margin-left: 30%;
}	

#wrappa #recipes #block2>div {
    transition-delay: .25s;
    -webkit-transition-delay: .25s;
}

#wrappa #recipes #block2 img {
width:100%;
display:block;
height: auto;
}


#wrappa #recipes #block1 {
    overflow: hidden;
    position: relative;
    margin-right: 30%;
	width:70%;
	margin-bottom: 20px;
	}

#wrappa #recipes #block1.norightsidebar {
    margin-right: 0%!important;
	width:100%!important;
	}
	
#wrappa #recipes #block1>div {
    min-height: 200px;
	margin-bottom:5px;
	z-index: -1;
}
#wrappa #recipes #block1>div>img {
    width: 100%}
#wrappa #recipes #block1>div>div {
    color: #fff;
    text-align: center;
    width: 100%}
#wrappa #recipes #block1>div>div h2 {
    text-transform: uppercase;
    padding-bottom: 15px;
	margin-top:0px;
}
#wrappa #recipes #block1>div>div p {
    font-size: 24px;
    line-height: 35px;
    margin: 0 auto;
    width: 80%;
}

#wrappa #recipes #block3 {
    overflow: hidden;
    position: relative;
    margin-right: 30%;
	padding: 0;}
	
#wrappa #recipes.nosidebar #block3 {
    overflow: hidden;
    position: relative;
    margin-right: 0%;
	padding: 0;}

	#wrappa #recipes.nosidebar #block1 {
	 margin-right: 0%;
	}
	
	#wrappa #recipes.nosidebar #block1 #plashka {
	border-radius:0px;
	}
	
	
#wrappa #recipes #block3 > li {
  float: left;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 50%;
}

.rowtiles {
display:block;
overflow:hidden;
width:100%;
}
		
#wrappa #recipes.nosidebar #block3 > li {
  float: left;
  margin: 0 1%;
  overflow: hidden;
  position: relative;
  width: 48%;
}



#wrappa #recipes #block3>li>div>img {
    position: relative;
    width: 100%}
#wrappa #recipes #block3>li>div>div {
    position: relative;
    padding: 15px 30px 85px;
    background: #fff;
}
#wrappa #recipes #block3>li>div>div h3 {

    letter-spacing: .05em;
    font-size: 38px;
    text-transform: uppercase;
    line-height: 43px;
	margin-bottom:2px;
}
#wrappa #recipes #block3>li>div>div h4 {

    letter-spacing: .15em;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 25px;
    padding: 10px 0 35px;
}
#wrappa #recipes #block3>li>div>div p {
    font-size: 16px;
    line-height: 25px;
}


#plashka {
  
  height: 100%;  
  width: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-flex-align: center;
  
   -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-flex-pack: center;
  
  display: flex;
  justify-content: center;
  align-items: center;
}

#plashka div {
  display: block;
  box-flex: 1; /* 0 */
  flex-grow: 1;
  
	}

.im .maska {
  height: 100%;  
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: opacity 0.5s ease 0s;
  width: 100%;
  z-index: 1;

  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-flex-align: center;
  
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-flex-pack: center;
  
  display: flex;
  justify-content: center;
  align-items: center;
  
  }
 

.im .maska a {
  color: #fff;
  display: block;
  font-family: inherit !important;
  font-size: 22px;
  line-height: normal;
  opacity: 0.85;
  text-align: center;
  box-flex: 1; /* 0 */
  flex-grow: 1;
}

.im .maska a span.butta {
  border: 2px solid #fff;
  border-radius: 0;
  clear: both;
  display: table;
  font-size: 16px;
  margin: 0 auto;
  padding: 7px 15px;
}

.im .maska a span.butta:hover {
background-color: #fff;
border-color:#fff;
}


span.im {
  display: block;
  height: auto;
  width: 100%;
  position: relative;
} 

.entrance .stick {
  position: relative;
  width:100%;
  height:auto;
  display:block;
}
.im:hover .maska, .im.opacit .maska {
  opacity: 1;
}
.entrance .stick:before {
  bottom: -15px;
  content: url("images/star15.svg");
  font-size: 35px;
  height: 35px;
  line-height: 35px;
  opacity: 1;
  position: absolute;
  right: 14px;
  text-align: center;
  width: 35px;
  z-index: 9;
}

.entrance .stick .im:after {
  bottom: -15px;
  color: #fff;
  font-size: 35px;
  height: 35px;
  line-height: 35px;
  opacity: 1;
  position: absolute;
  right: 16px;
  text-align: center;
  width: 35px;
  z-index: 9;
}

#wrappa #recipes #block3>li>div>div .arrow {
    position: absolute;
    top: -17px;
    left: 50%;
    margin-left: -12px;
    background: url(images/team_arrow.png) no-repeat 0 0;
    width: 25px;
    height: 17px;
	z-index: 1;
}

#wrappa .rowtiles #recipes #block3 > li > div > span .arrow, .t_builder  #recipes #block3 > li > div > span .arrow {
  background-image: none !important;
  border-radius: 1px;
  display: block;
  height: 50px;
  right: 0;
  margin-left: 40px;
  text-align: center;
  top: 0px;
  width: 50px;
  position: absolute;
}

#wrappa .rowtiles #recipes #block3 > li > div > div h3 {
margin:5px 0 15px;
}

#wrappa .rowtiles #recipes #block3 > li > div > span .arrow i, .t_builder   #recipes #block3 > li > div > span .arrow i {
  color: #fff;
  display: block;
  font-size: 29px;
  margin-top: 11px;
}



#wrappa .rowtiles #recipes #block3 > li > div > div .arrow i.di-default {
font-size: 27px;
    margin-top: 9px;
}

#wrappa #recipes #block3>li:nth-child(odd)>div>div .arrow {
    background-image: url(images/team_arrow-dark.png);
}



#wrappa .entrance {
    -webkit-transition-duration: .75s;
    -webkit-transition-property: transform;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: 'ease-in-out';
    transition-duration: .75s;
    transition-property: transform;
    transition-delay: 0s;
    transition-timing-function: 'ease-in-out';
    position: relative;
    width: 100%;
    height: 100%}
#wrappa .entrance.left {
    transform: translatex(-100%);
    -webkit-transform: translatex(-100%);
}
#wrappa .entrance.left>.inverted {
    -webkit-transition-duration: .75s;
    -webkit-transition-property: transform;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: 'ease-in-out';
    transition-duration: .75s;
    transition-property: transform;
    transition-delay: 0s;
    transition-timing-function: 'ease-in-out';
    transform: translatex(100%);
    -webkit-transform: translatex(100%);
}
#wrappa .entrance.right {
    transform: translatex(100%);
    -webkit-transform: translatex(100%);
}
#wrappa .entrance.right>.inverted {
    -webkit-transition-duration: .75s;
    -webkit-transition-property: transform;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: 'ease-in-out';
    transition-duration: .75s;
    transition-property: transform;
    transition-delay: 0s;
    transition-timing-function: 'ease-in-out';
    transform: translatex(-100%);
    -webkit-transform: translatex(-100%);
}
#wrappa .entrance.bottom {
    transform: translatey(100%);
    -webkit-transform: translatey(100%);
}
#wrappa .entrance.top {
    transform: translatey(-100%);
    -webkit-transform: translatey(-100%);
}
#wrappa .entrance.loaded {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#wrappa .entrance.loaded>.inverted {
    transform: translate(0, 0)!important;
    -webkit-transform: translate(0, 0)!important;
}	


@media (max-width: 960px) {

#wrappa #recipes #block1 {
  margin-right: 0%;
}

#wrappa #recipes #block3 .column.fixed {
  top: 0px!important;
}

#wrappa #recipes #block3 > li {
  width: 100%!important;
}

#wrappa #recipes #block2 {
    position: relative;
    top: 0!important;
    margin-top: 0;
    width: 100%}
#wrappa #recipes #block1 {
    margin-left: 0!important;
    padding-top: 0!important;
}

#wrappa #recipes #block1>div>img {
    display: none;
}


#wrappa #recipes #block3 {
    margin:55px 5px!important;
}

#wrappa .entrance.left {
  padding-left: 0px;
}

#wrappa #recipes #block3>li {
    float: left;
    width: 50%}
#wrappa #recipes #block3>li:nth-child(odd)>div>div {
    background: #fff!important;
}
#wrappa #recipes #block3>li:nth-child(odd)>div>div .arrow {
    background-image: url(images/team_arrow.png)!important;
}

#wrapper #pageslide #block1 {
    margin-right: 0;
    padding-top: 0;
}
#wrapper #pageslide #block1>div {
    min-height: 1px;
}
#wrapper #pageslide #block1>div>img {
    display: none;
}
#wrapper #pageslide #block1>div>div {
    position: relative;
    left: 0;
    top: 0;
    padding: 45px 20px;
}
#wrapper #pageslide #block2 {
    margin-right: 0;
}
#wrapper #pageslide #block3 {
    float: none;
    position: relative;
    top: 0!important;
    width: 100%}
#wrapper #about #about_block {
    margin-top: 410px;
}
#wrapper #about #about_block>div ul>li {
    margin-left: 6%;
    width: 41%}
#wrapper #clientss #block>div>div p {
    font-size: 16px;
    line-height: 26px;
}
#wrapper #clientss #block>div>div p.note {
    line-height: 18px;
    padding-top: 45px;
}

}



#wrappa #pageslide {
    position: relative;
}
#wrappa #pageslide #block1 {
    overflow: hidden;
    position: relative;
    margin-right: 50%;
    padding-top: 100px;
}
#wrappa #pageslide #block1>div {
    background: #6ed3cf;
    min-height: 372px;
}
#wrappa #pageslide #block1>div>img {
    position: relative;
    width: 100%}
#wrappa #pageslide #block1>div>div {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 120px;
    color: #fff;
    width: 100%}
#wrappa #pageslide #block1>div>div h2 {
    font-family: 'BrandonGrotesque-Black', sans-serif;
    letter-spacing: .15em;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 50px;
    padding: 0 75px;
    white-space: nowrap;
}
#wrappa #pageslide #block2 {
    overflow: hidden;
    position: relative;
    margin-right: 50%}
#wrappa #pageslide #block2 #slider-container-slide {
    position: relative;
    padding-bottom: 80px;
}
#wrappa #pageslide #block2 #slider-container-slide .slider-controls, #wrappa #pageslide #block2 #slider-container-slide .slider-arrows .count {
    display: none;
}
#wrappa #pageslide #block2 #slider-container-slide .slider {
    position: relative;
}
#wrappa #pageslide #block2 #slider-container-slide .slider>img {
    position: relative;
    width: 100%}
#wrappa #pageslide #block2 #slider-container-slide .slider>ul {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%}
#wrappa #pageslide #block2 #slider-container-slide .slider>ul>li {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#wrappa #pageslide #block2 #slider-container-slide .slider>ul>li img {
    width: 101%}
#wrappa #pageslide #block2 #slider-container-slide .slider>ul>li:first-child {
    display: block;
}
#wrappa #pageslide #block2 #slider-container-slide .slider>ul>li.active {
    z-index: 2;
}
#wrappa #pageslide #block2 #slider-container-slide .slider-arrows {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 101%}
#wrappa #pageslide #block2 #slider-container-slide .slider-arrows>li {
    float: left;
    overflow: hidden;
    position: relative;
    width: 50%}
#wrappa #pageslide #block2 #slider-container-slide .slider-arrows>li>a {
    display: block;
    background: #9471cc;
}
#wrappa #pageslide #block2 #slider-container-slide .slider-arrows>li>a>span {
    display: block;
    text-indent: -5000px;
    background: url(images/home_block2-arrow.png) no-repeat center center;
    height: 80px;
}
#wrappa #pageslide #block2 #slider-container-slide .slider-arrows>li>a:hover>span {
    opacity: .3;
    filter: alpha(opacity=30);
}
#wrappa #pageslide #block2 #slider-container-slide .slider-arrows>li.next {
    margin-left: -.5%}
#wrappa #pageslide #block2 #slider-container-slide .slider-arrows>li.next>a {
    background: #8a65c5;
}
#wrappa #pageslide #block2 #slider-container-slide .slider-arrows>li.next>a>span {
    background-image: url(images/home_block2-arrow-next.png);
}
#wrappa #pageslide #block3 {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    width: 50%}
#wrappa #pageslide #block3>div>div {
    padding: 210px 75px 130px;
}
#wrappa #pageslide #block3>div>div h2 {
    font-family: 'BrandonGrotesque-Black', sans-serif;
    letter-spacing: .15em;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 50px;
    padding-bottom: 30px;
}
#wrappa #pageslide #block3>div>div p {
    font-size: 14px;
    line-height: 30px;
}
#wrappa #pageslide #block3>div>div p+p {
    padding-top: 20px;
}
#wrappa #about #about_block {
    overflow: hidden;
    position: relative;
    text-align: center;
    margin-top: 30px;
}
#wrappa #about #about_block>div {
    overflow: hidden;
    padding: 15px 0 10px;
    background: #fff;
    width: auto;
}
#wrappa #about #about_block>div>div {
    transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
}

#wrappa #about #about_block ul {
    overflow: hidden;
}
#wrappa #about #about_block ul>li {
    float: left;
    margin-left: 5%;
    width: 18.5%}
#wrappa #about #about_block ul>li .animation {
    margin: 0 auto;
    width: 175px;
    height: 175px;
}
#wrappa #about #about_block ul>li h3 {
    color: #8a65c5;
    font-size: 24px;
}
#wrappa #about #about_block ul>li p {
    font-size: 14px;
    line-height: 24px;
    padding: 25px 0 55px;
}
#wrappa #about #about_block ul>li a {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 40px;
    padding: 0 20px;
    background: #6ed3cf;
}
#wrappa #about #about_block ul>li a:hover {
    color: #6ed3cf;
    background: #fff;
}
#wrappa #clientss #block {
    overflow: hidden;
    position: relative;
}
#wrappa #clientss #block>div {
    overflow: hidden;
    padding: 95px 0 130px;
    width: auto;
}
#wrappa #clientss #block>div>div {
    color: #fff;
    text-align: center;
    margin: 0 auto;
    width: 80%;
    max-width: 910px;
}


#wrappa #clientss #block>div>div p.note {
    font-size: 14px;
    line-height: 24px;
    padding-top: 70px;
}


/* fade in effect instead entrance */


#wrappa .entrance {
    position: relative;
    width: 100%;
    height: 100%;
	opacity:0;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

#wrappa .entrance.loaded {
-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
	
#wrappa .entrance.left {
-webkit-transform: translateY(0px);
	transform: translateY(0px);
padding-left: 18px;
}

#wrappa .entrance.right {
-webkit-transform: translateY(0px);
	transform: translateY(0px);
} 


/* pagination parallaxed columns */

.pagg ul {
    margin: 20px 0 55px;
    padding: 0;
}
.pagg li {
    display: inline-block;
    height: 40px;
    list-style: outside none none;
    margin: 5px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 40px;
}
.pagg li.active a, .pagg li a:hover {
    color: #fff;
}
.navigation.t_builder li span.page-numbers.dots {
    background: #fff none repeat scroll 0 0;
    border: medium none;
}
.pagg li a, .navigation.t_builder li span {
    background: #fff none repeat scroll 0 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    display: block;
    font-size: 20px;
    height: 40px;
    line-height: 30px;
    opacity: 0.8;
    padding: 5px;
    text-align: center;
    width: 40px;
}
.pagg li.active a:hover {
    cursor: default;
}
.pagg li.active a, .pagg li a:hover {
	color: #fff;
}
.pagg {
  margin: 0 auto;
  max-width: 1160px;
  text-align: center;
}

#recipes #right {
  margin-bottom: 0px!important;
  padding-top:0px!important;
  margin-left: 25px;
}

#block3 .fa-ratings {
  margin: 10px 0 0;
  display: table;
  float: none;
  position:relative;
  left:inherit;
  top:inherit;
}
#block3 .cats {
  padding: 0 0 10px;
}


/* SPLASH */

#wrappa #homepage {
    position: relative;
	}
#wrappa #homepage #quote {
    position: relative;
}
#wrappa #homepage #quote>.bg {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    background: #e1e5ee;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#wrappa #homepage #quote>.bg img {
    position: relative;
}
#wrappa #homepage #quote>.content {
    -webkit-transition-duration: 1.5s;
    -webkit-transition-property: opacity;
    -webkit-transition-delay: .25s;
    -webkit-transition-timing-function: 'ease-in-out';
    transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-property: opacity;
    transition-delay: .25s;
    transition-timing-function: 'ease-in-out';
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    margin-top: -50px;
    width: 100%;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}
#wrappa #homepage #quote>.content .animation {
    position: relative;
    margin: 0 auto 60px;
    width: 100px;
    height: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
}
#wrappa #homepage #quote>.content h2 {
    color: #fff;
    font-size: 115px;
    line-height: 150px;
}
#wrappa #homepage #quote>.btn-scroll-down {
    -webkit-transition-duration: .45s;
    -webkit-transition-property: background-position;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: 'ease-in-out';
    transition-duration: .45s;
    -o-transition-duration: .45s;
    -moz-transition-duration: .45s;
	transition-property: background-position;
    transition-delay: 0s;
    transition-timing-function: 'ease-in-out';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -10px;
    width: 100px;
    height: 100px;
    z-index: 10;
}
#wrappa #homepage #quote>.btn-scroll-down:hover {
    background-position: center 20px;
}
#wrappa #homepage #quote.loaded>.content, #wrappa #homepage #quote.loaded>.content .animation {
    opacity: 1;
    filter: alpha(opacity=100);
}


#wrappa section.slida {
  margin: 0 auto;
  max-width: 1518px;
  padding: 0;
  position: relative;
  z-index: 0;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:block;
}


.scrolldo i {
  animation: 1s linear 0s normal none infinite running iconFloat;
  color: rgba(255,255,255,.8);
  display: block;
  font-size: 45px;
  margin: 0 auto;
  opacity: 0.7;
  padding: 0;
  position: relative;
}

.cp-comment {
	margin: 20px 0;
}

.slider {
  color: #fff;
  font-size: 58px;
  height: auto;
  line-height: normal;
  margin: 0 auto;
  max-width: 80%;
  position: relative;
  text-align: center;
  width: 100%;
}

.slide1,.slide2,.slide3,.slide4,.slide5 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1.run {
  
animation:fade 10s normal;
-webkit-animation:fade 10s normal;
} 
.slide2.run {
animation:fade2 10s normal;
-webkit-animation:fade2 10s normal;
}
.slide2.pcoon {
  line-height: normal;
  margin: -25px 0;
  padding: 0;
}

@keyframes fade
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  75% { opacity: 0}
  100% { opacity: 0}
}

@-webkit-keyframes fade
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  75% { opacity: 0}
  100% { opacity: 0}
}


@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  75% { opacity: 1 }
  100% { opacity: 0}
}

@-webkit-keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  75% { opacity: 1 }
  100% { opacity: 0}
}



.slide1 .container {
width:100%!important;
}

.slide1 .logotop {
padding-top:0px!important;
padding-bottom:0px!important;
margin-top:0px!important;
margin-bottom:0px!important;
}


#loadbar {
  bottom: -13px;
  height: 10px;
  left: 0;
  list-style: outside none none;
  margin-left: 0;
  overflow: hidden;
  padding-left: 0;
  position: absolute;
  width: 100%;
  z-index: 9999;
}

#loadbar li { 
	margin-bottom:70px; 
	background:#000; 
	height:5px; 
	border-radius:3px; 
	border-left:1px solid #111; 
	border-top:1px solid #111; 
	border-right:1px solid #333; 
	border-bottom:1px solid #333;  
}


.expand { 
	height:3px; 
	margin:2px 0; 
	position:absolute;
}


.linel.run {width:100%; -moz-animation:linel 7s ease-out; -webkit-animation:linel 7s ease-out; }

@-moz-keyframes linel { 0%  { width:0px;} 100%{ width:100%;} }
@-webkit-keyframes linel { 0%  { width:0px;} 100%{ width:100%;} }

.nicescroll-rails > div {
  width: 8px !important;
  z-index: 999999;
}



/* 31.03.2017 */
#mainsite .row-offcanvas-right.active {
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); 
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
@media screen and (max-width: 767px) {
  .menu-layout {
    box-shadow: 3px 6px 7px 8px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 3px 6px 7px 8px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 3px 6px 7px 8px rgba(0, 0, 0, 0.08);
    float: left;
    padding: 0;
    width: 220px;
    z-index: 1000;
    -webkit-transition: all 0.25s ease-in !important;
    -moz-transition: all 0.25s ease-in !important;
    -o-transition: all 0.25s ease-in !important;
    transition: all 0.25s ease-in !important;
    background: #1D1D20;
    color: #eee;
    margin-left: -252px;
    height: 100%;
  }
  .menu-layout > ul {
    overflow-y: auto;
    overflow-x: hidden;
  }
  .menu-opened > .menu-layout{
    margin-left: 0;
  }
  .fixed-top-menu {
    display: block;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99999;
    height: 100%;
  }
  .fixed-top-menu .navbar-toggle {
    background: #ffffff;
    border-radius: 0;
    margin: 0;
    padding: 14px 18px;
    border-radius: 0px 0px 7px 0px;
    -moz-border-radius: 0px 0px 7px 0px;
    -webkit-border-radius: 0px 0px 7px 0px;
    border: 0px solid #fff;
   }
  .fixed-top-menu .navbar-toggle .icon-bar {
    background: #5e5e5e !important;
    border-radius: 2px;
  }
  .fixed-top-menu li a {
    display: block;
    color: #eee;
    border-bottom: 1px solid #111;
    border-top: 1px solid #313131;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    font-size: 16px!important;
    padding: 15px 25px !important;
    line-height: 1.6em !important;
  }
  .fixed-top-menu li a:hover, .fixed-top-menu li a:focus {
    background-color: rgba(255, 255, 255, 0.1)!important;
    text-decoration: none;
  }
  .fixed-top-menu li ul {
    padding: 0;
    background: #25252a !important;
  }
  .fixed-top-menu li ul{
    margin-left: 10px;
  }
  .navbar-toggle {
    border-radius: 0;
    margin: 0;
    padding: 16px 20px;
  }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
  }

  .navbar-nav {
    margin: 0px;
  }

  #mainsite .row-offcanvas-right.active {
    left: 0 !important;
  }
  .navbar-toggle .icon-bar {
    width: 34px;
    height: 6px;
  }
}
@media screen and (max-width: 991px) {
  body.home #header ul.navbar-nav {
    padding-left: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .fixed-top-menu {
    display: none;
  }
}

/* CATEGORY FIX */

@media screen and (max-width: 568px) {
  .blog-wrapper .et-blog-post.lftt .afterimg_desc .icon-links > a {
    text-align: center;
  }

}

@media screen and (max-width: 480px) {
  .topt > .vert {
    top: 0; 
    -webkit-transform: translateY(0%); 
    -ms-transform: translateY(0%);
    transform: translateY(0%); 
  }
  .blog-wrapper .et-blog-post.topt p.description.headings {
    font-size: 20px !important;
  }
  .et-blog-post.topt {
    min-height: 300px;
  }
  #mainsite .row-offcanvas .row {
    margin-left: 5px;
    margin-right: 5px;
  }
}

/* BODY FIX */
html, body {
  overflow-x: hidden;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	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. */
}

@media screen and (min-width: 768px) {
  .sticky-wrapper {
    min-height: 170px;
  }
}