/*
Theme Name: WORKZ°NM SKY AM BOOTSTRAP 5
Theme URI: WWW.SKYAM.LI
Version: 1.0 2026
Description: HANDCRAFTED AND AMAZING RESPONSIVE
Author: FREDY HOLENSTEIN 
Author URI: HTTP://WWW.WORKZ.CH
*/


/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/titillium-web-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/titillium-web-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}





/* syne-regular - latin */
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/syne-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/syne-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/syne-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/syne-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/syne-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/syne-v14-latin-regular.svg#Syne') format('svg'); /* Legacy iOS */
}

/* syne-600 - latin */
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/syne-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/syne-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/syne-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/syne-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/syne-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/syne-v14-latin-600.svg#Syne') format('svg'); /* Legacy iOS */
}

/* syne-500 - latin */
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/syne-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/syne-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/syne-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/syne-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/syne-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/syne-v14-latin-500.svg#Syne') format('svg'); /* Legacy iOS */
}

/* syne-700 - latin */
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/syne-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/syne-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/syne-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/syne-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/syne-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/syne-v14-latin-700.svg#Syne') format('svg'); /* Legacy iOS */
}





body, html { height:100%;}


.carousel-caption {
    position: absolute;
    right: 20%;
    bottom: 100px;
    left: 20%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}


.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #262626;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0rem;
}



.grecaptcha-badge {visibility: hidden;}

div.plogo {
 height:40%;

  display:flex;
  align-items: flex-end; /* vertically aligned! */
  justify-content: center; }

	

body {
	font-family: 'Syne', Arial, "sans-serif";
	font-weight: 400;
	background:#fff;
	color:rgba(37,36,36,1.00);
	line-height:200%; letter-spacing:2px; font-size:15px;
}
.responsive {
	width: 100%;
	height: auto;
}

a.clink,
a.clink:hover,
a.clink:visited { color:#000; }

.ctext { line-height:200%; letter-spacing:2px; font-size:15px;}

hr.sb {
     width:100%;
    border:0;
	display:block;
    height:100px;
    background:url(../img/hrbg.png) no-repeat center;
}
 

 
 
 .rotate {
	background-image: url(../rotate.php);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#sitebg {height:100%; width:100%; background-size:cover; background-position:center;}

/****HEADER VISUAL ***/

section.introvisual {
	height: 100%;
	background-attachment: fixed;
}

h1.smallheader {
	font-family: 'Syne', Arial, "sans-serif";
	font-size:20px!important;
	font-weight: 400;
	color:rgba(255,255,255,1.00); 
	letter-spacing:2px; 
}
h3.introheader {
	font-family: 'Syne', Arial, "sans-serif";
	font-size:36px;
	font-weight: 700;
	color:rgba(255,255,255,1.00);
	line-height:120%; 
	letter-spacing:2px;
}

.bodyborder { border:50px solid #fff;}
.skygreen {color:rgba(12,134,144,1.00)}
.skydgreen {color:rgba(8,107,114,1.00)}


@media only screen and (max-width: 767px) {
h3.introheader {
	font-family: 'Syne', Arial, "sans-serif";
	font-size:22px;
	font-weight: 400;
	color:rgba(255,255,255,1.00);
	line-height:120%; 
	letter-spacing:0px;
}
	
	.bodyborder { border:10px solid #fff;}
}


h2.cont {line-height:200%; letter-spacing:2px; font-size:24px; font-weight: 600;}

/***** Screen 960px *****/



.divider {
	width: 100%;
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;
	border-left:0px solid #fff;
	border-right:0px solid #fff;
}
.v1 {
	height: 100%;
	background-image: url(../img/bg/divider_01.jpg);
	background-attachment: fixed;
	background-size: cover;
}
.v2 {
	background-image: url(../img/bg/divider_02.jpg);
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
}
.v3 {
	background-image: url(../img/bg/divider_03.jpg);
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
}


.v4 {
	background-image: url(../img/bg/divider_04.png);
	background-attachment: scroll;
	background-size: contain;
	background-repeat:no-repeat;
	background-position:right;
	height: 90%;
	width:100%; 
	
}
.v5 {
	background-image: url(../img/bg/divider_05.png);
	background-attachment: scroll;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:bottom center;
	height: 66%;
	width:100%; 
	
}
.v6 {
	background-image: url(../img/bg/divider_06.jpg);
	background-attachment: scroll;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:bottom left;
	height: 66%;
	width:100%; 
	
}
.v7 {
	background-image: url(../img/bg/divider_07.jpg);
	background-attachment: scroll;
	background-size: contain;
	background-repeat:no-repeat;
	background-position:right;
	height: 90%;
	width:100%; 
	
}


.introtxtbox {column-count: 2; column-gap: 30px; color:#fff;}
.teaserbox { color:#fff;}
.box {
	width: 100%;
	padding: 5px 0 5px 10px;
}
ul.list {
	padding-bottom: 12px;
	width: 45%;
	float: left;
	display: block;
}
ul.list li {
	padding-bottom: 12px;
}
/***** Logo, Btn & Phone Menu Btn *****/

div#logo {
	float: left;
}
object.toplogo,
img.toplogo {
	margin: 0 0 24px 40px;
}

img#intrologo { margin-top:10%; border:0px solid #fff; width:480px; height:auto;}
h4#title {
	margin: 0;
	width: 250px;
}
h1.introtitle {
	margin: 70px 0 0 0;
	height: 30px;
	float: right;
	font-size: 20px;
}
div#introtxt {
	margin: 0;
}
div#introadress {
	font-size: 14px;
}
div#intro_bg {
	height: 600px;
}
div#featimgsub {
	height: 480px;
}
div.featimg img, img.attachment-large {
	width: 100%;
	height: auto;
	border: none;
}
a.navigation-btn {
	display: none;
	float: right;
}
a.navigation-btn img {
	margin: 0 0 0 16px;
	padding: 0;
	width: 35px;
	height: auto;
	cursor: pointer;
	float: right;
}
a.btn-download, .btn-download {
	margin: 34px 0 0 0;
	padding: 8px 28px 9px 12px;
	display: inline-block;
	color: #fff;
	border: 1px solid #000;
	background: #000 url(../img/btn-arrow.png) no-repeat right;
	cursor: pointer;
	float: right;
}
a:hover.btn-download {
	text-decoration: none;
	border: 1px solid #000;
	color: #666;
	background: #000 url(../img/btn-arrow.png) no-repeat right;
}



