/*   
Theme Name: Kuakomekiki Theme
Theme URI: http://pgworks.gr
Description: A style theme for Kuakomekiki.
Author: Panos Gkatzelidis
Author URI: http://pgworks.gr
Version: 2.0
*/

/* ==========================================================================
   Fonts
   ========================================================================== */
	
	/*font-family: 'Roboto Slab', serif;*/
	
	@font-face {
		font-family:'AmericanTypewriter-Regular';
		src: url('https://1e341a.claudeassets.com/20201202210025im_/https://kuakomekiki.com/wp-content/themes/kuakomekiki/_/fonts/AmericanTypewriter_gdi.eot');
		src: url('https://e691d5.claudeassets.com/20201202210025im_/https://kuakomekiki.com/wp-content/themes/kuakomekiki/_/fonts/AmericanTypewriter_gdi.eot#iefix') format('embedded-opentype'),
			url('https://94d8ef.claudeassets.com/20201202210025im_/https://kuakomekiki.com/wp-content/themes/kuakomekiki/_/fonts/AmericanTypewriter_gdi.woff') format('woff'),
			url('https://d43e94.claudeassets.com/20201202210025im_/https://kuakomekiki.com/wp-content/themes/kuakomekiki/_/fonts/AmericanTypewriter_gdi.ttf') format('truetype'),
			url('https://a3bb68.claudeassets.com/20201202210025im_/https://kuakomekiki.com/wp-content/themes/kuakomekiki/_/fonts/AmericanTypewriter_gdi.svg#AmericanTypewriter-Regular') format('svg');
		font-weight: 400;
		font-style: normal;
		font-stretch: normal;
		unicode-range: U+0020-25CA;
	}


