/* Someone bumboclaat OWE ME*/
html, body { margin:0; padding:0; height:100%; background:#000000; }
h1 { margin:5px 0 15px 0; font-size:22px; color:#333333; font-family: 'Comfortaa', 'Open Sans', sans-serif; font-weight: lighter;}
#wrapper { min-height:100%; position:relative; max-width:1100px; margin:0 auto; background: #ccc url(../images/bkgzzz.jpg) repeat-y left top;}
#wrappergal { min-height:100%; position:relative; max-width:1100px; margin:0 auto; background: #000000;}
#header { background:#000000; height:8px; }
#content { padding-bottom:70px;/* height:92%; overflow: auto;Height of the footer element  background-image: url(../images/bkgzzz.jpg) repeat-y left top;*/ }
#footer { background:#ffffff; width:100%; height:70px; position:absolute; bottom:0; left:0; }
#clearfooter { height: 70px; clear: both; }
nav { position: relative; text-align: right; letter-spacing: 1px; padding:0px 0px 0px 0px;}/*???*/
nav ul li{ display:inline-block; padding: 4px 20px 0px 0px; }
nav ul li a{ font-family: 'Comfortaa', sans-serif; font-size: 13px; text-transform:uppercase; transition: all .25s ease; }
ul.primary { padding:0px 0px 0px 0px; margin:0 auto;}
ul.primary a{ color: #ffffff; padding:5px 5px 5px 5px; background: #5f5f5f; text-decoration: none; }
ul.primary li:hover a { color: #fff; /*padding:10px 10px 10px 10px; background: #ccc url(../images/WTSQ-255.jpg) repeat-y left top;*/ }
ul.primary li:hover > a{ color: #fff;}
a { text-decoration:none; color:inherit; transition: color .5s ease; }
#mobileMenu { position: fixed; top: 0; left: 0; width: 100%; display: none; }
#mobileMenu ul li { display:block; color: #fff; padding: 13px 0; letter-spacing: 0.1em; text-align: center; text-transform: uppercase; border-bottom: 1px solid #1b1b1b; background:#000000; background-repeat: repeat; font-size: 12px; font-family: 'Comfortaa', 'Open Sans', sans-serif;}
.toggleMobile { display: none; }
/* BITCHYCOLUMNZZZ */
#text_columns { line-height:25px; font-family: 'Comfortaa', sans-serif; clear:both; width:auto; max-width:1100px; margin:0 auto;}
#text_columns article.column1, #text_columns .column2
{ margin: 0px 10px 0px 0px; font-size:13px; float:left; width:auto; max-width: 500px; }
#text_columns .column1
{ background:#ffffff; text-align: left; color: #000000; padding: 30px 20px 20px 20px; }
#text_columns .column2
{ margin: 300px 0px 0px 0px; text-align: right; padding: 0px 0px 0px 0px; float:right; color: #ffffff; font-size:12px}
#txtwraprt { text-align:right; max-width:300px; padding: 20px 0px 0px 0px; float:right;}
#img-container img { max-width:350px; width: 100%; height: auto; }
#img-container2 img { max-width:200px; width: 100%; height: auto; }
#img-container3 img { max-width:450px; width: 100%; height: auto; }
.centered { margin: 10px auto; text-align: left; width: auto; font-family: 'Open Sans', sans-serif; font-size: 10px; color: #333333; }
ul.a {list-style-type: circle; margin: 0px 0px 0px 18px; line-height:20px; font-family: 'Open Sans', sans-serif; font-size: 14px;}
ul.b {list-style-type: square; margin: 0px 0px 0px 18px; line-height:20px; font-family: 'Open Sans', sans-serif; font-size: 14px;}
ul.b a{color:#659acc;}
ul.c {list-style-type: none; padding: 0px; margin: 0px; line-height:20px; font-family: 'Open Sans', sans-serif; font-size: 14px;}
ul.c a{color:#659acc;}
ul.c li{background-image: url(../images/fb.png); background-repeat: no-repeat; background-position: 0px center; padding-left: 23px;}
ul.d {list-style-type: none; padding: 0px; margin: 0px; line-height:20px; font-family: 'Open Sans', sans-serif; font-size: 14px;}
ul.d a{color:#659acc;}
ul.d li{background-image: url(../images/wp-18.jpg); background-repeat: no-repeat; background-position: 0px center; padding-left: 23px;}
/* Prevent the slideshow from flashing on load */
.slidesjs-container { border-top: 1px #d6d0c1 solid; }
#slides { display: none }
/* Center the slideshow */
.container { width:auto; margin: 0 auto; position:relative; }
/* MISC */
.clear { clear:both; }
.hidden { position:absolute; clip: rect(1px 1px 1px 1px); /* IE6 & 7 */ clip: rect(1px, 1px, 1px, 1px); }
.fadeIn {opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;-o-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.fadeIn-3s {-webkit-animation-duration:3s;-moz-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}
.fadeIn-5s {-webkit-animation-duration:5s;-moz-animation-duration:5s;-o-animation-duration:5s;animation-duration:5s;}
.fadeIn-Delay-3s {-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s;}
.fadeIn-Delay-5s {-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;}
/* GALLERY */
.h2fix { margin: 50px 0px 10px 0px; text-align: center; width: auto; font-family: 'Comfortaa', sans-serif; color: #000000; }
#paintbox { width:auto; max-width:750px; margin:0 auto; padding:10px 0px 0px 0px; }
#back_to_camera { clear: both; display: block; height: 80px; line-height: 40px; padding: 20px; }
 .fluid_container { margin: 0 auto; max-width: 1000px; width: 90%; }
/* HOME */
#homeslice { width:100%; max-width:1100px; margin:0 auto; padding:10px 0px 5px 0px; }
#logo-container { text-align: center; width: auto; margin-left: auto; margin-right: auto; }
#logo-container img { max-width:433px; width: 100%; height: auto; }
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 15px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* PRESS COLUMNS */
#pr_columns
{
        line-height:23px;
        font-family: 'Comfortaa', sans-serif;
        clear:both;
        width:auto;
        width: 100%;
		max-width:1100px;
        margin:0 auto;
}
#pr_columns article.column1, #pr_columns .column2
{
        margin: 0px 10px 0px 0px;
        font-size:12px;
        float:left;
        width:auto;
        max-width: 400px;
}
#pr_columns .column1
{ text-align: left; color: #ffffff; padding: 30px 20px 20px 20px; position:absolute; bottom:100px; float: left; }
#pr_columns .column1 h3
{ text-align: left; margin:0px 0px -13px 0px; font-size:14px; color:#ffffff; font-family: 'Comfortaa', cursive; font-weight: 400;}
#pr_columns .column2
{
        margin: 300px 0px 0px 0px;
		text-align: right;
		padding: 0px 20px 0px 0px;
		float:right;
}
#prmain
{
        width:100%;
		max-width:1200px;
		height:99%;
        min-height:650px;
        margin:0 auto;
        padding:20px 0px 20px 0px;
		background-image:url(../img/p_main-blank.jpg);
		background-size: 100% auto;
		background-repeat: no-repeat;
}
#prtbl
{
}
#img-containerpr img {
   max-width:400px;
   width: 100%;
   height: auto;
}
#pr-main img {
   max-width:1024px;
   width: 100%;
   height: auto;
}

@media (max-width: 960px)
{
#wrapper { background: #000000;}
nav { text-align: center; }
nav ul li{ background: #ffffff; }
footer { background:#ffffff; width:100%; height:60px; position:absolute; bottom:0; }
ul.primary a { padding:5px 5px 5px 5px; background: none; color: #333333;}
ul.primary li:hover a { background: none; color: #999999; }
ul.primary li:hover ul { display: block; color: #fff; }
header { margin-top: 45px; text-align: center; }

#mobileMenu { display: block; z-index: 99; }
 .toggleMobile { position: fixed; top: 8px; left: 5px; display: block; width: 30px; height: 36px; cursor: pointer; z-index: 999; }
 .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
  { display: block; position: absolute; width: 30px; height: 4px; left: 0; background: #ffffff; 
  -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
 .toggleMobile span.menu1 { top: 0; }
 .toggleMobile span.menu2 { top: 10px; }
 .toggleMobile span.menu3 { top: 20px; }
 .toggleMobile.active span.menu1 { top: 10px;  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform:   rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.25, 0.75); transition: all 0.5s cubic-bezier(0.75, 0.25, 0.25, 0.75); }
        .toggleMobile.active span.menu2
        {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.25, 0.75);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.25, 0.75);
        }
        .toggleMobile.active span.menu3
        {
                opacity: 0;
                -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        } 
 header nav { display:none; }
 header h1 { font-size:40px; }
 header p { margin-left: 60px; font-size:14px; } 
 #text_columns { float:none; position: relative; text-align:center; }
 #text_columns article.column1, #text_columns .column2
   { display: inline-block; float:none; max-width: 500px; margin: 0px 10px 0px 10px; width:auto; }
 #text_columns .column2
   { text-align: center; padding: 0px 0px 0px 0px; float:none; margin:20px 20px 0px 20px; width:auto; }/* display:none; */
 #text_columns .column2 img
   { max-width:380px; width: 100%; height: auto; }
 #txtwraprt { float:none; text-align:right; max-width:380px; margin:20px 20px 0px 20px; width:auto;}
 #pr_columns .column2 img
   { max-width:380px; width: 100%; height: auto; }
 .h2fix { display:none;}
}
@media (max-width: 600px)
{#pr_columns .column1
{ text-align: left; color: #ffffff; padding: 30px 20px 20px 20px; position:absolute; float: left; top: 100px;}
#pr_columns .column2 img
   { max-width:280px; width: 100%; height: auto; position: absolute; top: 50px; left: 20px; display: block;}/* display: none;KEY */
 
}
/* KEYFRAMES */
@keyframes stylie-transform-keyframes {
  0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}
@keyframes stylie-transform2-keyframes {
  0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}
/* img fade kf logo*/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }