@CHARSET "ISO-8859-1";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,800,800italic");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}

@media (max-height: 420px) { 
	.landscape1 {
		display: none !important;
	}
	#fp-nav.fp-right {
		display: none;
	}
	.landscape {
		height: 100%;
		width: 100%;
		background-color: rgb(248, 249, 248);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.landscape-image {
	height: 100%;
				display: flex;
			align-items: center;
		justify-content: center;
	}
	
	
}

@media (min-height: 420px) { 
	.landscape {
		display: none !important;
	}
	.landscape-image {
		display: none !important;
	}
}

.arrow {
	text-align: center;
	background-image: url("arrow.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	height: 30px;
	width: 30px;
	margin-right: auto;
	margin-left: auto;
	
}


body {
	min-width: 320px;
	background-color: #f8f9f8;
	height: 100%;
    width: 100%;
}
a{
	text-decoration:none;
}

label {
	color: #fff;
	display: block;
	font-size: 0.9em;
	font-weight: 600;
	margin: 0 0 1em 0;
}



.video {
  display: flex;
height: 700px;
  align-items: center;
  justify-content: center;
}

.video div {
  width: 800px;
  height: 450px;
}



@media screen and (max-width: 600px) {
	.video {
  display: flex;
height: 500px !important;
  align-items: center;
  justify-content: center;
}

.video div {
  width: 327px !important;
  height: 185px !important;
}
}


@media screen and (max-width: 700px) {
	.video {
  display: flex;
height: 667px;
  align-items: center;
  justify-content: center;
}

.video div {
  width: 640px;
  height: 360px;
}
}

@media screen and (max-width: 991px) {
	.video {
  display: flex;
height: 667px;
  align-items: center;
  justify-content: center;
}

.video div {
  width: 640px;
  height: 360px;
}
}



.work-content-box {
	    bottom: 10%;
    position: absolute;
    width: 14.2%;}

.work-content {

    position: relative;

	width: 100%;
	text-align: right;
}

.work-width {
	width: 350px;
	    float: right;
}

img.map1
{
	width: 700px !important;
	right: 0;
	float: right;
	

}

@media screen and (max-width: 991px) {
	
	.work-width {
	width: 100%;
	    float: left;
}
	
	img.map1
{
	width: 100% !important;
	right: 0;
	float: right;
	

}

}

.map {
	width: 100%;
	float: right;
}



img.hp-logo {
	width: 20px;
	    left: 1.3em !important;
	margin-top: 3px !important;
	position: absolute;
    top: 10px;
	z-index: 20000;
}


@media screen and (max-width: 991px) {
	.work-content

	{
    width: 85%;
    position: absolute;
    bottom: 11%;
    text-align: left;
    padding-left: 50px;
    padding-right: 50px;
	}
	
	p.work {
	float: left !important;
	text-align: left !important; 


}

}

@media screen and (max-width: 600px) {
	.work-content-box {
	bottom: 50px;
	}
.work-content

	{
	    width: 78%;
    position: absolute;
    bottom: 10%;
    text-align: left;
    padding-left: 35px;
    padding-right: 35px;
	}
	
	img.map1 {
		width: 100%;
	}
p.work {
	float: left !important;
	text-align: left !important; 


}
	
	p.work-left {
	text-align: left !important;
	text-align: left !important; 


}

}



/*


#slide1 {
    background-size: 100%;
	 background-position: center;
 background-repeat: no-repeat;
	background-image: url(twg-amsterdam-ht18.jpg);
}

#slide2 {
    background-size: 100%;
	 background-position: center;
 background-repeat: no-repeat;
	background-image: url(VC-TRUCK.jpg);
}

#slide3 {
    background-size: 100%;
	 background-position: center;
 background-repeat: no-repeat;
	background-image: url(monster.jpg);
}

#slide4 {
    background-size: 100%;
	 background-position: center;
 background-repeat: no-repeat;
	background-image: url(ardbeg.jpg);
}

#slide5 {
    background-size: 100%;
	 background-position: center;
 background-repeat: no-repeat;
	background-image: url(VC-TRUCK.jpg);
}

@media screen and (max-width: 991px) {
#slide1 
	{
		background-size: 500px;
	}
#slide2
	{
		background-size: 500px;
	}
#slide3
	{
		background-size: 500px;
	}
#slide4
	{
		background-size: 500px;
	}
#slide5
	{
		background-size: 500px;
	}
	
	.fp-controlArrow
	{
		top: 85% !important;
	}
}


*/

#slide1 {

	 background-position: center;
 background-repeat: no-repeat;
	background-image: url(OE.jpg);
}


#slide2 {

	 background-position: center;
 background-repeat: no-repeat;
	background-image: url(sok.jpg);
}


#slide3 {

	 background-position: center;
 background-repeat: no-repeat;
	background-image: url(twg-amsterdam-ht181.jpg);
}

#slide4 {

	 background-position: center;
 background-repeat: no-repeat;
	background-image: url(VC-TRUCK-1.jpg);
}

#slide5 {

	 background-position: center;
 background-repeat: no-repeat;
	background-image: url(monster1.jpg);
}

#slide6 {
   
	 background-position: center;
 background-repeat: no-repeat;
	background-image: url(ardbeg1.jpg);
}