/***** Navigation *****/


a.footer {color:rgba(12,134,144,1.00); text-decoration: none;}
a.footer:hover {color:rgba(14,179,192,1.00)}
a.footer:visited {color:rgba(12,134,144,1.00)}

ul.nav {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 300;
	list-style: none;
	width: auto;
	float: right;
}
ul.nav li {
	margin: 0;
	padding: 7px;
	display: block;
	float: left;
	background-image: none;
}
ul.nav li a {
	
	text-decoration: none;
	/*line-height: 40px;*/
	color:rgba(12,134,144,1.00);
	font-weight:400;
	padding:0;
	border-bottom: 1px solid rgba(0,0,0,0.00)
	;
}
ul.nav li a:hover, ul.nav li.current-menu-item a, ul.nav li.current-page-ancestor a, 
ul.nav li.current-post-ancestor a {
		padding:0;
	
	text-decoration: none;
	
	color:rgba(14,179,192,1.00)}

.nav > li > a:hover, .nav > li > a:focus {
	background: none;
}
ul#recent {
	padding: 0;
	list-style: none;
}
ul#recent li {
	margin-bottom: 4px;
}
ul#recent li a {
	font-size: 15px;
	line-height: 25px;
	font-weight: normal;
	color:#9c9587;
}
div#sidebar1 ul {
	margin-top: 24px;
}
div#sidebar1 ul li {
	list-style: none;
	background-image: none;
	display: inline-block;
}
div#sidebar1 ul li a {
	color: #1e1e1e;
	font-size: 16px;
	font-weight: 400;
	padding: 3px 5px 3px 10px;
	display: block;
	border-left: 1px solid rgba(0,0,0,0.00);
}
div#sidebar1 ul li a:hover, div#sidebar1 ul li.current_page_item a:hover, div#sidebar1 ul li.current_page_item a {
	border-left: 1px solid rgba(0,0,0,1.00);
	text-decoration: none!important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