/* ==========================================================================
   Helper classes
   ========================================================================== */
   
	.container { margin: 0 auto; position: relative; width:100%; max-width: 1050px;  padding-left:40px; padding-right:40px;}
	.container:before, .container:after { content: " "; display: table; }
	.container:after { clear: both; }
	.container { *zoom: 1; }
	.container-fluid { width: 100%; padding: 0 15px; }
	
	.clearfix:before,
	.clearfix:after { content: " "; display: table; }	
	.clearfix:after { clear: both; }
	
	.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	.visuallyhidden.focusable:active,
	.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

	img { max-width: 100%; }
	ul, li { list-style: none; padding: 0; margin: 0; }
	p { margin: 0; padding: 0; }
	h1,h2,h3,h4,h5,h6 { font-weight: normal; margin: 0; line-height: 1em; padding: 0; }
	p { color: #382F2D; font-size: 18px; line-height: 1.18em; }
	a { text-decoration: none; color: #DC1928; }
	
	.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } 
	
	.hidden-desktop { display: none; }
	
	.block {display:block;}
	.table {display:table;}
	.table-cell {display:table-cell; vertical-align:middle;}	
	.text-right {text-align:right;}
	.text-center {text-align:center;}	
	.relative {position:relative;}
	.pull-left {float:left;}
	.pull-right {float:right;}
	.cover {background-position:center center; background-repeat:no-repeat; background-size:cover;}

/* ==========================================================================
   Grid
   ========================================================================== */

	* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	
	.row { margin: 0 -20px; }
	.row:before, .row:after { content: " "; display: table; }
	.row:after { clear: both; }
	.row { *zoom: 1; }
	.row>div { padding: 0 20px; }
	
	.row10 { margin: 0 -5px; }
	.row10>div { padding: 0 5px; }
	
	
	.col12{width:100%;float:left;}
	.col11{width:91.666666666667%;float:left;}
	.col10{width:83.333333333333%;float:left;}
	.col9{width:75%;float:left;}
	.col8{width:66.666666666667%;float:left;}
	.col7{width:58.333333333333%;float:left;}
	.col6{width:50%;float:left;}
	.col5{width:41.666666666667%;float:left;}
	.col4{width:33.333333333333%;float:left;}
	.col3{width:25%;float:left;}
	.col2{width:16.666666666667%;float:left;}
	.col1{width:8.3333333333333%;float:left;}
	
	.col20{width:20%;float:left;}
	.col30{width:30%;float:left;}
	.col40{width:40%;float:left;}
	.col60{width:60%;float:left;}
	.col70{width:70%;float:left;}
	.col80{width:80%;float:left;}
	.col90{width:90%;float:left;}

/* ==========================================================================
    General styles
   ========================================================================== */
   
	html { background:#fff; font-size:62.5%; -webkit-text-size-adjust: 100%; height:100%;}
	body { font-family: 'Roboto Slab', serif; color:#000; background:#F5EED9; min-height:100%; position:relative; font-size:16px;} /*#F2EAD1*/
	/*body::before {content:''; display:block; position:absolute; top:0; bottom:0; right:0; background:url(https://874456.claudeassets.com/20201202210025im_/https://kuakomekiki.com/wp-content/themes/kuakomekiki/_/img/bg2.png) top left repeat-y; width:590px; }*/
	
	a { color:#B5434E; text-decoration:none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; outline:none!important; }
	a:hover { color:#4e74a3;}
	
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #834e2e; opacity:1; }
	input:-moz-placeholder, textarea:-moz-placeholder{ color: #834e2e; opacity:1; }
	input::-moz-placeholder, textarea::-moz-placeholder { color: #834e2e; opacity:1; }
	input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #834e2e; opacity:1; }

   
/* ==========================================================================
    Preloader
   ========================================================================== */	
   
    #page {opacity:0;}
	.loading {display:block;/*background-color:#fff;*/color:333;top:0;bottom:0;width:100%;height:100%;text-align:center;position:fixed;z-index:6000;}	
	.loading .bar {top:46%;left:40%;background-color:#999;width:20%;color:#333;font-size:20px;height:5px;text-align:center;position:absolute;}
	.loading .percent { /* Preload percentage bar */background-color:#000;width:2%;	height:5px;}
	.loading span {	top:49%;left:0%;width:100%;color:#000;font-size:15px;text-align:center;z-index:6000;position:absolute;}

/* ==========================================================================
    Typography
   ========================================================================== */
   h2 {font-weight:normal; font-size: 30px;line-height:1.4; color:#D3818E; margin-bottom:5px;}
   h3 {font-weight:normal; font-size: 24px;line-height:1.4; color:#BC6577; margin-bottom:20px;}
   h4 {font-weight:normal; font-size: 20px;line-height:1.4; color:#4e74a3; margin-bottom:15px; margin-top:15px;}
   h5 {font-weight:normal; font-size: 17px;line-height:1.4; color:#D3818E; margin-bottom:5px;}
   
   .text-red {color:#B5434E;}
   .text-blue{ color:#4e74a3;}
   
   .alignnone { margin: 5px 20px 20px 0;}
	.aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto;}
	.alignright { float:right; margin: 5px 0 20px 20px; }
	.alignleft { float:left; margin: 5px 20px 20px 0; }
	.aligncenter { display: block; margin: 5px auto 5px auto; }
	a img.alignright { float:right; margin: 5px 0 20px 20px;}
	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%; 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; }

/* ==========================================================================
    Header
   ========================================================================== */
   
	.header{width:100%; z-index:500; padding-top:35px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;}
	
	.logo{ display:inline-block; max-width:400px;}		
	.logo span {display:block;font-family:'AmericanTypewriter-Regular'; font-size:24px; color:#51729d;}
	html[lang=el] .logo span {font-family: 'Roboto Slab', serif;font-size:22px;}
	
	.lang-switcher {list-style:none; padding-top:5px;}
	.lang-switcher li {list-style:none; display:inline-block;color:#c35e6c; font-size:16px;}
	.lang-switcher li::after {content:'|'; color:#7c7771; display:inline-block; padding-left:7px; padding-right:6px;}
	.lang-switcher li:last-child::after {display:none;}
	.lang-switcher li a {color:#c35e6c;}
	.lang-switcher li.active a,
	.lang-switcher li a:hover {color:#4e74a3;}
	
	.nav{ list-style:none;  }
	.nav li{ list-style:none; display:inline-block; padding-top:20px;  font-weight:400; letter-spacing:1px; font-size:24px; line-height:1.4;color:#634138; }
	.nav li a{ text-transform:lowercase;}
	.nav li.on a,
	.nav li a:hover{ }
	.nav li.current-menu-item {color:#4e74a3;}
	.nav li.current-menu-item a{color:#4e74a3;}
	.nav li::after {content:'|';  display:inline-block; padding-left:13px; padding-right:12px;}
	.nav li:last-child::after {display:none;}
	
	.homepage  .nav {padding-top:20px;}
	
	.header .nav li{  padding-top:55px;  font-weight:400; letter-spacing:1px; font-size:17px; line-height:1.4;color:#634138; }
	
	/*
	.header.sticky {position:fixed; top:0; left:0; right:0;}
	body.header-fixed {padding-top:150px;}
	
	.header.sticky .logo {max-width:250px;}
	.header.sticky .nav {float:right;}*/


/* ==========================================================================
    Sections
   ========================================================================== */	
	.section {position:relative;}
	h2.section-title {text-align:center; margin-bottom:50px; color:#4e74a3; }
	
	.hidden {visibility:hidden;}
	
	.section-intro {}
	.section-intro .container {padding-top:140px;}
	
	.dwg-group1 {position:relative; width:100%; max-width:890px;  height:495px; margin:0 auto; }
		
	.dwg-house {position:absolute; left:50%; bottom:65px; margin-left:-200px; z-index:1; }
	.dwg-house img {max-width:365px;}
	.dwg-tree1 {position:absolute;bottom: 90px;left: 20px; z-index:8;}
	.dwg-tree1 img {max-width:220px;}
	.dwg-tree2 {position:absolute;bottom: 75px;right: 65px; z-index:9;}
	.dwg-tree2 img {max-width:295px;}
	.dwg-tayle {position:absolute; bottom: 75px;left: 20%; z-index:10;}
	.dwg-tayle img {max-width:125px;}
	.dwg-terain {position:absolute; bottom:0px; left:-20px; z-index:0;}
	.dwg-terain img {max-width:888px;}
	.dwg-butterfly {position:absolute; top:0; left:28%; z-index:0;}
	.dwg-butterfly img {max-width:60px;}
	
	.dwg-sun {position:absolute; top:-100px;; right:0; }
	.dwg-sun img {max-width:200px;}
	
	.section-apps {padding-top:70px;}
	
	.apps-cont {}
	.app-item{margin-bottom:40px;}
	.app-item-image {display:block; border-radius:5px; -webkit-border-radius:5px; overflow:hidden;transform: translate3d(0,0,0,);} 
	.app-item-image:hover {opacity:0.8!important;}
	.app-item-image img {display:block; max-width:100%; height:auto;  }
	.app-status {dipsplay:inline-block; font-weight:normal; font-size: 18px;line-height:1.4; color:#304874; margin-bottom:5px;}
	.app-item h3 {font-weight:normal; font-size: 28px;line-height:1.4; color:#B02541; margin-bottom:20px;}
	.app-item h3 a {color:#B5434E;}
	.app-item h3 a:hover{color:#4e74a3;}
	.app-nav {list-style:none;}
	.app-nav li {list-style:none; display:inline-block;}
	.app-nav li a {display:inline-block;  margin-right:10px; }
	
	.app-nav.disabled a {opacity:0.6;}
	
	.section-about {padding-top:70px;}
	.section-about p.lead {font-size:20px;line-height:1.5;  max-width:400px; margin:0px auto 50px auto; position:relative; padding-bottom:50px;}
	.more-link {position:absolute; bottom:0; right:0; font-size:16px;}	
	
	
/* ==========================================================================
    Effects
   ========================================================================== */		
   
   .dwg-sun.spin-item  {			
		-webkit-animation-name: spin;
		-webkit-animation-duration: 25s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-moz-animation-name: spin;
		-moz-animation-duration: 25s;
		-moz-animation-iteration-count: infinite;
		-moz-animation-timing-function: linear;
		-ms-animation-name: spin;
		-ms-animation-duration: 25s;
		-ms-animation-iteration-count: infinite;
		-ms-animation-timing-function: linear;		
		animation-name: spin;
		animation-duration: 25s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}
	
	@-ms-keyframes spin {
		from { -ms-transform: rotate(0deg); }
		to { -ms-transform: rotate(359deg); }
	}
	@-moz-keyframes spin {
		from { -moz-transform: rotate(0deg); }
		to { -moz-transform: rotate(359deg); }
	}
	@-webkit-keyframes spin {
		from { -webkit-transform: rotate(0deg); }
		to { -webkit-transform: rotate(359deg); }
	}
	@keyframes spin {
		from {
			transform:rotate(0deg);
		}
		to {
			transform:rotate(359deg);
		}
	}
	
			
	
/* ==========================================================================
    Footer
   ========================================================================== */				
				
	.footer{ padding-top:70px; padding-bottom:40px;  }
	.footer .nav {margin-bottom:30px; text-align:left;}
	.footer .nav li::after { padding-left:9px; padding-right:8px;}
	.footer .nav li { font-size:18px;}
	.footer p {padding-bottom:20px;}
	
	.dwg-group2 {position:relative; width:100%;  max-width:420px; height:395px;  overflow:hidden;}
	
	.dwg-reeds {position:absolute; right:0px; bottom:90px; z-index:1; }
	.dwg-reeds img {max-width:360px;}
	.dwg-waterlilly {position:absolute; right:20px; bottom:0px; z-index:3; }
	.dwg-waterlilly img {max-width:295px;}
	.dwg-waterlilly2 {position:absolute; left:0px; bottom:80px; z-index:1; }
	.dwg-waterlilly2 img {max-width:230px;}
	.dwg-pink-flower {position:absolute; left:60px; bottom:125px; z-index:1; }
	.dwg-pink-flower img {max-width:100px;}
	.dwg-frog {position:absolute; right:85px; bottom:22px; z-index:5; }
	.dwg-frog img {max-width:175px;}
	
	.social-nav {list-style:none;}
	.social-nav li {list-style:none; display:inline-block;}
	.social-nav li a {display:inline-block; width:60px; margin-right:5px;}
 
	.copyright {padding-bottom:40px; }


/* ==========================================================================
    Pages
   ========================================================================== */				

	.main {padding-top:40px;}
	
	.entry {font-size:16px;}
	.entry p {font-size:16px; margin-bottom:20px; line-height:1.5; }
	
	.featured-img {max-width:200px;}
	
	.boxes {padding-bottom:40px; padding-top:20px;}
	.team-cont  img {display:inline-block; /*box-shadow:0 0 5px 1px rgba(0,0,0,0.8);*/}
	.media-boxes img {display:inline-block;  max-width:130px;}
	
	.form {position:relative;}
	.form .form-control{display:block; border:0; border-bottom:2px solid #734F47;border-bottom:2px solid rgba(115,79,71,0.8); background:none; width:70%; height:48px;  margin-bottom:15px; padding:0 45px 0 0px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#4e74a3;}
	.form .mail-submit {display:block; border:0; position:absolute; top:-4px; right:20px; width:60px; height:44px; background:url(https://cade64.claudeassets.com/20201202210025im_/https://kuakomekiki.com/wp-content/themes/kuakomekiki/_/img/dwg-envelope.png) center center no-repeat; overflow:hidden; text-indent:9999px;}
	
	.accordion {}
	.accordion .acc-cont {}
	.accordion .acc-cont .acc-title {cursor:pointer;}
	.accordion .acc-cont .acc-content {display:none;}
	
	.app-gallery {}
	.app-gallery-item {margin-bottom:50px;}
	
	.gallery-widget { }
	.gallery-widget a {margin-bottom:10px;display:block;}
	.gallery-widget img{display:block; }
	
	.styled ul{list-style:none;}
	.styled.app-info ul li{list-style:none;display:block; margin-bottom:15px;}
	
	.widget {padding-bottom:20px;}
	
	.app-subsection {margin-bottom:30px;}
	
	.page-content {margin-bottom:40px;}
	


/* ==========================================================================
    Media Queries
   ========================================================================== */
	/*
	 * Tablet
	 */
	@media only screen and (max-width: 1024px) {
		/* Tablet grid */
		.col-md-12{width:100%;}
		.col-md-11{width:91.666666666667%;}
		.col-md-10{width:83.333333333333%;}
		.col-md-9{width:75%;}
		.col-md-8{width:66.666666666667%;}
		.col-md-7{width:58.333333333333%;}
		.col-md-6{width:50%;}
		.col-md-5{width:41.666666666667%;}
		.col-md-4{width:33.333333333333%;}
		.col-md-3{width:25%;}
		.col-md-2{width:16.666666666667%;}
		.col-md-1{width:8.3333333333333%;}
	
		/* Helpers */
		.hidden-tablet { display: none; }
		.visible-tablet { display: block; }
	}
	
	/*
	 * Mobile
	 */
	@media only screen and (max-width: 767px) {
		
		/* Mobile grid */
		.col-sm-12{width:100%;}
		.col-sm-11{width:91.666666666667%;}
		.col-sm-10{width:83.333333333333%;}
		.col-sm-9{width:75%;}
		.col-sm-8{width:66.666666666667%;}
		.col-sm-7{width:58.333333333333%;}
		.col-sm-6{width:50%;}
		.col-sm-5{width:41.666666666667%;}
		.col-sm-4{width:33.333333333333%;}
		.col-sm-3{width:25%;}
		.col-sm-2{width:16.666666666667%;}
		.col-sm-1{width:8.3333333333333%;}
	
		/* Helpers */
		.hidden-mobile { display: none; }
		.visible-mobile { display: block; }
	}   
	
	@media only screen and (max-width: 479px){
		
		/* Mobile grid */
		.col-xs-12{width:100%;}
		.col-xs-11{width:91.666666666667%;}
		.col-xs-10{width:83.333333333333%;}
		.col-xs-9{width:75%;}
		.col-xs-8{width:66.666666666667%;}
		.col-xs-7{width:58.333333333333%;}
		.col-xs-6{width:50%;}
		.col-xs-5{width:41.666666666667%;}
		.col-xs-4{width:33.333333333333%;}
		.col-xs-3{width:25%;}
		.col-xs-2{width:16.666666666667%;}
		.col-xs-1{width:8.3333333333333%;}
		
	}
	
	@media 
	(-webkit-min-device-pixel-ratio: 2), 
	(min-resolution: 192dpi) { 	
		/* Retina-specific stuff here */
		
	}
/*
     FILE ARCHIVED ON 23:03:32 Oct 13, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:16:05 Jun 28, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.566
  exclusion.robots: 0.068
  exclusion.robots.policy: 0.058
  esindex: 0.012
  cdx.remote: 6.721
  LoadShardBlock: 181.712 (3)
  PetaboxLoader3.datanode: 210.254 (5)
  PetaboxLoader3.resolve: 601.322 (3)
  load_resource: 692.814 (2)
*/