#slide7 {

	 background-position: center;
 background-repeat: no-repeat;
	background-image: url(lifco.jpg);
}



@media screen and (max-width: 3000px) {
	
	#slide1
	{
		background-size: 800px;
	}
	
	
#slide2
	{
		background-size: 800px;
	}
	
#slide3
	{
		background-size: 700px;
	}
#slide4
	{
	background-size: 850px;
	}
#slide5
	{
			background-size: 750px;
	}
#slide6
	{
	background-size: 700px;
	}
}

#slide7
	{
	background-size: 700px;
	}
}


@media screen and (max-width: 1500px) {
	
	#slide1
	{
		background-size: 50%;
	}
	
#slide2
	{
		background-size: 50%;
	}
	
#slide3
	{
		background-size: 50%;
	}
#slide4
	{
		background-size: 50%;
	}
#slide5
	{
		background-size: 50%;
	}
#slide6
	{
		background-size: 50%;
	}
	#slide7
	{
		background-size: 50%;
	}
	
}

@media screen and (max-width: 991px) {
	#slide1
	{
		background-size: 500px;
	}
	
#slide2
	{
		background-size: 500px;
	}
	
#slide3
	{
		background-size: 500px;
	}
#slide4
	{
		background-size: 500px;
	}
#slide5
	{
		background-size: 500px;
	}
#slide6
	{
		background-size: 500px;
	}
	
#slide7
	{
		background-size: 500px;
	}
}



@media screen and (max-width: 600px) {
	#slide1 {
   background-size: 100%;
}
	
	#slide2 {
   background-size: 100%;
}
	
	#slide3 {
   background-size: 100%;
}
		#slide4 {
   background-size: 100%;
}

		#slide5 {
   background-size: 100%;
}

		#slide6 {
   background-size: 100%;
}
			#slide7 {
   background-size: 100%;
}
	
}

table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
	width: 100%;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#575756;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}




/* Custom CSS
 * --------------------------------------- */
body{
	font-family: 'Roboto', Helvetica, sans-serif;
	color: #333;
	color: rgba(0,0,0,0.5);
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
h1 {
	font-size: 6em !imprtant;
	font-family: 'Oswald', sans-serif;
	color: #575756 !important;
    margin: 0px !important;
    font-weight: 600 !important;
	text-transform: uppercase;
	text-align: left;
}
p{
	font-size: 2em;
}
.intro p {

	margin: 0 auto;
	color: #575756 !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.5em;
	text-align: right !important;
    font-weight: 300;
}

h2.contact-hp {
		text-align: right !important;
	}

.section {padding: 0em 4em 0em 4em;
background-color: #f8f9f8;
max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 600px) {
	.section {
		padding: 0em 1.5em 1.5em 1.5em !important;
	}
}

#download{
	margin: 10px 0 0 0;
	padding: 15px 10px;
	color: #fff;
	background-color: #49afcd;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
#download a{
	text-decoration:none;
	color:#fff;
}
#download:hover{
	background-color: #2F96B4;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-ms-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
}
#infoMenu{
	height: 20px;
	color: #f2f2f2;
	position:fixed;
	z-index:70;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:0.9em;
	padding:8px 0 8px 0;
}
#infoMenu ul{
	padding: 0 40px;
}
#infoMenu li a{
	display: block;
	margin: 0 22px 0 0;
	color: #333;
}
#infoMenu li a:hover{
	text-decoration:underline;
}
#infoMenu li{
	display:inline-block;
	position:relative;
}
#examplesList{
	display:none;
	background: #282828;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	float: left;
	position: absolute;
	bottom: 29px;
	right: 0;
	width:638px;
	text-align:left;
}
#examplesList ul{
	padding:0;
}
#examplesList ul li{
	display:block;
	margin: 5px 0;
}
#examplesList ul li a{
	color: #BDBDBD;
	margin:0;
}
#examplesList ul li a:hover{
	color: #f2f2f2;
}
#examplesList .column{
	float: left;
	margin: 0 20px 0 0;
}
#examplesList h3{
	color: #f2f2f2;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	padding: 0 0 5px 0;
}



/* Egen kod
 * --------------------------------------- */
/* Page Wrapper + Menu */

#page-wrapper {
	-moz-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	opacity: 1;
	padding-top: 0em;
	    position: relative;
}

#page-wrapper:before {
	background: rgba(0, 0, 0, 0);
	content: '';
	display: block;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10001;
}

#menu {
	-moz-transform: translateX(25em);
	-webkit-transform: translateX(25em);
	-ms-transform: translateX(25em);
	transform: translateX(25em);
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
	-webkit-overflow-scrolling: touch;
	background: #575756;
	color: #ffffff;
	height: 92%;
	max-width: 80%;
	overflow-y: auto;
	padding: 3em 2em;
	position: fixed;
	right: 0;
	top: 0;
	width: 20em;
	    z-index: 99999 !important;
}

#menu ul {
	list-style: none;
	padding: 0;
	width: 100%;
}

#menu ul > li {
	border-top: solid 1px rgba(0, 0, 0, 0.125);
	margin: 1em 0 0 0;
	padding: 1em 0 0 0;
}

#menu ul > li:first-child {
	border-top: 0 !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

