/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############   TABLET STYLES     ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

html {
width: 100%;
height: 100%;
background: #e5e2da;
background:#faf8f4;
background:#ff000a;
color: #111;
font-size: 100px;

}


body {
position: relative;
width: 100%;
height: 100%;
margin: 0;
font-family: 'corbeau_bold', Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 0px;
font-style: normal;
color: #111;
overflow: auto;
overflow-y: scroll;
overflow-x: hidden;
text-align: left;


}




#top_over_fade {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background:#080b14;
float: left;
display: block;
z-index: 999;

opacity: 1;


-moz-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
-webkit-transition-duration: 1.3s;
transition-duration: 1.3s;

}


#top_over_fade.fade {
opacity: 0;
background: #0238dc;

}

#top_over_fade.fade.none {
opacity: 0;
display: none;

}

#home_introline {
width: 100%;
height: 100%;
position: fixed;
top: 0%;
left: 0;
background:#0d152c;
float: left;
display: none;
z-index: 998;

opacity: 1;


-moz-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
-webkit-transition-duration: 1.3s;
transition-duration: 1.3s;



}

#home_introline.on {
display:block;

}

#home_introline.on.fade {
opacity: 0;
background: #0238dc;

}

#home_introline.on.fade.none {
opacity: 0;
display: none;

}

#introline {
font-size: 45px;
color:#fff;

-moz-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
-webkit-transition-duration: 1.3s;
transition-duration: 1.3s;

opacity:0;

}

#introline.on {
opacity:1;

}

.mobile_only {
display: inline;

}


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############        FONTS        ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

@font-face {
font-family: 'jenevers';
src: url('../fonts/jenevers_regular.eot');
src: url('../fonts/jenevers_regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/jenevers_regular.woff') format('woff'),
url('../fonts/jenevers_regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}


@font-face {
font-family: 'corbeau_medium';
src: url('../fonts/c_medium.eot');
src: url('../fonts/c_medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/c_medium.woff') format('woff'),
url('../fonts/c_medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}


@font-face {
font-family: 'imperial';
src: url('../fonts/imperial.eot');
src: url('../fonts/imperial.eot?#iefix') format('embedded-opentype'),
url('../fonts/imperial.woff') format('woff'),
url('../fonts/imperial.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'corbeau_thin';
src: url('../fonts/c_thin.eot');
src: url('../fonts/c_thin.eot?#iefix') format('embedded-opentype'),
url('../fonts/c_thin.woff') format('woff'),
url('../fonts/c_thin.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'fakt_medium';
src: url('../fonts/f_medium.eot');
src: url('../fonts/f_medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/f_medium.woff') format('woff'),
url('../fonts/f_medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'corbeau_bold';
src: url('../fonts/c_bold.eot');
src: url('../fonts/c_bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/c_bold.woff') format('woff'),
url('../fonts/c_bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}


@font-face {
font-family: 'symbols';
src: url('../fonts/symbols.eot');
src: url('../fonts/symbols.eot?#iefix') format('embedded-opentype'),
url('../fonts/symbols.woff') format('woff'),
url('../fonts/symbols.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}




/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############        BASICS       ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */



table {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border-spacing: 0px;
	
}

tr  {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border-spacing: 0px;
    
}


td {
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
margin: 0;
padding: 0;
border-spacing: 0px;

-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;

}


div {
font-size: 100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;


 vertical-align: top;

}



a,a:visited,a:hover,a:active{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
text-decoration:none;
color: inherit;
width: auto;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */



 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
   
}

a:hover {
text-decoration:none;

}


button {
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
cursor: pointer;

-webkit-box-shadow: none;
box-shadow: none;
line-height: 1;
text-shadow: none;

-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0px;

-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;
}

button:hover {
-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;

cursor: pointer;

}

button:focus {
-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;
cursor: auto;

cursor: pointer;

}



input[type=submit] {
 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;

}


h1, h2, h3, h4, h5, h6 {
font-family: 'corbeau_bold', Impact, 'HelveticaNeue-CondensedBlack', sans-serif;
margin: 0px 0 4px 0px;
font-weight: 100;

 vertical-align: top;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}


#thin {
font-family: 'corbeau_thin', "Courier New", Courier, monospace;
}


strong {
font-family: 'corbeau_bold', Arial, Helvetica, sans-serif;
font-weight: 100;
}


sup {
font-size: 60%;
font-family: 'corbeau_medium', Tahoma, Geneva, sans-serif;
font-weight: 100;
color:#111;

}

p {
word-break: break-word;	

 vertical-align: top;

 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;


}


span {

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */


 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;

}




/* #############   IMAGES AND VIDEO   ###############  */


img {
margin: 0;
padding: 0;
display: block;
border: none;
width: auto;
max-width: 100%;
height: auto;


 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;

}




video {
margin: 0;
padding: 0;
display: block;
border: none;
width: auto;
height: auto;


}

.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */ 
padding-top: 0px;
height: 0;

}

.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

}




/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############       HEADER        ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

#header_title {
position: absolute;
display: none;
width:auto;
height: auto; 
float: left;
z-index:5;
top:0px;
left: 25px;
padding: 11px 15px;
background:#e2d4ca;
color:#fff;
font-size:44px;
font-family: 'corbeau_bold';
line-height: 1;

}


#menu_btn {
padding: 0px;
font-size:0px;

}

#menu_btn button {
position: absolute;
display:inline-block;
width:auto;
height: auto;


float: left;
z-index:777;

top:15px;
right:0px;

background:#fff;

padding: 12px 12px 12px 12px;

font-size:0px;
font-family:'corbeau_bold';
color:#111;


opacity:1;

 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

}


#menu_btn_over button {
position: fixed;
display:none;
width:auto;
height: auto;


float: left;
z-index:783;

top:15px;
right:0px;



padding: 12px 12px 12px 12px;

font-size:0px;
font-family:'corbeau_bold';
color:#111;

background:#fff;

opacity:1;

 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;


}

#menu_btn_over.on button {
display:inline-block;

}


#menu_btn.fade button {
display:none;

right: 0px;


}

#menu_btn.show button {
opacity:1;
right:0px;

}

#menu_btn.off button {
display:none;


}


.menu_bar_holder {
position: relative;
display:inline-block;

width:27px;
height: 21px;

margin: 2px 0 0 0px;

}


.menu_bar_a,
.menu_bar_b,
.menu_bar_c {
position: absolute;
display:inline-block;
width:100%;
height: 3px;
float: left;
background:#111;
margin:0px 0 0 0px;
}

#menu_btn_over .menu_bar_a,
#menu_btn_over .menu_bar_b,
#menu_btn_over .menu_bar_c {
background:#fff;

}


.menu_bar_a {
z-index:778;
top:0px;
right:0px;

}

.menu_bar_b {
z-index:779;
top:8px;
right:0px;
height: 4px;

}


.menu_bar_c {
z-index:778;
right:0px;
bottom:1px;

}

#menu_bar_holder_color {
position: absolute;
display:inline-block;
float:left;
z-index:779;
top:12px;
left:101%;

width:27px;
height: 21px;

margin: 0px 0 0 0px;

transition-property: left;
transition-timing-function: ease-in-out;
transition-duration: 0.63s;

}

