/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html
{
	font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}
body
{
	margin:0
}
canvas
{
	position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary
{
	display:block
}
audio,progress,video
{
	display:inline-block;
vertical-align:baseline
}
audio:not([controls])
{
	display:none;
height:0
}
[hidden],template
{
	display:none
}
a
{
	background-color:transparent
}
a:active,a:hover
{
	outline:0
}
abbr[title]
{
	border-bottom:1px dotted
}
b,strong
{
	font-weight:bold
}
dfn
{
	font-style:italic
}
h1
{
	font-size:2em;
margin:0.67em 0
}
mark
{
	background:#ff0;
color:#000
}
small
{
	font-size:80%
}
sub,sup
{
	font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sup
{
	top:-0.5em
}
sub
{
	bottom:-0.25em
}
img
{
	border:0
}
svg:not(:root)
{
	overflow:hidden
}
figure
{
	margin:1em 40px
}
hr
{
	box-sizing:content-box;
height:0
}
pre
{
	overflow:auto
}
code,kbd,pre,samp
{
	font-family:monospace, monospace;
font-size:1em
}
button,input,optgroup,select,textarea
{
	color:inherit;
font:inherit;
margin:0
}
button
{
	overflow:visible
}
button,select
{
	text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"]
{
	-webkit-appearance:button;
cursor:pointer
}
button[disabled],html input[disabled]
{
	cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner
{
	border:0;
padding:0
}
input
{
	line-height:normal
}
input[type="checkbox"],input[type="radio"]
{
	box-sizing:border-box;
padding:0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button
{
	height:auto
}
input[type="search"]
{
	-webkit-appearance:textfield;
box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration
{
	-webkit-appearance:none
}
fieldset
{
	border:1px solid #c0c0c0;
margin:0 2px;
padding:0.35em 0.625em 0.75em
}
legend
{
	border:0;
padding:0
}
textarea
{
	overflow:auto
}
optgroup
{
	font-weight:bold
}
table
{
	border-collapse:collapse;
border-spacing:0
}
td,th
{
	padding:0
}
::-moz-selection
{
	background:#572343
}
::selection
{
	background:#572343
}
::-moz-selection
{
	background:#572343
}
img::-moz-selection
{
	background:transparent
}
img::selection
{
	background:transparent
}
img::-moz-selection
{
	background:transparent
}
body
{
	-webkit-tap-highlight-color:#572343
}
body
{
	background-color:#0c0c0c;
font-size:14px;
line-height:1.6;
font-family:"Exo",sans-serif;
color:#fff;
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%
}
.l-viewport
{
	position:relative;
width:100%;
height:100vh;
box-shadow:0 0 45px 5px rgba(0,0,0,0.85);
overflow:hidden
}
.l-wrapper
{
	position:relative;
width:1440px;
max-width:90%;
height:100%;
margin:0 auto
}
.l-side-nav
{
	position:absolute;
left:0;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
height:100%;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center
}
.l-side-nav::before
{
	content:"";
position:absolute;
top:50%;
left:0;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
width:2px;
height:70%;
max-height:750px;
background-color:#555;
opacity:.35;
z-index:10
}
@media (max-width: 1180px)
{
	.l-side-nav
{
	display:none
}

}
.l-main-content
{
	position:relative;
width:100%;
height:100%;
margin:0;
padding:0;
list-style:none
}
.l-section
{
	position:absolute;
width:100%;
height:100%
}
.device-notification
{
	display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
-ms-grid-row-align:center;
align-items:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
background-color:#0c0c0c;
z-index:12
}
.device-notification--logo
{
	display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
text-decoration:none;
color:#fff
}
.device-notification--logo p
{
	margin:0 0 0 10px;
font-size:16px;
font-weight:700;
text-transform:uppercase
}
.device-notification--message
{
	width:70%;
margin:30px 0 0 0;
font-weight:700;
text-align:center
}
@media (max-width: 767px) and (min-width: 601px) and (max-height: 680px)
{
	.device-notification
{
	display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}

}
@media (max-width: 600px) and (min-width: 480px) and (max-height: 580px)
{
	.device-notification
{
	display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}

}
@media (max-width: 736px) and (min-width: 360px) and (orientation: landscape)
{
	.device-notification
{
	display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}

}
@media(max-width: 359px)
{
	.device-notification
{
	display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}

}
.section
{
	opacity:0;
visibility:hidden;
-webkit-transition:opacity .4s ease-in-out,visibility 0s .4s;
transition:opacity .4s ease-in-out,visibility 0s .4s
}
.section--is-active
{
	opacity:1;
visibility:visible;
z-index:1;
-webkit-transition:opacity .4s ease-in-out .4s;
transition:opacity .4s ease-in-out .4s
}
.section--next
{
	-webkit-transform:translateY(-45px);
transform:translateY(-45px);
-webkit-transition:-webkit-transform .4s ease-in-out;
transition:-webkit-transform .4s ease-in-out;
transition:transform .4s ease-in-out;
transition:transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}
.section--prev
{
	-webkit-transform:translateY(45px);
transform:translateY(45px);
-webkit-transition:-webkit-transform .4s ease-in-out;
transition:-webkit-transform .4s ease-in-out;
transition:transform .4s ease-in-out;
transition:transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}
.header
{
	position:absolute;
top:0;
left:0;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:100%;
height:70px;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
z-index:10
}
.header--logo
{
	display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
text-decoration:none;
color:#fff
}
.header--logo img
{
	width:180px;

}
.header--logo p
{
	margin:0 0 0 10px;
font-size:16px;
font-weight:700;
text-transform:uppercase
}
.header--nav-toggle
{
	display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:50px;
height:50px;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
cursor:pointer
}
.header--nav-toggle span,.header--nav-toggle::before,.header--nav-toggle::after
{
	content:"";
position:relative;
width:16px;
height:2px;
background-color:#fff
}
.header--nav-toggle::before
{
	bottom:5px;
width:23px
}
.header--nav-toggle::after
{
	top:5px;
width:23px
}
.header--cta
{
	position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
padding:0 20px;
line-height:30px;
text-decoration:none;
color:#fff;
font-weight:700;
text-transform:uppercase;
background-color:#b93a8d;
border:none;
opacity:0;
visibility:hidden;
-webkit-transition:opacity .4s ease-in-out,visibility 0s .4s;
transition:opacity .4s ease-in-out,visibility 0s .4s
}
.header--cta:focus
{
	outline:none
}
.header--cta.is-active
{
	opacity:1;
visibility:visible;
-webkit-transition:opacity .4s ease-in-out .4s;
transition:opacity .4s ease-in-out .4s
}
@media (max-width: 767px)
{
	.header--cta
{
	display:none
}

}
.side-nav
{
	position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:100px;
height:70%;
max-height:750px;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around;
margin:0;
padding:0;
list-style-position:inside;
z-index:10
}
.side-nav>li
{
	position:relative;
top:-5px;
color:#fff;
font-size:6px;
cursor:pointer
}
.side-nav>li span
{
	position:relative;
top:3px;
left:10px;
color:#fff;
font-size:14px;
font-weight:300;
opacity:0;
visibility:hidden
}
.side-nav>li::before
{
	position:absolute;
top:3px;
left:10px;
color:#555;
font-size:14px;
font-weight:300
}
.side-nav li:nth-child(1)::before
{
	content:"01"
}
.side-nav li:nth-child(2)::before
{
	content:"02"
}
.side-nav li:nth-child(3)::before
{
	content:"03"
}
.side-nav li:nth-child(4)::before
{
	content:"04"
}
.side-nav li:nth-child(5)::before
{
	content:"05"
}
.side-nav li.is-active
{
	color:#b93a8d;
-webkit-transition:color .4s ease-in-out;
transition:color .4s ease-in-out
}
.side-nav li.is-active span
{
	opacity:1;
visibility:visible;
-webkit-transition:opacity .4s ease-in-out;
transition:opacity .4s ease-in-out
}
.side-nav li.is-active::before
{
	left:-33px;
color:#fff
}
.intro
{
	position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:900px;
max-width:75%;
height:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
margin:0 auto
}
@media (max-width: 1180px)
{
	.intro
{
	max-width:100%
}

}
.intro--banner
{
	position:relative;
height:475px
}
.intro--banner::before
{
	content:"";
position:absolute;
bottom:20px;
left:-15px;
right:0;
height:2px;
background-color:#282828
}
.intro--banner::after
{
	content:"";
position:absolute;
bottom:18px;
left:0;
width:30px;
height:4px;
background-color:#b93a8d
}
.intro--banner h1
{
	position:relative;
font-size:58px;
font-weight:100;
line-height:1.25;
z-index:1
}
.about--banner h1
{
	position:relative;
font-size: 36px;
font-weight:100;
line-height:1.25;
z-index:1
}
button
{
	position:relative;
	padding:5px 17px 2px 12px;
	font-weight:400;
	text-transform:uppercase;
	background: linear-gradient(180deg, rgb(203 84 153) 0%, rgb(144 57 141) 61%, rgb(67 30 63) 100%);
	border:none;
	-webkit-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
    border-radius: 5px;
}
button:hover
{
	background: linear-gradient(0deg, rgb(203 84 153) 0%, rgb(144 57 141) 61%, rgb(67 30 63) 100%)
}
button svg
{
	position:relative;
left:5px;
width:15px;
fill:#fff
}
.intro--banner .welcome{
        background-image: url(../img/ai_prod.png);
    height: 500px;
    background-size: contain;
    position: relative;
    left: 350px;
    top: -450px;
    background-repeat: no-repeat;
}

.intro--banner img
{
	position:absolute;
bottom:21px;
right:-12px
}
.intro--options
{
	display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
margin:0;
padding:0;
list-style:none
}
.intro--options>a
{
	max-width:250px;
text-decoration:none;
color:#999999;
-webkit-transition:color .2s ease-in-out;
transition:color .2s ease-in-out
}
.intro--options>a:hover
{
	color:#fff
}
.intro--options h3
{
	font-size:16px;
text-transform:uppercase
}
.intro--options p
{
	margin-bottom:0
}
@media (max-width: 900px)
{
	.intro--banner
{
	height:380px
}
.intro--banner h1
{
	font-size:55px
}
.intro--banner img
{
	width:430px
}
.intro--options>a
{
	margin-right:30px
}
.intro--options>a:last-child
{
	margin-right:0
}

}
@media (max-width: 767px)
{
	.intro--banner
{
	height:305px
}
.intro--banner h1
{
	font-size:44px
}
.intro--banner img
{
	width:330px
}
.intro--options
{
	display:block
}
.intro--options>a
{
	display:block;
max-width:100%;
margin:0 0 30px 0
}
.intro--options>a:last-child
{
	margin-bottom:0
}

}
@media (max-width: 600px)
{
	.intro--banner
{
	height:300px;
	margin-top: 80px;
}
.intro--banner h1
{
	        font-size: 40px;
        line-height: 58px;
}
.intro--banner img
{
	display:none
}
.slide-image img {
    width: 100px;
}
.slide-content {
    width: 230px;
    color: #fff;
    padding: 5px 5px 5px 5px;
}
.slider-wrapper {
    margin-top: 0px;
    margin-left: 0px;
}
.slide.flex {
    width: 360px;
}
}
/*@media (max-width: 600px) and (max-height: 750px)
{
	.intro--banner
{
	height:auto
}
.intro--banner::before,.intro--banner::after
{
	display:none
}
.intro--banner h1
{
	margin-top:0
}
.intro--options
{
	display:none
}

}*/
.work
{
	position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:900px;
max-width:80%;
height:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
margin:0 auto
}
@media (max-width: 1180px)
{
	.work
{
	max-width:100%
}

}
.work h2
{
	margin:0 0 20px 0;
font-size:30px;
text-align:center
}
.work--lockup
{
	position:relative
}
.work--lockup .slider
{
	position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:80%;
margin:0 auto;
padding:0;
list-style:none
}
.work--lockup .slider--item
{
	position:absolute;
display:none;
text-align:center
}
.work--lockup .slider--item a
{
	text-decoration:none;
color:#858585
}
.work--lockup .slider--item-title
{
	margin-top:10px;
font-size:12px;
font-weight:700;
text-transform:uppercase
}
.work--lockup .slider--item-description
{
	display:none;
max-width:250px;
margin:0 auto
}
.work--lockup .slider--item-image
{
	width:150px;
height:150px;
margin:0 auto;
border-radius:50%;
overflow:hidden
}
.work--lockup .slider--item-image img
{
	width:100%
}
.work--lockup .slider--item-left
{
	top:50%;
left:0;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
display:block
}
.work--lockup .slider--item-right
{
	top:50%;
right:0;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
display:block
}
.work--lockup .slider--item-center
{
	position:relative;
top:30px;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
display:block
}
.work--lockup .slider--item-center a
{
	color:#fff
}
.work--lockup .slider--item-center .slider--item-title
{
	margin-top:25px;
font-size:16px
}
.work--lockup .slider--item-center .slider--item-description
{
	display:block
}
.work--lockup .slider--item-center .slider--item-image
{
	width:300px;
height:300px
}
.work--lockup .slider--next,.work--lockup .slider--prev
{
	position:absolute;
top:160px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:50px;
height:50px;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
background-color:#282828;
border-radius:50%;
cursor:pointer
}
.work--lockup .slider--next svg,.work--lockup .slider--prev svg
{
	width:20px;
fill:#fff
}
.work--lockup .slider--next
{
	right:0
}
.work--lockup .slider--prev
{
	left:0
}
@media (max-width: 900px)
{
	.work--lockup .slider--item-image
{
	width:120px;
height:120px
}
.work--lockup .slider--item-center .slider--item-image
{
	width:240px;
height:240px
}
.work--lockup .slider--next,.work--lockup .slider--prev
{
	top:130px
}

}
@media (max-width: 767px)
{
	.work--lockup .slider
{
	width:75%
}
.work--lockup .slider--item-image
{
	width:90px;
height:90px
}
.work--lockup .slider--item-center .slider--item-image
{
	width:190px;
height:190px
}
.work--lockup .slider--next,.work--lockup .slider--prev
{
	top:105px
}

}
@media (max-width: 600px)
{
	.work--lockup .slider
{
	width:auto
}
.work--lockup .slider--item-left,.work--lockup .slider--item-right
{
	display:none
}

}
.about
{
	position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:900px;
max-width:75%;
height:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
margin:0 auto
}
@media (max-width: 1180px)
{
	.about
{
	max-width:100%
}

}
.about--banner
{
	position:relative;
height:475px
}
.about--banner::before
{
	content:"";
position:absolute;
top:20px;
left:200px;
-webkit-transform:rotate(-25deg);
transform:rotate(-25deg);
border:5px solid #b93a8d;
border-right-color:transparent;
border-bottom-color:transparent
}
.about--banner::after
{
	content:"";
position:absolute;
top:75px;
left:400px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
width:10px;
height:10px;
background-color:#b93a8d
}
.about--banner h2
{
	position:relative;
margin-top:35px;
font-size:68px;
font-weight:100;
line-height:1;
z-index:1
}
.about--banner h2::before
{
	content:"";
position:absolute;
top:60px;
left:268px;
width:30px;
height:30px;
background-color:#b93a8d;
border-radius:50%
}
.about--banner h2::after
{
	content:"";
position:absolute;
top:255px;
left:255px;
width:10px;
height:10px;
background-color:#b93a8d
}
.about--banner a
{
	padding:5px 17px 5px 0;
text-decoration:none;
color:#fff;
font-weight:700;
text-transform:uppercase;
background-color:transparent
}
.about--banner a:hover svg
{
	left:10px
}
.about--banner a svg
{
	position:relative;
left:5px;
width:15px;
fill:#fff;
-webkit-transition:left .2s ease-in-out;
transition:left .2s ease-in-out
}
.about--banner img
{
	position:absolute;
bottom:0px;
right:-12px;
width:360px;
}
.about--options
{
	display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
max-width:640px;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
margin:0;
padding:0;
list-style:none
}
.about--options>a
{
	position:relative;
    width: 180px;
    height: 100px;
    text-decoration:none;
color:#fff;
border:10px solid #b93a8d;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
border-image: linear-gradient(#2c162c, #7b356d, #914972) 30;
}
.about--options>a:nth-child(1)
{
	background-image:url("../img/cloud_app.jpg")
}
.about--options>a:nth-child(2)
{
	background-image:url("../img/smart_city.jpg")
}
.about--options>a:nth-child(3)
{
	background-image:url("../img/aws_cover.jpg")
}
.about--options>a:hover h3
{
	bottom:-50px
}
.about--options h3
{
	position:absolute;
bottom:-38px;
left:10px;
font-size:16px;
text-transform:uppercase;
-webkit-transition:bottom .2s ease-in-out,left .2s ease-in-out;
transition:bottom .2s ease-in-out,left .2s ease-in-out
}
@media (max-width: 767px)
{
	.about--banner
{
	height:305px
}
.about--banner::before
{
	top:0;
left:125px
}
.about--banner::after
{
	top:35px;
left:260px
}
.about--banner h2
{
	margin-top:10px;
font-size:44px
}
.about--banner h2::before
{
	top:28px;
left:168px
}
.about--banner h2::after
{
	top:163px;
left:163px
}
.about--banner img
{
	width:315px
}

}
@media (max-width: 600px)
{
	.about--banner
{
	height:auto
}
.about--banner::before
{
	left:155px
}
.about--banner::after
{
	left:310px
}
.about--banner h2
{
	margin-top:0;
font-size:55px
}
.about--banner h2::before
{
	top:43px;
left:214px
}
.about--banner h2::after
{
	top:205px;
left:205px
}
.about--banner img
{
	display:none
}
.about--options
{
	display:none
}

}
.contact {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-image: url(../img/map.png); */
    /* background-blend-mode: saturation; */
    /* background-position: center; */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    /* box-shadow: 0px 0px 170px 240px #0c0c0c inset; */
}
.contact--lockup
{
	position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:900px;
max-width:75%;
height:100%;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-webkit-justify-content:flex-end;
-ms-flex-pack:end;
justify-content:flex-end;
margin:0 auto
}
@media (max-width: 1180px)
{
	.contact--lockup
{
	max-width:90%
}

}
@media (max-width: 767px)
{
	.contact--lockup
{
	-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}

}

  
.contact--lockup .modal
{
	padding: 30px;
text-align:center;
box-shadow:0 0 30px 0 rgba(0,0,0,0.75)
}
.contact--lockup .modal--information p,.contact--lockup .modal--information a
{
	display:block;
margin:14px 0;
text-decoration:none;
color:#fff;
}
.contact--lockup .modal--information p
{
	margin-top:0
}
.contact--lockup .modal--options
{
	margin:0;
padding:0;
list-style:none
}
.contact--lockup .modal--options>li
{
	width:130px;
margin:0 auto 25px auto
}
.contact--lockup .modal--options li:nth-child(1)
{
	background-color:#1769ff
}
.contact--lockup .modal--options li:nth-child(2)
{
	background-color:#ea4c89
}
.contact--lockup .modal--options li:nth-child(3)
{
	margin-bottom:0;
background-color:#b93a8d;
text-transform:uppercase
}
.contact--lockup .modal--options a
{
	display:block;
width:100%;
padding:8px 0;
text-decoration:none;
color:#fff;
font-weight:700
}
.hire
{
	position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:400px;
max-width:75%;
height:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
margin:0 auto
}
@media (max-width: 1180px)
{
	.hire
{
	max-width:100%
}

}
.hire h2
{
	margin:0 0 20px 0;
font-size:30px;
text-align:center
}
.work-request
{
	display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
color:#fff
}
.work-request input[type="submit"]
{
	max-width: 100%;
    line-height: 30px;
    font-size: 14px;
    font-weight: 100;
    text-transform: uppercase;
    background: linear-gradient(180deg, rgb(203 84 153) 0%, rgb(144 57 141) 61%, rgb(67 30 63) 100%);
    border: none;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
}
.work-request button::hover{
	background: linear-gradient(0deg, rgb(203 84 153) 0%, rgb(144 57 141) 61%, rgb(67 30 63) 100%);
}
.work-request input[type="submit"]:focus
{
	outline:none
}
.work-request--options
{
	display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
margin:30px 0
}
.work-request--options .options-a
{
	display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:100%;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between
}
.work-request--options .options-b
{
	display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:72%;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around
}
.work-request--options label
{
	display:block;
width:200px;
margin-bottom:30px;
line-height:50px;
font-size:16px;
font-weight:700;
text-align:center;
border:2px solid #fff;
cursor:pointer;
-webkit-transition:background-color .2s ease-in-out,border-color .2s ease-in-out;
transition:background-color .2s ease-in-out,border-color .2s ease-in-out
}
.work-request--options label svg
{
	position:relative;
left:-5px;
width:0;
fill:#fff;
-webkit-transition:width .2s ease-in-out;
transition:width .2s ease-in-out
}
.work-request--options input[type="checkbox"]
{
	display:none
}
.work-request--options input[type="checkbox"]:checked+label
{
	background-color:#b93a8d;
border-color:#b93a8d
}
.work-request--options input[type="checkbox"]:checked+label svg
{
	width:15px
}
.work-request--information
{
	display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:100%;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
margin-bottom:60px
}
.work-request--information .information
{
	position:relative;
width:100%;
height:50px;
font-size:20px;
font-weight:300
}
.work-request--information input,.work-request--information textarea
{
	width:100%;
	padding:0 0 5px 0;
	background-color:transparent;
	border:none;
	border-bottom:1px solid #fff;
	border-radius:0;
    font-size: 14px;
    padding: 5px;
}
.work-request--information input:focus,.work-request--information textarea:focus
{
	outline:none;
background-color:#0c0c0c
}
.work-request--information label
{
	position:absolute;
top:0;
left:0;
pointer-events:none;
-webkit-transition:top .2s ease-in-out,font-size .2s ease-in-out;
transition:top .2s ease-in-out,font-size .2s ease-in-out
}
.work-request--information input:focus+label,.work-request--information input.has-value+label,.work-request--information textarea:focus+label,.work-request--information textarea:valid+label
{
	top:-15px;
font-size:14px;
font-weight: bold;
}
@media (max-width: 767px)
{
	.work-request--options
{
	-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around
}
.work-request--options .options-a,.work-request--options .options-b
{
	display:block;
width:auto
}

}
@media (max-width: 600px)
{
	.work-request--options
{
	margin:20px 0
}

}
@media (max-width: 600px) and (max-width: 415px)
{
	.work-request--options
{
	-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between
}

}
@media (max-width: 600px)
{
	.work-request--options label
{
	width:150px;
margin-bottom:15px;
font-size:14px
}
.work-request--options input[type="checkbox"]:checked+label svg
{
	width:12px
}
.work-request--information
{
	margin-bottom:30px
}
.work-request--information .information-name,.work-request--information .information-email
{
	height:40px;
font-size:24px
}

}
.perspective
{
	position:relative;
width:100%;
height:100%;
overflow:hidden
}
.perspective--modalview
{
	position:fixed;
-webkit-perspective:1500px;
perspective:1500px
}
.container
{
	position:relative;
-webkit-transform:translateZ(0) translateX(0) rotateY(0deg);
transform:translateZ(0) translateX(0) rotateY(0deg);
min-height:100%;
outline:0px solid #b93a8d;
-webkit-transition:-webkit-transform .4s;
transition:-webkit-transform .4s;
transition:transform .4s;
transition:transform .4s, -webkit-transform .4s
}
.modalview .container
{
	position:absolute;
width:100%;
height:100%;
overflow:hidden;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.effect-rotate-left .container
{
	-webkit-transform-origin:0% 50%;
transform-origin:0% 50%;
-webkit-transition:-webkit-transform .4s;
transition:-webkit-transform .4s;
transition:transform .4s;
transition:transform .4s, -webkit-transform .4s
}
.effect-rotate-left--animate .container
{
	    -webkit-transform:translateZ(-250px) translateX(-3%) rotateY(25deg);
    transform: translateZ(-250px) translateX(-3%) rotateY(25deg);
    outline: 0px solid #b93a8d;
}
.outer-nav
{
	position:absolute;
top:50%;
right: 10%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
margin:0;
padding:0;
list-style:none;
text-align:center;
visibility:hidden;
-webkit-transition:visibility 0s .2s;
transition:visibility 0s .2s
}
.outer-nav.is-vis
{
	visibility:visible
}
.outer-nav--return
{
	position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:none;
cursor:pointer;
z-index:11
}
.outer-nav--return.is-vis
{
	display:block
}
.outer-nav>li
{
	-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
-webkit-transform:translateX(350px) translateZ(-1000px);
transform:translateX(350px) translateZ(-1000px);
font-size:20px;
font-weight:200;
opacity:0;
cursor:pointer;
-webkit-transition:opacity .2s,-webkit-transform .2s;
transition:opacity .2s,-webkit-transform .2s;
transition:transform .2s,opacity .2s;
transition:transform .2s,opacity .2s,-webkit-transform .2s;
    padding: 10px;
}
.outer-nav>li.is-vis
{
	-webkit-transform:translateX(0) translateZ(0);
transform:translateX(0) translateZ(0);
opacity:1;
-webkit-transition:opacity .4s,-webkit-transform .4s;
transition:opacity .4s,-webkit-transform .4s;
transition:transform .4s,opacity .4s;
transition:transform .4s,opacity .4s,-webkit-transform .4s
}
.outer-nav>li::before
{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
        -webkit-transform: translate(-50%, 15px);
    transform: translate(-50%, 15px);
    width: 100%;
    height: 2px;
    opacity: 0;
    background-color: #b93a8d;
}
.outer-nav>li.is-active::before
{
	opacity:1
}
/*
@media (max-width: 767px)
{
	.outer-nav>li
{
	font-size:44px
}

}

@media (max-width: 600px)
{
	.outer-nav>li
{
	font-size:34px
}

}*/
.outer-nav li.is-vis:nth-child(2)
{
	-webkit-transition-delay:.04s;
transition-delay:.04s
}
.outer-nav li.is-vis:nth-child(3)
{
	-webkit-transition-delay:.08s;
transition-delay:.08s
}
.outer-nav li.is-vis:nth-child(4)
{
	-webkit-transition-delay:.12s;
transition-delay:.12s
}
.outer-nav li.is-vis:nth-child(5)
{
	-webkit-transition-delay:.16s;
transition-delay:.16s
}


.flex { display: -webkit-flex; display: flex; -webkit-flex-direction: row;  flex-direction: row; -webkit-justify-content: flex-start; justify-content: flex-start;}
.slider{
	overflow: hidden;
}
.slider-wrapper div {position: relative;}
.slider-wrapper {margin-top: 0px;
    margin-left: 20px;}
.slide-image {height: 435px;width: 200px;}
.slide.flex{width:900px;}
.slide-image img {width: 180px; cursor: pointer;}
.slide-content {width: 700px;
    color: #fff;
    padding: 10px 30px 10px 30px;}
.slide-date {color: #0a8acb; font-size: 1.4vw; font-weight: 400; letter-spacing: 0.1vw; padding-bottom: 1.4vw;}
.slide-title {font-size: 1.2vw; font-weight: 400; letter-spacing: 0.1vw; line-height: 1.55vw; padding-bottom: 1.8vw;}
.slide-text {    font-size: 1.1vw;
    line-height: 1.6vw;
    opacity: 0.8;
    padding-bottom: 4vw;}
.slide-more {font-weight: 400; letter-spacing: 0.1vw; float: left; font-size: 0.9vw;display: none;}
.slide-bullet {width: 0.5vw; height: 0.5vw; background-color: #0b8bcc; border-radius: 200%; position: relative; margin-left: 1.2vw;}
.slide-nav {margin-left: 64vw; margin-top: -5.5vw;}

div.overlay-blue {width: 100%; height: 100%; position: absolute; top: 0; transition: 0.5s ease all;}
div.overlay-blue:hover {background-color: rgba(13, 27, 43, 0.5);}

.arrows{    width: 3.5vw;
    bottom: 100px;
    left: calc(100% - 80px);
    position: relative;}
.arrow {
	display: inline-block; position: absolute; width: 1.2vw;
	 height: 1.2vw; background: transparent; text-indent: -9999px; border-top: 0.15vw solid #fff; 
	 border-left: 0.15vw solid #fff; transition: all .1s ease-in-out; text-decoration: none;
	  color: transparent;
}
.arrow:hover {border-color: #0A8ACB; border-width: 0.25vw;
}
.arrow:before {display: block; height: 200%; width: 200%; margin-left: -50%; margin-top: -50%; content: ""; transform: rotate(45deg);}
.arrow.prev {transform: rotate(-45deg); left: 0;}
.arrow.next {transform: rotate(135deg); right: 0;}

@media (max-width: 600px)
{

.slide-image img {
    width: 100px;
}
.slide-content {
            width: calc(100vw - 145px);
    color: #fff;
    padding: 5px 5px 5px 5px;
}
.slider-wrapper {
    margin-top: 0px;
    margin-left: 0px;
}
.slide.flex {
    width: 360px;
}
.slide-image {
    height: 435px;
    width: 100px;
}
.slide-date {
    font-size: 4.4vw;
}
.slide-title {
    font-size: 3.2vw;
    line-height: 4.0vw;
}
.slide-text {
    font-size: 3vw;
    line-height: 4.6vw;
    opacity: 0.8;
    padding-bottom: 4vw;
}
.arrow {
    width: 4.2vw;
    height: 4.2vw;
    margin-left: -60px;
}
.arrows{
	bottom: 30px;
}
.outer-nav{
	    background: #0c0c0cc9;
    padding: 10px;
    box-shadow: 0px 0px 3px #000;
}
.outer-nav>li{
font-size: 15px;
}
}
:root {
            --primary: #2563eb;
            --primary-hover: #1d4ed8;
            --bg-overlay: rgba(0, 0, 0, 0.4);
            --transition: all 0.3s ease;
        }

        .gdpr-consent {
            position: fixed;
            bottom: 2rem;
            left: 50%;
            transform: translateX(-50%) translateY(200%);
            width: 90%;
            max-width: 32rem;
            background: white;
            border-radius: 1rem;
            box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
            opacity: 0;
            transition: var(--transition);
            z-index: 1000;
        }

        .gdpr-consent.active {
            transform: translateX(-50%) translateY(0);
            opacity: 1;
        }

        .gdpr-content {
            padding: 1.5rem;
        }

        .gdpr-header {
            margin-bottom: 1rem;
        }

        .gdpr-title {
            font-size: 1rem;
            font-weight: 600;
            color: #1f2937;
            margin: 0 0 0.5rem 0;
        }

        .gdpr-description {
            font-size: 0.75rem;
            line-height: 1.5;
            color: #4b5563;
            margin: 0;
        }

        .gdpr-preferences {
            margin: 1.5rem 0;
        }

        .preference-item {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin-bottom: 0.75rem;
        }

        .switch {
            position: relative;
            display: inline-block;
            width: 3rem;
            height: 1.5rem;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider2 {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #e5e7eb;
            transition: var(--transition);
            border-radius: 1rem;
        }

        .slider2:before {
            position: absolute;
            content: "";
            height: 1.25rem;
            width: 1.25rem;
            left: 0.125rem;
            bottom: 0.125rem;
            background-color: white;
            transition: var(--transition);
            border-radius: 50%;
        }

        input:checked + .slider2 {
            background-color: var(--primary);
        }

        input:checked + .slider2:before {
            transform: translateX(1.5rem);
        }

        .preference-label {
            font-size: 0.75rem;
            color: #4b5563;
        }

        .gdpr-actions {
            display: flex;
            gap: 1rem;
            padding-top: 1rem;
            border-top: 1px solid #e5e7eb;
        }

        .btn {
            flex: 1;
            padding: 0.75rem 1rem;
            border-radius: 0.5rem;
            font-size: 0.75rem;
            font-weight: 500;
            cursor: pointer;
            transition: var(--transition);
            border: none;
        }

        .btn-primary {
            background-color: var(--primary);
            color: white;
        }

        .btn-primary:hover {
            background-color: var(--primary-hover);
        }

        .btn-secondary {
               background: linear-gradient(180deg, rgb(203 203 203) 0%, rgb(135 135 135) 61%, rgb(55 55 55) 100%) !important;
        }

        .btn-secondary:hover {
                background: linear-gradient(180deg, rgb(55 55 55) 100%, rgb(135 135 135) 61%, rgb(203 203 203) 0%) !important;
        }

        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: var(--bg-overlay);
            opacity: 0;
            visibility: hidden;
            transition: var(--transition);
            z-index: 999;
        }

        .overlay.active {
            opacity: 1;
            visibility: visible;
        }

        @media (max-width: 640px) {
            .gdpr-actions {
                flex-direction: column;
            }
            
            .gdpr-consent {
                bottom: 0;
                border-radius: 1rem 1rem 0 0;
                max-width: 100%;
            }
        }