/*
#------------------------------------------------------------------------
# Photo - #9 2014 Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2014 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */

/*	Modules edit for contact show */
.moduletable{
  padding: 0;
}
@font-face {
font-family: 'Lithos-Pro-Regular';
src: url('https://tarakys.vn/templates/gk_portfolio/fonts/Lithos-Pro-Regular.otf') format('otf'), url('https://tarakys.vn/templates/gk_portfolio/fonts/Lithos-Pro-Regular.ttf') 

}

.body{	
	color: #000 !important
}
h1, h2, h3, h4, h5, h6 {
	color: #000;
	
}

h2 {
	font-size: 3.9rem;
}
.btn {
	border: 2px solid #777;
	background: #ccc;
	
}
.backg-img{
	background:url(../../../images/intro/intro-1000x750.jpg)no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
  
}
.info-size{
	padding-bottom:150px
}
/* animation */
.intro{
	font-family: Lithos-Pro-Regular;
	font-size:2.9vw;
	font-weight: 700;
	color:#fff;
	text-shadow: 2px 0px 0px rgba(0, 0, 0, 1);
	/*text-shadow:  1px 0 0 #ccc,  2px 0 0 #c9c9c9, 3px 0 0 #bbb, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25);*/
    overflow: hidden; /* Ensures the content is not revealed until the animation */
   white-space: nowrap; /* Keeps the content on a single line */
   margin: 0 auto; /* Gives that scrolling effect as the typing happens */
   /* letter-spacing: .15em; /* Adjust as needed */
   animation: 
    typing 3.5s steps(20, end),
    blink-caret .5s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

.sub-intro{color:#fff;background: rgba(119, 119, 119, 0.5); padding:10px;
    
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:3s;
-moz-animation-duration:1s;
-ms-animation-duration:1s;
-o-animation-duration:1s;
animation-duration:3s;
-webkit-animation-delay:1s;
-moz-animation-delay:1s;
-ms-animation-delay:1s;
-o-animation-delay:1s;
animation-delay:3s;   
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}



.post__header_title{
	font-family: Lithos-Pro-Regular;
}



.navigation {
	padding: 0 0 20px 0;
}

.post__info_item {
	display: inline-block;
	/* font-size: 1.5rem; */
	list-style-type: none;
	padding: 0 10px;
	border-radius: 50%;
	box-shadow: 0 5px 12px rgba(0,0,0,0.23);
	font-size: 24px;
	height: 60px;
	/* letter-spacing: normal; */
	/* overflow: hidden; */
	padding: 3px 0 0 7px;
	position: x;
	/* text-align: center; */
	/* top: 0; */
	width: 60px;
	/* z-index: 1; */
	/* color: #fff !important; */

	border: 2px solid #f64231;
}
.header {
    color: #000;
    overflow: hidden;
    min-height: 64px;
    text-align: center;
    /* client - ex f1f1f1*/
    background: #DCB683;
}
.logo__title {
    font-size: 3.1rem;
    font-weight: 500;
    line-height: 64px;
    margin: 30px 0 0 0;
	font-family: Lithos-Pro-Regular;
    letter-spacing: 0.2rem;
    background: #DCB683;
	color:#E21D1D;
	/*font-style:italic;*/


}

.navigation .nav {
    text-align: center;
    background: #B77B3A;
    padding: 10px 0 0;
    margin-bottom: 20px;
	font-family: Lithos-Pro-Regular;
	font-size:120%;
	text-shadow: 1px 0px 0px rgba(0, 0, 0, 1);
}

.navigation .nav > li > a, .navigation .nav > li > span {
    border: 1px solid transparent;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 31px;
    padding: 0 20px;
}
.navigation .nav > li > a:hover, .navigation .nav > li > span {
    border: 1px solid transparent;
    color: #000 !important;
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 31px;
    padding: 0 20px;
}
.mylogo{
	background:url(../../../images/intro/monkey-logo.png);
	background-repeat: no-repeat;
    background-position: center; 
	padding:20px 0;
	height:150px;
}
.site{
	padding: 20px 0px 0px !important;
}
@media (max-width: 380px) {
 .logo__title {
    font-size: 2.1rem !important;
  }
}

@media (max-width: 1599px) {
  .site {
    padding: 40px 5px 1px;
  }
}
/* mobile menu */
@media (max-width: 720px) {
  body .navigation .nav {
    background: #B77B3A;
    border: 1px solid DCB683;
    left: -9999px;
    position: absolute;
    width: 300px;
  }
  .column {
        width: 100%;
    }
	.post__content {
    padding: 0 20px!important;
}
}
.navigation::before {
	border: 1px solid #B77B3A;

}
/*gallery edits */
.ba-album.css-style-13 .ba-caption{
	background:#B77B3A!important
}
.ba-album.css-style-13 .ba-caption h3, .ba-gallery-grid.css-style-13 .ba-caption h3 .ba-album.css-style-11 .ba-caption h3, .ba-gallery-grid.css-style-11 .ba-caption h3 {
    font-family: lithos-pro-regular;
}
.ba-gallery .category-filter a.ba-filter, .ba-gallery .category-filter a.ba-filter-active {
	font-family: lithos-pro-regular;
}
.ba-gallery  .ba-gallery .category-filter a.ba-filter, .ba-gallery .category-filter a.ba-filter-active {
    font-family: lithos-pro-regular;
}
.ba-gallery .categories-description a {

    color: #E21D1D
}
/* mobile menu */
.ba-gallery select.ba-select-filter {
	background-color: #000!important;
	border: none!important;
	color: #fff!important;
	height: 30px;
	
}


h2, h3 .site-title {
    font-family: lithos-pro-regular!important;
    text-transform: uppercase;
	/*font-family:times, serif!important;*/
}

.mycaption{
	font-size:70%
}



/* sub-intro with columns */
.col1, .col2 {
  padding:10px
}
@media only screen and (min-width: 670px){
  .parent {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width: 1025px){
  .parent {
    grid-template-columns: 1fr 1fr;
  }
}

.component__bottom{
	background:#DCB683;
}

.subpage.component__bottom:before {
    background: #DCB683;
}
.subpage{
	color: #000;
	box-shadow:none;
}
.subpage.component__bottom {
    padding: 50px 5px;
}

.footer{
	padding:0
}

/* fcp edit contact form */
.contact_single__subheader {
  margin: 80px 0 5px 0;
}

.contact_single__list {
  clear: left;
  overflow: hidden;
  display:inline
}

/* for the hidden login */
.tinner {padding:15px 5px; width:110%;}