#menu_bar_holder_color.slide {
left:24%;

}

#menu_btn_bg {
position:absolute;
display:block;
width:100%;
height:100%;
float:left;
z-index:778;
top:0px;
left:101%;
background:#E07505;


transition-property: left;
transition-timing-function: ease-in-out;
transition-duration: 0.63s;

}


#menu_btn_bg.slide {
left:0%;

}

#menu_btn_bg.slide.a {
background:#FFACAC;
background:#FF4A33;
background:#699529;

}


.menu_bar_a_color,
.menu_bar_b_color,
.menu_bar_c_color {
position: absolute;
display:inline-block;
width:100%;
height: 3px;
float: left;
background:#fff;
margin:0px 0 0 0px;
transition-duration: 0s;
}

.menu_bar_a_color {
z-index:781;
top:0px;
right:0px;

}

.menu_bar_b_color {
z-index:782;
top:8px;
right:0px;
height: 3px;

}


.menu_bar_c_color {
z-index:783;
right:0px;
bottom:1px;
height: 4px;

}


.menu_bar_a_color.a,
.menu_bar_b_color.a,
.menu_bar_c_color.a {
background:#FF48FF;

}




#close_menu_btn button {
position: fixed;
display:none;
width:auto;
height: auto;


float: left;
z-index:877;

top:17px;
right:4px;



padding: 9px 9px 9px 9px;

font-size:0px;
font-family:'corbeau_bold';
color:#111;

text-align: center;

opacity:1;

 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

}




#close_menu_btn.on button {
display:inline-block;

}




#close_menu_bar_holder {
position: relative;
display:inline-block;

width:24px;
height: 24px;

margin: 0px 0 0 0px;

transform: rotate(45deg);

}


#close_menu_bar_a  {
position: absolute;
display:inline-block;
width:100%;
height: 4px;
float: left;
background:#111;
margin:0px 0 0 0px;

z-index:778;
top:10px;
right:0px;
}

#close_menu_bar_b {
position: absolute;
display:inline-block;
height:100%;
width: 4px;
float: left;
background:#111;
margin:0px 0 0 0px;

z-index:779;
top:0px;
right:10px;

}


#under_menu_btns {
position: absolute;
display:none;
width:55px;
height: 52px;


float: left;
z-index:725;

top:14px;
right:0px;

background:#fff;


}


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############       MENU          ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

#site_menu {
position: fixed;
display:none;
float: left;
z-index:333;
top:0px;
left:0px;
width:100%;
height: 100%;

background:#ebc617;
background:#c1eb17;
background:#2c903a;
background: #111;
color:#000;

font-size:29px;

padding: 25px 15px;


}

#site_menu.on {
display:inline-block;


}

#site_menu_under {
position: fixed;
display:none;
float: left;
z-index:332;
top:-50%;
left:-50%;
width:200%;
height: 200%;

background:#ebc617;
background:#c1eb17;
background:#2c903a;
background: #111;


}

#site_menu_under.on {
display:block;

}


#site_menu div {
display:inline-block;
width: auto;
text-align: left;
line-height:1;

}

#site_menu a,
#site_menu a:visited {
display:inline-block;
margin: 0.29em 0 0.29em 0;
color:#fff;
font-weight: 900;

-moz-transition-duration: 0s;
-o-transition-duration: 0s;
-webkit-transition-duration: 0s;
transition-duration: 0s;

}

#site_menu a:hover {
color: #25ff25;
color:#FFC519;

}

#site_menu a span,
#site_menu a:visited span {
display:none;

}

/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############        BGS          ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

.home #intro_screen {
background: #c8532a;
background: url(../images/bg_home_001.jpg);
background-size: cover;
background-position: center center;


}


.about #intro_screen {
background: #c8532a;
background:url(../images/bg_about.jpg);
background-size:cover;
background-position: top center;


}


.offsetting #intro_screen {
background:#c1eb17;
background:url(../images/bg_green_d.jpg);
background-size:cover;
background-position: center center;

}

.land #intro_screen {
background:#c1eb17;

background:url(../images/bg_green_004.jpg);
background-size:cover;
background-position: left bottom;

}

/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ##############################                             ################################ */
/* ##############################                             ################################ */
/* ##############################      HOMEPAGE STYLES        ################################ */
/* ##############################                             ################################ */
/* ##############################                             ################################ */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */





#var_holder {
position: fixed;
display:inline-block;
float:left;
z-index:442;
width:1px;
height:1px;
font-size:0px;
overflow:hidden;

top:-999px;
left:-999px;




}


#imaginate_intro {
position:relative;
display:block;
width:100%;
height:57%;
background:#888;


}

#imaginate_intro::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#imaginate_intro {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}



#imaginate_top_left_under {
position:absolute;
display:block;
width:100%;
height:100%;
background:#D22811;
float:left;
z-index: 222;


 -moz-transition-duration: 1.5s;
 -o-transition-duration: 1.5s;
 -webkit-transition-duration: 1.5s;
 transition-duration: 1.5s;

 max-height:100%;


}



#imaginate_top_left_under.begin {
width:100%;
height: 0%;


}


#imaginate_top_left_content {
position:absolute;
display:inline-block;
width:77%;
height: 14%;
padding:35px 0px 0px 25px;
text-align:left; 
float:left;
z-index:277;
top:0px;
left:0px;


}





span#imaginate_title {
display:block;
font-size: 37px;
color:#fff;
font-family:'corbeau_bold';
white-space: nowrap;


}


span#imaginate_title div {
position:relative;
display:inline;

	
}

span#imaginate_title div div {
position:absolute;
display:inline-block;
bottom:7px;
left:0px;
width:100%;
width:21px;
height:29px;
height: 3px;
background:#fff;

animation: flash 0.9s infinite linear;

 -moz-transition-duration: 0s;
 -o-transition-duration: 0s;
 -webkit-transition-duration: 0s;
 transition-duration: 0s;
	
}

@keyframes flash {
    

    0%   {opacity:1; }
    49.99%   {opacity:1; }
    50%  {opacity:0; }
    99.99%  {opacity:0; }
    100%{opacity:1; }

  
 
}


#imaginate_left_graphic {
position:absolute;
display:none;
width:100%;
height:27.9%;
background:#D22811;
float:left;
z-index: 122;

top: -4%;
right:calc(63% + 135px);

 -moz-transition-duration: 0.63s;
 -o-transition-duration: 0.63s;
 -webkit-transition-duration: 0.63s;
 transition-duration: 0.63s;

}

#imaginate_left_graphic.on {
width:16.9%;
height:37.9%;

top:calc(34% + 45px);
right:calc(63% + 135px);

}

#imaginate_center {
position:absolute;
display:none;
width:112px;
height:112px;
background:#FFC70E;
float:left;
z-index: 112;


 -moz-transition-duration: 0.63s;
 -o-transition-duration: 0.63s;
 -webkit-transition-duration: 0.63s;
 transition-duration: 0.63s;


}

#imaginate_center.on {
position:absolute;
display:none;
width:112px;
height:112px;



top: 34%;
top:calc(34% + 8.88%);
right:calc(63% + 202px);

}

#imaginate_center.on.slide {
width:112px;
height:112px;