ul.nav ul {
	display: none;
}
ul.nav li:hover ul.sub-menu {
	display: block;
	position: absolute;
	min-height: 150px!important;
	text-align: left!important;
	width: 150px;
	
 

	

}

ul.nav li li {
	float: none;
	width: 150px;
	background: #fff;
	text-align: left!important;
	background: #fff;
	margin-bottom:2px;

	
	 
}

ul.nav li:hover li {
	float: none;
	width: 150px;
	background: #fff;
	text-align: left!important;
	
	 
}

ul.nav li:hover li:hover {
	float: none;
	width: 150px;
	background: #ebebeb;
	text-align: left!important;
	
	 
}

ul.nav li:hover li a {
	

	 height: auto;
	color:#000;

	padding:7px;
	   text-align: left!important;

}

ul#menu-footer nav {
}
ul#menu-generic {
	margin:0;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	list-style: none;
	width: auto;
	float: right;
}
ul#menu-generic li {
	margin: 0 16px 0 0;
	padding: 0;
	display: block;
	float: left;
	background-image: none;
}
ul#menu-generic li a {
	padding: 0;
	text-decoration: none;
	
}
ul#menu-generic li a:hover, ul#menu-generic li.current-menu-item a, ul#menu-generic li.current-page-ancestor a {
	padding: 0;
	border-bottom: 1px solid #000;
	text-decoration: none;
	
}
h1.assistive-text {
	font-size: 18px;
	color: #BCB08F;
}
div.nav-previous a, div.nav-next a {
	font-size: 14px;
	color: #BCB08F;
}
div#mobilenavigation {
	display: none;
}
section#footer a, section#footer a:visited {
	color: #fff!important;
	text-decoration: underline!important;
}
footer {
	width: 100%;
	position: relative;
	bottom: 0;
	padding-top: 48px;
	color:#fff;
}
a,
a.foo { color:#000}
a.foo:hover,


footer.sub {
	width: 100%;
	position: relative!important;
	top: 200px;
	bottom: 0;
	margin-top: 0px;
}
footer ul {
	list-style: none;
}
footer ul li {
	margin: 0!important;
	line-height: 21px;
	text-indent: -15px;
}
footer h2 {
	margin-top: 24px;
}
/***** BACKGROUNDS  *****/



.blacktrans90 a {
	color: #fff!important;
	text-decoration: none;
	height: auto;
}
.blacktrans100 {
	background: rgba(0,0,0,1.00);
	color: #fff;
	height: auto;
}
.blacktrans100:hover {
	background: #000;
	color: #fff!important;
}
.blacktrans {
	background: rgba(0,0,0,0.68);
	color: #fff;
	height: auto;
}
.blacktrans:hover {
	background: #000;
	color: #fff!important;
}
.blacktrans h1 {
	color: #fff;
}
.dgreen {
	background: #2c2f17;
	color: #fff;
}
.boxbg {
	background: url(../img/boxbg_460.png) no-repeat top center;
	background-size: cover;
	width: 100%;
	min-height: 300px;
}
.left {
	float: left;
}
.right {
	float: right
}
.fullw {
	width: 100%;
}
.fixed {
	position: fixed;
	top: 0;
	height: 40px;
	z-index: 1;
	background: rgba(0,0,0,0.00);
	width: 100%;
	margin: 0!important;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}




/* MANSONRY */
.item {
	background: rgba(211,2,5,0.00);
	position: relative;
	float: left;
	margin-bottom: 0;
	margin-right: 0;
	padding: 0;
}
.iteminner {
	padding: 0px;
}
.iteminner h2 a {
	font-size: 21px;
	color: #fff;
}
.iteminner h2 a:hover {
	color: #666!important;
	text-decoration: none;
}
.iteminner h6 {
	color:rgba(60,60,40,1.00)
}






/***** mobile *****/
@media only screen and (max-width: 1023px) {
/***** Logo, Btn & Phone Menu Btn *****/

section.introvisual {
	height: 100%;
	background-attachment: scroll;
	background-size: cover;
	width: 100%;
}
section.screennav {
	display: none!important;
}

img#intrologo { margin-top:30%; border:0px solid #fff; width:240px; height:auto;}

.responsive {
	width: 100%;
	height: auto;
}
.reduce {
	width: 60%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
h2.claim {
	font-size: 22px;
	line-height: 33px;
	font-weight: 400;
}
h2.claim1 {
	font-size: 22px;
	line-height: 33px;
	font-weight: 400;
}
.v1 {
	height: 500px!important;
	background-attachment: scroll;
	background-size: cover;
	width: 100%;
}
.v2 {
	height: 500px!important;
	background-attachment: scroll;
	background-size: cover;
	width: 100%;
}
div#featimgsub {
	height: 180px;
}
a.navigation-btn {
	margin: 6px 0 0 0;
	display: inline-block;
}
a.btn-download, .btn-download {
	margin: 0;
}
/***** Navigation *****/
.navigation {
	position:relative;
	top:0; 
	left:20px;
	margin: 0 auto;
	display: none;
	background: none;
	width: 100%;
	background-color: #000;
}
div#mobilenavigation {
	display: block;
}
ul#menu {
	display: none;
}
ul#menu-generic {
	display: none;
}
ul#mobile {
	display: none;
}
div.content {
	margin-top: 10px;
}
div#menu-icon {
	display: block;
	width: 100%;
	height: 60px;
	padding: 5px 0 5px 0;
	background: rgba(255,255,255,1.00) url(../img/icon-menu.png) no-repeat;
	background-position: right 20px top 12px;
}
div#menu-icon img {
	padding-left: 15px;

}
div#menu-icon-link {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 0 7px 30px;
}
div#menu-icon-link a {
	font-size: 18px;
}
section.generic, section.header {
	display: none!important;
}
object.toplogo,
img.toplogo {
	height:40px;
	width: auto;
	margin:5px 0;
}
ul.mnav {
	margin: 0;
	padding: 3px 0 0px 0;
	font-size: 14px;
	background: #fff;
	list-style: none;
	text-align: left;
	width: 100%;
}
ul.mnav li {
	margin: 0;
	padding: 0;
	font-size: 14px;
	text-align: left;
	float: none;
	border-bottom: 1px solid #666;
}
ul.mnav li a {
	padding: 0 0 3px 25px;
	display: block;
	width: 270px;
	text-decoration: none;
	line-height: 30px;
	color: #000;
	border-left: 5px solid rgba(0,0,0,0.00);
}
ul.mnav li a:hover, ul.mnav li.current-menu-item a {
	padding: 0 0 3px 15px;
	text-decoration: none;
	font-weight: bold;
	line-height: 30px;
	color: #000;
	border-left: 5px solid #fff;
}
ul.mnav ul {
	display: block;
	margin: 0 0 0 10px;
}
ul.mnav li:hover ul {
	display: block;
}
ul.mnav ul li {
	border: none;
}
ul.mnav ul li.current-menu-item a {
	color: #fff;
}
.gallery-item {
	float: none!important;
	margin-top: 10px;
	text-align: center;
	width: 200px!important;
	height: auto!important;
}
.item {
	position: relative;
	width: 95%;
	float: none!important;
	padding: 15px 0 15px 0;
	margin-bottom: 35px;
	margin-right: 1%;
}
}







