/*
Theme Name: Hasta Child
Theme URI: http://wpgalaxy.co/hasta/
Author: wpgalaxy
Author URI: http://wpgalaxy.co/
Description: A hasta child theme is a theme that inherits the functionality and styling of the parent hasta theme. Child themes are the recommended way of modifying an existing theme style. Read more about child theme here https://codex.wordpress.org/Child_Themes
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: hasta
Template: hasta
*/


/* Theme style customization starts here
-------------------------------------------------------------- */



.meta-time, .meta-author {
	border-left: 5px solid #afafaf !important;
	padding: 0px 17px 0px 12px !important;
	color: #afafaf !important;
	opacity: 1 !important;
	background: #f3f3f3 !important;
	margin-right: 0px !important;
}
.padding-5 {
	padding: 5px;
}
.dc-photoalbum {
	background-position: 50% 23% !important;
}
.project-header-home {
	font-size: 1.5em !important;
	font-family: Fira Sans Extra Condensed, sans-serif;
}
.header-margin-top-12 {
	margin-top: 12px;
}
.breadcrumbs li {
	font-size: 1.5em !important;
}
.logo-cnt {
	width: 228px !important;
	display: inline-flex !important;
	height: 56px !important;
	margin-top: 2px !important;
}
.logo-name {
	display: inline-block !important;
	width: 126px !important;
	height: 56px !important;
	background-color: #440154 !important;
	color: #FFFFFF !important;
	text-align: -webkit-center !important;
	text-align: center !important;
	text-transform: uppercase !important;
	border: 0 !important;
}
.f-name {
	font-size: 30px !important;
	font-family: 'Roboto' !important;
	font-weight: bold !important;
	line-height: normal !important;
	margin-top: 2px !important;
}
.s-name {
	display: block !important;
	font-size: 20px !important;
	font-family: Roboto Condensed !important;
	font-weight: normal !important;
	line-height: normal !important;
	margin-top: -10px !important;
	margin-left: 1px !important;
}
.logo-p {
	border-left: 2px solid #440154 !important;
	padding: 2px 0px 0px 2px !important;
	color: #440154 !important;
	display: inline-block !important;
	width: 99px !important;
	height: 56px !important;
	font-size: 14px !important;
	font-family: Fira Sans Extra Condensed !important;
	font-weight: normal !important;
	line-height: normal !important;
	text-transform: uppercase !important;
	margin-left: 3px !important;
}
.p-eko, .p-dvlp, .p-pblc {
	line-height: 18px !important;
	text-align: justify !important;
}
.row-bg-white p a {
	text-decoration: underline;
	text-underline-position: under;
}
.blockquote-right {
	text-align: right;
}
.media-grid-almaty {
	text-align: right;
}
.bookname {
	text-align: center;
	text-align: -webkit-center;
	font-size: 18px;
	font-weight: bold;
}
.books {
	padding: 10px !important;
	border: 1px solid #eaeaea;
	height: 100%;
	box-shadow: inset 0px 0px 20px 0px #efefef;
	-moz-box-shadow: inset 0px 0px 20px 0px #efefef !important;
	-webkit-box-shadow: inset 0px 0px 20px 0px #efefef !important;
}
.linebooks {
	border-top: 1px dashed #92268a !important;
	width: 10%;
	margin: 10px auto;
}
.books_cell {
	padding: 3px !important;
}
.works-nd-cell {
	padding: 5px !important;
}
.works-nd, .tv-video, .home-projects {
	font-size: 1em !important;
	padding: 10px !important;
	border: 1px solid #eaeaea !important;
	height: 100% !important;
	box-shadow: inset 0px 0px 20px 0px #efefef !important;
	-moz-box-shadow: inset 0px 0px 20px 0px #efefef !important;
	-webkit-box-shadow: inset 0px 0px 20px 0px #efefef !important;
	margin-bottom: 10px !important;
}
.btn_book_link {
	color: #fff!important;
	width: 100%;
	background-color: #440154;
}
.btn_book_link:hover, .btn_book_link:focus, .btn_book_link:active {
	color: #92268a!important;
	background-color: #FFFFFF;
}
.btn_book {
	border: 1px solid #92268a !important;
	width: 82%;
	background-color: #440154;
	margin: 5px auto;
}
.btn_book:hover, .btn_book:focus, .btn_book:active {
	background-color: #FFFFFF;
}
.btn-project-home {
	border: 1px solid #92268a !important;
	max-width: 136px;
	background-color: #440154;
	margin: 5px auto;
}
.btn-project-home:hover, .btn-project-home:focus, .btn-project-home:active {
	background-color: #FFFFFF;
}
.btn-project-link {
	color: #fff!important;
	width: 100%;
	background-color: #440154;
	padding: 0.8em 1em !important;
}
.btn-project-link:hover, .btn-project-link:focus, .btn-project-link:active {
	background-color: #FFFFFF;
	color: #440154 !important;
}
.margin_none {
	margin: 0px !important;
}
.mg_hover:hover {
	background-color: rgba(68, 1, 84, 0.75);
	border: 2px solid #440154 !important;
}
.blq_txt {
	padding: 0.8em;
	font-size: 1.2em;
	margin: 0px auto !important;
}
.img_title_top {
	max-width: 210px !important;
	max-height: 315px !important;
	padding: 0px !important;
	margin: 0px auto;
	outline: 1px solid #92268a;
}
.subhdg_txt {
	padding-top: 10px;
	font-size: 1.5em;
	font-style: italic;
	text-align: center;
	text-align: -webkit-center;
}
.subhdg_txt_gs {
	padding-top: 10px;
	font-size: 1.2em;
	font-style: italic;
	text-align: center !important;
	text-align: -webkit-center !important;
}
.sister_f_style {
	background-color: #fff3f2;
	box-shadow: 0px 4px 12px 0px #efe5e4;
	-moz-box-shadow: 0px 4px 12px 0px #efe5e4 !important;
	-webkit-box-shadow: 0px 4px 12px 0px #efe5e4 !important;
	border: 1px solid #efe5e4 !important;
}
.sister_subtitle {
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
}
.sister_blq {
	background-color: #440154;
	color: #ffffff;
	margin: 12px 0px;
}
.blog-post {
	box-shadow: 0px 4px 12px 0px #efe5e4;
	-moz-box-shadow: 0px 4px 12px 0px #efe5e4 !important;
	-webkit-box-shadow: 0px 4px 12px 0px #efe5e4 !important;
	border: 1px solid #efe5e4 !important;
	padding: 18px;
}
.menu-h {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
}
.meta-details {
	display: none;
}
.ctl_info > .content-details {
	color: #FFFFFF;
}
.timeline-content > .content-title {
	padding: 18px 15px 0px 15px !important;
	text-transform: none !important;
}
.timeline-year {
	box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #440154 !important;
	-moz-box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #440154 !important;
	-webkit-box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #440154 !important;
	border-radius: 0px !important;
	height: 42px !important;
}
.cool-timeline:before {
	width: 3px !important;
	margin-left: -1px !important;
}
.icon-dot-full {
	-webkit-border-radius: 25px !important;
	-moz-border-radius: 25px !important;
	border-radius: 25px !important;
	height: 21px !important;
	width: 21px !important;
}
.ctl-timeline-date {
	color: #FFFFFF !important;
	width: 80px !important;
	line-height: 42px !important;
	font-weight: bold !important;
	font-size: 32px !important;
	top: 0px !important;
}
.single-share li a {
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
}
.tags ul li a {
	padding: 7px 10px !important;
	font-size: 0.9em !important;
	line-height: 0.9em !important;
}
.wpml-ls-legacy-list-horizontal {
	border: 0px !important;
	padding: 0px !important;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-flag {
	width: 32px;
	height: 20px;
}
@media screen and (min-width: 860px) {
.timeline-post.odd {
	text-align: -webkit-right;
	text-align: right;
}
}
@media screen and (max-width: 860px) {
.timeline-year {
	width: 80px !important;
	left: 21px !important;
}
}
@media print {
a[href]:after {
	content:none !important;
}
.header {
	height: 100px !important;
}
.header:before {
content: " LEILA KHRAPUNOVA \A Economist, Businesswoman, Publicist \A Copyright \00a9  www.leila-khrapunova.com ";
	font: Arial, sans-serif;
	color: #000000;
	font-size: 30px !important;
	line-height: 36px !important;
	text-align: center !important;
	white-space: pre;
	display: block !important;
	margin-top: 30px !important;
}
.vc_grid-item {
	display: inline !important;
	max-height: 200px !important;
	max-width: 200px !important;
}
.vc_gitem-zone {
	background-size: content !important;
	page-break-inside:avoid !important;
	page-break-after:avoid !important;
}
img {
	page-break-inside:avoid !important;
	page-break-after:avoid !important;
}
}
@media screen and (min-width: 992px) {
.megamenu-heading {
	text-transform: none !important;
	font-weight: normal !important;
	margin-bottom: 0px !important;
	letter-spacing: unset !important;
	color: #727272 !important;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.project-header-home {
	font-size: 1.2em !important;
}
}