top: 34%;
top:calc(34% + 8.88%);
right:calc(63% - 15px);


}


#imaginate_center_over {
position:absolute;
display:inline-block;
width:100%;
height:100%;
float:left;
z-index:117;
background:#FFC70E;


}



#imaginate_right_graphic {
position:absolute;
display:block;
width:100%;
height:135%;
background:#aaa;
float:left;
z-index:55;

top: 100%;
left:0%;

  -moz-transition-duration: 0.63s;
 -o-transition-duration: 0.63s;
 -webkit-transition-duration: 0.63s;
 transition-duration: 0.63s;


}


#imaginate_right_graphic.on {
display:block;
	
}

#imaginate_right_graphic.on.slide {
top: 0%;
height:100%;

	
}

#imaginate_right_graphic.on.slide.resize {

	
}

#imaginate_lower_graphic {
position:absolute;
display:none;
width:55px;
height:55px;
background:#2293FF;
float:left;
z-index: 27;

top: 50%;
left:50%;

  -moz-transition-duration: 0.63s;
 -o-transition-duration: 0.63s;
 -webkit-transition-duration: 0.63s;
 transition-duration: 0.63s;

 overflow:hidden;



}


#imaginate_lower_graphic.on {
display:inline-block;



	
}


#imaginate_lower_graphic.on.slide {
top: calc(100% + 37px);
left:50%;
	
}

#imaginate_lower_graphic.on.slide.resize {
width:225px;
height:225px;
	
}


#imaginate_down_btn_holder {
position:absolute;
display:inline-block;
width:100%;
height:100%;
float:left;
z-index:11;
left:-277px;
bottom:0px;


  -moz-transition-duration: 0.63s;
 -o-transition-duration: 0.63s;
 -webkit-transition-duration: 0.63s;
 transition-duration: 0.63s;

}

#imaginate_down_btn_holder.slide {
left:0px;

}


#imaginate_down_btn_holder button{
display:inline-block;
width:auto;
height:auto;
border:none;
padding: 15px;
background:none;

}


#imaginate_down_btn_holder button span {
display:inline-block;
color:#fff;
font-family: 'symbols';
font-size:77px;
padding:0 0 0px 0px;


}



#imaginate_new_btn_holder {
position:absolute;
display:inline-block;
width:50px;
height:50px;
float:left;
z-index:223;
right:-55px;
bottom:45px;
background:#FF9E0E;


  -moz-transition-duration: 0.63s;
 -o-transition-duration: 0.63s;
 -webkit-transition-duration: 0.63s;
 transition-duration: 0.63s;

}

#imaginate_new_btn_holder.slide {
right:0px;

}


#imaginate_new_btn_holder button{
display:inline-block;
width:100%;
height:100%;
border:none;
padding: 1px;
background:none;

}


#imaginate_new_btn_holder button span {
display:inline-block;
color:#fff;
font-family: 'corbeau_bold';
font-size:22px;
padding:0 0 0px 0px;
line-height:1;


}



/* ################################################# */
/* ################################################# */
/* ################################################# */
/* ###########    IMAGINATE IMGS     ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */


#imaginate_left_img_holder,
#imaginate_right_img_holder {
position:relative;
display:none;
width:100%;
height:100%;


}

#imaginate_left_img_holder.on,
#imaginate_right_img_holder.on {
display:block;

}



#imaginate_a {
position: absolute;
display:block;
width:100%;
height:100%;
float:left;
z-index:123;

background:url(../images/imaginate_a.jpg);
background-size:cover;
background-position: center center;


}

#imaginate_a div {
display:block;
width:100%;
height:100%;
background:#ddd;
padding: 25px;

}

#imaginate_a.c div {
background:#ccc;

}


#imaginate_a div span {
display:block;
width:100%;
height:100%;
color:#fff;
font-size:17px;
font-family: 'corbeau_medium';
text-align:left;

}


#imaginate_a.b div {
display:none;

}


#a_slideshow {
position: absolute;
display:block;
width:100%;
height:100%;
float:left;
z-index:123;


background:#FFC70E;

overflow:hidden;

}

#a_slideshow_a {
display:none;
width:100%;
height:100%;
background:#FFC70E;
background:url(../images/imaginate_b.jpg);
background-size:cover;
background-position: center center;

position:absolute;
float:left;
top:0px;
left:0%;
z-index:124;

  -moz-transition-duration: 0.63s;
 -o-transition-duration: 0.63s;
 -webkit-transition-duration: 0.63s;
 transition-duration: 0.63s;

}

#a_slideshow_b {
display:block;
width:100%;
height:100%;
background:#FFC70E;
background:url(../images/imaginate_bb.jpg);
background-size:cover;
background-position: center center;

position:absolute;
float:left;
top:0px;
left:101%;
z-index:125;

  -moz-transition-duration: 0.63s;
 -o-transition-duration: 0.63s;
 -webkit-transition-duration: 0.63s;
 transition-duration: 0.63s;

}

#a_slideshow_c {
display:block;
width:100%;
height:100%;
background:#FFC70E;
background:url(../images/imaginate_bc.jpg);
background-size:cover;
background-position: center center;

position:absolute;
float:left;
top:0px;
left:101%;
z-index:127;

  -moz-transition-duration: 0.63s;
 -o-transition-duration: 0.63s;
 -webkit-transition-duration: 0.63s;
 transition-duration: 0.63s;

}

#a_slideshow_d {
display:block;
width:100%;
height:100%;
background:#FFC70E;
background:url(../images/imaginate_bd.jpg);
background-size:cover;
background-position: center center;

position:absolute;
float:left;
top:0px;
left:101%;
z-index:128;

  -moz-transition-duration: 0.63s;
 -o-transition-duration: 0.63s;
 -webkit-transition-duration: 0.63s;
 transition-duration: 0.63s;

}

#a_slideshow_e {
display:block;
width:100%;
height:100%;
background:#FFC70E;
background:url(../images/imaginate_bbb.jpg);
background-size:cover;
background-position: center center;

position:absolute;
float:left;
top:0px;
left:101%;
z-index:129;

  -moz-transition-duration: 0.63s;
 -o-transition-duration: 0.63s;
 -webkit-transition-duration: 0.63s;
 transition-duration: 0.63s;

}

#a_slideshow_f {
display:block;
width:100%;
height:100%;
background:#FFC70E;
background:url(../images/imaginate_bbc.jpg);
background-size:cover;
background-position: center center;

position:absolute;
float:left;
top:0px;
left:101%;
z-index:131;

  -moz-transition-duration: 0.63s;
 -o-transition-duration: 0.63s;
 -webkit-transition-duration: 0.63s;
 transition-duration: 0.63s;

}

#a_slideshow_g {
display:block;
width:100%;
height:100%;
background:#FFC70E;
background:url(../images/imaginate_bbd.jpg);
background-size:cover;
background-position: center center;

position:absolute;
float:left;
top:0px;
left:101%;
z-index:132;

  -moz-transition-duration: 0.63s;
 -o-transition-duration: 0.63s;
 -webkit-transition-duration: 0.63s;
 transition-duration: 0.63s;

}