.menu-footer {
	font-size: 15px;
	line-height: 150%;
}


.navigation {
	position: relative;
	top: 0;
	right: 0px;
	width: auto;
	float: right;
	padding: 0;
	margin: 0;
	z-index: 1!important;
}


.generic {
	position:relative;
	right: 20px;
	top:0;
	width: auto;
	height:auto;
	background: rgba(255,255,255,0.00);
	color: #fff;
	overflow: hidden;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	text-align: center;
}
.header {
	position: fixed;
	top: 0px;
	right: 20px;
	width: 100%;
	background: rgba(255,255,255,1.00);
	color: #fff;
	z-index: 1000;
	height: 120px;
	overflow: visible;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	text-align: center;
	border-top: 2px solid #fff;
	padding-top:9px;
	
}
.header.shrink {
	background: rgba(255,255,255,1.00);
	top: 0px;
	left: 0;
	height: 80px;
	line-height: 80px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	
}

.header.screennav { opacity: 1.0;
    filter: alpha(opacity=100);}
	
.header.shrink.screennav { opacity: 1.0;
    filter: alpha(opacity=100);}
	
.header.screennav div.navigation	
	{margin-top:18px;}

.header.shrink.screennav div.navigation	

	{positiion:relative; 
		top:-100px; 
		margin-top:0px;-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	}