#menu ul > li > a {
	border: 0;
	color: inherit;
	display: block;
	font-size: 0.8em;
	letter-spacing: 0.225em;
	outline: 0;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}



#menu .close {
	background-image: url("close.svg");
	background-position: 4.85em 1em;
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	display: block;
	height: 3em;
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: middle;
	width: 7em;
}

@media screen and (max-width: 736px) {
	#menu {
		padding: 3em 1.5em;
	}
}

body.is-menu-visible #page-wrapper {
	opacity: 0.35;
}

body.is-menu-visible #page-wrapper:before {
	display: block;
}

body.is-menu-visible #menu {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}


/* Header */


#header {
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;
	-ms-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	background: #f8f9f8;
	height: 3em;
	left: 0;
	line-height: 3em;
	position: relative;

	width: 100%;
	z-index: 10000;
}

h1.work {
	position: absolute;
	z-index: 2000;
}





#header h1 {
	-moz-transition: opacity 0.2s ease;
	-webkit-transition: opacity 0.2s ease;
	-ms-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	height: inherit;
	left: 0.7em;
	margin: 0px;
	line-height: inherit;
	position: absolute;
	top: 0;
	color: #575756;
}

#header h2 a {
	border: 0;
	display: block;
	height: inherit;
	line-height: inherit;
}

h2.work-header {
margin-bottom: 2px;
	font-size: 1.5em;
}

p.work {
	font-size: 1em !important;
}

@media screen and (max-width: 736px) {
	h2.work-header {
margin-bottom: 2px;
	font-size: 1.2em;
}
	
	h1.work {
font-size: 3.8em;
}


p.work {
	font-size: 0.8em !important;
}
}



@media screen and (max-width: 736px) {
	#header h1 a {
		font-size: 0.8em;
	}
}

#header nav {
	height: inherit;
	line-height: inherit;
	position: absolute;
	right: 0;
	top: 0;
}

#header nav > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

#header nav > ul > li {
	display: inline-block;
	padding: 0;
}

#header nav > ul > li > a {
	border: 0;
	color: #575756;
	font-family: 'Roboto', Helvetica, sans-serif;
	display: block;
	font-weight: normal;
	font-size: 0.8em;
	letter-spacing: 0.225em;
	padding: 0 1.5em;
	text-transform: uppercase;
}

#header nav > ul > li > a.menuToggle {
	outline: 0;
	position: relative;
}

#header nav > ul > li > a.menuToggle:after {
	background-image: url("bars.svg");
	background-position: right center;
	background-repeat: no-repeat;
	content: '';
	display: inline-block;
	height: 3.75em;
	vertical-align: top;
	width: 1.2em;
}

@media screen and (max-width: 736px) {
	#header nav > ul > li > a.menuToggle {
	    padding: 1px 1.5em 0em 1em;
	}
	#header nav > ul > li > a.menuToggle span {
		display: none;
	}
}

@media screen and (max-width: 736px) {
	#header nav > ul > li > a {
		padding: 0 0 0 1.5em;
	}
}

#header nav > ul > li:first-child {
	margin-left: 0;
}

#header.alt {
	background: rgb(248, 249, 248);
	z-index: 6600;
	position: relative;
}	

#header.alt h1 {
	pointer-events: none;
	opacity: 0;
}

h1 img {
	width: 35px;
    margin-top: 6px;
}

@media screen and (max-width: 991px) { 
	
	.clients-name {
		margin-top: 30px !important;
		margin-left: auto;
		margin-right: auto;
	}
	
}

@media screen and (max-width: 600px) {
.header-text h1 {
font-size: 3.8em !important;	
}
	.intro p {
	font-size: 0.67em; 
}
	
	
	
}


.flop-text {
text-align: center;
	    font-size: 1.2em;
    margin-top: 10px;
}

 img.logo-header {
	height: 30px;
	float: left;}

/* Header test */


.header001 {
	position: relative
}

#header1 {
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;
	-ms-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	background: #f8f9f8;

	min-height: 4vh;
	left: 0;
	line-height: 3em;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 9500;
}

#header1 h1 {
	-moz-transition: opacity 0.2s ease;
	-webkit-transition: opacity 0.2s ease;
	-ms-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	height: inherit;
	left: 1.3em;
	line-height: inherit;
	position: absolute;
	top: 0;
	color: #575756;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0em 0;
}

#header1 h1 a {
	border: 0;
	display: block;
	color: #575756;
	height: inherit;
	line-height: inherit;
}

@media screen and (max-width: 736px) {
	#header h1 a {
		font-size: 0.8em;
	}
}

#header1 nav {
	height: inherit;
	line-height: inherit;
	position: absolute;
	right: 0;
	top: 0;
}

#header1 nav > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

#header1 nav > ul > li {
	display: inline-block;
	padding: 0;
}

#header1 nav > ul > li > a {
	border: 0;
	color: #fff;
	display: block;
	font-size: 0.8em;
	letter-spacing: 0.225em;
	padding: 0 1.5em;
	text-transform: uppercase;
}

#header1 nav > ul > li > a.menuToggle {
	outline: 0;
	position: relative;
}

a.menuToggle span {
	margin-right: 10px;
	color: #575756;
	font-family: 'Roboto', Helvetica, sans-serif;
	font-weight: 300;
}