#a_slideshow_h {
display:block;
width:100%;
height:100%;
background:#FFC70E;
background:url(../images/imaginate_bbd.jpg);
background-size:cover;
background-position: center center;

position:absolute;
float:left;
top:0px;
left:101%;
z-index:133;

  -moz-transition-duration: 0.63s;
 -o-transition-duration: 0.63s;
 -webkit-transition-duration: 0.63s;
 transition-duration: 0.63s;

}

#a_slideshow_i {
display:block;
width:100%;
height:100%;
background:#FFC70E;
background:url(../images/imaginate_bbd.jpg);
background-size:cover;
background-position: center center;

position:absolute;
float:left;
top:0px;
left:101%;
z-index:134;

  -moz-transition-duration: 0.63s;
 -o-transition-duration: 0.63s;
 -webkit-transition-duration: 0.63s;
 transition-duration: 0.63s;

}

#a_slideshow_a.on {
display:block;


}


#a_slideshow_b.on,
#a_slideshow_c.on,
#a_slideshow_d.on,
#a_slideshow_e.on,
#a_slideshow_f.on,
#a_slideshow_g.on,
#a_slideshow_h.on,
#a_slideshow_i.on {
left:0%;

}






#imaginate_right_text_holder {
position:absolute;
display:block;
width:100%;
height:100%;
float:left;
z-index:222;
top:0px;
left:0px;
padding: 45px;

}


span#imaginate_b_text {
display:inline-block;
width: 100%;
text-align:center;
color:#fff;
font-family: 'corbeau_bold';
font-size: 33px;

}

span#imaginate_b_text span {
display:inline;
width: auto;
font-size: inherit;
opacity:0;

}



/* ################################################# */
/* ################################################# */
/* ################################################# */
/* ############     LOWER HOMEPAGE    ############## */
/* ################################################# */
/* ################################################# */
/* ################################################# */

#imaginate_more {
position:relative;
display:block;
width:100%;
height: 77%;
background:#22D5FF;
}

#imaginate_more.on {


}

#imaginate_more #imag_more_piece_a {

display:inline-block;
width:49.98%;
height:49.98%;
background:#FF4A33;
padding:25px 25px;
color:#fff;
font-size:14px;
text-align:left;
font-family:'corbeau_bold';
vertical-align: top;


}

#imaginate_more #imag_more_piece_b {
display:inline-block;
width:49.98%;
height:49.98%;
background:#226AFF;
padding:25px 25px;
color:#fff;
font-size:14px;
text-align:left;
font-family:'corbeau_bold';
vertical-align: top;

}


#imaginate_more.on #imag_more_piece_a,
#imaginate_more.on #imag_more_piece_b {


}

#imag_more_b_mobile {
display:inline;

}

#imag_more_b_desktop {
display:none;

}

#imag_more_piece_c {
display:block;
width:100%;
height:49.98%;
background:#22D5FF;
padding:45px 45px;
color:#fff;
font-size:25px;
text-align:left;
font-family:'corbeau_bold';
vertical-align: top;

}


#imag_more_dialog {
position:absolute;
display:none;


}

/* ################################################# */
/* ################################################# */
/* ################################################# */
/* ############    HOME LOWER LOWER    ############# */
/* ################################################# */
/* ################################################# */
/* ################################################# */

#quote_sky,
#quote_fields {
position:relative;
display:block;
width:100%;
height: 77%;



}

#quote_sky{
background:#2293FF;

overflow:hidden;

}


span#quote_sky_title {
display:block;
width:100%;
text-align:center;
font-size:37px;
font-family:'corbeau_bold';
color:#fff;
margin:0 0 25px 0;


}


#quotes_track {
position:relative;
display:block;
width:100%;
height:313px;
overflow:hidden;

}






#quotes_slider {
position:absolute;
display:block;
width:300%;
height:313px;
float:left;
z-index:3;
top:0px;
left:0%;
font-size:0px;

  -moz-transition-duration: 0.43s;
 -o-transition-duration: 0.43s;
 -webkit-transition-duration: 0.43s;
 transition-duration: 0.43s;

}


#quotes_slider.b {
left:-100%;

}


#quotes_slider.b.c {
left:-200%;

}


.quote_testimonial {
position:relative;
display:inline-block;
width:33.32%;
height:313px;
text-align:center;
padding: 0 2.1663%;

}


.quote_content {
display:inline-block;
width:100%;
max-width:515px;
height:auto;
text-align: left;
font-size:17px; 
color:#fff;
font-family:'corbeau_medium';
margin:0 0 0 0px;


}

.quote_id_holder {
display:block;
width:100%;
text-align:center;

}

.quote_id_holder img {
display:inline-block;
width:67px;
height:auto;
border-radius:67px;
margin:0 13px 0 0;
vertical-align: top;

}

span.quote_name {
display:inline-block;
width:auto;
height:67px;
padding:0px;
line-height: 1.2;
vertical-align: top;
text-align: left;
padding:11px 0 0 0;
margin: 0 65px 0 0;


}







#quote_fields {
position:relative;
display:block;
width:100%;
height:auto;
padding:45px 6.5%;
margin:0px;
background:#FFC70E;

}

#fairy_graphic {
display:none;
width:100%;
text-align: center;
margin:0 0 45px 0;

}

#fairy_graphic img {
display: none;
width:auto;
max-width: 477px;
height:auto;

}

#vincent {
display:none;
width: 100%;
vertical-align: top;
text-align: left;
font-size:37px;
color:#FF7900;
font-family:'corbeau_bold';


}


#fairy {
display:inline-block;
width: 100%;
padding:0px;
vertical-align: top;
text-align: left;
font-size:22px;
color:#000;
font-family:'corbeau_bold';
margin:0 0px 0 0;

}


img#fairy_snake {
position:absolute;
display:none;
width:29%;
height:auto;
float:left;
z-index:5;
right:0px;
bottom:-77px;


}






/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############     OLD HOMEPAGE    ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */


#intro_screen {
position:relative;
display:block;
width:100%;
height:100%;

}

.home #intro_screen {
position:relative;
display:none;
width:100%;
height:100%;
height: calc(100% - 90px);

}

.pad-line {
position: absolute;
display:inline-block;
float: left;
z-index:4;
line-height: 1.2; 
padding: 2px 0;
font-size:  100%;
margin:  0px;

}

.home .pad-line {
bottom: 25px;
right: 25px;

}

.pad-line-inner {
background:#ddd;
display: inline;
padding: 0.15em 9px;
color: #fff;
font-size:  25px;
font-family:  'corbeau_bold', Arial;  
/* Needs prefixing */
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
white-space: nowrap;

}

.home .pad-line-inner {
background:#ff2525;

}

#intro_arrow {
display:none;
background:none;    

}

#triangle {
position:absolute;
display:none;
float: left;
z-index:2;   
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;


}

.home #triangle {
bottom: 55px;
right: 12%;
right: calc(7% + 245px);
border-top: 50px solid #fff;

}

#arrow_stem {
position:absolute;
display:none;
float: left;
z-index:2;
bottom: 97px;
right: 12%;
right: calc(7% + 245px + 17.5px);
width: 15px;
height:45px;
height:calc(21% - 25px - 67px);



}

