.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {text-transform:uppercase; margin: 0px 20px 0px 20px;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span { padding: 0 10px;}
#sp-footer .container-inner {padding: 0px 0; border-top: 0px solid rgba(255, 255, 255, 0.1);}
.sp-megamenu-parent>li:hover>a {color:#ffffff; }
#sp-page-builder .sppb-section-title .sppb-title-heading {text-transform: uppercase;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {  text-transform: uppercase;}
#sp-main-body {padding:100px 0;}
#sp-header {position:absolute; width:100%;}
#sp-header {background:#000000;}
#sp-header.header-sticky {background:#000000 !important; margin-top:0px;}
p {margin-top:0; margin-bottom:1rem; clear:both; float:none;}
.article-details .article-header h1, .article-details .article-header h2 {color:#d10000;text-transform:uppercase;}
/* ========flagi ================= */
.sp-module-content .mod-languages ul.lang-inline li {border:none; margin:18px 3px 0px 3px;}
.sp-module-content .mod-languages ul.lang-inline li.lang-active {display:none;}
/* ====mwall====================================*/
.mnwall-date {padding:10px 15px 0;font-size:12px; text-align:right;}
.dark-text .mnwall-s-desc, .dark-text .mnwall-desc, .dark-text .mnwall-price, .dark-text .mnwall-hits, .dark-text .mnwall-count {color:#555;text-align:justify;}
.dark-text .mnwall-readmore a {color:#555; border:1px solid #777;float:right;}
.mnwall-list #mnwall_iso_container_1 .mnwall-item-inner .mnwall-title a, .mnwall-list #mnwall_iso_container_1 .mnwall-item-inner .mnwall-title span {font-size:18px; color:#d10000; font-weight:bold;}
.dark-text .mnwall-readmore a {color:#555; border:1px solid #777;float:right;color:#d10000;border:1px solid #f1f1f1;}
.mnwall-list #mnwall_iso_container_4 .mnwall-item-inner .mnwall-title a, .mnwall-list #mnwall_iso_container_4 .mnwall-item-inner .mnwall-title span {font-size:20px; font-weight:bold;}
.mnwall-item-outer-cont {box-sizing:border-box;height:100%; position:relative; overflow:hidden; box-shadow:#00000042 0px 0px 12px;}
.mnwall_iso_buttons a {padding: 0 12px; display: inline-block; line-height: 31px; height: 33px;border: 0px solid #ddd;margin: 0 2px 5px;text-decoration: none;outline: none;color: #fff;background: #ffffff00;box-shadow: 0 -1px 0 rgb(0 0 0 / 8%) inset;text-transform: uppercase;text-align: center;flex-wrap: nowrap;flex-direction: column-reverse;align-content: center;justify-content: space-evenly;align-items: baseline;}
.mnwall_iso_buttons a:hover {color:#d10000;}
.mnwall-masonry .mnwall-photo-link:hover {width: 100%; max-width: 100%; -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05, 1.05);-webkit-transition: All .2s ease;-moz-transition: All .2s ease;-o-transition: All .2s ease; transition: all linear .2s;}
/* ====off-canvas ==========*/
.burger-icon>span {background-color:#ffffff;}
.offcanvas-menu {background-color:#000000;}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {background-color: #fff;}
/*=====twitter=============== */
.twitter-timeline {height:600px !important;}
.wall-item .wall-bottom .item-content .jux-readmore a {background:#d10000; color:#fff;font-size:12px;padding:5px 10px;}
.wall-item .wall-bottom .item-content .catItemDateCreated {font-family:inherit;text-transform:none;font-size:13px;color:#ffffff;font-style:inherit;padding:10px 0;margin:0;font-weight:bold;}
/* ======social-icons======== */
#easy-social-icons ul.jssocialicons > li > a.si-size-48, #easy-social-icons ul.jssocialicons > li > a.si-size-64 {margin-right:5px; margin-bottom:5px;}
#easy-social-icons .jssocialicons-icons {display:flex; width:100%;right:0px; justify-content:flex-start;}
#easy-social-icons ul.jssocialicons > li > a {text-align:left;}
#easy-social-icons ul.jssocialicons {padding:0px;}
/* ==== mobile-format==============*/
@media screen and (max-width:996px){
#easy-social-icons ul.jssocialicons > li > a.si-size-48, #easy-social-icons ul.jssocialicons > li > a.si-size-64 {margin-right:5px; margin-bottom:5px;}	
#easy-social-icons .jssocialicons-icons {display:table;width:100%;}
#easy-social-icons ul.jssocialicons > li > a.si-size-64 {font-size:38px;width:45px;height:45px;line-height:45px; margin: 0px 10px;}
#sp-header {background:background:#000000; margin-top:0px;}
#sp-header.header-sticky {background:#000000 !important;margin-top:0px;}
#easy-social-icons ul.jssocialicons > li > a {text-align:center;}
.sp-module-content .mod-languages ul.lang-inline {margin: -4px 0px 0px 0px;}
}
/*================= */
.flagi{float:right;}
/* =====
#sp-header.header-sticky .sp-megamenu-parent > li > a:hover {color:#d10000 !important;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{color:#fff;} 
===============*/

.kreska-menu {display: inline-block;position: relative;color: #d10000;}
.kreska-menu:after {content: ''; position: absolute; width: 100%; transform: scaleX(0);height: 2px; bottom: 18px; left: 0; background-color: #d10000;transform-origin: bottom right;transition: transform 0.25s ease-out;}
.kreska-menu:hover:after {transform: scaleX(1);  transform-origin: bottom left;}
.acordl{margin: 0px 20px 0px 50px; position: relative;}
.acordl:before {content: "";display: block;width: 50px;height: 1px;background: #ffffff;left: -50px;top: 50%;position: absolute;}

.acordr{margin: 0px 50px 0px 0px; position: relative;}
.acordr:before {content: "";display: block;width: 50px;height: 1px;background: #ffffff;right: -50px;top: 50%;position: absolute;}

.hlinel{margin: 0px auto; position: relative;}
.hlinel:before {content: "";display: block;width: 880px;height: 1px;background: #ffffff;left: -900px;top: 50%;position: absolute;}
.hliner {margin: 0px auto;position: relative; }
.hliner:after {content: "";display: block;width: 880px;height: 1px;background: #ffffff;right: -900px;top: 50%;position: absolute; }

#sppb-addon .sppb-addon-title {font-size: 30px;}
.sppb-panel-title :hover {color: #ff0000;}
.sppb-panel-heading .sppb-toggle-direction {
    position: initial; color:#ffffff;}
	
@import url('https://fonts.googleapis.com/css?family=Raleway');

$defaultSeconds: 3s;

body {
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
}
.flex-container {
	position: absolute;
	height: 100vh;
	width: 100%;
	display: -webkit-flex; /* Safari */
	display: flex;
	overflow: hidden;
	@media screen and (max-width: 768px) {
		flex-direction: column;
	}
}
.flex-title {
	color: #f1f1f1;
	position: relative;
	font-size: 6vw;
	margin: auto;
	text-align: center;
	transform: rotate(90deg);
	top: 15%;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	@media screen and (max-width: 768px) {
		transform: rotate(0deg) !important;
	}
}
.flex-about {
	opacity: 0;
	color: #f1f1f1;
	position: relative;
	width: 70%;
	font-size: 2vw;
	padding: 5%;
	top: 20%;
	border: 2px solid #f1f1f1;
	border-radius: 10px;
	line-height: 1.3;
	margin: auto;
	text-align: left;
	transform: rotate(0deg);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	@media screen and (max-width: 768px) {
		padding: 0%;
		border: 0px solid #f1f1f1;
	}
}


.flex-slide {
	-webkit-flex: 1;  /* Safari 6.1+ */
	-ms-flex: 1;  /* IE 10 */    
	flex: 1;
	cursor: pointer;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	@media screen and (max-width: 768px) {
		overflow: auto;
		overflow-x: hidden;
	}
}
.flex-slide p {
	@media screen and (max-width: 768px) {
		font-size: 2em;
	}
} 
.flex-slide ul li {
	@media screen and (max-width: 768px) {
		font-size: 2em;
	}
} 
.flex-slide:hover {
	-webkit-flex-grow: 3;
	flex-grow: 3;
}
.home {
	height: 100vh;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/lake-macquarie-71208_1920.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	@media screen and (min-width: 768px) {
		animation: aboutFlexSlide $defaultSeconds 1;
		animation-delay: 0s;
	}
}

@keyframes aboutFlexSlide {
	0% {
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
	50% {
		-webkit-flex-grow: 3;
		flex-grow: 3;
	}
	100% {
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
}

.flex-title-home {
	@media screen and (min-width: 768px) {
		transform: rotate(90deg);
		top: 15%;
		animation: aboutFlexSlide $defaultSeconds 1;
		animation-delay: 0s;
	}
}



@keyframes homeFlextitle {
	0% {
		transform: rotate(90deg);
		top: 15%;
	}
	50% {
		transform: rotate(0deg);
		top: 15%;
	}
	100% {
		transform: rotate(90deg);
		top: 15%;
	}
}

.flex-about-home {
	opacity: 0;
	@media screen and (min-width: 768px) {
		animation: aboutFlexSlide $defaultSeconds 1;
		animation-delay: 0s;
	}
}

@keyframes flexAboutHome {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}



.about {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/beach-2089959_1280.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;	
}
.contact-form {
	width: 100%;
}
input {
	width: 100%;
}
textarea {
	width: 100%;	
}
.contact {
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/lake-696098_1920.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}
.work {
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/forest-208517_1280.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}



// Preloader
.spinner {
	position: fixed;
	top: 0;
	left: 0;
	background: #222;
	height: 100%;
	width: 100%;
	z-index: 11;
	margin-top: 0;
	color: #fff;
	font-size: 1em;
}

.cube1, .cube2 {
  background-color: #fff;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes sk-cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}