#header1 nav > ul > li > a.menuToggle:after {
	background-image: url("images/bars.svg");
	background-position: right center;
	background-repeat: no-repeat;
	content: '';
	display: inline-block;
	height: 3.75em;
	vertical-align: top;
	width: 2em;
}

@media screen and (max-width: 736px) {
	#header1 nav > ul > li > a.menuToggle {
		padding: 0 1.5em;
	}
		#header1 nav > ul > li > a.menuToggle span {
			display: none;
		}
}

@media screen and (max-width: 736px) {
	#header1 nav > ul > li > a {
		padding: 0 0 0 1.5em;
	}
}

#header1 nav > ul > li:first-child {
	margin-left: 0;
}

#header1.alt {
	background: transparent;
	z-index: 9600;
}

#header1.alt h1 {
	pointer-events: none;
	opacity: 0;
}



.logo1 {
	width: 250px;
    height: 303px;
}

@media screen and (max-width: 736px) {
.logo1 {
	width: 150px;
    height: 180px;
}	
}

.logo-flex {
    display: flex;
    align-items: center;
    width: 100%;
	height: 94vh !important;
    justify-content: center;
    flex-direction: column;
}

.about-flex {
	display: flex !important;
    align-items: center!important;
    width: 100%!important;
	height: 82vh;
    justify-content: space-between;
		text-align: right;

}

@media screen and (max-width: 736px) {
	.about-flex {

	height: 70vh;

}
}

.about-content {
	width: 100%;
	float: right;
}

.c {width: 100%;
	float: right;
    display: block;
	right: 0;
}

.c01 {
	width: 160px;
	height: 160px;
		margin-right: 27px;

	display: flex;
	    float: right;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	position: relative;
}


.c01:before {
  position: absolute;
  content: '';
  height: calc(100% + 10px); 
  width: calc(100% + 10px); 
  border: 1px dashed #ec8112;
  top: -6px;
  left: -6px;
  border-radius: inherit;
  animation: spin 80s linear infinite;
}

@keyframes spin { 
  100% { 
    transform: rotateZ(360deg); 
  }
}



.c02 {
	width: 160px;
	height: 160px;
		margin-right: -30px;

	display: flex;
	    float: right;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	position: relative;
}


.c02:before {
  position: absolute;
  content: '';
  height: calc(100% + 10px); 
  width: calc(100% + 10px); 
  border: 1px dashed #ec8112;
  top: -6px;
  left: -6px;
  border-radius: inherit;
  animation: spin 80s linear infinite;
}

@keyframes spin { 
  100% { 
    transform: rotateZ(360deg); 
  }
}

.c-text {
	text-align: center;
	margin: 0px;
	color: #575756;
		font-size: 1.2em!important;
}

.about {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  margin: 0;
  min-height: 10em;
width: 100%;
}


.header-text {
	top: 0!important;



}



p.work {
	float: right;
	vertical-align: middle;
	margin-bottom: 0px;

	text-align: right;
	color: #575756;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: 1.4em;
    font-weight: 300;

}



p.about {
	margin-right: 30px;
	margin-left: auto;
	float: right;
	text-align: right;
	width: 55%;
	vertical-align: middle;
	rigt: 0;
	align-items: center;
	margin-top: auto;
	margin-bottom: auto;
}


.intro{

}

header.h01 {
position: relative;
	position: relative;
    float: left;
	width: 100%;
}

.box-work-text {
    float: right;
    width: 60%;
    margin-top: 3%;
    margin-bottom: auto;
}

h1.workheader {
    width: 30%;
    float: left;
}


p.client-n {
	margin-right: auto;
	mergin-left: auto;
    width: 70%;
    text-align: center;
	float: right;

}


.about-content {

    margin: auto;
	float: right;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
}

.clients-name {
    width: 100%;
    margin-top: 0px;

	bottom: 0px;


}
	p.sda01 {
		display: none; 
	}

	p.h01 {
		display: none; 
	}




@media screen and (max-width: 767px) {
	.box1 {
		height: 66vh !important; 
	}	

	p.sda01 {
		display: block;
		font-size: 0.8em !important;
		color: #575756;
		letter-spacing: 0.225em;
		opacity: 1;
		outline: 0;
		text-transform: uppercase;
		text-align: center !important;
	}

	p.h01 {
		display: block;
		font-size: 0.8em !important;
		color: #575756;
		letter-spacing: 0.225em;
		opacity: 1;
		outline: 0;
		text-transform: uppercase;
		text-align: center !important;
	}
}






.box1 {
	    height: 75vh;
		display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: center;
	
} 

.box001 {
	    height: 75vh;
		display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	
} 

@media screen and (max-width:600px) {
	.box001 {height: 65vh;}  
}

.box2 {
			justify-content: stretch;

}

.box3 {
	
		justify-content: flex-end;
}

.logo {
    max-width: 900px;
    margin: auto;
	position: relative;	
	  flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width:600px) {
	
.logo {
    
 
	position: relative;	
	  flex-wrap: wrap;
	display: inline-block;
	justify-content: space-between;
}
	.client-flex1 {
	align-items: center;
	align-content: center;
	  flex-direction: row;

	height: 74vh !important;


   

    width: 100% !important;

}
	
	.logo {

width: 100%;
	}
	
}