.home #arrow_stem {
bottom: 97px;
right: 12%;
right: calc(7% + 245px + 17.5px);
height:calc(21% - 25px - 97px);
background:#fff;

}

.home_main_text {
position: relative;
display:block;
width:100%;
height: auto;
padding: 135px 6.5% 45px 6.5%;
text-align: center;
background:#04b3e6;
color:#fff;
font-size: 0px;

}

#home_main_text_left {
display:inline-block;
width:100%;
height:auto;
margin:0 0px 0em 0;
padding: 0px 0 0 0;
vertical-align: top; 
font-size: 19px;
line-height:1.3; 
text-align: left;


}

#portfolio_btn {
display:none;
color:#fff;
margin: 0em 0 0 0;
padding: 0px 11px;
background:#36d2ff;
border-radius:4px;
font-family:'corbeau_bold';
font-size: 0px;


}

#portfolio_btn span {
font-family:'symbols';
margin: 0 0 0 7px;

}

#portfolio_btn:hover {
background:#23c6f5;

}

#home_main_text_right {
display:inline-block;
width:100%;
height:auto;
margin:0 0px 0 0;
vertical-align: top; 
font-size: 37px;
text-align: left;
line-height:1.2;


}

#portfolio_pre {
display:block;
width:100%;
height: auto;
padding: 45px 25px 45px 25px;
text-align:center;
background:#fff;

border-bottom: 22px solid #111;

}

span#portfolio_pre_title {
display:inline-block;
width:auto;
font-size:27px;
color:#111;
font-family:'corbeau_bold';
text-align:left;
line-height:1.1;

}


#home_portfolio {
position:relative;
display:block;
width:100%;
height:auto;
background:none;
color:#111;


}

.portfolio_piece {
display:inline-block;
background:red;
font-size:22px;
color:#fff;
line-height: 1.5;
width:100%;
height:395px;
border-bottom: 22px solid #111;



}

.portfolio_piece h2 {
display:block;
width:100%;
text-align:center;
margin: 0 0 2px 0px;
padding:0px;
font-size: 23px;
line-height: 1;

}

.portfolio_piece td {
background-color: rgba(0,0,0,0.13);

}

.portfolio_piece td:hover {
background-color: rgba(0,0,0,0);

}

.portfolio_piece span {
font-family:'corbeau_medium';

}

#portfolio_a {
background:url(../images/work_preview_9.jpg);
background-size:cover;
background-position:center center;
}

#portfolio_b {

background:url(../images/work_preview_44.jpg);
background-size:cover;
background-position:center center;

}

#portfolio_c {

background:url(../images/work_preview_41.jpg);
background-size:cover;
background-position:center center;

}

#portfolio_d {
background:url(../images/work_preview_43.jpg);
background-size:cover;
background-position:top right;

}

#wide_portfolio_piece {
position:relative;
display:inline-block;
width:100%;
height:auto;
font-size:22px;
color:#fff;
line-height: 1.5;


}

#wide_portfolio_piece img {
display:block;
width:100%;
height:auto;

}

#over_img_div {
position: absolute;
display:inline-block;
float:left;
z-index:3;
top:0px;
left:0px;
width:100%;
height:100%;

}

#over_img_div td {
background-color: rgba(0,0,0,0.2);

}

#over_img_div td:hover {
background-color: rgba(0,0,0,0.1);

}

#over_img_div span {
font-family:'corbeau_medium';

}


#acknowledgement_home {
display:none;

}


/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ##############################          PAGES STYLES          ############################# */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############     ABOUT PAGE      ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

.about #intro_screen {

background:#1e4212;

}


#about_intro_word {
position:relative;
display:inline-block;
width:90%;
max-width:447px;
font-size: 52px;
color:#63d33f;
text-align:left;

}

#about_intro_word span {
display:block;
width:100%;
color:#52d627;

}

#about_intro_button {
position:absolute;
display:block;
width:100%;
text-align:center;
float: left;
top:100%;
left:0px;
z-index:4;

}

#about_intro_button button {
display:inline-block; 
padding: 5px;
font-size:55px;
color:#35801d;
font-family:'symbols';
margin:25px 25px 0 0;

}

.about_skills {
display:block;
width:100%;
height:auto;
padding: 135px 22px 91px 22px;
background: #265317;

}

#about_skills_holder {
display:inline-block;
width:100%;
max-width: 1345px;
text-align: center;

}

#skills_title {
display:block;
width:100%;
text-align: center;
font-size: 27px;
color:#48c62d;
font-family:'corbeau_bold';
font-weight: 900;

}

#skills {
display:block;
width:100%;
text-align:center;

margin: 45px 0 0 0;
font-size: 0px;

}

.skill {
display:inline-block;
vertical-align: top;
width: 175px;
height: auto;
padding: 0 22px 44px 22px;


}

.skill img {
display:inline-block;
width:100%;
height: auto;
border-radius: 955px;
margin: 0 0 25px 0;

}


.skill span {
display: block;
width:100%;
padding: 0 11px;
font-size: 15px;
font-family:'corbeau_bold';
font-weight: 900;
color:#48c62d;
text-align: center;


}



.about_main_text {
display:block;
width:100%;
height:auto;
padding: 0px;
color:#fff;
font-size: 0px;
margin:0px;
background:#2e651c;
text-align:left;


}

#bios_holder {
display:inline-block;
width:100%;
max-width: 1225px;
text-align:left;


}

.bio {
display:inline-block;
width: 100%;
margin: 0 0px 35px 0px;

}

.bio img {
display:inline-block;
width:100%;
height:auto;
border-radius:0px;
margin: 0 0 25px 0;


}

span.person_name {
display:block;
width:100%;
text-align:left;
font-family:'corbeau_bold';
font-size: 35px;
font-weight:900;
color:#9bd825;
margin: 0 0 11px 0;
padding: 0 6.5%;

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}

.bio_text {
display:block;
width:100%;
text-align:left;
font-family:'corbeau_medium';
font-size: 19px;
font-weight:400;
color:#8bc333;
padding: 0 6.5%;

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}


#about_call_to_action {
display:block;
width:100%;
height: auto;
text-align:center;
background:#92a81d;
color:#fff;
padding: 45px 6.5%;

}

#about_call_to_action_text {
display:inline-block;
width:100%;
max-width: 555px;

text-align:left;
font-size: 25px;
font-family:'corbeau_bold';

color:#46511d;


}



/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############    CARBON PAGE      ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

.offsetting #intro_screen {
position:relative;
display:block;
width:100%;
height:77%;


}

.offsetting .pad-line {
bottom: 17%;
left: 25px;

}

.offsetting .pad-line-inner {
background:#6eb402;

}

.offsetting #triangle {
bottom: 25px;
right: 12%;
right: calc(5% + 115px);
border-top: 50px solid #fff;
display:none;

}


.offsetting #arrow_stem {
bottom: 67px;
right: 12%;
right: calc(5% + 115px + 17.5px);
background:#fff;
display:none;

}

.carbon_main {
display:block;
width:100%;
height:auto;
padding: 45px 6.5%;
background:#c1eb17;
color:#000;



}



.carbon_main div {
display:inline-block;
width: 100%;
text-align:left;
font-size: 19px;
font-family:'corbeau_medium';

}




