/*
Theme Name: Eclipse-Blog
Theme URI: http://gbthemes.net/eclipse/
Description: Eclipse v1.0 : Responsive Wordpress Theme
Author: gbthemes
Author URI: http://gbthemes.net/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, fluid-layout, responsive-layout, post-formats, theme-options, translation-ready
*/



/* =============================================================== */
/* Import Section
================================================================ */
/*@import url("http://fonts.googleapis.com/css?family=Raleway:400,200,300,600,700");*/

/*@import url("http://fonts.googleapis.com/css?family=Bilbo");*/
@import url("http://fonts.googleapis.com/css?family=Buda:300");


@import url("css/base.css");	
		


/* =============================================================== */
/* Miscellaneous Site Styles
================================================================ */

html,
body {
  height: 100%;
        /* The html and body elements cannot have any padding or margin. */
	
}

.content_back {
  /*background:#f7f7f7;*/ /*fcfcfc*/
  padding-top:0px;
  padding-bottom:0px;
  
}


.wpb_content_element{
margin-bottom:0px!important;
}

.vc_column_container>.vc_column-inner{
    padding-top: 0px!important;
}


input[type="submit"]{
	border: 0px solid #d8d8d8;
	padding: 12px;
	outline: none;
	
	color: #fff;
	margin: 0;
	max-width: 100%;
	margin-bottom: 20px;
	background: #F26367;
	font-weight: normal;
	border-radius:3px;
  behavior: url(css/PIE.htc);
  
  }
  
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  box-shadow: 0 0px 0px 0;
	outline: 0 none;
}

.wpcf7 input[type="text"], input[type="email"]{
	width:50%;
  
  }



/* =============================================================== */
/* Header
================================================================ */
header {
  width:100%;
  background:#ffffff;
}



.wrap-slide {
  width:100%; 
  position: relative;
}

.wrap-slide-page {
  width:100%; 
  padding-top:0px;
  padding-bottom:20px;
  margin-bottom:0px;
  text-align:center;
  margin-top:-20px;
  
}
.wrap-slide-page h1 {
  display: inline-block;
  font-size:200%;
  text-align:center;
  margin:0;
  padding:0;
}




/* =============================================================== */
/* Menu
================================================================ */
.site-menu {
  width:100%;
  z-index:3;
}
.menu100 {
  width:100%;
   border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;
}
#site-menu2 {
  max-width:1104px;
  position: relative;
  
  padding-top:0px; padding-bottom:0px;
  z-index: 9999;
  margin-left:auto; margin-right:auto;
  padding:0;
  
}
#site-menu2.floating {
  position: fixed;
  max-width:2000px;
  background:#ffffff;
  width:100%;
  top: 0;
  padding-top:0px; padding-bottom:0px;
  -webkit-box-shadow: 0px 2px 5px 2px rgba(11, 14, 21, 0.1);
   box-shadow: 0px 2px 5px 2px rgba(11, 14, 21, 0.1); 
   z-index:99999;
   -vendor-animation-iteration-count: 1;
}

.z-indexMenu {z-index:9999;}



/* Logo & Menu sections
==========================*/
.logo-header {
  margin: 25px auto 20px auto;
  text-align:center;
}
.logo-header img {
  margin-left:auto; margin-right:auto;
  display: inline-block;
}
.menu-header {
      margin: auto;
    position: relative;
    display: table;
}
.menu-share {
  float:right;
  width:25%;
  text-align:right;
  padding-top:12px;
}
.logo-site-text {margin-top:2px;}
.tagline {margin-top:-16px;font-size:90%;}
.menu-site-text {margin-top:10px; margin-bottom:10px;}

.margin-menu {padding-bottom:0px;}