@media screen and (max-width:600px) {
	
.logo {
    
 
	position: relative;	
	  flex-wrap: wrap;
	display: inline-block;
	justify-content: space-between;
}
	.client-flex {
    position: relative;
    bottom: 0;
    justify-content: right;
	height: 74vh !important;
	margin-top: auto;
    margin-bottom: auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100% !important;

}
	
}

.client-flex {
    position: relative;
    bottom: 0;
    justify-content: right;
	height: 80vh;
	margin-top: auto;
    margin-bottom: auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100% !important;
	background-color: green;

}

.m01 {
    flex: 1;
    height: 80%;
}


@media screen and (max-width:1203px) {
.logo_box {
	width: 21%;
    border: 0px solid #828282;
    margin: 10px;
    display: inline-block;
}	
}

.map {
	margin-bottom: 50px;
}

.logo_box {
	width: 20%;
    border: 0px solid #828282;
    margin: 10px;
    display: inline-block;
}

@media screen and (max-width:767px) {
	
	
	
	.box-work-text {
		width: 100%;
	}
}

@media screen and (max-width:600px) {
	
	

	h2.workheader {
		width: 100%;
	}
}

h2.workheader {
	width: 30%;
	float: left;
}



.logo_box img {
	width:100%;
}



/* Footer */


#footer {

	    padding: 0em 0em 0em 0em;
    background-color: #f8f9f8;
    text-align: center;
width: 100%;

}

#footer .icons {
	font-size: 1.25em;
	margin-top: 10px;
	color: #575756;
	display: inline-flex;

}

#footer .icons a {
	color: #575756;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
}

#footer .icons a:hover {
	color: #575756;
}

#footer .icons li {
	margin-left: 5px;
	margin-right: 5px;
}

#footer p.copyright {
	color: #575756;
	font-size: 11px;
	width: 100%;
	list-style: none;
	padding: 0;
	line-height: 28px;
	margin-top: 10px;
	text-align: center !important;
	text-transform: uppercase;
	text-align: center;
}


p.copyright1 {
	margin-top: 0px !important;
}

#footer .copyright li:first-child {
	border-left: 0;
	margin-left: 0;
	padding-left: 0;
}

#footer .copyright li a {
	color: inherit;
}

#footer .copyright li a:hover {
	color: #fff;
}




#footer .copyright {
    color: #575756;
    font-size: 0.8em;
    letter-spacing: 0.225em;
    list-style: none;
    padding: 0;
    text-transform: uppercase;
	display: inline-block;
	line-height: 1em;
text-align: center;
}


#footer .icons {
    font-size: 1.25em;
    color: #575756;
}


/* Icon */

.icon {
	text-decoration: none;
	border-bottom: none;
	position: relative;
}

.icon:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

.icon > .label {
	display: none;
}

.icon.major {
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-radius: 3px;
	border: solid 2px #fff;
	display: inline-block;
	font-size: 1.35em;
	height: calc(3em + 2px);
	line-height: 3em;
	text-align: center;
	width: calc(3em + 2px);
}

.icon.major:before {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: inline-block;
	font-size: 1.5em;
}

@media screen and (max-width: 736px) {
	.icon.major {
		font-size: 1em;
	}
}

.icon.style1 {
	color: #00ffcc;
}

.icon.style2 {
	color: #00f0ff;
}

.icon.style3 {
	color: #76ddff;
}


#learn-box .more {
	-moz-transition: -moz-transform 0.5s ease, opacity 0.75s ease;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.75s ease;
	-ms-transition: -ms-transform 0.5s ease, opacity 0.75s ease;
	transition: transform 0.75s ease, opacity 0.5s ease;
	-moz-transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-ms-transition-delay: 1s;
	transition-delay: 1s;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	border: none;
	bottom: 0;
	color: #575756;
	line-height: 1.7em;
	font-size: 0.8em;
	height: 8.5em;
	left: 50%;
	letter-spacing: 0.225em;
	margin-left: -8.5em;
	opacity: 1;
	outline: 0;
	padding-left: 0.225em;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 16em;
	z-index: 1;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

#learn-box .more:after {
	background-image: url("arrow.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	content: '';
	display: block;
	height: 20em;
	left: 50%;
	margin: 0 0 0 -1em;
	position: absolute;
	width: 2em;
}