/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############    IMAGEO PAGE       ############## */
/* ################################################# */
/* ################################################# */
/* ################################################# */

#imageo_intro_body_holder {
position:absolute;
display:block;
width:100%;
height:100%;
float:left;
top:0%;
left:0px;
z-index:0;
font-size:0px;
overflow:hidden;

opacity:1;

-moz-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-webkit-transition-duration: 0.9s;
transition-duration: 0.9s;

}

#imageo_intro_body_holder.fade {


}


#intro_screen_imageo {
position: absolute;	
display: block;


width: 100%;
height: 100%;

float: left;

z-index: 3;

top: 0px;
left: 0px;

opacity:1;

-moz-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-webkit-transition-duration: 0.9s;
transition-duration: 0.9s;

}




#intro_screen_imageo.fade {
opacity:0;


}


#intro_screen_bg {
position: absolute;
display: block;

width: 100%;

width: calc(100% + 5px);

height: 100%;

overflow: hidden;

float: left;

z-index: 1;

top: 0px;
left: 0px;

font-size: 0px;



}

#intro_screen_bg img {
display: inline-block;
width: 19.98%;
width: calc(20% - 1px);
width: calc(25% - 1px);

height: auto;

}

#intro_screen_bg_over {
position: absolute;
display: block; 

width: 100%;
height: 100%;

top: 0px;
left: 0px;

float: left;

z-index: 2;

background: #000;

opacity: 0.6;


-moz-transition-duration: 1.9s;
-o-transition-duration: 1.9s;
-webkit-transition-duration: 1.9s;
transition-duration: 1.9s;



}

#intro_screen_bg_over.fade {
background:#cdcdcd;
background: #B50700;
opacity: 1;

}


#intro_screen_bg_over.fade.d {
background:#C1EB17;
background: #22C4FF;
background:#eee;
opacity: 1;

}

table,
tr {
width: 100%;
height: 100%;


}


td {
width: 100%;
height: 100%;

text-align: center;
vertical-align: middle;


}




#intro_screen_imageo h2 {
color: #fff;

font-family: 'corbeau_bold';

font-size: 55px;

text-transform: uppercase;

margin: 0 auto 11px auto;
	
}



button#host_code,
button#host_code:visited {

display: inline-block;

font-family:'corbeau_bold';
margin: 5px 15px;

padding: 12px;

border-radius: 7px;

border: 2px solid #fff;
background: none;

font-size: 19px;
color: #fff;

letter-spacing: 0.5px;

-webkit-box-shadow: none;
box-shadow: none;

cursor: pointer;

line-height: 1;
text-shadow: none;

-webkit-appearance: none;
-webkit-border-radius: 7;


}


button#submit_code_start,
button#submit_code_start:visited {

display: inline-block;

margin: 5px 15px;

padding: 12px;

border-radius: 7px;

font-family:'corbeau_bold';

background: #fff;

font-size: 19px;
color: #111;



letter-spacing: 0.5px;


border: 2px solid #fff;


-webkit-box-shadow: none;
box-shadow: none;

cursor: pointer;

line-height: 1;
text-shadow: none;

-webkit-appearance: none;
-webkit-border-radius: 7;


}




button#submit_code_start span,
button#submit_code_start:visited span {
font-family: 'symbols';
color: #111;


}


button#submit_code_start_mobile {
display: none;


}





button#submit_code_start:hover,
button#begin_two:hover,
button#host_code:hover {
background: #fff;

color: #111;

}

button#submit_code_start:hover span {
color: #111;

}

button#submit_code_start:hover {
background: #FF0700;
border: 2px solid #FF0700;

}



#over_imageo_btns {
position:absolute;
display:none;
float: left;
z-index:4;
top:0px;
left:0px;

width:100%;
height: 100%;

}


#over_imageo_btns.on {
display:block;

}



#tour {
position:absolute;
display:none;
float:left;
z-index:5;

width:100%;
height:100%;

top:0px;
left:0%;

background:#cdcdcd;

opacity:0;

-moz-transition-duration: 1.9s;
-o-transition-duration: 1.9s;
-webkit-transition-duration: 1.9s;
transition-duration: 1.9s;

}


#tour.on {
display:block;

}

#tour.on.fadeIn {
opacity:1;

}

#tour.on.fadeIn.over {
left:-101%;


}



#tour_a {
display:inline-block;
width: 100%;
height:100%;
text-align:left;
margin: 0px;
padding: 135px 6.5% 35px 6.5%;


}


h2#tour_a_title {
display:block;
font-size: 33px;
color:#000;


-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;

}

span#tour_a_text {
display:block;
font-size: 21px;
color:#777;

-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;



}

span#tour_a_text span {
display:inline;
font-size:inherit;
color:#FF0700;


}


#tour_btns {
display:block;
width:100%;
text-align: center;

padding: 0 0px 0 0;


}


#tour_a_text button {
display: inline-block;

font-family:'corbeau_bold';
margin: 5px 15px 5px 15px;

padding: 12px;

border-radius: 7px;

background: #FF0700;
border: 2px solid #FF0700;
color: #fff;
font-size: 19px;
color: #fff;

letter-spacing: 0.5px;

-webkit-box-shadow: none;
box-shadow: none;

cursor: pointer;

line-height: 1;
text-shadow: none;

-webkit-appearance: none;
-webkit-border-radius: 7;


}

#tour_a_text a,
#tour_a_text a:visited {
display: inline-block;

margin: 5px 15px 5px 15px;

padding: 12px;

border-radius: 7px;

font-family:'corbeau_bold';

background: #fff;

font-size: 19px;
color: #111;



letter-spacing: 0.5px;


border: 2px solid #fff;


-webkit-box-shadow: none;
box-shadow: none;

cursor: pointer;

line-height: 1;
text-shadow: none;

-webkit-appearance: none;
-webkit-border-radius: 7;
	
}

#tour_a_text button span {
font-family: 'symbols';
color: #fff;
font-size: 16px;

}

#tour_a_text button:hover {
background: #C70700;
border: 2px solid #C70700;
	
}

#tour_a_text a:hover {
background: #FF0700;
border: 2px solid #FF0700;

}




















#demo {
position:absolute;
display:none;
float:left;
z-index:7;

width:100%;
height:100%;

top:0px;
left:101%;

background:#eee;

opacity:1;

-moz-transition-duration: 1.9s;
-o-transition-duration: 1.9s;
-webkit-transition-duration: 1.9s;
transition-duration: 1.9s;

}


#demo.on {
display:block;

}

#demo.on.fadeIn {
left:0%;

}


#demo_a {
display:inline-block;
width: 100%;
height:100%;
text-align:left;
margin: 0px;
padding: 135px 6.5% 35px 6.5%;


}


h2#demo_a_title {
display:block;
font-size: 33px;
color:#888;


-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;

}

span#demo_a_text {
display:block;
font-size: 21px;
color:#ababab;

-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;



}

span#demo_a_text span {
display:inline;
font-size:inherit;
color:#888;


}


#demo_btns {
display:block;
width:100%;
text-align: center;

padding: 0 0px 0 0;


}


#demo_a_text button {
display: inline-block;

font-family:'corbeau_bold';
margin: 5px 15px 5px 15px;

