/*
Theme Name: Andarta Studio Theme
Theme URI: 
Author: Kiril Kalchev
Author URI: http://formi.bg
Description: Specially made for Andarta Studio
Version: 1.0

Text Domain: andarta-theme

This theme is protected.
*/


@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic-ext');


@keyframes uk-fade-top {
	0%{opacity:0;transform:translateY(-100%)}
	100%{opacity:1;transform:translateY(0)}
}


.preloader-window {position:absolute; width:100%; height:100%; z-index:999; background-color:#ffffff; display:block;}
.preloader-container {position:absolute; width:100px; height:50px; margin-left:-35px; left:50%; top:50%;}
.preloader-container img {width:2vw;}


* {margin:0; padding:0; }

/*
 * html {

	background-color: rgba(255,255,255,1);
	font-family: 'Open Sans', sans-serif;  font-weight:normal; color:#000000;
	font-size:90%;
	-ms-text-size-adjust: 90%;
	-webkit-text-size-adjust: 90%;
}
*/

body {   
	font-family: 'Open Sans', sans-serif !important;  font-weight:300; color:#000000;
}


/*Под 1400px: default
  От 1400 до 1800: 1vw
  От 1800 до 2000: 0.8vw
  От 2000 нагоре 0.6vw  
  



@media screen and (min-width: 1400px) {
	body {
			font-size:1vw;
	-ms-text-size-adjust: 1vw;
	-webkit-text-size-adjust: 1vw;
	}
}

@media screen and (min-width: 1800px) {
	body {
			font-size: 1vw;
	-ms-text-size-adjust: 1vw;
	-webkit-text-size-adjust: 1vw;
	}
}

@media screen and (min-width: 2000px) {
	body {
			font-size: 0.7vw;
	-ms-text-size-adjust: 0.7vw;
	-webkit-text-size-adjust: 0.7vw;
	}
}

 */

@media screen and (max-width: 14in) {
p.sub-heading-small {display:none;}
	.heading-small {margin-top:6%;}
}


@media screen and (min-width: 9in) {
	body {
			font-size:1.3vw;
	-ms-text-size-adjust: 1.3vw;
	-webkit-text-size-adjust: 1.3vw;
	}
			
}



@media screen and (min-width: 13in) {
	body {
			font-size:1vw;
	-ms-text-size-adjust: 1vw;
	-webkit-text-size-adjust: 1vw;
	}

}

@media screen and (min-width: 16in) {
	body {
			font-size: 0.9vw;
	-ms-text-size-adjust: 0.9vw;
	-webkit-text-size-adjust: 0.9vw;
	}

}

@media screen and (min-width: 20in) {
	body {
			font-size: 0.8vw;
	-ms-text-size-adjust: 0.8vw;
	-webkit-text-size-adjust: 0.8vw;
	}
}


@media screen and (min-width: 24in) {
	body {
			font-size: 0.7vw;
	-ms-text-size-adjust: 0.7vw;
	-webkit-text-size-adjust: 0.7vw;
	}
}













p {margin:10px;}


h1, h2, h3, h4, h5, h6 {padding:0px; letter-spacing:-1px;}


h1 {font-size:180%; font-weight:300;}
h2 {font-size:180%; font-weight:300;}
h3 {font-size:160%; font-weight:300;}
h4 {font-size:140%; font-weight:300;}
h5 {font-size:120%; font-weight:300;}
h6 {font-size:120%; font-weight:300;}


a {text-decoration:none; color:#952E45;}
a:hover {text-decoration:underline;}


.border {border: solid 1px;}

img {overflow:auto;}
div {overflow:visible;}




.header-background {position:fixed; top:0; left:0; width:100%; height:8%; background-color:#e5e5e5; z-index:1; opacity:0;}
.new-h-b {height:6%; background-color: rgba(255,255,255,1); transition:all 400ms;}


.header-home { position:fixed; left:0; top:0; width:auto; height:20%;}
.header-home img {position:relative; margin:10px 0 0 20px; width:auto; height:30%;}
img.home-logo {position:fixed; margin:-30px 0 0 20px; width:auto; height:7%; opacity:0; z-index:2; }
.new-h-l { height:4% !important; }



.content {position:relative; top:13vh; left:0; width:100%; height:auto; opacity:1;}
.content-regular {position:relative; float:right; top:13vh; margin-right:5%; width:66%; height:auto; opacity:1; overflow:hidden !important; }

.vertical-line {position:fixed; width:1px; height:100vh; left:23%; top:0; background-color:#972f46; opacity:0; z-index:3;}




.inside-post {opacity:0; left:0; position:relative;}


.footer-box {position:fixed; bottom:0; left:0;}
.footer-box p{font-size:70%; opacity:0.5; margin:5px 10px 5px 10px;}



.menu-navigation-container {position:absolute; right:20px; top:0; opacity:0; z-index:2; }
.new-m-n {top:2.3% !important; }

ul.main-navigation {}
ul.main-navigation li {display:inline;}
ul.main-navigation li a {padding:2px 15px 2px 15px; text-transform:uppercase; color:#484848; margin:0; transition:all 400ms;} 
ul.main-navigation li a:hover {background-color:#952E45; text-transform:uppercase; color:#ffffff; text-decoration:none; transition:all 400ms;} 


#speakers {position:fixed; right:-220px; bottom:-240px; width:65%; height:auto; z-index:-1; opacity:0;}

.four-holder {position:relative; width:60%; height:auto; left:48%; margin-left:-30%; top:20px; padding:0;}
.boxx {position:relative; width:49%; height:auto; float:left; margin:0.10%; opacity:0; z-index:3;}
.boxx img {position:relative; width:100%; height:auto; margin:0; padding:0; margin-bottom:-2.8px !important; z-index:1;} 
div.four-heading {position:absolute;}
.top-left {left:0; top:0;}
.top-right {right:0; top:0;}


#bm1, #bm2, #bm3, #bm4 {position:absolute; z-index:4; width:100%; height:100%;}
#bm1:hover ~ .four-heading h1  {color:#ffffff;}
#bm1:hover ~ p.description  {color:#ffffff;}
#bm1:hover ~ hr  {background: #ffffff;}
#bm1:hover ~ p.read-more  {opacity:1;}

#bm2:hover ~ .four-heading h1  {color:#ffffff;}
#bm2:hover ~ p.description  {color:#ffffff;}
#bm2:hover ~ hr  {background: #ffffff;}
#bm2:hover ~ p.read-more  {opacity:1;}

#bm3:hover ~ .four-heading h1  {color:#ffffff;}
#bm3:hover ~ p.description  {color:#ffffff;}
#bm3:hover ~ hr  {background: #ffffff;}
#bm3:hover ~ p.read-more  {opacity:1;}

#bm4:hover ~ .four-heading h1  {color:#ffffff;}
#bm4:hover ~ p.description  {color:#ffffff;}
#bm4:hover ~ hr {background: #ffffff;}
#bm4:hover ~ p.read-more  {opacity:1;}





.four-heading h1 {font-size:1.8vw; padding:10px; z-index:2; color:#2b2b2b;}
.four-heading {z-index:2;}
hr {position:absolute; border: 0; height: 1px; background: #c4c4c4; margin-top:-5px; z-index:2;}
p.description {font-size:0.85vw; position:absolute; top:43%; z-index:2; color:#2b2b2b;}
p.read-more {z-index:2; display:block; position:absolute; margin:10px; font-size:12px; padding:3px 15px 3px 15px; border:solid 1px; text-decoration:none; color:#ffffff; border-color:#ffffff; opacity:0;}
p.read-more:hover {color:#d81742; border-color:#d81742;}

img.button-back {position:absolute; left:0; top:0; width:100%; height:auto; z-index:0;}





.bottom-left {bottom:0px; left:0;}
.bottom-right {bottom:0px; right:0;}
.right {right:0; text-align:right;}
.left {left:0;}


.full-page-background {position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:-1; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; opacity:0; }





.current-page {position:fixed; top:18vh; left:0; width:28%; height:auto;}
img.icon {position:relative; top:0; left:0%; width:auto; height:10vh; clear:right; opacity:0;} 
h1.heading {font-size:1.7vw; color:#952e45; position:relative; left:0%; opacity:0;}
p.sub-heading {margin:0; position:relative; top:0; left:0%; font-size:0.95vw; color:#404040; opacity:0;}

.heading-small {font-size:90%; color:#952e45; position:relative; left:0%; opacity:1;}
p.sub-heading-small {font-size:80%; margin:0; position:relative; top:0; left:0%; color:#404040; opacity:1;}





.other-pages {position:fixed; top:40vh; left:1vw; width:24%; height:auto; margin-top:2%;}
.other-container {position:relative; width:92%; height:auto; left:0%; opacity:0; clear:left; margin:0 0 4% 0; overflow:auto;}

.other-container a {text-decoration:none;}

img.o-image {position:relative; width:20%; height:auto; left:0; float:left; margin:0 2% 0 0; overflow:auto;}



.sidebar-area {position:fixed; top:18vh; left:1vw; width:24%; height:auto; opacity:0;}
.sidebar-area-map {position:fixed; top:26vh; left:1vw; width:24%; height:auto; opacity:0;}





.social-container {position:fixed; bottom:0; left:0; width:15%; height:4vh; opacity:0;}
.social-container img {position:relative; float:left; width:auto; height:70%; margin:0 0 5px 10px;  opacity:0.4;}
.social-container img:hover {opacity:0.7;}



.projects-container {position:relative; float:left; width:18%; height:33vh; margin: 0 7% 4% 0;}
.projects-container img {position:relative; width:80%; height:auto; left:0; top:0;}
.projects-container img:hover ~ p.project-heading {opacity:1; transition: opacity 300ms;}
.projects-container img:hover ~ p.project-description {opacity:1; transition: opacity 300ms;}

p.project-heading {font-size:0.75vw; color:#952e45; position:relative; left:0; margin:-40px 0 0 0; opacity:0; transition: opacity 300ms;}
p.project-description {font-size:0.8vw; color:#303030; position:relative; left:0; margin:0; opacity:0; transition: opacity 300ms;}

.inside-post-raw1 {opacity:0; left:0; position:relative;}
.inside-post-raw2 {opacity:0; left:0; position:relative;}
.inside-post-raw3 {opacity:0; left:0; position:relative;}




.contact-container {position:relative; width:20%; height:auto; float:left; margin:10% 4% 0 0; text-align:center;}
.contact-container img {width:30%; height:auto; position:relative;}
.contact-container img:hover {opacity:0.8;}
.contact-container p.project-heading {margin:0 0 0 0; opacity:1 !important;}
.contact-container p.project-description {margin:0 0 0 0; opacity:1 !important;}
.contact-container a {color:#252525;}

.frm_form_field {margin-bottom:10px !important;}
label {display:none !important; font-family: 'Open Sans', sans-serif !important;}
input {border-radius:0 !important; height:auto !important; font-size:11px !important; border:0 !important; box-shadow:none!important; font-family: 'Open Sans', sans-serif !important;}
textarea {border-radius:0 !important; font-size:11px !important; border:0 !important; box-shadow:none !important; margin-bottom:0px !important; font-family: 'Open Sans', sans-serif !important;}
button {border-radius:0 !important; border:0 !important; box-shadow:none !important; font-size:11px !important; padding: 5px 25px !important; font-family: 'Open Sans', sans-serif !important; transition: all 300ms;}
button:hover {background-color:#962e45 !important; color:#ffffff !important; padding: 5px 25px !important; transition: all 300ms; }


.map-andarta {position:relative; width:100%; height:auto; margin:0; opacity:1;}
.filler {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#962e45; text-align:center; opacity:0; transition:opacity 300ms;}
.filler:hover {opacity:1; transition:opacity 300ms;}
.filler p {position:relative; color:#ffffff; top:40%;}
.separator {position:relative; width:100%; height:auto; top:0; left:0;}