.images-work1 {
	width: 49%;
    height: 35vh;
		display: inline-block;
	background-color: red;
background-image: url("./bild001.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: 100%;
	
}

.images-work2 {
	width: 49%;
    height: 35vh;
	background-color: grey;
	display: inline-block;
}

.images-work3 {
	width: 49%;
    height: 35vh;
	background-color: grey;
	display: inline-block;
}

.images-work4 {
	width: 49%;
    height: 35vh;
	background-color: grey;
	display: inline-block;
}

@media screen and (max-width: 800px) {
	
	.images-work1 {
	width: auto;
	height: 17vh;
	background-color: grey;
	display: inline-block;
	}
	
	.images-work2 {
	width: 100%;
	height: 17vh;
	background-color: grey;
	display: inline-block;
	}
	
	.images-work3 {
	width: 100%;
	height: 17vh;
	background-color: grey;
	display: inline-block;
	}
	
	.images-work4 {
	width: 100%;
	height: 17vh;
	background-color: grey;
	display: inline-block;
	}
}


img.img-work {
	height: 100%;
}

 /* 
.work-img {

   width: 100%;
        height: 70vh;
    position: absolute; 
}
*/

p.contact span {
	text-align: center !important;
	font-weight: 900;
}

@media screen and (max-width: 1072px) {
	p.client-n {
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	p.about {
		width: 100%;
		margin-right: 0px;
		text-align: left !important;
		font-size: 15px !important;
	}
	p.contact {
		font-size: 13px !important;
		text-align: center !important;
		line-height: 19px;
	}
	.logo_box {
		width: 32% !important;
	}
	.logo_box {
		margin: 0px;
	}
	p.client-n {
		margin-right: 0px;
		width: 100%;
		text-align: left!important;
		font-size: 11px !important;
	}
	.c01 {
		width: 100px !important;
		height: 100px !important;
		margin-left: 6px;
		margin-right: 0px;
	}
	.c02 {
		width: 100px !important;
		margin-right: -35px;
		height: 100px !important; 
	}
}


@media screen and (max-width: 991px) {
	p.about {
		width: 100%;
		text-align: left !important;
		font-size:15px;
		margin-right: 0px;
	}
	p.client-n {
		text-align: center!important;
		width: 100% !important;
	}
	
	.c01 {
		width: 130px;
		height: 130px;
		margin-right: -5px;
	}
	.c02 {
		width: 130px;
		margin-right: -35px !important;
		height: 130px; 
	}
	.c {
		margin-bottom: 20px;
		float: left;
		display: flex;
	}

	.about-content {
		float: left;
	}

	.c-text {
		font-size: 1.2em!important;
	}
}

.fp-tooltip .fp-right {
	color: #000;
}

@media screen and (max-width: 600px) {
	.fp-right  {
		display: none !important;
	}
}

p.hp-text {
    border: none;
    bottom: 0;
    color: inherit;
    font-size: 0.8em;
	height: 7em;
	color: #575756;
	margin-bottom: 0px;
	left: 0;
    letter-spacing: 0.225em;
    opacity: 1;
    outline: 0;
    padding: 0 3em;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
	float: left; 
	text-alin: left 
    width: 30em;
    z-index: 1;
}

p.design {
    border: none;
    bottom: 0;
    color: inherit;
    font-size: 0.8em;
    height: 7em;
	color: #575756;
	margin-bottom: 0px;
	right: 0;
    letter-spacing: 0.225em;
    opacity: 1;
    outline: 0;
    padding: 0 2em;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
	float: right; 
	text-alin: right; 
    width: 30em;
    z-index: 1;
}

.hp-text {
	text-align: center;
}

.design-text {
	text-align: center;
}

@media screen and (max-width: 700px) {
	p.design {
		display: none; 
	}
	
	p.hp-text {
		display: none;	
	}
	
	#learn-box .more {
		-moz-transition: -moz-transform 0.5s ease, opacity 0.75s ease;
		-webkit-transition: -webkit-transform 0.5s ease, opacity 0.75s ease;
		-ms-transition: -ms-transform 0.5s ease, opacity 0.75s ease;
		transition: transform 0.75s ease, opacity 0.5s ease;
		-moz-transition-delay: 1s;
		-webkit-transition-delay: 1s;
		-ms-transition-delay: 1s;
		transition-delay: 1s;
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		border: none;
		bottom: 0;
		color: #575756;
		line-height: 1.7em;
		font-size: 0.8em;
		height: 20em;
		left: 50%;
		letter-spacing: 0.225em;
		margin-left: -8.5em;
		opacity: 1;
		outline: 0;
		padding-left: 0.225em;
		position: absolute;
		text-align: center;
		text-transform: uppercase;
		width: 16em;
		z-index: 1;
		font-family: 'Roboto', Arial, Helvetica, sans-serif;
	}

	#learn-box .more:after {
		background-image: url("arrow.svg");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		bottom: 0;
		content: '';
		display: block;
		height: 14em;
		left: 50%;
		margin: 0 0 0 -1em;
		position: absolute;
		width: 2em;
	}
	
}

.images-work1 {
	position: relative;
} 

.text-work h1{
	color: #ffffff !important;
	font-size: 45px;
	text-align: center;
}


.text-work {
	position: absolute;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

.work-box1 {
	display: flex;
	justify-content: center;
	width: 49.7%;
	display: inline-block;
	background-color: grey;
	height: 34vh;
}

.work-box {
	position: flex;
	justify-content: center;
	align-items: center;
}

h1.portfolio {
	text-align: center;
	font-size: 2em;
}

@media screen and (max-width: 767px) {
	h1.portfolio {
		text-align: center;
		font-size: 1em;
	}
}

.work-box1 {
	margin-top: auto;
	margin-bottom: auto;
}

.work-box2 {
	display: table;
	width: 100%;
	height: 100%;
}

.work-box3 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.button-port {
	text-align: center;
	margin-top: 20px;
	font-size: 0.8em;
	border: 1px solid #fff;
	border-radius: 5px;
	width: 100px;
	padding: 8px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 767px) {
	.work-box1 {
		display: flex;
		justify-content: center;
		width: 49%;
		height: 24vh;
		display: inline-block;
		background-color: grey;
	}

	#fp-nav.fp-right {
		right: 0px;
	}
}