padding: 12px;

border-radius: 7px;

background: #FF0700;
border: 2px solid #FF0700;
color: #fff;
font-size: 19px;
color: #fff;

letter-spacing: 0.5px;

-webkit-box-shadow: none;
box-shadow: none;

cursor: pointer;

line-height: 1;
text-shadow: none;

-webkit-appearance: none;
-webkit-border-radius: 7;


}

#demo_a_text a,
#demo_a_text a:visited {
display: inline-block;

margin: 5px 15px 5px 15px;

padding: 12px;

border-radius: 7px;

font-family:'corbeau_bold';

background: #eee;

font-size: 19px;
color: #FF0700;



letter-spacing: 0.5px;


border: 2px solid #FF0700;


-webkit-box-shadow: none;
box-shadow: none;

cursor: pointer;

line-height: 1;
text-shadow: none;

-webkit-appearance: none;
-webkit-border-radius: 7;
	
}

#demo_a_text button span {
font-family: 'symbols';
color: #fff;
font-size: 16px;

}

#demo_a_text button:hover {
background: #C70700;
border: 2px solid #C70700;
	
}

#demo_a_text a:hover {
background: #FF0700;
border: 2px solid #FF0700;
color:#fff;

}



button#quick_BTN {
position:absolute;
display:inline-block;
width:auto;
background:#ccc;
color:#fff;


float: left;
z-index: 32;
bottom: 25px; 
left:6.5%;


padding: 12px;

border-radius: 7px;

font-family:'corbeau_bold';

background: #ccc;
background:#dcdcdc;
font-size: 19px;
color: #fff;



letter-spacing: 0.5px;


border: 0px solid #FF0700;


-webkit-box-shadow: none;
box-shadow: none;

cursor: pointer;

line-height: 1;
text-shadow: none;

-webkit-appearance: none;
-webkit-border-radius: 7;

margin: 0 15px 0 0;

opacity: 0;

-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;


}

button#quick_BTN.on {
margin: 0 0px 0 0;
opacity: 1;

}


button#quick_BTN.on.fade {
opacity: 0;

}

button#quick_BTN.on.fade.off {
display:none;

}

button#quick_BTN span {
display:inline; 
margin: 0 0 0 7px;
font-family:'symbols';

}


button#quick_BTN:hover {
background: #FF0700;

}




/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############       QUICK         ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */



#quick {
position:absolute;
display:none;
float:left:;
z-index:33;

width:100%;
height:100%;

top:0px;
left:0%;

background:#eee;

opacity:1;

-moz-transition-duration: 1.9s;
-o-transition-duration: 1.9s;
-webkit-transition-duration: 1.9s;
transition-duration: 1.9s;

}


#quick.on {
display:block;

}

#quick_a {
display:inline-block;
width: 100%;
height:100%;
text-align:left;
margin: 0px;
padding: 135px 6.5% 35px 6.5%;


}


h2#quick_a_title {
display:block;
font-size: 33px;
color:#888;


-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;

}

span#quick_a_text {
display:block;
font-size: 21px;
color:#ababab;

-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;



}

span#quick_a_text span {
display:inline;
font-size:inherit;
color:#888;


}


#quick_btns {
display:block;
width:100%;
text-align: center;

padding: 0 0px 0 0;


}


#quick_a_text button {
display: inline-block;

font-family:'corbeau_bold';
margin: 5px 15px 5px 15px;

padding: 12px;

border-radius: 7px;

background: #FF0700;
border: 2px solid #FF0700;
color: #fff;
font-size: 19px;
color: #fff;

letter-spacing: 0.5px;

-webkit-box-shadow: none;
box-shadow: none;

cursor: pointer;

line-height: 1;
text-shadow: none;

-webkit-appearance: none;
-webkit-border-radius: 7;


}

#quick_a_text a,
#quick_a_text a:visited {
display: inline-block;

margin: 5px 15px 5px 15px;

padding: 12px;

border-radius: 7px;

font-family:'corbeau_bold';

background: #eee;

font-size: 19px;
color: #FF0700;



letter-spacing: 0.5px;


border: 2px solid #FF0700;


-webkit-box-shadow: none;
box-shadow: none;

cursor: pointer;

line-height: 1;
text-shadow: none;

-webkit-appearance: none;
-webkit-border-radius: 7;
	
}

#quick_a_text button span {
font-family: 'symbols';
color: #fff;
font-size: 16px;

}

#quick_a_text button:hover {
background: #C70700;
border: 2px solid #C70700;
	
}

#quick_a_text a:hover {
background: #FF0700;
border: 2px solid #FF0700;
color:#fff;

}


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############     ANIMATION       ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */


#animation_holder {
position:absolute;
display:none;
width:100%;
height: auto;
float:left;
z-index: 9;

top:calc(50% - 189px);
top:115px;
left:0px;
text-align:center;


}

#animation_holder.on {
display:block;

}

#animation_holder td {
vertical-align: top;

}



#animation {
position:relative;
display:inline-block;
width:100%;
height:auto;
margin:auto;



}


#animation img {
position:absolute;
display:inline-block;
width:100%;
height:auto;
float:left;
top:0px;
left:0px;


}


#animation img#anim_z {
z-index:10;

}

#animation img#anim_a {
z-index:11;

}

#animation img#anim_b {
z-index:12;

}

#animation img#anim_c {
z-index:13;

}

#animation img#anim_d {
z-index:14;

}

#animation img#anim_e {
z-index:15;

}

#animation img#anim_f {
z-index:16;

}

#animation img#anim_g {
z-index:17;

}

#animation img#anim_h {
z-index:18;

}

#animation img#anim_i {
z-index:19;

}

#animation img#anim_j {
z-index:20;

}

#animation img#anim_k {
z-index:21;

}


#animation img#anim_l {
z-index:22;

}

#animation img#anim_m {
z-index:23;

}

#animation img#anim_n {
z-index:24;

}

#animation img#anim_o {
z-index:25;

}

#animation img#anim_p {
z-index:26;

}

#animation img#anim_q {
z-index:27;

}

#animation img#anim_r {
z-index:28;

}

#animation img#anim_s {
z-index:29;

}

#animation img#anim_t {
z-index:30;

}

#animation img#anim_u {
z-index:31;

}

#animation img#anim_v {
z-index:32;

}

#animation img#anim_w {
z-index:33;

}

#animation img#anim_x {
z-index:34;

}


#animation img#anim_a.off,
#animation img#anim_b.off,
#animation img#anim_c.off,
#animation img#anim_d.off,
#animation img#anim_e.off,
#animation img#anim_f.off,
#animation img#anim_g.off,
#animation img#anim_h.off,
#animation img#anim_i.off,
#animation img#anim_j.off,
#animation img#anim_k.off,
#animation img#anim_l.off,
#animation img#anim_m.off,
#animation img#anim_n.off,
#animation img#anim_o.off,
#animation img#anim_p.off,
#animation img#anim_q.off,
#animation img#anim_r.off,
#animation img#anim_s.off,
#animation img#anim_t.off,
#animation img#anim_u.off,
#animation img#anim_v.off,
#animation img#anim_w.off,
#animation img#anim_x.off,
#animation img#anim_z.off {
display:none;

}