.header.shrink.screennav div.generic	
	{positiion:relative; 
		top:-100px;
-webkit-transition: all 0.9s;
	-moz-transition: all 0.9s;
	transition: all 0.9s;}

.header object.toplogo,
.header img.toplogo {
	height: 80px;
	width: auto;
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	margin-top:10px;
}
.header.shrink object.toplogo,
.header.shrink img.toplogo {
	height: 40px;
	width: auto;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.header h1 {
	font-size: 30px;
	font-weight: normal;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.header.shrink h1 {
	font-size: 24px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

@media only screen and (max-width: 1023px) {
.header {
	display: none;
}


}



#workzlogo {
	width: 90px!important;
	height: 21px!important;
	background-image: url(../img/WORKZFOOTERLOGO_W.png);
	opacity: 0.7;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	display: block;
}
#workzlogo:hover {
	opacity: 1;
}


.white {color:#fff;}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 



}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { 

.divider,
.v1,
.v2,
.v3,
.v4,
.v5,
.v6,
section.introvisual{ background-size:cover!important;
background-attachment:scroll;
background-repeat:no-repeat;
height: 50%;}

.v3 {
	background-image: url(../img/bg/divider_03.jpg);
	background-attachment: scroll;
	background-size: cover;
	height: 50%;
}


}

.item {width:33.333%;}
section.introvisual { 

 	border-color:#fff; 
	 border-top:0;
	 border-right:0px;
	 border-bottom:0px;
	 border-left:0px;
	 border-style:solid;

}
section#introcontent,
section#introcontent1 {
	 
	 border-color:#fff; 
	 border-top:0;
	 border-right:0px;
	 border-bottom:0px;
	 border-left:0px;
	 border-style:solid;
	 color:#fff!important;
	 }

section#introcontent2,
section#featimgsub,
section#sitecontent
 {border:0px solid #fff;}

@media only screen and (max-width: 767px) {
	
	.item { width:100%!important}
	div.infotext h2 {margin-top:24px;}
	
section.introvisual { border:0px solid #fff;}

section#introcontent,
section#introcontent1 {
	 
	 border-color:#fff; 
	 border-top:0;
	 border-right:0px;
	 border-bottom:0px;
	 border-left:0px;
	 border-style:solid;}
	 
section#introcontent2,
section#featimgsub,
section#sitecontent,
section#footergrid
	 { }
	 
.divider {
	border-left:0px solid #fff;
	border-right:0px solid #fff;}
	
	.display-1 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}

.v3 {
	background-image: url(../img/bg/divider_03.jpg);
	background-attachment: scroll;
	background-size: cover;
	height: 50%;
}
 
	}
	
	
.columncount {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;}
  
  .columncount2 {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
  
    -webkit-column-gap: 70px; /* Chrome, Safari, Opera */
  -moz-column-gap: 70px; /* Firefox */
  column-gap: 70px;}
  
  .columninner { padding:0px}
  

  @media (max-width: 800px) {
 .columncount2,
 .columncount {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
  
  .columninner { padding:18px}
    .thx {background:rgba( 0,0,0,0.1); padding:18px;}
	

}
@media (max-width: 500px) {
 .columncount2,
 .columncount {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
  
 .columninner { padding:18px}
   .thx {background:rgba( 0,0,0,0.1); padding:18px;}
}


div.music img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}

div.music img:hover {
filter: none;
-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}




/* Slide Down
============================== */
ul.sub-meu > li:hover ul li {
  height: auto;
}
ul.sub-meu li ul {
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 1;
  background:none;
}
ul.sub-meu li ul li {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 200ms ease-in;
  -moz-transition: height 200ms ease-in;
  -o-transition: height 200ms ease-in;
  transition: height 200ms ease-in;
}

/* Slider
============================== */


.carousel-item {
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}



a.readmorelink:hover {
	color:rgba(60,60,40,0.70);
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out; 
text-decoration:none;}


img.readmoreicon { width:20px; height: auto; }

img.size-full { width:100%; height:auto;}


div.caption p {margin-bottom: 1px!important;}