/* Main Navigation
==========================*/
nav {float: left; margin:0;}
nav ul, nav li {list-style:none; padding:0; margin:0; display:inline;}
nav ul li{float:left; position:relative; }
nav ul li a { 
	display: inline-block;
	color:#888;
	padding: 10px 20px 10px 20px;
	margin: 0 0px;
	text-decoration: none;
  transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
	
	border-left: 1px solid #eeeeee;
}
nav ul li:last-child  {border-right: 1px solid #eeeeee;}

a{
    word-wrap: break-word!important;
}

nav ul ul {
	opacity: 0; 
	margin: 0px 0 0 0px;
  filter: alpha(opacity=0); 
	position: absolute;
	top:-9999px; 
	left: 0;
	background: #F26367;
	z-index: 9999;
  padding-top:10px; padding-bottom:10px;
  transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
z-index: 9999;
}


nav ul ul li a:hover {color:#fff;}

nav ul ul li a {
	padding: 5px 0;
	display: block;
	width: 190px;
	margin: 0 0px;
	border-bottom: 1px dotted #dddddd;
	color:#ffffff;
	padding-left:18px; padding-right:18px;
	text-transform:none;
	text-align:left;
	border-left: 0;
}
nav ul ul li:last-child  {border-right: 0;}
nav ul ul ul { 
	position:absolute; 
	top:-9999px; 
	left:100%; 
	opacity: 0;
	margin: -3px 0 0 0;
	z-index: 9999;
	
	background: #F26367;
}
nav ul ul ul li a { 
	border-top: 1px solid transparent;
	color:#ffffff;
	text-transform:none;
	text-align:left;
	padding: 5px 0;
	padding-left:18px; padding-right:18px;
	border-left: 0;
}
nav ul ul ul li :last-child  {border-right: 0;}

nav ul li:last-child a {}
nav ul ul li:last-child a {border-bottom: 0px solid transparent}
nav ul ul li:last-child a:hover {border-bottom: 0px solid #F26367; }
nav ul ul ul li:last-child a {border-bottom: 0px solid transparent !important}
nav ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0;}
nav ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background: #fff border: 0; }

nav ul ul li:hover > a {border-bottom: 1px solid transparent !important; background:#ffffff; transition: opacity 0.5s;
    -webkit-transition: opacity 1s; color:#888888;}
#currentnav1 {color: #eeeeee !important;}
.ie-dropdown-fix {position: relative; z-index: 5;}


nav ul li:hover > a {color: #F26367;}


header {
	font-family: 'Buda', sans-serif;
}


header, nav ul li a, nav ul ul li a, nav ul ul ul li a {
	font-size: 16px;
}



/* =============================================================== */
/* Custom page CSS
================================================================ */
.padding5 {padding-top:5px; padding-bottom:5px;}
.padding10 {padding-top:10px; padding-bottom:10px;}
.padding20 {padding-top:20px; padding-bottom:20px;}
.padding30 {padding-top:30px; padding-bottom:30px;}
.padding40 {padding-top:40px; padding-bottom:40px;}
.margin40 {margin-bottom:60px;}
.margin20 {margin-top:20px;}
.p-color {color:#F26367;}
.s-color {color:#514148;}
.tab-pane {margin-bottom:40px;}
#portfolio-wrapper {width:100%;}
.index-text {position:relative; z-index:5;}

.b-link-flow img {width:100%;}


/* =============================================================== */
/* Buttons
================================================================ */
.button {
	display: inline-block;
	cursor: pointer;
	margin: 0 0px 0px 0px;
  transition: all 300ms linear;
  padding: 7px 15px 7px 15px;  
  border-radius:3px;
  behavior: url(css/PIE.htc);
  font-size: 65%;
  line-height:100%;
  
}
.button:active {}

.button2 {
	display: inline-block;
	cursor: pointer;
	margin: 0 0px 0px 0px;
  transition: all 300ms linear;
  padding: 15px 25px 15px 25px;  
  font-size: 20px;
  font-weight: bold;
  border-radius:3px;
  behavior: url(css/PIE.htc);
  
}
.button2:active {}

.button.light {color:#ffffff; background:#F26367;}
.button.light:hover {
  text-decoration:none; 
  transition: all 300ms linear;
  background:#ffffff;
  color:#000000;
}

.button.dark {background: #F26367;  color:#fff; border:2px solid #F26367;}
.button.dark:hover {
  text-decoration:none; 
  transition: all 300ms linear;
  border:2px solid #F26367;
  background:#fff;
  color:#000;
}

.button2.dark2 {color:#fff; background:#000;}
.button2.dark2:hover {
  text-decoration:none; 
  transition: all 300ms linear;
  background:#000;
  color:#fff;
}

/* =============================================================== */
/* Blackquote
================================================================ */
blockquote {
  
  line-height:170%;
  margin: 20px 20px 20px 20px;
  padding-left:50px;
  color: #383838;
  background: url(images/quotes.gif) left top no-repeat;
  min-height:29px;
  margin-bottom:40px;
  font-style:italic;
}
blockquote p {
  line-height:170%;
  font-style:italic;
  font-size:100%;
}

.b-scale .social-icon {
  display: inline-block;
  color:#ffffff;
  text-decoration:none;
  width:20px;
  height: 20px;
  margin-top:10px;
  margin-left:8px; margin-right:8px;
  font-size:110%;
}
.b-scale .social-icon:hover  {
  color:#000000;
}

/* Lasted post widget
==========================*/
.latest-post {margin-top: 25px; min-height:53px;  padding-bottom:8px;}
.latest-post:last-child {border: none;}
.latest-post p,
.latest-post a {
	margin: 0;
	line-height: 120%;
	font-weight:normal;
	
}
.latest-post span {
	color: #707070;
	margin: 3px 0 0 0;
	display: block;
	font-size:11px;
	font-weight:normal;
}
.latest-post img {
	float: left;
	margin: 0 10px 10px 0;
	border:0;
	height: 52px; width: 52px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	border-radius:0px;
}
.latest-post img:hover {}

/* Flickr widget
==========================*/
.flickr_image {
  width: 61px;
  height: 61px;
  display: inline-block;
  margin: 0 5px 5px 0;
  overflow: hidden;
  padding: 0px;
  border:0;
  line-height: 0;
}
.flickr_image:hover {}
.flickr_image img {
  height: 61px;
  width: 61px;
  border-radius:0px;
}


.span4 .widget .flickr_image {
  width: 70px;
  height: 70px;
  display: inline-block;
  margin: 0 5px 5px 0;
  overflow: hidden;
  padding: 0px;
  border:0;
  line-height: 0;
}
.span4 .widget.flickr_image:hover {}
.span4 .widget.flickr_image img {
  height: 70px;
  width: 70px;
  border-radius:0px;
}

.latest-posts:hover {
background:#f26367;
}
.latest-posts:hover h2 {
color:#ffffff;
}
.latest-posts:hover p {
color:#ffffff;
}

.div-latest-posts {
margin:0 auto; text-align:center;border-top:1px #eeeeee dotted; padding-top:20px;padding-bottom:5px;
}
.div-latest-posts1 {
margin:0 auto; text-align:center;border-top:0px #eeeeee dotted; padding-top:20px;padding-bottom:5px;
}


/* Contact form
==========================*/
.wpcf7-form-control {width:95%;}

.portfolio-div {margin-left:-1%; margin-top:8px;}
.portfolio-c5 {float:left; width:19%; margin-left:1%; margin-bottom:1%;}


.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

img.alignleft,
.wp-caption.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright,
.wp-caption.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter,
.wp-caption.aligncenter {
	clear: both;
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}


article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 3.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
}

.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}
.comments-area .bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
.comments-area .bypostauthor cite b {
	font-weight: bold;
}




/* Site content
==========================*/
.wrap {
  padding-left:40px; 
  padding-right:40px;
}
#wrap {
  padding-left:40px; 
  padding-right:40px;
}
.container {
  width: auto;
  max-width: 1024px;
display: -webkit-box;
}
.wrap-footer .container{
	display:initial;
}
.container-fluid {
  width: auto;
  max-width: 1024px;
}

/* Social icons
==========================*/

.social-icon {
  margin-left:10px;
  text-align:right;
  font-size:80%;
}
.social-icon:hover  {
  
}

.portfolio-margin {margin-bottom:2.20%;}
#Container {
margin-left:-2.20%;
}
#Container .mix{
	display: none;
}

.portfolio-item3 {
float:left; width:31.133%; margin-left:2.20%;
}
.portfolio-item4 {
float:left; width:22.80%; margin-left:2.20%;
}


/* White background content
==========================*/
.back-white {
  background:#ffffff;
  
}

.back-white-post {
  background:#ffffff;
  margin-bottom:30px;
  
}
.back-white-post2 {
  background:#ffffff;
  margin-bottom:30px;
  
}

.border-top-img {
  
}

.portfolio-border {border:1px dotted #dddddd; padding:4px; margin-bottom:10px; box-shadow:0px 1px 2px #eeeeee;-moz-box-shadow:0px 1px 2px #eeeeee;-webkit-box-shadow:0px 1px 2px #eeeeee;border:1px solid #eeeeee}
.portfolio-content-text {padding-left:10px; padding-right:10px; margin-top:-60px; position:absolute; 
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}
.portfolio-content-text h3 {padding-bottom:0;margin-bottom:0; line-height:100%; padding-top:0px;}
.portfolio-content-text h3 a { color:#ffffff; padding-bottom:0;margin-bottom:0;}
.portfolio-content-text span {font-size:75%; color:#ffffff; line-height:60%;}

.portfolio-item4 .portfolio-content-text h3 a {font-size:80%; padding-top:0px;}



/* Back to top
==========================*/
#backtotop {
	position: fixed;
	right:0px;
	display:none;
	bottom: 0px;
	margin: 0 20px 0 0;
	z-index:100;
	
}
#backtotop a {
	text-decoration:none;
	border:0 none;
	display:block;
	width:40px;
	height:40px;
	background: url(images/back_to_top_btn.png) no-repeat 50% 50%;
	background-color:#F26367;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	
	
  behavior: url(css/PIE.htc);
    
}
#backtotop a:hover {background-color: #F26367;}



/* =============================================================== */
/* Portfolio Styles
================================================================ */
#filters {
	float: left;
	margin-top: 10px;
	padding-bottom: 15px;
	display: block;
	width: 100%;
	margin-bottom: 0px;
	line-height: 24px;
}
#filters ul li {
	display: inline;
	padding: 0 10px 0 0;
}
#filters ul li:last-child {background: none;}
#filters a {
	color: #777;
	font-size: 110%;
	-webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
	padding: 4px 15px;
	
}
#filters a:hover {
	color: #fff;
	background: #F26367;
	border-radius:3px;
}
.selected {background: #F26367; border-radius:3px; color: #fff !important;}
.selected:hover {background: #F26367!important;}
/**** Isotope Filtering ****/



/* =============================================================== */
/* Blog
================================================================ */

.blog-archive-page {padding-top:10px;}
.blog-archive-page ul li {
padding-top:0px; padding-bottom:0px;

}

/* Blog navigation
==========================*/
.navleft {float:left;}
.navright {float:right;}

/* Widget
==========================*/

.widget {
  
}


footer .widget_recent_entries li {padding-bottom:0px; padding-top:13px;}
footer .widget_recent_entries .post-date {font-size:75%;}

.b-wrapper h5 {color:#ffffff; }
.b-wrapper h5 a {color:#ffffff; }

.widget .b-wrapper h2 {color:#ffffff; font-size:70%;}
.widget .portfolio-item  img {border-radius:3px;}
.widget .b-link-flow img {border-radius:3px;}

.widget_search input[type="text"] {width:92%; border-radius:0; margin-top:5px; background: #ffffff url(images/search.png) no-repeat no-repeat 96% 50%;}
.widget_search input[type="submit"] {display:none;}
.widget_search .screen-reader-text {display:none;}
.span4 .widget {margin-bottom:40px;}
.widget-title { 
  padding-top:10px;
  padding-bottom:0;
}
.widget-title li:after {
    content: " ";
    display: table;
}
.widget-title li:after {
    clear: both;
}
.widget-title h6 { }
.widget-title .tagcloud a {padding-right:20px;}

.gb-recent-posts {padding-bottom:50px;}
.gb-flick {padding-top:16px; padding-bottom:20px;}

.widget ul {margin-top:0px;}
.widget_nav_menu .sub-menu { border-top: 1px dotted #ced8df; }
.widget li {
	font-weight:normal;
	list-style: none;
	margin: 0;
	padding-top:8px;
	
	
}

.widget li:last-child { border-bottom: none; }
.widget li a {
	display: block;
	padding: 0px 0 10px 0px;
}
.widget li a:hover,
.widget_nav_menu .current_page_item > a, .widget_nav_menu .current-menu-item > a { color: #F26367; }

.widget_categories li {text-align:right; padding-top:8px;}
.widget_categories li a {float:left; text-align:left;}
.widget_categories li:after {
    content: " ";
    display: table;
}
.widget_categories li:after {
    clear: both;
}


.widget .recentcomments {
	display: block;
	padding: 8px 0 8px 25px;
	background: url(images/comment.png) left no-repeat;
	line-height:130%;
}
.widget_calendar table { width: 100%; }
.widget_calendar th, .widget_calendar td {
	background: none;
	border: 0;
	padding: 0;
}
.widget_calendar caption {
	font-weight:bold;
	margin-bottom: 20px;
	text-align: center;
}
.widget_calendar tr th {
	font-weight:bold;
	background:#eee;
	padding:10px;
}
.widget_calendar tr td {
	padding: 8px 6px;
	text-align: center;
	font-weight:normal;
	
}
.widget_calendar tr td#prev {
	padding: 5px 0 0;
	text-align:left;
	padding-top:20px;
}
.widget_calendar tr td#next {
	padding: 5px 0 0;
	text-align: right;
	padding-top:20px;
}
.widget_calendar tr td#today {
	background: #f8f8f8;
	border: 1px solid #ced8df;
	font-weight: bold;
}
#footer .widget_calendar tr td#today {
	background: #464646;
	border: 1px solid #363636;
	font-weight: bold;
}
.widget_calendar tr td a {
	display: inline;
	font-weight: bold;
	padding: 0;
}
.rsswidget img { margin: 0 5px 0 0; }
.widget_rss .rss-date, .widget_rss .rssSummary { padding: 0 0 0 15px; }
.widget_rss .rss-date {
	color: #bbb;
	font-style: italic;
}
.widget {
	margin: 0px 0 0 0;
	line-height: 15px;
	font-weight:bold;
}
.widget h5 {
	padding-bottom: 15px;
	margin-bottom: 20px;
	margin-top:0px;
	font-size:110%;
	border-bottom:1px solid #eeeeee;
}
.widget h6 {
	padding-bottom: 15px;
	margin-bottom: 20px;
	margin-top:0px;
	font-size:110%;
	border-bottom:1px solid #eeeeee;
	
}

.tagcloud {margin-top:0px;}
.tagcloud a {padding:5px 10px; color:#ffffff; background:#F26367; border: 2px solid #F26367; font-weight:normal; margin-top:2px; margin-bottom:2px; display: inline-block; font-size:18px;}
.tagcloud a:hover {color:#fff; background:#F26367; border: 2px solid #F26367;}
.border-next {border:2px solid #F26367;}

.post-tags a {font-weight:italic; font-size:100%; }


.ssbaf {width:30px; display:inline-block;}
.ssbaf img {width:30px; display:inline-block;}

/* Posts
==========================*/
.post {margin: 0px 0 50px 0;}
.post-left0 {float:left; width:100px; position:absolute;}
.post-left {float:left; width:100%; position:relative;}
.margin-left-100 {margin-left:0px; margin-bottom:0px;}
.post-left .bx-wrapper {}
.post p {margin: 0 0 10px 0;}
.post-img, .embed {margin: 0 0 0px 0px;}
.post-img {}
.post-content {margin: 0 0 0 0 !important;}
.post-title h2 {
	font-size: 27px;
	color: #000;
	margin: 0 0 0px 0px;
	display: block;
	padding-bottom:6px;
	font-weight:normal;
}
.post-title h2 a {
	font-size: 27px;
	color: #000;
	display: block;
	font-weight:normal;
}
.margin-left {margin-left:20px;}
.width-left {width:150px;}
.post-title h2 a:hover {color: #606060;}
.post-desc {
	padding: 20px 0 15px 0px;
	border-bottom: 1px solid #e7e7e7;
}
.post-info {
	padding: 0px 0 0px 0px;
	
}
.post-entry {
	margin-bottom: 20px;
	display: inline-block;
	padding-right: 13px;
	color: #154890;
}
.post-entry i {
	padding-left: 2px;
}
.post-entry:hover {}
.post-meta {padding: 0px 0 0px 0px; margin-bottom:20px;}
.post-meta, .post-meta a {color: #c1c1c1;}
.post-meta a:hover {color: #606060;}
.post-meta span:first-child {padding-left:0;}
.post-meta span:last-child {border: none;}
.post-meta span {
	padding: 0 10px;
	border-right: 0px solid #c1c1c1;
	font-size:90%;
	color:#c1c1c1;
}
.post-meta span a, .post-meta span a:hover {
	color:#c1c1c1;
}
.post-meta i {color:#cccccc; font-size:11px;}
.post-type {
	width:80px;
	height:65px;
  color:#fff;
  text-align:center;
  font-size:27px;
  background:#F26367;
  padding-top:15px;
}

.more-link {margin-top:10px;}
.more-link, .navleft a, .navright a {font-size:90%; font-style:italic; background:#F26367; color:#ffffff; padding:10px; padding-top:6px; padding-bottom:6px; border-radius:3px;}
.more-link:hover, .navleft a:hover, .navright a:hover {font-size:90%; color:#ffffff;}

.info-blog {padding-top:7px;}

.link-post-det1 {
  margin-bottom:20px;
  margin-top:-20px;
  margin-right:10px
}
.link-post-det2 {
  margin-bottom:20px;
  margin-top:-20px;
  margin-left:10px
}
.link-post-det {
  margin-bottom:20px;
  margin-top:-20px;
}
.re-ant {padding-top:10px; font-size:80%; font-style:italic;}
.re-ant2 {margin-top:-10px; font-size:90%;}

.link-post-det a {
  color:#606060;
  padding-bottom:4px;
  border-bottom: 1px dotted #cccccc;
}
.min-margin {}

.color-font-icon {color:#F26367;}

.margin-15l {padding-right:20px;}
.margin-15r {padding-left:20px;}

/* Comments
==========================*/
.comments-sec{
	float:left;
	width:100%;
	line-height: 20px;
}
.comments-sec h5 {
	border-bottom: 1px solid #e7e7e7;
	margin: 0;
	padding-bottom: 10px;
}
.comments-nr h5 {
	border-bottom: 1px solid #e7e7e7;
	margin: 0;
	padding-bottom: 10px;
}
.comments-sec h5 span {color: #888;}
.comments{
	float:left;
	background:#ffffff;
	padding:20px;
}
.avatar {float:left;}
.vcard img {border-radius:50%;
  behavior: url(css/PIE.htc);}

.comment-show {
	margin-bottom: 40px!important;
	margin-left: 0px!important;	
}
.comment-show li {
	list-style: none!important;
}
.comment-show li.comment > div {
	border-bottom: 1px dotted #eee;
  margin: 0;
  overflow: hidden;
  padding: 20px;
  margin-top: 20px;
  position: relative;
  padding-left: 110px;
}
.comment-show .children {
	margin-left: 0px!important;
	padding-left: 40px;
}
.comment-show li.comment > div img.avatar {
	position: absolute;
	left: 20px;
	top: 20px;
}
.comment-show .reply {
	position: absolute;
	top: 20px; 
	right: 20px;	
}
.comment-show .comment-meta {
	font-size: 11px;
	line-height: 15px;
}
.comment-show li.comment > div p {
	padding-bottom: 0px;
	margin-top: 10px;
	line-height:170%;
}
.comment-author a {
	color: inherit;
}
      
/* Leave a Comment
==========================*/
.comment-form label {
	display: block;
	color: #676767;
	margin-top: 15px;
	padding-bottom: 4px;
}
.comment-form label span {color:#ea1c1c;}
.comment-form input, .comment-form textarea {
	width: 240px;
}
.comment-form textarea {
	min-width: 97%;
	max-width: 97%;
	height:160px;
}
.form-allowed-tags {display:none;}

/* Link post
==========================*/
.link-post {
  margin-bottom:15px;
  background:#F26367;
  margin-top:-15px;
  padding:20px;
  padding-top:80px; padding-bottom:80px;
  border-radius:3px;
}
.link-post h3 {text-align:center;}
.link-post h3 a {
  color:#ffffff;
}


/* Quote post
==========================*/
.quote-post {
  font-style: italic;
  
  padding: 30px; margin-top:-20px;
  
  position: relative;
  background: #F9F9F9 url(images/quote.png) no-repeat;
  background-position: 98% 80%;
  margin-bottom:20px;
  border-radius:3px;
}

/* Autor bio
==========================*/
.author-info {
  margin: 10px 0px 40px 70px;
  padding:20px;
  background: #f9f9f9;
  border-radius:3px;
  behavior: url(css/PIE.htc);
  
}
.author-info h3 {
  
}
.author-info a {
  
}
.author-info a:hover {
  
}

.author-bio {margin-top:60px;}
.author-bio img {border-radius:50%;
  behavior: url(css/PIE.htc);}

  
/* Post tags
==========================*/
.post-tags {
  margin: 10px 0px 40px 0px;
}



/*		Row + Column
---------------------------------------------------------------*/

.su-row {
	clear: both;
	zoom: 1;
	margin-bottom: 1.5em;
}
.su-row:before,
.su-row:after {
	display: table;
	content: "";
}
.su-row:after { clear: both; }
.su-column {
	display: block;
	margin: 0 4% 0 0;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.su-column-last { margin-right: 0; }
.su-row .su-column { margin: 0 0 0 4%; }
.su-row .su-column.su-column-size-1-1 { margin-left: 0; margin-right: 0; }
.su-row .su-column:first-child { margin-left: 0; }
.su-column-centered {
	margin-right: auto !important;
	margin-left: auto !important;
	float: none !important;
}
.su-column img,
.su-column iframe,
.su-column object,
.su-column embed { max-width: 100%; }
@media only screen {
	[class*="su-column"] + [class*="su-column"]:last-child { float: right; }
}
.su-column-size-1-1 { width: 100%; }
.su-column-size-1-2 { width: 48%; }
.su-column-size-1-3 { width: 30.66%; }
.su-column-size-2-3 { width: 65.33%; }
.su-column-size-1-4 { width: 22%; }
.su-column-size-3-4 { width: 74%; }
.su-column-size-1-5 { width: 16.8%; }
.su-column-size-2-5 { width: 37.6%; }
.su-column-size-3-5 { width: 58.4%; }
.su-column-size-4-5 { width: 79.2%; }
.su-column-size-1-6 { width: 13.33%; }
.su-column-size-5-6 { width: 82.66%; }

.smile_icon_list li .icon_description h3{
       text-rendering: auto!important;
}

/* Styles for screens that are less than 768px */
@media only screen and (max-width: 768px) {
	.su-column {
		width: 100% !important;
		margin: 0 0 1.5em 0 !important;
		float: none !important;
	}
	.su-row .su-column:last-child {
		margin-bottom: 0 !important;
	}

}


/* =============================================================== */
/* Footer
================================================================ */
footer {
  /*position: relative; */
  color:#606060;
  margin-top:0px;
  background: #F7F7F7;
}

.wrap-footer {
  min-height: 100%;
  padding-left:40px; padding-right:40px;
  background: #F7F7F7;
  
}
#sub_footer {
  padding-top:10px;
  font-size:16px;
}
#sub_footer p {
  font-weight:normal;
}
#sub_footer {
  background: #F7F7F7;
  font-weight:normal;
  overflow:hidden;
}

.footer-widgets {
padding-bottom: 30px; border-bottom:1px solid #eee; margin-bottom:20px; margin-left:-10.50%;
}
.footer-widget {
float:left;margin-left:10%; width:23.3333%
}

img.alignright {float:right; padding-left:10px;}
img.aligncenter {margin-left:auto; margin-right:auto; float:center;}
img.alignleft {float:left; padding-right:10px;}


#infscr-loading {text-align:center; margin-left:auto; margin-right:auto;}
#infscr-loading img {margin-left:auto; margin-right:auto;}


.home .row-fluid .wpb_column  .wpb_wrapper .vc_row-o-content-middle .wpb_column.vc_column_container .vc_column-inner{
padding: 0 0!important;
}

.home .row-fluid .wpb_column  .wpb_wrapper .vc_row-o-content-middle .wpb_column.vc_column_container .vc_column-inner img{
    top: 50%;
    margin: 0 0 0 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/* =============================================================== */
/* Slider
================================================================ */

.su-slider-slide img {border-radius:4px;
  behavior: url(css/PIE.htc);}

.round-slide div {border-radius:3px;
  behavior: url(css/PIE.htc);}
  

.outside {margin-bottom:-60px; margin-left:20px; z-index:999; position:relative; }
.outside .slider-prev a {background:#F26367; padding:10px; color:#ffffff; padding-top:7px; padding-bottom:5px; margin-right:2px; border-radius:3px;}
.outside .slider-next a {background:#F26367; padding:10px; color:#ffffff; padding-top:7px; padding-bottom:5px; border-radius:3px;}

.ssba {margin-top:10px; margin-bottom:0; padding-bottom:0;}

.relatedposts {margin-top:30px; margin-bottom:60px;}
.relatedposts p {padding-bottom:0px; margin-bottom:0px;}


pre:after {
    content:'';
	display:block;
    clear: both;
}
code:after {
    content:'';
	display:block;
    clear: both;
}
pre,
code  {
	   float:left;
	   margin-bottom:10px;
	   width:98%;
       }
	   

.colsa {
    -moz-column-count:2;
    -moz-column-gap: 2%;
    -moz-column-width: 20%;
    -webkit-column-count:2;
    -webkit-column-gap: 2%;
    -webkit-column-width: 20%;
    column-count: 2;
    column-gap: 2%;
    column-width: 20%;
	height:100%;
}


div.pagination a, div.pagination span.pages, div.pagination span.dots, div.pagination span.current {
width:30px;
height:30px;
text-align:center;
padding:0;
-moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  padding:5px;
  margin-left:3px; margin-right:3px;
  background:transparent;
  text-shadow: white 0 0px 0;
  -moz-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  border:1px solid #F26367;
}
div.pagination a:hover, div.pagination a:focus {
background:#F26367;
border:1px solid #ffffff;
color:#ffffff !important;
}
div.pagination span.current {
background:#F26367;
border-color: #ffffff !important;
  text-shadow: black 0 0px 0;
border:1px solid #ffffff;
color:#fff !important;
}



#upprev_box { border-top:2px solid #F26367;}
#upprev_close { padding-top:20px; padding-right:5px;}
  
/* =============================================================== */
/* Mobile
================================================================ */

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

.home .back-white .vc_column-inner  .wpb_wrapper .vc_row-o-content-middle .vc_col-sm-3{
        width: 50%;
}
}
 @media only screen and (max-width: 668px){

.home .back-white .vc_column-inner  .wpb_wrapper .vc_row-o-content-middle .vc_col-sm-3{
        width: 100%;
}
}

/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

.home .row-fluid .wpb_column  .wpb_wrapper .vc_row-o-content-middle .wpb_column.vc_column_container .vc_column-inner{
	padding: 0 15px!important;
}

.home .row-fluid .wpb_column  .wpb_wrapper .vc_row-o-content-middle .wpb_column.vc_column_container .vc_column-inner img{
    top: 50%;
    margin: 0 0 0 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.span4 {  float:none;  display:block;  } 
.span6 {  float:none;  display:block;  } 
.text-align-right {text-align:left;}
.align-right {float:none;  display:block; margin-bottom:40px;}
.align-left {float:none;  display:block; margin-bottom:40px;}

.text-title {text-align:center;}
.text-title-home {text-align:center; margin-bottom:20px;}

.columns3 {width: 100%;}
.columns4 {width: 100%;}

.fullwidth-header .social-icon {margin-right:20px;  margin-left:0;}


.logo-header {
  float:left;
  margin-top:25px;
  margin-bottom:10px;
  text-align:left;
}
.menu-header {
  float:right;
}

nav { 
    border:0px solid #ccc;
    border-width:0px 0;
}

#site-menu2.floating {
  position: inherit;
  top: auto;
  -webkit-box-shadow: 0px 0px 0px 0px #252525;
   box-shadow: 0px 0px 0px 0px #252525; 
   z-index:99999;
}

#site-menu2 {display:none;}


.logo-header-img {width:50%; text-align:left;}

.camera_caption {font-size:70%; line-height:130%; top:10%; width: 96%;}

nav ul li:after{content: ''; color:#eee;}
nav ul ul li:after{content: ''; color:#eee;}
nav ul li:last-child:after {content: '';}

.footer-widget {
float:none; width:90%;
}

.margin-15l {padding-right:0px;}
.margin-15r {padding-left:0px;}

#Container {
margin-left:0%;
}
.portfolio-item3 {
float:left; width:100%; margin-left:0%;
}
.portfolio-item4 {
float:left; width:100%; margin-left:0%;
}

.tagline {display:none;}

}



/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.span4 {  float:none;  display:block;  } 
.span6 {  float:none;  display:block;  } 
.align-right {float:none;  display:block; margin-bottom:40px;}
.align-left {float:none;  display:block; margin-bottom:40px;}

.text-title {text-align:center;}
.text-title-home {text-align:center; margin-bottom:20px;}


.columns3 {width: 50%;}
.columns4 {width: 50%;}

.fullwidth-header .social-icon {margin-right:20px;  margin-left:0;}



.logo-header {
  float:left;
  margin-top:25px;
  z-index:3;
  text-align:left;
}
.menu-header {
  float:right;
  z-index:3;
}

nav { 
    border:0px solid #ccc;
    border-width:0px 0;
}


#site-menu2.floating {
  position: inherit;
  top: auto;
  -webkit-box-shadow: 0px 0px 0px 0px #252525;
   box-shadow: 0px 0px 0px 0px #252525; 
   z-index:99999;
}

#site-menu2 {display:none;}

.camera_caption {font-size:70%; line-height:130%; top:10%; width: 96%;}

.logo-header-img {width:50%; text-align:left;}

nav ul li:after{content: ''; color:#eee;}
nav ul ul li:after{content: ''; color:#eee;}
nav ul li:last-child:after {content: '';}

.footer-widget {
float:none; width:90%;
}

.margin-15l {padding-right:0px;}
.margin-15r {padding-left:0px;}


#Container {
margin-left:-2.20%;
}
.portfolio-item3 {
float:left; width:47.80%; margin-left:2.20%;
}
.portfolio-item4 {
float:left; width:47.80%; margin-left:2.20%;
}

}

nav ul li:hover > a{
color: #afe3df!important;
}