/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############     LAND PAGE       ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */



.land #imaginate_intro {
height:auto;
max-height:auto;
background:none;


}

#land_intro_text_holder {
position:relative;
display:block;
width:100%;
height:455px;
text-align:left;
padding: 90px 6.5%;
background:#aaa;
background:#D99011;



}

#land_intro_text {
display:inline-block;
width:100%;
height:auto;
text-align:left;
font-size:19px; 
font-family: 'corbeau_bold';
color:#5E4C21;
color:#FFC70E;
color:#B62C1E;



}

#land_intro_text.off {
display:none;

}


#land_beauty_text {
display:none;
width:100%;
height:auto;
text-align:left;
font-size:19px; 
font-family: 'corbeau_bold';
color:#5E4C21;
color:#FF121C;
color:#B62C1E;

}

#land_beauty_text.begin {
display:inline-block;

}

#land_center_top {
position:relative;
display:block;
width:100%;
height:423px;
background:#C4261A;
background:url(../images/land_top_009.jpg);
background-size: cover;
background-position: center center;

border-bottom: solid 22px #111;
overflow:hidden;


}

#land_center_top_beauty {
position:absolute;
display:inline-block;
width:100%;
height:100%;
float:left;
z-index:33;
top:0px;
left:0px;
background:#C4261A;
background:url(../images/a_land_022.jpg);
background-size: cover;
background-position: center center;

-moz-transition-duration: 17.63s;
 -o-transition-duration: 17.63s;
 -webkit-transition-duration: 17.63s;
 transition-duration: 17.63s;

 opacity:0;

}

#land_center_top_beauty.begin {
 opacity:1;

 -moz-transition-duration: 17.63s;
 -o-transition-duration: 17.63s;
 -webkit-transition-duration: 17.63s;
 transition-duration: 17.63s;

}

#land_center_middle {
display:block;
width:100%;
height:413px;
background:#C4261A;
background:url(../images/imaginate_b.jpg);
background-size: cover;
background-position: center center;

border-bottom: solid 22px #111;

}

#land_center_btm {
display:none;
width:100%;
height:403px;
background:#C4261A;
background:#FF121C;
background:url(../images/a_land_019.jpg);
background-size:cover;
background-position:center center;

}


.land #imaginate_new_btn_holder {

bottom:auto;
top:calc(455px - 75px);
background:#FF121C;

}


#land_tagline_padding {
display:none;
width:100%;
height:0px;
background:#FFC70E;

}


#land_tagline {
display:none;
width:100%;
height:88%;
background:#FFC70E;
padding: 0px 0 0 0;
background:#000;
background:#220705;
background:#50110D;
background:#c1eb17;
background:#0d152c;



}

span#land_tagline_text {
display:inline-block;
max-width: 577px;
font-size:37px;
color:#111;
text-align: left;

color:#7B8E1D;
color:#BDAA17;
color:#E13527;


}


#land_intro_btm_padding {
display:block;
width:100%;
height: auto;
background:#E4D449;
background:#FFC70E;
padding: 0px;
text-align: center;

}

#land_panel_left {
display:inline-block;
width:100%;
height:777px;
background:url(../images/a_tablet_intro.jpg);
background-size:cover;
background-position:center center;
vertical-align: top;
margin:0 0px 0 0;

}

#land_panel_right {
display:inline-block;
width:100%;
height:auto;
background:#2284FF;

padding: 45px 6.5%;

}

span#Creator_blessing {
display:inline-block;
width:100%;
height:auto;
font-size:23px;
font-family: 'corbeau_bold';
text-align: left;
color:#FFC70E;

}







/* ################################################# */
/* ################################################# */
/* ################################################# */
/* ###########     OLD LAND PAGE       ############# */
/* ################################################# */
/* ################################################# */
/* ################################################# */



.land #intro_screen {
position:relative;
display:block;
width:100%;
height:77%;

}

.land .pad-line {
bottom: 25px;
left: 25px;

}

.land .pad-line-inner {
background:#6eb402;


}

.land #triangle {
bottom: 25px;
right: 7%;
right: calc(70px + 255px);
border-top: 50px solid #fff;
display:none;
}


.land #arrow_stem {
bottom: 67px;
right: 8%;
right: calc(70px + 255px + 17.5px);
background:#fff;
display:none;
}


.land_main {
display:block;
width:100%;
height:auto;
padding: 135px 6.5% 45px 6.5%;
background:#c1eb17;
color:#000;
font-size: 19px;
font-family:'corbeau_medium';


}

.land_main div {
display:inline-block;
width: 100%;

text-align:left;
font-weight: 900;


}



/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############    CONTACT PAGE     ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

body.contact {

}




/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############      FOOTER         ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */




#footer {
display:block;
width:100%;
height: auto;
background:#ebc617;
color:#000;
padding:45px 6.5%;


}

.contact #footer {
padding:45px 6.5% 135px 6.5%;


}

#footer_main_text {
display:inline-block;
width:100%;
max-width:855px;
font-size: 24px;
font-weight: 900;
text-align: left;
line-height:1.1;

}

#footer_main_email {
display:inline-block;
width:100%;
text-align:left;
margin: 24px 0 0 0;
font-size: 24px;
color:#000;


}

#footer_profiles {
display:inline-block;
width:100%;
text-align:left;
margin: 22px 0 0 0;
opacity: 0.67;


}

.profile {
display: inline-block;
width: 100%;
vertical-align: top;
font-size: 18px;
font-weight:900;
text-align: left;
line-height: 1.2;
margin: 0 0px 1.5em 0;


}

.profile span {
display: inline;
vertical-align: top;
font-size: 23px;
font-weight:900;
text-align: left;
line-height: 1.2;


}


/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ##############################                             ################################ */
/* ##############################                             ################################ */
/* ##############################     RESPONSIVE  STYLES      ################################ */
/* ##############################                             ################################ */
/* ##############################                             ################################ */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */


/* Small */
@media (min-width: 10px) {




}






/* ##########################################  LAPTOP BEGINS ##################################################  */



@media (min-width: 1250px) {




}


/* ############################################   DESKTOP VERSION   ################################################# */




@media (min-width: 1445px) {



}



@media (min-width: 1535px) {




}



@media (min-height: 100px) {




}



@media (min-height: 400px) {



}



@media (min-height: 450px) {



}





@media (min-height: 500px) {



}



@media (min-height: 550px) {





}






@media (min-height: 600px) {




}


@media (min-height: 650px) {




}










@media (min-height: 700px) {



}



@media (min-height: 750px) {



}









@media (min-height: 800px) {


}





@media (min-height: 900px) {



}













@media (min-height: 1000px) {




}



@media (min-height: 1200px) {




}

@media (min-height: 1300px) {





}




@media (min-height: 1400px) {




}



@media (min-height: 1600px) {




}


@media (min-height: 1800px) {




}

@media (min-height: 2000px) {




}


@media (min-height: 2300px) {



}


@media (min-height: 2500px) {




}


@media (min-height: 3200px) {






}




/* 
#############################################################

	Site Theme by Joel C. Anderson
	Version: 2.2.1
	Created: 2023
	Little Brother Media

#############################################################
*/