.circle {
  position: relative;
  margin: 20px;
  height: 120px;
  width: 120px;
  border-radius: 50%;
}

.circle:before {
  position: absolute;
  content: '';
  height: calc(100% + 10px); 
  width: calc(100% + 10px); 
  border: 1px dashed #575756;
  top: -13px;
  left: -13px;
  border-radius: inherit;
  animation: spin 50s linear infinite;
}

@keyframes spin { 
  100% { 
    transform: rotateZ(360deg); 
  }
}

.land-box {
	width: 30%;
}

#ac-wrapper {
	position: relative;
}

p.notification {
	font-size: 1em !important;
	padding: 0px;
	background-color: #f8f9f8!important;
	color: #999999 ;
}

.notification-button {
	margin-left: 10px;
	background-color: transparent;
	padding: 5px 10px; 
	color: #999999;
	font-size: 0.8em !important;
}

@media screen and (max-width: 767px) {
	p.notification {
		padding-top: 10px;
		font-size: 0.6em !important;
		line-height:  1em !important;
		background-color: #f8f9f8!important;
		color: #999999;
		width: 75%;
	}
}



.contact-us {
		margin-bottom: 1em;
	  align-self: flex-end;
}

.menu-flex {
	display: flex;
	  flex-flow: row wrap;
	height: 100%;
	
}

p.contact-us-p {
	 margin: 0 auto;
    color: #fff !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    line-height: 1.5em;
	margin-top: 7px;
    text-align: left !important;
    font-weight: 300;
}

.about1-content p {
	
	margin-bottom: 15px;
	text-align: left !important;
	width: 90%;
	max-width: 900px;
	
}

.about1-content h1 {
	margin-bottom: 15px;
	text-align: left !important;
	width: 90%!important;
	
	max-width: 900px!important;
	    margin: 0 auto !important;
	
}




.about1-content h2 {
	font-size: 1.5em;
	text-align: left !important;
	width: 90%!important;
	max-width: 900px!important;
	margin-top: 15px;
	margin-bottom: 3px;
	margin-left: auto;
	margin-right: auto;

    font-family: 'Oswald', sans-serif;
    color: #575756 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
	
}

.about1-content {
	margin-bottom: 60px;
}

#footer {
	display: inline-block;
}

.margin {
	margin-bottom: 60px;
}

@media screen and (max-width: 600px) {
	.about1-content h1 {
		    font-size: 2.8em !important;
		margin-left: 0px !important;
		margin-right 0px !important;
	}
	.about1-content p {    
		font-size: 15px !important;
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
	}
	
	.about1-content h2 {
		margin-left: 0px;}
}

@media screen and (max-width: 991px) {
	.button1 {
		width: 100%;
			margin-top: 0px;
			float: left !important;
	}
	.button {
		float: left !important;
	}
}

.button {

	float: right;
	border-radius: 5px;
	margin-right: 30px;


}

.button1 {
	width: 100%;
		    float: right;
}

.work-button {
	margin-top: 10px;
	width: 50%;
	float: right;
}

.work-button a.animated-button:link, a.animated-button:visited {
	padding: 7px 4px;
}

@media screen and (max-width: 991px) {
	.work-button {
	float: left;
	}
}






/* Global Button Styles */
a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	padding: 14px 15px;
	color: #fff;
	font-size:14px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
	color: #FFF;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
	height: 450%;
}
a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	
	padding: 14px 15px;
	color: #fff;
	font-size:14px;
	border-radius: 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/* Victoria Buttons */

a.animated-button.victoria-one {
	border: 2px solid #D24D57;
}
a.animated-button.victoria-one:after {
	background: #D24D57;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.victoria-two {
	border: 2px solid #D24D57;
}
a.animated-button.victoria-two:after {
	background: #D24D57;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
a.animated-button.victoria-three {
	border: 2px solid #D24D57;
}
a.animated-button.victoria-three:after {
	background: #D24D57;
	opacity: .5;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
a.animated-button.victoria-three:hover:after {
	height: 140%;
	opacity: 1;
}
a.animated-button.victoria-four {
	border: 2px solid #D24D57;
}
a.animated-button.victoria-four:after {
	background: #D24D57;
	opacity: .5;
	-moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
a.animated-button.victoria-four:hover:after {
	opacity: 1;
	height: 600% !important;
}
/* Sandy Buttons */

a.animated-button.sandy-one {
	border: 2px solid #AEA8D3;
	color: #FFF;
}
a.animated-button.sandy-one:after {
	border: 3px solid #AEA8D3;
	opacity: 0;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	
}
a.animated-button.sandy-one:hover:after {
	height: 120% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.sandy-two {
	border: 2px solid #AEA8D3;
	color: #FFF;
}
a.animated-button.sandy-two:after {
	border: 3px solid #AEA8D3;
	opacity: 0;
	-moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
a.animated-button.sandy-two:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.sandy-three {
	border: 2px solid #AEA8D3;
	color: #FFF;
}
a.animated-button.sandy-three:after {
	border: 3px solid #AEA8D3;
	opacity: 0;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.sandy-three:hover:after {
	height: 400% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.sandy-four {
	border: 2px solid #AEA8D3;
	color: #FFF;
}
a.animated-button.sandy-four:after {
	border: 3px solid #AEA8D3;
	opacity: 0;
	-moz-transform: translateY(-50%) translateX(-50%) rotate(25deg);
	-ms-transform: translateY(-50%) translateX(-50%) rotate(25deg);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(25deg);
	transform: translateY(-50%) translateX(-50%) rotate(25deg);
}
a.animated-button.sandy-four:hover:after {
	height: 400% !important;
	opacity: 1;
	color: #FFF;
}
/* Gibson Buttons */

a.animated-button.gibson-one {
	border: 2px solid #65b37a;
	color: #FFF;
}
a.animated-button.gibson-one:after {
	opacity: 0;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
	background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
	background-size: 10px 10px;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
a.animated-button.gibson-one:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.gibson-two {
	border: 2px solid #65b37a;
	color: #FFF;
}
a.animated-button.gibson-two:after {
	opacity: 0;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
	background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
	background-size: 10px 10px;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.gibson-two:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.gibson-three {
	border: 2px solid #65b37a;
	color: #FFF;
}
a.animated-button.gibson-three:after {
	opacity: 0;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
	background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
	background-size: 10px 10px;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
a.animated-button.gibson-three:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.gibson-four {
	border: 2px solid #65b37a;
	color: #FFF;
}
a.animated-button.gibson-four:after {
	opacity: 0;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
	background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
	background-size: 10px 10px;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%));
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
a.animated-button.gibson-four:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
/* Thar Buttons */

a.animated-button.thar-one {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-one:hover {
	color: #000 !important;
	background-color: transparent;
}
a.animated-button.thar-one:hover:before {
	bottom: 0%;
	top: auto;
	height: 100%;
}
a.animated-button.thar-one:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two:hover {
	color: #000 !important;
	background-color: transparent;
}
a.animated-button.thar-two:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}
a.animated-button.thar-two:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-three {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-three:hover {
	color: #000 !important;
	background-color: transparent;
}
a.animated-button.thar-three:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
a.animated-button.thar-three:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-four {
color: #575756;
    cursor: pointer;
    display: block;
    position: relative;
    border: 1px solid  #ec8112;
	border-radius: 3px;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-four:hover {
	color: #fff !important;
	background-color: transparent;
}
a.animated-button.thar-four:hover:before {
	right: 0%;
	left: auto;
	width: 100%;
}
a.animated-button.thar-four:before {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #fff !important;
	background: #ec8112;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}

.cc-window {
	z-index: 99999;
}
/*
.cc-window {
	    width: 23% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media screen and (max-width: 767px) {
	.cc-window {
		width:98% !important;
	}	
	.cc-floating.cc-theme-edgeless .cc-message {
		font-size: 1em !important;
		margin: 0px;
		width: 100%;
		text-align: center;
		
	}
	span > #cookieconsent:desc {
		display: none;
	}
	
	.cc-compliance {
		margin-left: auto;
		margin-right: auto;
	}
	
	.cc-floating .cc-compliance>.cc-btn {
		padding: 10px 20px !important;
	}

}


.cc-compliance {
	padding: 10px !important;
}


.cc-floating.cc-theme-edgeless .cc-message {
	font-size: 0.7em;

	;
}

.cc-compliance {
	width: 67px;
}

.cc-revoke, .cc-window {
	font-size: 0.8em !important;
}

.cc-color-override-280284407 .cc-link {
	color: #575756 !important;
	text-decoration: none;
}

.cc-color-override-280284407 .cc-link:hover {
	color: #575756 !important;
	text-decoration: none;
}

.cc-banner.cc-theme-edgeless .cc-btn {
	font-size: 0.8em !important;
	padding: 0px !important;

}

.cc-floating.cc-theme-edgeless .cc-message {
	margin: 1em 5em 0.5em !important;
}


.cc-btn {
	padding: 0px 10px !important;
}

.cc-banner.cc-top {
	top: 10px !important;
}

*/

p.left {
	text-align: left !important;
	width: 60%;
	float: left;
	}

.some-page-wrapper {
  margin: 15px;

}

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}

.blue-column {
 width: 70%;
  height: 100px;
}

.green-column {

  height: 100px;
}

a{

  color: #ec8112;
}



.LandP {
		visibility: hidden;
	}

@media screen and (max-width: 980px) {
	.blue-column {
 width: 100%;
  height: 100px;
}
	}
@media screen and (max-width: 767px) {
	.column.blue {
		display: none;
		}
	
	.map {
    margin-bottom: 15px;

		 margin-left: auto;
		margin-right: auto;

}
	
	.box001contact {
		display: none !important;
		}
	
	img.map1 {
		width: 60% !important;
		
		display: flex;
justify-content: center; /* align horizontal */
align-items: center; /* align vertical */

    right: 0;
    margin-left: auto;
		margin-right: auto;
		    float: unset;

}
	
	.LandP {
		visibility: visible;
	}
}


.icon01 {
	margin-right: 10px;
}